chrome-devtools-frontend 1.0.1014853 → 1.0.1015276

package/front_end/panels/elements/components/ElementsBreadcrumbs.ts

@@ -14,8 +14,7 @@ import {crumbsToRender} from './ElementsBreadcrumbsUtils.js';
 import type * as SDK from '../../../core/sdk/sdk.js';
 import type {DOMNode} from './Helper.js';
 
-import {NodeText} from './NodeText.js';
-import type {NodeTextData} from './NodeText.js';
+import * as NodeText from '../../../ui/components/node_text/node_text.js';
 
 const UIStrings = {
   /**
@@ -300,11 +299,11 @@ export class ElementsBreadcrumbs extends HTMLElement {
                       @mouseleave=${this.#onCrumbMouseLeave(crumb.node)}
                       @focus=${this.#onCrumbFocus(crumb.node)}
                       @blur=${this.#onCrumbBlur(crumb.node)}
-                    ><${NodeText.litTagName} data-node-title=${crumb.title.main} .data=${{
+                    ><${NodeText.NodeText.NodeText.litTagName} data-node-title=${crumb.title.main} .data=${{
                       nodeTitle: crumb.title.main,
                       nodeId: crumb.title.extras.id,
                       nodeClasses: crumb.title.extras.classes,
-                    } as NodeTextData}></${NodeText.litTagName}></a>
+                    } as NodeText.NodeText.NodeTextData}></${NodeText.NodeText.NodeText.litTagName}></a>
                   </li>`;
               })}
             </ul>

package/front_end/panels/elements/components/LayoutPane.ts

@@ -10,10 +10,9 @@ import * as LitHtml from '../../../ui/lit-html/lit-html.js';
 import type {BooleanSetting, EnumSetting, Setting} from './LayoutPaneUtils.js';
 import type {LayoutElement} from './LayoutPaneUtils.js';
 
-import type {NodeTextData} from './NodeText.js';
-import {NodeText} from './NodeText.js';
 import layoutPaneStyles from '../layoutPane.css.js';
 import * as Input from '../../../ui/components/input/input.js';
+import * as NodeText from '../../../ui/components/node_text/node_text.js';
 // eslint-disable-next-line rulesdir/es_modules_import
 import inspectorCommonStyles from '../../../ui/legacy/inspectorCommon.css.js';
 
@@ -262,11 +261,11 @@ export class LayoutPane extends HTMLElement {
       <label data-element="true" class="checkbox-label">
         <input data-input="true" type="checkbox" .checked=${element.enabled} @change=${onElementToggle} />
         <span class="node-text-container" data-label="true" @mouseenter=${onMouseEnter} @mouseleave=${onMouseLeave}>
-          <${NodeText.litTagName} .data=${{
+          <${NodeText.NodeText.NodeText.litTagName} .data=${{
             nodeId: element.domId,
             nodeTitle: element.name,
             nodeClasses: element.domClasses,
-          } as NodeTextData}></${NodeText.litTagName}>
+          } as NodeText.NodeText.NodeTextData}></${NodeText.NodeText.NodeText.litTagName}>
         </span>
       </label>
       <label @keyup=${onColorLabelKeyUp} @keydown=${onColorLabelKeyDown} tabindex="0" title=${i18nString(UIStrings.chooseElementOverlayColor)} class="color-picker-label" style="background: ${element.color};">

package/front_end/panels/elements/components/QueryContainer.ts

@@ -5,11 +5,10 @@
 import * as SDK from '../../../core/sdk/sdk.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
+import * as NodeText from '../../../ui/components/node_text/node_text.js';
 import * as LitHtml from '../../../ui/lit-html/lit-html.js';
 
 import type {DOMNode} from './Helper.js';
-import {NodeText} from './NodeText.js';
-import type {NodeTextData} from './NodeText.js';
 import queryContainerStyles from './queryContainer.css.js';
 
 const {render, html} = LitHtml;
@@ -90,13 +89,13 @@ export class QueryContainer extends HTMLElement {
         @click=${this.#onContainerLinkClick}
         @mouseenter=${this.#onContainerLinkMouseEnter}
         @mouseleave=${this.#onContainerLinkMouseLeave}
-      ><${NodeText.litTagName}
+      ><${NodeText.NodeText.NodeText.litTagName}
           data-node-title=${nodeTitle}
           .data=${{
         nodeTitle,
         nodeId: idToDisplay,
         nodeClasses: classesToDisplay,
-      } as NodeTextData}></${NodeText.litTagName}></a>
+      } as NodeText.NodeText.NodeTextData}></${NodeText.NodeText.NodeText.litTagName}></a>
       ${this.#isContainerLinkHovered ? this.#renderQueriedSizeDetails() : LitHtml.nothing}
     `, this.#shadow, {
       host: this,

package/front_end/panels/elements/components/components.ts

@@ -15,7 +15,6 @@ import * as ElementsPanelLink from './ElementsPanelLink.js';
 import * as Helper from './Helper.js';
 import * as LayoutPane from './LayoutPane.js';
 import * as LayoutPaneUtils from './LayoutPaneUtils.js';
-import * as NodeText from './NodeText.js';
 import * as QueryContainer from './QueryContainer.js';
 import * as StylePropertyEditor from './StylePropertyEditor.js';
 
@@ -33,7 +32,6 @@ export {
   Helper,
   LayoutPane,
   LayoutPaneUtils,
-  NodeText,
   QueryContainer,
   StylePropertyEditor,
 };

package/front_end/{panels/elements/components → ui/components/node_text}/NodeText.ts

@@ -2,8 +2,9 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
 import * as LitHtml from '../../../ui/lit-html/lit-html.js';
+import * as ComponentHelpers from '../helpers/helpers.js';
+
 import nodeTextStyles from './nodeText.css.js';
 
 const {render, html} = LitHtml;

package/front_end/ui/components/node_text/node_text.ts

@@ -0,0 +1,9 @@
+// Copyright 2021 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.
+
+import * as NodeText from './NodeText.js';
+
+export {
+  NodeText,
+};

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "vpython third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.1014853"
+  "version": "1.0.1015276"
 }