chrome-devtools-frontend 1.0.1515796 → 1.0.1516909

package/front_end/ui/legacy/ProgressIndicator.ts

@@ -33,44 +33,57 @@ export class ProgressIndicator extends HTMLElement implements Common.Progress.Pr
     // using the 'no-stop-button' attribute on the element.
     if (!this.hasAttribute('no-stop-button')) {
       this.#stopButton = this.#contentElement.createChild('button', 'progress-indicator-shadow-stop-button');
-      this.#stopButton.addEventListener('click', this.cancel.bind(this));
+      this.#stopButton.addEventListener('click', () => {
+        this.canceled = true;
+      });
     }
   }
 
-  done(): void {
-    if (this.#isDone) {
+  set done(done: boolean) {
+    if (this.#isDone === done) {
       return;
     }
-    this.#isDone = true;
-    this.remove();
+    this.#isDone = done;
+    if (done) {
+      this.remove();
+    }
+  }
+
+  get done(): boolean {
+    return this.#isDone;
   }
 
-  cancel(): void {
-    this.#isCanceled = true;
+  set canceled(value: boolean) {
+    this.#isCanceled = value;
   }
 
-  isCanceled(): boolean {
+  get canceled(): boolean {
     return this.#isCanceled;
   }
 
-  setTitle(title: string): void {
+  override set title(title: string) {
     this.#labelElement.textContent = title;
   }
 
-  setTotalWork(totalWork: number): void {
+  override get title(): string {
+    return this.#labelElement.textContent ?? '';
+  }
+
+  set totalWork(totalWork: number) {
     this.#progressElement.max = totalWork;
   }
 
-  setWorked(worked: number, title?: string): void {
+  get totalWork(): number {
+    return this.#progressElement.max;
+  }
+
+  set worked(worked: number) {
     this.#worked = worked;
     this.#progressElement.value = worked;
-    if (title) {
-      this.setTitle(title);
-    }
   }
 
-  incrementWorked(worked?: number): void {
-    this.setWorked(this.#worked + (worked || 1));
+  get worked(): number {
+    return this.#worked;
   }
 }
 

package/front_end/ui/legacy/TabbedPane.ts

@@ -242,7 +242,7 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
 
     const focused = this.hasFocus();
     for (let i = 0; i < ids.length; ++i) {
-      this.innerCloseTab(ids[i], userGesture);
+      this.#closeTab(ids[i], userGesture);
     }
     this.requestUpdate();
     if (this.tabsHistory.length) {
@@ -253,7 +253,7 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
     }
   }
 
-  private innerCloseTab(id: string, userGesture?: boolean): true|undefined {
+  #closeTab(id: string, userGesture?: boolean): true|undefined {
     const tab = this.tabsById.get(id);
     if (!tab) {
       return;

package/front_end/ui/legacy/Treeoutline.ts

@@ -1618,8 +1618,8 @@ function getTreeNodes(nodeList: NodeList|Node[]): HTMLLIElement[] {
 
 /**
  * A tree element that can be used as progressive enhancement over a <ul> element. A `template` IDL attribute allows
- * additionally to insert the <ul> into a <template>, avoiding rendering anything into light DOM. The <ul> itself will
- * be cloned into shadow DOM and rendered there.
+ * additionally to insert the <ul> into a <template>, avoiding rendering anything into light DOM, which is recommended.
+ * The <ul> itself will be cloned into shadow DOM and rendered there.
  *
  * ## Usage ##
  *
@@ -1663,12 +1663,17 @@ function getTreeNodes(nodeList: NodeList|Node[]): HTMLLIElement[] {
  *
  * ## Event Handling ##
  *
+ * This section is only relevant if NOT using the `template`.
+ *
  * Since config elements are cloned into the shadow DOM, it's not possible to directly attach event listeners to the
- * children of config elements. Instead, the `HTMLElementWithLightDOMTemplate.on` directive should be used as a wrapper:
+ * children of config elements. Instead, the `UI.UIUtils.InterceptBindingDirective` directive needs to be used as a
+ * wrapper:
  * ```
- * <li role="treeitem">
+ * const on = Lit.Directive.directive(UI.UIUtils.InterceptBindingDirective);
+ *
+ * html`<li role="treeitem">
  *   <button @click=${on(clickHandler)}>click me</button>
- * </li>
+ * </li>`
  * ```
  *
  * @property template Define the tree contents

package/front_end/ui/legacy/UIUtils.ts

@@ -2181,17 +2181,15 @@ export function bindToAction(actionName: string): ReturnType<typeof Directives.r
   });
 }
 
-class InterceptBindingDirective extends Lit.Directive.Directive {
-  static readonly #interceptedBindings = new WeakMap<Element, Map<string, (e: Event) => void>>();
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+type BindingEventListener = (arg: any) => any;
+export class InterceptBindingDirective extends Lit.Directive.Directive {
+  static readonly #interceptedBindings = new WeakMap<Element, Map<string, BindingEventListener>>();
 
-  constructor(part: Lit.Directive.PartInfo) {
-    super(part);
+  override update(part: Lit.Directive.Part, [listener]: [BindingEventListener]): unknown {
     if (part.type !== Lit.Directive.PartType.EVENT) {
-      throw new Error('This directive is for event bindings only');
+      return listener;
     }
-  }
-
-  override update(part: Lit.Directive.EventPart, [listener]: [(e: Event) => void]): undefined {
     let eventListeners = InterceptBindingDirective.#interceptedBindings.get(part.element);
     if (!eventListeners) {
       eventListeners = new Map();
@@ -2202,7 +2200,8 @@ class InterceptBindingDirective extends Lit.Directive.Directive {
     return this.render(listener);
   }
 
-  render(_listener: (e: Event) => void): undefined {
+  /* eslint-disable-next-line @typescript-eslint/no-unsafe-function-type */
+  render(_listener: Function): undefined {
     return undefined;
   }
 
@@ -2218,7 +2217,6 @@ class InterceptBindingDirective extends Lit.Directive.Directive {
 }
 
 export class HTMLElementWithLightDOMTemplate extends HTMLElement {
-  static readonly on = Lit.Directive.directive(InterceptBindingDirective);
   readonly #mutationObserver = new MutationObserver(this.#onChange.bind(this));
   #contentTemplate: HTMLTemplateElement|null = null;
 
@@ -2238,6 +2236,39 @@ export class HTMLElementWithLightDOMTemplate extends HTMLElement {
     return clone;
   }
 
+  private static patchLitTemplate(template: Lit.LitTemplate): void {
+    const wrapper = Lit.Directive.directive(InterceptBindingDirective);
+    if (template === Lit.nothing) {
+      return;
+    }
+    template.values = template.values.map(patchValue);
+
+    function isLitTemplate(value: unknown): value is Lit.TemplateResult<1> {
+      return Boolean(
+          typeof value === 'object' && value && '_$litType$' in value && 'strings' in value && 'values' in value &&
+          value['_$litType$'] === 1);
+    }
+
+    function patchValue(value: unknown): unknown {
+      if (typeof value === 'function') {
+        try {
+          return wrapper(value);
+        } catch {
+          return value;
+        }
+      }
+      if (isLitTemplate(value)) {
+        HTMLElementWithLightDOMTemplate.patchLitTemplate(value);
+        return value;
+      }
+      if (Array.isArray(value)) {
+        return value.map(patchValue);
+      }
+
+      return value;
+    }
+  }
+
   set template(template: Lit.LitTemplate) {
     if (!this.#contentTemplate) {
       this.removeChildren();
@@ -2246,6 +2277,7 @@ export class HTMLElementWithLightDOMTemplate extends HTMLElement {
       this.#mutationObserver.observe(
           this.#contentTemplate.content, {childList: true, attributes: true, subtree: true, characterData: true});
     }
+    HTMLElementWithLightDOMTemplate.patchLitTemplate(template);
     // eslint-disable-next-line rulesdir/no-lit-render-outside-of-view
     render(template, this.#contentTemplate.content);
   }

package/front_end/ui/legacy/components/color_picker/Spectrum.ts

@@ -493,7 +493,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
       const positionFraction = (sliderPosition - hueAlphaLeft) / this.hueAlphaWidth;
       const newHue = 1 - positionFraction;
       hsva[0] = Platform.NumberUtilities.clamp(newHue, 0, 1);
-      this.innerSetColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
+      this.#setColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
       const color = getColorFromHsva(this.gamut, hsva);
       const colorValues = color.as(Common.Color.Format.HSL).canonicalHSLA();
       UI.ARIAUtils.setValueNow(this.hueElement, colorValues[0]);
@@ -506,7 +506,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
       const positionFraction = (sliderPosition - hueAlphaLeft) / this.hueAlphaWidth;
       const newAlpha = Math.round(positionFraction * 100) / 100;
       hsva[3] = Platform.NumberUtilities.clamp(newAlpha, 0, 1);
-      this.innerSetColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
+      this.#setColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
       const color = getColorFromHsva(this.gamut, hsva);
       const colorValues = color.as(Common.Color.Format.HSL).canonicalHSLA();
       UI.ARIAUtils.setValueText(this.alphaElement, colorValues[3]);
@@ -518,7 +518,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
       this.colorOffset = this.colorElement.getBoundingClientRect();
       hsva[1] = Platform.NumberUtilities.clamp((colorPosition.x - this.colorOffset.left) / this.dragWidth, 0, 1);
       hsva[2] = Platform.NumberUtilities.clamp(1 - (colorPosition.y - this.colorOffset.top) / this.dragHeight, 0, 1);
-      this.innerSetColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
+      this.#setColor(hsva, '', undefined /* colorName */, undefined, ChangeSource.Other);
     }
 
     function getUpdatedColorPosition(dragElement: Element, event: Event): {
@@ -959,7 +959,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
       const colorName = palette.colorNames[colorIndex];
       const color = Common.Color.parse(colorText);
       if (color) {
-        this.innerSetColor(
+        this.#setColor(
             color, colorText, colorName, palette.matchUserFormat ? this.colorFormat : color.format(),
             ChangeSource.Other);
       }
@@ -991,7 +991,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     if (event instanceof MouseEvent || Platform.KeyboardUtilities.isEnterOrSpaceKey(event)) {
       const color = Common.Color.parse(shade);
       if (color) {
-        this.innerSetColor(color, shade, shade, color.format(), ChangeSource.Other);
+        this.#setColor(color, shade, shade, color.format(), ChangeSource.Other);
       }
       // Continue bubbling so that the color picker will close and submit the selected color.
       return;
@@ -1063,14 +1063,14 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   }
 
   setColor(color: Common.Color.Color): void {
-    this.innerSetColor(color, '', undefined /* colorName */, color.format(), ChangeSource.Model);
+    this.#setColor(color, '', undefined /* colorName */, color.format(), ChangeSource.Model);
     const colorValues = color.as(Common.Color.Format.HSL).canonicalHSLA();
     UI.ARIAUtils.setValueNow(this.hueElement, colorValues[0]);
     UI.ARIAUtils.setValueText(this.alphaElement, colorValues[3]);
   }
 
   private colorSelected(color: Common.Color.Legacy): void {
-    this.innerSetColor(color, '', undefined /* colorName */, undefined /* colorFormat */, ChangeSource.Other);
+    this.#setColor(color, '', undefined /* colorName */, undefined /* colorFormat */, ChangeSource.Other);
   }
 
   get color(): Common.Color.Color {
@@ -1081,7 +1081,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     return getColorFromHsva(this.gamut, this.hsv);
   }
 
-  private innerSetColor(
+  #setColor(
       colorOrHsv: Common.Color.Color|Common.ColorUtils.Color4D|undefined, colorString: string|undefined,
       colorName: string|undefined, colorFormat: Common.Color.Format|undefined, changeSource: string): void {
     // It is important to do `undefined` check here since we want to update the
@@ -1289,7 +1289,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     const contextMenu = new FormatPickerContextMenu(this.color);
     this.isFormatPickerShown = true;
     await contextMenu.show(event, newColor => {
-      this.innerSetColor(newColor, undefined, undefined, newColor.format(), ChangeSource.Other);
+      this.#setColor(newColor, undefined, undefined, newColor.format(), ChangeSource.Other);
     });
     this.isFormatPickerShown = false;
   }
@@ -1306,7 +1306,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     if (!color) {
       return;
     }
-    this.innerSetColor(color, text, undefined /* colorName */, undefined /* colorFormat */, ChangeSource.Other);
+    this.#setColor(color, text, undefined /* colorName */, undefined /* colorFormat */, ChangeSource.Other);
     event.preventDefault();
   }
 
@@ -1360,7 +1360,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
       return;
     }
 
-    this.innerSetColor(color, undefined, undefined /* colorName */, colorFormat, ChangeSource.Input);
+    this.#setColor(color, undefined, undefined /* colorName */, colorFormat, ChangeSource.Input);
   }
 
   override wasShown(): void {
@@ -1369,7 +1369,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     this.dragWidth = this.colorElement.offsetWidth;
     this.dragHeight = this.colorElement.offsetHeight;
     this.colorDragElementHeight = this.colorDragElement.offsetHeight / 2;
-    this.innerSetColor(undefined, undefined, undefined /* colorName */, undefined, ChangeSource.Model);
+    this.#setColor(undefined, undefined, undefined /* colorName */, undefined, ChangeSource.Model);
     // When flag is turned on, eye dropper is not turned on by default.
     // This is because the global change of the cursor into a dropper will disturb the user.
     if (!IS_NATIVE_EYE_DROPPER_AVAILABLE) {
@@ -1426,7 +1426,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
         const hexColor = await eyeDropper.open({signal: this.eyeDropperAbortController.signal});
         const color = Common.Color.parse(hexColor.sRGBHex);
 
-        this.innerSetColor(color ?? undefined, '', undefined /* colorName */, undefined, ChangeSource.Other);
+        this.#setColor(color ?? undefined, '', undefined /* colorName */, undefined, ChangeSource.Other);
       } catch (error) {
         if (error.name !== 'AbortError') {
           console.error(error);
@@ -1445,7 +1445,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   }: Common.EventTarget.EventTargetEvent<Host.InspectorFrontendHostAPI.EyeDropperPickedColorEvent>): void {
     const rgba = [rgbColor.r, rgbColor.g, rgbColor.b, (rgbColor.a / 2.55 | 0) / 100];
     const color = Common.Color.Legacy.fromRGBA(rgba);
-    this.innerSetColor(color, '', undefined /* colorName */, undefined, ChangeSource.Other);
+    this.#setColor(color, '', undefined /* colorName */, undefined, ChangeSource.Other);
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront();
   }
 }

package/front_end/ui/legacy/components/data_grid/DataGrid.ts

@@ -212,7 +212,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     this.columns = {};
     this.visibleColumnsArray = columnsArray;
 
-    columnsArray.forEach(column => this.innerAddColumn(column));
+    columnsArray.forEach(column => this.#addColumn(column));
 
     this.cellClass = null;
 
@@ -409,12 +409,12 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     UI.ARIAUtils.LiveAnnouncer.alert(accessibleText);
   }
 
-  private innerAddColumn(column: ColumnDescriptor, position?: number): void {
+  #addColumn(column: ColumnDescriptor, position?: number): void {
     column.defaultWeight = column.weight;
 
     const columnId = column.id;
     if (columnId in this.columns) {
-      this.innerRemoveColumn(columnId);
+      this.#removeColumn(columnId);
     }
 
     if (position === undefined) {
@@ -472,10 +472,10 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   }
 
   addColumn(column: ColumnDescriptor, position?: number): void {
-    this.innerAddColumn(column, position);
+    this.#addColumn(column, position);
   }
 
-  private innerRemoveColumn(columnId: string): void {
+  #removeColumn(columnId: string): void {
     const column = this.columns[columnId];
     if (!column) {
       return;
@@ -491,7 +491,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   }
 
   removeColumn(columnId: string): void {
-    this.innerRemoveColumn(columnId);
+    this.#removeColumn(columnId);
   }
 
   setCellClass(cellClass: string): void {

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

@@ -1,32 +1,6 @@
-/**
- * Copyright (C) 2013 Google Inc. All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are
- * met:
- *
- *     * Redistributions of source code must retain the above copyright
- * notice, this list of conditions and the following disclaimer.
- *     * Redistributions in binary form must reproduce the above
- * copyright notice, this list of conditions and the following disclaimer
- * in the documentation and/or other materials provided with the
- * distribution.
- *     * Neither the name of Google Inc. nor the names of its
- * contributors may be used to endorse or promote products derived from
- * this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
- * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
- * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
- * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
- * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
- * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
- * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
- * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
- * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
+// Copyright 2013 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
 
 /* eslint-disable rulesdir/no-imperative-dom-api */
 

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

@@ -526,11 +526,11 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   protected async setContentDataOrError(contentDataPromise: Promise<TextUtils.ContentData.ContentDataOrError>):
       Promise<void> {
     const progressIndicator = document.createElement('devtools-progress');
-    progressIndicator.setTitle(i18nString(UIStrings.loading));
-    progressIndicator.setTotalWork(100);
+    progressIndicator.title = i18nString(UIStrings.loading);
+    progressIndicator.totalWork = 100;
     this.progressToolbarItem.element.appendChild(progressIndicator);
 
-    progressIndicator.setWorked(1);
+    progressIndicator.worked = 1;
     const contentData = await contentDataPromise;
 
     let error: string|undefined;
@@ -557,8 +557,8 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
       this.wasmDisassemblyInternal = null;
     }
 
-    progressIndicator.setWorked(100);
-    progressIndicator.done();
+    progressIndicator.worked = 100;
+    progressIndicator.done = true;
 
     if (this.rawContent === content && error === undefined) {
       return;
@@ -599,10 +599,10 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
     } else {
       this.positionToReveal = {...position, shouldHighlight};
     }
-    this.innerRevealPositionIfNeeded();
+    this.#revealPositionIfNeeded();
   }
 
-  private innerRevealPositionIfNeeded(): void {
+  #revealPositionIfNeeded(): void {
     if (!this.positionToReveal) {
       return;
     }
@@ -627,10 +627,10 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   scrollToLine(line: number): void {
     this.clearPositionToReveal();
     this.lineToScrollTo = line;
-    this.innerScrollToLineIfNeeded();
+    this.#scrollToLineIfNeeded();
   }
 
-  private innerScrollToLineIfNeeded(): void {
+  #scrollToLineIfNeeded(): void {
     if (this.lineToScrollTo !== null) {
       if (this.loaded && this.isShowing()) {
         const {textEditor} = this;
@@ -643,10 +643,10 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
 
   setSelection(textRange: TextUtils.TextRange.TextRange): void {
     this.selectionToSet = textRange;
-    this.innerSetSelectionIfNeeded();
+    this.#setSelectionIfNeeded();
   }
 
-  private innerSetSelectionIfNeeded(): void {
+  #setSelectionIfNeeded(): void {
     const sel = this.selectionToSet;
     if (sel && this.loaded && this.isShowing()) {
       const {textEditor} = this;
@@ -660,9 +660,9 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   }
 
   private wasShownOrLoaded(): void {
-    this.innerRevealPositionIfNeeded();
-    this.innerSetSelectionIfNeeded();
-    this.innerScrollToLineIfNeeded();
+    this.#revealPositionIfNeeded();
+    this.#setSelectionIfNeeded();
+    this.#scrollToLineIfNeeded();
     this.textEditor.shadowRoot?.querySelector('.cm-lineNumbers')
         ?.setAttribute('jslog', `${VisualLogging.gutter('line-numbers').track({click: true})}`);
     this.textEditor.shadowRoot?.querySelector('.cm-foldGutter')

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1598,6 +1598,7 @@ export const knownContextValues = new Set([
   'font-family',
   'font-feature-settings',
   'font-kerning',
+  'font-language-override',
   'font-optical-sizing',
   'font-palette',
   'font-size',
@@ -1906,6 +1907,8 @@ export const knownContextValues = new Set([
   'interactions',
   'interactivity',
   'interest-delay',
+  'interest-delay-end',
+  'interest-delay-start',
   'interest-groups',
   'interest-hide-delay',
   'interest-show-delay',
@@ -3546,6 +3549,9 @@ export const knownContextValues = new Set([
   'start-time',
   'start-url',
   'start-view',
+  'starter-badge-dismissed',
+  'starter-badge-last-snoozed-timestamp',
+  'starter-badge-snooze-count',
   'static-global-setting',
   'static-synced-setting',
   'status',
@@ -3771,6 +3777,7 @@ export const knownContextValues = new Set([
   'timeline.export-trace-options',
   'timeline.export-trace-options.annotations-checkbox',
   'timeline.export-trace-options.script-content-checkbox',
+  'timeline.export-trace-options.should-compress-checkbox',
   'timeline.export-trace-options.source-maps-checkbox',
   'timeline.extension',
   'timeline.field-data.configure',

package/inspector_overlay/highlight_common.ts

@@ -1,33 +1,7 @@
-// Copyright 2020 The Chromium Authors
+// Copyright 2012 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-//  Copyright (C) 2012 Google Inc. All rights reserved.
-
-//  Redistribution and use in source and binary forms, with or without
-//  modification, are permitted provided that the following conditions
-//  are met:
-
-//  1.  Redistributions of source code must retain the above copyright
-//      notice, this list of conditions and the following disclaimer.
-//  2.  Redistributions in binary form must reproduce the above copyright
-//      notice, this list of conditions and the following disclaimer in the
-//      documentation and/or other materials provided with the distribution.
-//  3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
-//      its contributors may be used to endorse or promote products derived
-//      from this software without specific prior written permission.
-
-//  THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
-//  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-//  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-//  DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
-//  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
-//  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
-//  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
-//  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-//  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
-//  THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
 import {
   type Color4D,
   rgbaToHsla,

package/inspector_overlay/highlight_grid_common.ts

@@ -1,33 +1,7 @@
-// Copyright 2020 The Chromium Authors
+// Copyright 2012 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-//  Copyright (C) 2012 Google Inc. All rights reserved.
-
-//  Redistribution and use in source and binary forms, with or without
-//  modification, are permitted provided that the following conditions
-//  are met:
-
-//  1.  Redistributions of source code must retain the above copyright
-//      notice, this list of conditions and the following disclaimer.
-//  2.  Redistributions in binary form must reproduce the above copyright
-//      notice, this list of conditions and the following disclaimer in the
-//      documentation and/or other materials provided with the distribution.
-//  3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
-//      its contributors may be used to endorse or promote products derived
-//      from this software without specific prior written permission.
-
-//  THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
-//  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-//  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-//  DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
-//  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
-//  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
-//  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
-//  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-//  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
-//  THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
 import type {AreaBounds, Bounds} from './common.js';
 import {drawGridLabels, type GridLabelState, isHorizontalWritingMode} from './css_grid_label_helpers.js';
 import {applyMatrixToPoint, buildPath, emptyBounds, hatchFillPath} from './highlight_common.js';

package/inspector_overlay/tool_highlight.ts

@@ -1,33 +1,7 @@
-// Copyright 2020 The Chromium Authors
+// Copyright 2012 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-//  Copyright (C) 2012 Google Inc. All rights reserved.
-
-//  Redistribution and use in source and binary forms, with or without
-//  modification, are permitted provided that the following conditions
-//  are met:
-
-//  1.  Redistributions of source code must retain the above copyright
-//      notice, this list of conditions and the following disclaimer.
-//  2.  Redistributions in binary form must reproduce the above copyright
-//      notice, this list of conditions and the following disclaimer in the
-//      documentation and/or other materials provided with the distribution.
-//  3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
-//      its contributors may be used to endorse or promote products derived
-//      from this software without specific prior written permission.
-
-//  THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
-//  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-//  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-//  DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
-//  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
-//  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
-//  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
-//  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-//  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
-//  THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
 import {
   contrastRatio,
   contrastRatioAPCA,