TS-componentize Computed tab's style property and style trace elements
This also helps future work, for example, Computed style grouping,
to be TS-componentized as well.
Bug: chromium:1106251, chromium:1096230
Change-Id: I2f8a977f4e3f701905354cb4edb15702cb8cd2a3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2336723
Commit-Queue: Changhao Han <[email protected]>
Reviewed-by: Paul Lewis <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
Reviewed-by: Mathias Bynens <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>
diff --git a/front_end/elements/ComputedStyleProperty_bridge.js b/front_end/elements/ComputedStyleProperty_bridge.js
new file mode 100644
index 0000000..f941999
--- /dev/null
+++ b/front_end/elements/ComputedStyleProperty_bridge.js
@@ -0,0 +1,40 @@
+// Copyright 2020 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+* WARNING: do not modify this file by hand!
+* it was automatically generated by the bridge generator
+* if you made changes to the source code and need to update this file, run:
+* npm run generate-bridge-file front_end/elements/ComputedStyleProperty.ts
+*/
+
+import './ComputedStyleProperty.js';
+/**
+* @typedef {{
+* inherited:boolean,
+* expanded:boolean,
+* onNavigateToSource:function(Event): void,
+* }}
+*/
+// @ts-ignore we export this for Closure not TS
+export let ComputedStylePropertyData;
+// eslint-disable-next-line no-unused-vars
+export class ComputedStylePropertyClosureInterface extends HTMLElement {
+ /**
+ */
+ isExpanded() {
+ }
+ /**
+ * @param {!ComputedStylePropertyData} data
+ */
+ set data(data) {
+ }
+}
+/**
+* @return {!ComputedStylePropertyClosureInterface}
+*/
+export function createComputedStyleProperty() {
+ return /** @type {!ComputedStylePropertyClosureInterface} */ (
+ document.createElement('devtools-computed-style-property'));
+}
