chrome-devtools-frontend 1.0.1650677 → 1.0.1652307

package/front_end/panels/elements/elements.ts

@@ -23,6 +23,7 @@ import './StylesAiCodeCompletionProvider.js';
 import './StylePropertyTreeElement.js';
 import './ComputedStyleWidget.js';
 import './CSSRuleValidator.js';
+import './CSSSpecificityBreakdown.js';
 import './ElementsPanel.js';
 import './ClassesPaneWidget.js';
 import './ElementStatePaneWidget.js';
@@ -36,6 +37,7 @@ import * as ClassesPaneWidget from './ClassesPaneWidget.js';
 import * as ColorSwatchPopoverIcon from './ColorSwatchPopoverIcon.js';
 import * as ComputedStyleWidget from './ComputedStyleWidget.js';
 import * as CSSRuleValidator from './CSSRuleValidator.js';
+import * as CSSSpecificityBreakdown from './CSSSpecificityBreakdown.js';
 import * as CSSValueTraceView from './CSSValueTraceView.js';
 import * as DOMPath from './DOMPath.js';
 import * as ElementsPanel from './ElementsPanel.js';
@@ -73,6 +75,7 @@ export {
   ColorSwatchPopoverIcon,
   ComputedStyleWidget,
   CSSRuleValidator,
+  CSSSpecificityBreakdown,
   CSSValueTraceView,
   DOMPath,
   ElementsPanel,

package/front_end/panels/elements/stylesSidebarPane.css

@@ -326,3 +326,37 @@
 .section-block-expand-icon {
   margin-bottom: -4px;
 }
+
+.selector-specificity-tooltip-summary {
+  white-space: nowrap;
+}
+
+.selector-specificity-tooltip-disclosure {
+  > summary {
+    cursor: pointer;
+    white-space: nowrap;
+  }
+}
+
+.selector-specificity-tooltip-list {
+  margin: var(--sys-size-3) 0 0;
+  padding: 0;
+  list-style: none;
+
+  > li {
+    display: flex;
+    align-items: center;
+    gap: var(--sys-size-3);
+
+    &::before {
+      content: "";
+      flex: none;
+      width: var(--sys-size-3);
+      height: var(--sys-size-3);
+      border-radius: 50%;
+      background-color: currentcolor;
+      /* Aligns the bullet's center with the disclosure triangle above. */
+      margin-left: var(--sys-size-2);
+    }
+  }
+}

package/front_end/panels/layer_viewer/PaintProfilerView.ts

@@ -2,8 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable @devtools/no-imperative-dom-api */
-
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
@@ -266,7 +264,6 @@ export class PaintProfilerView extends Common.ObjectWrapper.eventMixin<EventType
 
   constructor(element?: HTMLElement, view: View = DEFAULT_VIEW) {
     super(element);
-    this.contentElement.classList.add('paint-profiler-overview');
     this.#view = view;
 
     this.innerBarWidth = 4 * window.devicePixelRatio;

package/front_end/panels/sources/ScopeChainSidebarPane.ts

@@ -191,18 +191,6 @@ export class ScopeChainSidebarPane extends UI.Widget.VBox implements UI.ContextF
     return scopeChainSidebarPaneInstance;
   }
 
-  /**
-   * @deprecated Required for legacy web tests via DebuggerTestRunner.js
-   */
-  get treeOutline(): ObjectUI.ObjectPropertiesSection.ObjectPropertiesSectionsTreeOutline|null {
-    const devtoolsTree = this.contentElement.querySelector('devtools-tree');
-    if (devtoolsTree) {
-      return (devtoolsTree as UI.TreeOutline.TreeViewElement).getInternalTreeOutlineForTest() as
-          ObjectUI.ObjectPropertiesSection.ObjectPropertiesSectionsTreeOutline;
-    }
-    return null;
-  }
-
   flavorChanged(callFrame: StackTrace.StackTrace.DebuggableFrameFlavor|null): void {
     this.#scopeChainModel?.dispose();
     this.#scopeChainModel = null;

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: 2f1db9960be2f98ba060d8856277091dc61ee03d
+Revision: 6582413b9079ea54aca3360b183c9206bc30ce81
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/package.json

@@ -91,5 +91,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1650677"
+  "version": "1.0.1652307"
 }