chrome-devtools-frontend 1.0.1689415 → 1.0.1690116

package/front_end/ui/legacy/components/inline_editor/BezierEditor.ts

@@ -14,7 +14,12 @@ import bezierEditorStyles from './bezierEditor.css.js';
 
 const PREVIEW_ANIMATION_DEBOUNCE_DELAY = 300;
 
-export class BezierEditor extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(UI.Widget.VBox) {
+const BezierEditorBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.VBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.VBox,
+    );
+
+export class BezierEditor extends BezierEditorBase {
   private model: AnimationTimingModel;
   private previewElement: HTMLElement;
   private readonly previewOnion: HTMLElement;

package/front_end/ui/legacy/components/inline_editor/CSSShadowEditor.ts

@@ -92,8 +92,12 @@ export class CSSLength {
   }
 }
 
-export class CSSShadowEditor extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
-    UI.Widget.VBox) {
+const CSSShadowEditorBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.VBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.VBox,
+    );
+
+export class CSSShadowEditor extends CSSShadowEditorBase {
   private readonly typeField: HTMLElement;
   private readonly outsetButton: HTMLElement;
   private readonly insetButton: HTMLElement;

package/front_end/ui/legacy/components/object_ui/objectPropertiesSection.css

@@ -90,6 +90,8 @@ li.object-properties-section  {
 
 .tree-outline.hide-selection-when-blurred .selected:focus-visible {
   background: none;
+  outline: var(--sys-size-2) solid var(--sys-color-state-focus-ring);
+  outline-offset: calc(-1 * var(--sys-size-2));
 }
 
 .tree-outline.hide-selection-when-blurred .selected:focus-visible ::slotted(*),

package/front_end/ui/legacy/components/perf_ui/FilmStripView.ts

@@ -37,7 +37,12 @@ const UIStrings = {
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/perf_ui/FilmStripView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-export class FilmStripView extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.HBox>(UI.Widget.HBox) {
+const FilmStripViewBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.HBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.HBox,
+    );
+
+export class FilmStripView extends FilmStripViewBase {
   private statusLabel: HTMLElement;
   private zeroTime: Trace.Types.Timing.Milli = Trace.Types.Timing.Milli(0);
   #filmStrip: Trace.Extras.FilmStrip.Data|null = null;

package/front_end/ui/legacy/components/perf_ui/FlameChart.ts

@@ -245,8 +245,12 @@ export type DrawOverride =
     (context: CanvasRenderingContext2D, x: number, y: number, width: number, height: number,
      timeToPosition: (time: number) => number, transformColor: (color: string) => string) => PositionOverride;
 
-export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(UI.Widget.VBox)
-    implements NetworkTimeCalculator.Calculator, ChartViewportDelegate {
+const FlameChartBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.VBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.VBox,
+    );
+
+export class FlameChart extends FlameChartBase implements NetworkTimeCalculator.Calculator, ChartViewportDelegate {
   private readonly flameChartDelegate: FlameChartDelegate;
   private chartViewport: ChartViewport;
   private dataProvider: FlameChartDataProvider;

package/front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts

@@ -6,7 +6,7 @@
 import * as Common from '../../../../core/common/common.js';
 import * as Trace from '../../../../models/trace/trace.js';
 import * as TraceBounds from '../../../../services/trace_bounds/trace_bounds.js';
-import * as VisualLoggging from '../../../visual_logging/visual_logging.js';
+import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
 import * as ThemeSupport from '../../theme_support/theme_support.js';
 
@@ -14,8 +14,12 @@ import {Events as OverviewGridEvents, OverviewGrid, type WindowChangedWithPositi
 import {TimelineOverviewCalculator} from './TimelineOverviewCalculator.js';
 import timelineOverviewInfoStyles from './timelineOverviewInfo.css.js';
 
-export class TimelineOverviewPane extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
-    UI.Widget.VBox) {
+const TimelineOverviewPaneBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.VBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.VBox,
+    );
+
+export class TimelineOverviewPane extends TimelineOverviewPaneBase {
   readonly overviewCalculator: TimelineOverviewCalculator;
   private readonly overviewGrid: OverviewGrid;
   private readonly cursorArea: HTMLElement;
@@ -41,7 +45,7 @@ export class TimelineOverviewPane extends Common.ObjectWrapper.eventMixin<EventT
     this.overviewCalculator = new TimelineOverviewCalculator();
     this.overviewGrid = new OverviewGrid(prefix, this.overviewCalculator);
     this.overviewGrid.element.setAttribute(
-        'jslog', `${VisualLoggging.timeline(`${prefix}-overview`).track({click: true, drag: true, hover: true})}`);
+        'jslog', `${VisualLogging.timeline(`${prefix}-overview`).track({click: true, drag: true, hover: true})}`);
     this.element.appendChild(this.overviewGrid.element);
     this.cursorArea = this.overviewGrid.element.createChild('div', 'overview-grid-cursor-area');
     this.cursorElement = this.overviewGrid.element.createChild('div', 'overview-grid-cursor-position');

package/front_end/ui/legacy/components/quick_open/FilteredListWidget.ts

@@ -44,8 +44,12 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/quick_open/FilteredListWidget.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
-    UI.Widget.VBox) implements UI.ListControl.ListDelegate<number> {
+const FilteredListWidgetBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.Widget.VBox> =
+    Common.ObjectWrapper.eventMixin(
+        UI.Widget.VBox,
+    );
+
+export class FilteredListWidget extends FilteredListWidgetBase implements UI.ListControl.ListDelegate<number> {
   private promptHistory: string[];
   private scoringTimer: number;
   private filterTimer: number;
@@ -154,8 +158,9 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
     this.inputBoxElement.setSuggestion(suggestion);
   }
 
-  setHintElement(hint: string): void {
+  setHintElement(hint: string, accessibleName: string): void {
     this.hintElement.textContent = hint;
+    UI.ARIAUtils.setLabel(this.hintElement, accessibleName);
   }
 
   showAsDialog(dialogTitle?: string): void {

package/front_end/ui/legacy/components/quick_open/QuickOpen.ts

@@ -17,6 +17,10 @@ const UIStrings = {
    * @description Hint text displayed below the quick open input prompt.
    */
   typeToSeeAvailableCommands: 'Type ? to see available commands',
+  /**
+   * @description Accessible text for the hint displayed below the quick open input prompt.
+   */
+  typeQuestionMarkToSeeAvailableCommands: 'Type question mark to see available commands',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/quick_open/QuickOpen.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -42,7 +46,8 @@ export class QuickOpenImpl {
     const quickOpen = new this();
     const filteredListWidget = new FilteredListWidget(null, history, quickOpen.queryChanged.bind(quickOpen));
     quickOpen.filteredListWidget = filteredListWidget;
-    filteredListWidget.setHintElement(i18nString(UIStrings.typeToSeeAvailableCommands));
+    filteredListWidget.setHintElement(i18nString(UIStrings.typeToSeeAvailableCommands),
+                                      i18nString(UIStrings.typeQuestionMarkToSeeAvailableCommands));
     filteredListWidget.showAsDialog();
     filteredListWidget.setQuery(query);
   }

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -117,8 +117,13 @@ export const LINE_NUMBER_FORMATTER = CodeMirror.Facet.define<FormatFn, FormatFn>
   },
 });
 
-export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.View.SimpleView>(
-    UI.View.SimpleView) implements UI.SearchableView.Searchable, UI.SearchableView.Replaceable, Transformer {
+const SourceFrameImplBase: Common.ObjectWrapper.EventMixin<EventTypes, typeof UI.View.SimpleView> =
+    Common.ObjectWrapper.eventMixin(
+        UI.View.SimpleView,
+    );
+
+export class SourceFrameImpl extends SourceFrameImplBase implements UI.SearchableView.Searchable,
+                                                                    UI.SearchableView.Replaceable, Transformer {
   private readonly lazyContent: () => Promise<TextUtils.ContentData.ContentDataOrError>;
   private prettyInternal: boolean;
   private rawContent: string|CodeMirror.Text|null;

package/package.json

@@ -54,7 +54,7 @@
     "chai": "6.2.2",
     "cssnano": "8.0.2",
     "cssnano-preset-lite": "5.0.1",
-    "esbuild": "0.25.1",
+    "esbuild": "0.28.2",
     "eslint": "9.39.5",
     "eslint-plugin-eslint-plugin": "7.4.2",
     "eslint-plugin-import": "2.32.0",
@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1689415"
+  "version": "1.0.1690116"
 }