chrome-devtools-frontend 1.0.1526203 → 1.0.1528866

package/front_end/ui/legacy/UIUtils.ts

@@ -55,11 +55,9 @@ import checkboxTextLabelStyles from './checkboxTextLabel.css.js';
 import confirmDialogStyles from './confirmDialog.css.js';
 import {Dialog} from './Dialog.js';
 import {GlassPane, PointerEventsBehavior, SizeBehavior} from './GlassPane.js';
-import inlineButtonStyles from './inlineButton.css.js';
 import inspectorCommonStyles from './inspectorCommon.css.js';
 import {KeyboardShortcut, Keys} from './KeyboardShortcut.js';
 import smallBubbleStyles from './smallBubble.css.js';
-import type {ToolbarButton} from './Toolbar.js';
 import {Tooltip} from './Tooltip.js';
 import {Widget} from './Widget.js';
 
@@ -1757,15 +1755,6 @@ export class ConfirmDialog {
   }
 }
 
-export function createInlineButton(toolbarButton: ToolbarButton): Element {
-  const element = document.createElement('span');
-  const shadowRoot = createShadowRootWithCoreStyles(element, {cssFile: inlineButtonStyles});
-  element.classList.add('inline-button');
-  const toolbar = shadowRoot.createChild('devtools-toolbar');
-  toolbar.appendToolbarItem(toolbarButton);
-  return element;
-}
-
 export interface RenderedObject {
   element: HTMLElement;
   forceSelect(): void;
@@ -2135,6 +2124,7 @@ export function bindToAction(actionName: string): ReturnType<typeof Directives.r
   const action = ActionRegistry.instance().getAction(actionName);
 
   let setEnabled: (enabled: boolean) => void;
+  let toggled: () => void;
   function actionEnabledChanged(event: Common.EventTarget.EventTargetEvent<boolean>): void {
     setEnabled(event.data);
   }
@@ -2142,6 +2132,7 @@ export function bindToAction(actionName: string): ReturnType<typeof Directives.r
   return Directives.ref((e: Element|undefined) => {
     if (!e || !(e instanceof Buttons.Button.Button)) {
       action.removeEventListener(ActionRegistration.Events.ENABLED, actionEnabledChanged);
+      action.removeEventListener(ActionRegistration.Events.TOGGLED, toggled);
       return;
     }
 
@@ -2151,10 +2142,34 @@ export function bindToAction(actionName: string): ReturnType<typeof Directives.r
 
     action.addEventListener(ActionRegistration.Events.ENABLED, actionEnabledChanged);
 
+    const toggleable = action.toggleable();
     const title = action.title();
-    const iconName = action.icon();
+    const iconName = action.icon() ?? '';
     const jslogContext = action.id();
-    if (iconName) {
+    const toggledIconName = action.toggledIcon() ?? iconName;
+    const toggleType = action.toggleWithRedColor() ? Buttons.Button.ToggleType.RED : Buttons.Button.ToggleType.PRIMARY;
+    if (e.childNodes.length) {
+      e.jslogContext = jslogContext;
+    } else if (toggleable) {
+      toggled = () => {
+        e.toggled = action.toggled();
+        if (action.title()) {
+          e.title = action.title();
+          Tooltip.installWithActionBinding(e, action.title(), action.id());
+        }
+      };
+      action.addEventListener(ActionRegistration.Events.TOGGLED, toggled);
+      e.data = {
+        jslogContext,
+        title,
+        variant: Buttons.Button.Variant.ICON_TOGGLE,
+        iconName,
+        toggledIconName,
+        toggleType,
+        toggled: action.toggled(),
+      };
+      toggled();
+    } else if (iconName) {
       e.data = {iconName, jslogContext, title, variant: Buttons.Button.Variant.ICON};
     } else {
       e.data = {jslogContext, title, variant: Buttons.Button.Variant.TEXT};

package/front_end/ui/legacy/ViewManager.ts

@@ -441,6 +441,7 @@ export class ContainerWidget extends VBox {
   }
 
   override wasShown(): void {
+    super.wasShown();
     void this.materialize().then(() => {
       const widget = widgetForView.get(this.view);
       if (widget) {

package/front_end/ui/legacy/Widget.ts

@@ -737,6 +737,11 @@ export class Widget {
       return;
     }
 
+    if (this.#shadowRoot?.delegatesFocus && this.contentElement.querySelector('[autofocus]')) {
+      this.element.focus();
+      return;
+    }
+
     const element = (this.#defaultFocusedElement as HTMLElement | null);
     if (element) {
       if (!element.hasFocus()) {

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

@@ -4,15 +4,13 @@
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
-import * as IconButton from '../../../components/icon_button/icon_button.js';
 import * as UI from '../../legacy.js';
 
 const UIStrings = {
   /**
-   * @description Tooltip text describing that a color was clipped after conversion to match the target gamut
-   * @example {rgb(255 255 255)} PH1
+   * @description Menu warning that some color will be clipped after conversion to match the target gamut
    */
-  colorClippedTooltipText: 'This color was clipped to match the format\'s gamut. The actual result was {PH1}',
+  colorShiftWarning: '⚠️ Conversion to a narrow gamut will cause color shifts',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/color_picker/FormatPickerContextMenu.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -56,10 +54,13 @@ export class FormatPickerContextMenu {
       Common.Color.Format.XYZ_D65,
     ];
     const menu = new UI.ContextMenu.ContextMenu(e, {onSoftMenuClosed: () => resolve()});
+    const disclamerSection = menu.section('disclaimer');
     const legacySection = menu.section('legacy');
     const wideSection = menu.section('wide');
     const colorFunctionSection = menu.section('color-function').appendSubMenuItem('color()', false, 'color').section();
 
+    disclamerSection.appendItem(i18nString(UIStrings.colorShiftWarning), () => {}, {disabled: true});
+
     if (!(this.#color instanceof Common.Color.Nickname)) {
       const nickname = this.#color.asLegacyColor().nickname();
       if (nickname) {
@@ -102,27 +103,13 @@ export class FormatPickerContextMenu {
         return;
       }
     }
-    const label = newColor.asString();
+    const label = newColor.isGamutClipped() ? newColor.asString() + ' ⚠️' : newColor.asString();
     if (!label) {
       return;
     }
-    let icon = undefined;
-    if (newColor.isGamutClipped()) {
-      icon = new IconButton.Icon.Icon();
-      icon.name = 'warning';
-      icon.classList.add('medium');
-      icon.style.marginLeft = '1px';
-      icon.style.marginTop = '-1px';
-      icon.style.minWidth = '16px';
-      icon.style.minHeight = '16px';
-    }
-    const tooltip =
-        icon ? i18nString(UIStrings.colorClippedTooltipText, {PH1: newColor.getAsRawString() ?? 'none'}) : undefined;
 
     const handler = (): void => onSelect(newColor);
 
-    section.appendItem(
-        label, handler,
-        {additionalElement: icon, tooltip, jslogContext: newColor.isGamutClipped() ? 'color' : 'clipped-color'});
+    section.appendItem(label, handler, {jslogContext: newColor.isGamutClipped() ? 'color' : 'clipped-color'});
   }
 }

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

@@ -1366,6 +1366,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.hueAlphaWidth = this.hueElement.offsetWidth;
     this.slideHelperWidth = this.hueSlider.offsetWidth / 2;
     this.dragWidth = this.colorElement.offsetWidth;
@@ -1388,6 +1389,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   }
 
   override willHide(): void {
+    super.willHide();
     void this.toggleColorPicker(false);
     if (this.contrastDetails && this.contrastDetailsBackgroundColorPickerToggledBound) {
       this.contrastDetails.removeEventListener(

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -325,6 +325,7 @@ export class CookiesTable extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     this.lastEditedColumnId = null;
   }
 

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

@@ -312,6 +312,7 @@ class DataGridElement extends UI.UIUtils.HTMLElementWithLightDOMTemplate {
     for (const element of this.#getStyleElements(nodes)) {
       this.#shadowRoot.appendChild(element.cloneNode(true));
     }
+    this.#dataGrid.dispatchEventToListeners(DataGridEvents.SORTING_CHANGED);
   }
 
   override removeNodes(nodes: NodeList): void {
@@ -346,7 +347,6 @@ class DataGridElement extends UI.UIUtils.HTMLElementWithLightDOMTemplate {
         dataGridNode.refresh();
       }
     }
-    this.#dataGrid.dispatchEventToListeners(DataGridEvents.SORTING_CHANGED);
   }
 
   #updateCreationNode(): void {

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

@@ -99,6 +99,7 @@ export class BezierEditor extends Common.ObjectWrapper.eventMixin<EventTypes, ty
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.unselectPresets();
     // Check if bezier matches a preset
     for (const category of this.presetCategories) {

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

@@ -498,6 +498,7 @@ export class ChartViewport extends UI.Widget.VBox {
   }
 
   override willHide(): void {
+    super.willHide();
     // Stop animations when the view is hidden (or destroyed).
     // In this case, we also jump the time immediately to the target time, so
     // that if the view is restored, the time shown is correct.

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

@@ -229,6 +229,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
   }
 
   override willHide(): void {
+    super.willHide();
     if (this.provider) {
       this.provider.detach();
     }

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

@@ -128,6 +128,7 @@ export class FontView extends UI.View.SimpleView {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.createContentIfNeeded();
 
     this.updateFontPreviewSize();

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

@@ -141,6 +141,7 @@ export class ImageView extends UI.View.SimpleView {
   }
 
   override wasShown(): void {
+    super.wasShown();
     void this.updateContentIfNeeded();
   }
 

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

@@ -134,6 +134,7 @@ export class JSONView extends UI.Widget.VBox implements UI.SearchableView.Search
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.initialize();
   }
 

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

@@ -480,6 +480,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   }
 
   override wasShown(): void {
+    super.wasShown();
     void this.ensureContentLoaded();
     this.wasShownOrLoaded();
   }

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

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 /* eslint-disable rulesdir/no-imperative-dom-api */
 
+import type * as Common from '../../../../core/common/common.js';
 import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import * as LinearMemoryInspectorComponents from '../../../../panels/linear_memory_inspector/components/components.js';
 import * as UI from '../../legacy.js';
@@ -22,19 +23,18 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
 
   constructor() {
     super();
-    this.#inspector.contentElement.addEventListener(
-        LinearMemoryInspectorComponents.LinearMemoryInspector.MemoryRequestEvent.eventName,
-        (event: LinearMemoryInspectorComponents.LinearMemoryInspector.MemoryRequestEvent) =>
-            this.#memoryRequested(event));
-    this.#inspector.contentElement.addEventListener(
-        LinearMemoryInspectorComponents.LinearMemoryInspector.AddressChangedEvent.eventName,
-        (event: LinearMemoryInspectorComponents.LinearMemoryInspector.AddressChangedEvent) => {
+    this.#inspector.addEventListener(
+        LinearMemoryInspectorComponents.LinearMemoryInspector.Events.MEMORY_REQUEST, this.#memoryRequested, this);
+    this.#inspector.addEventListener(
+        LinearMemoryInspectorComponents.LinearMemoryInspector.Events.ADDRESS_CHANGED,
+        (event: Common.EventTarget.EventTargetEvent<number>) => {
           this.#address = event.data;
         });
     this.#inspector.show(this.contentElement);
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.refreshData();
   }
 
@@ -60,7 +60,7 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
     this.#inspector.hideValueInspector = true;
   }
 
-  #memoryRequested(event: LinearMemoryInspectorComponents.LinearMemoryInspector.MemoryRequestEvent): void {
+  #memoryRequested(event: Common.EventTarget.EventTargetEvent<{start: number, end: number, address: number}>): void {
     // TODO(szuend): The following lines are copied from `LinearMemoryInspectorController`. We can't reuse them
     // as depending on a module in `panels/` from a component is a layering violation.
 
@@ -100,6 +100,7 @@ export class StreamingContentHexView extends LinearMemoryInspectorView {
   }
 
   override wasShown(): void {
+    super.wasShown();
     this.#updateMemoryFromContentData();
     this.#streamingContentData.addEventListener(
         TextUtils.StreamingContentData.Events.CHUNK_ADDED, this.#updateMemoryFromContentData, this);

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -2181,9 +2181,11 @@ export const knownContextValues = new Set([
   'lighthouse.audit.bootup-time',
   'lighthouse.audit.button-name',
   'lighthouse.audit.bypass',
+  'lighthouse.audit.cache-insight',
   'lighthouse.audit.canonical',
   'lighthouse.audit.charset',
   'lighthouse.audit.clickjacking-mitigation',
+  'lighthouse.audit.cls-culprits-insight',
   'lighthouse.audit.color-contrast',
   'lighthouse.audit.crawlable-anchors',
   'lighthouse.audit.critical-request-chains',
@@ -2196,10 +2198,13 @@ export const knownContextValues = new Set([
   'lighthouse.audit.diagnostics',
   'lighthouse.audit.dlitem',
   'lighthouse.audit.doctype',
+  'lighthouse.audit.document-latency-insight',
   'lighthouse.audit.document-title',
   'lighthouse.audit.dom-size',
+  'lighthouse.audit.dom-size-insight',
   'lighthouse.audit.duplicate-id-aria',
   'lighthouse.audit.duplicated-javascript',
+  'lighthouse.audit.duplicated-javascript-insight',
   'lighthouse.audit.efficient-animated-content',
   'lighthouse.audit.empty-heading',
   'lighthouse.audit.errors-in-console',
@@ -2209,7 +2214,9 @@ export const knownContextValues = new Set([
   'lighthouse.audit.focus-traps',
   'lighthouse.audit.focusable-controls',
   'lighthouse.audit.font-display',
+  'lighthouse.audit.font-display-insight',
   'lighthouse.audit.font-size',
+  'lighthouse.audit.forced-reflow-insight',
   'lighthouse.audit.form-field-multiple-labels',
   'lighthouse.audit.frame-title',
   'lighthouse.audit.geolocation-on-start',
@@ -2223,8 +2230,10 @@ export const knownContextValues = new Set([
   'lighthouse.audit.identical-links-same-purpose',
   'lighthouse.audit.image-alt',
   'lighthouse.audit.image-aspect-ratio',
+  'lighthouse.audit.image-delivery-insight',
   'lighthouse.audit.image-redundant-alt',
   'lighthouse.audit.image-size-responsive',
+  'lighthouse.audit.inp-breakdown-insight',
   'lighthouse.audit.input-button-name',
   'lighthouse.audit.input-image-alt',
   'lighthouse.audit.inspector-issues',
@@ -2240,8 +2249,11 @@ export const knownContextValues = new Set([
   'lighthouse.audit.largest-contentful-paint',
   'lighthouse.audit.largest-contentful-paint-element',
   'lighthouse.audit.layout-shifts',
+  'lighthouse.audit.lcp-breakdown-insight',
+  'lighthouse.audit.lcp-discovery-insight',
   'lighthouse.audit.lcp-lazy-loaded',
   'lighthouse.audit.legacy-javascript',
+  'lighthouse.audit.legacy-javascript-insight',
   'lighthouse.audit.link-in-text-block',
   'lighthouse.audit.link-name',
   'lighthouse.audit.link-text',
@@ -2257,7 +2269,9 @@ export const knownContextValues = new Set([
   'lighthouse.audit.meta-refresh',
   'lighthouse.audit.meta-viewport',
   'lighthouse.audit.metrics',
+  'lighthouse.audit.modern-http-insight',
   'lighthouse.audit.modern-image-formats',
+  'lighthouse.audit.network-dependency-tree-insight',
   'lighthouse.audit.network-requests',
   'lighthouse.audit.network-rtt',
   'lighthouse.audit.network-server-latency',
@@ -2272,6 +2286,7 @@ export const knownContextValues = new Set([
   'lighthouse.audit.prioritize-lcp-image',
   'lighthouse.audit.redirects',
   'lighthouse.audit.redirects-http',
+  'lighthouse.audit.render-blocking-insight',
   'lighthouse.audit.render-blocking-resources',
   'lighthouse.audit.resource-summary',
   'lighthouse.audit.robots-txt',
@@ -2289,6 +2304,7 @@ export const knownContextValues = new Set([
   'lighthouse.audit.td-has-header',
   'lighthouse.audit.td-headers-attr',
   'lighthouse.audit.th-has-data-cells',
+  'lighthouse.audit.third-parties-insight',
   'lighthouse.audit.third-party-cookies',
   'lighthouse.audit.third-party-facades',
   'lighthouse.audit.third-party-summary',
@@ -2314,6 +2330,7 @@ export const knownContextValues = new Set([
   'lighthouse.audit.valid-source-maps',
   'lighthouse.audit.video-caption',
   'lighthouse.audit.viewport',
+  'lighthouse.audit.viewport-insight',
   'lighthouse.audit.visual-order-follows-dom',
   'lighthouse.audit.work-during-interaction',
   'lighthouse.cancel',

package/mcp/README.md

@@ -0,0 +1,7 @@
+# MCP
+
+This is the entrypoint for
+[chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp).
+Unlike other entrypoints in front_end, the build output of this one is not
+consumed (yet). Instead, `chrome-devtools-mcp` integrates files exported here
+and their transitive dependencies into its own build.

package/mcp/mcp.ts

@@ -0,0 +1,8 @@
+// Copyright 2025 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+export {PerformanceInsightFormatter} from '../front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.js';
+export {PerformanceTraceFormatter} from '../front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js';
+export {AgentFocus} from '../front_end/models/ai_assistance/performance/AIContext.js';
+export * as TraceEngine from '../front_end/models/trace/trace.js';

package/package.json

@@ -102,5 +102,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1526203"
+  "version": "1.0.1528866"
 }

package/front_end/models/live-metrics/web-vitals-injected/OnEachInteraction.ts

@@ -1,34 +0,0 @@
-// Copyright 2024 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * @file web-vitals.js doesn't provide a log of all interactions.
- * This solution is hacky but it was recommended by web-vitals devs:
- * b/371052022
- */
-
-import * as WebVitals from '../../../third_party/web-vitals/web-vitals.js';
-
-export function onEachInteraction(onReport: (metric: WebVitals.INPMetricWithAttribution) => void): void {
-  WebVitals.entryPreProcessingCallbacks.push((entry: PerformanceEventTiming) => {
-    // Wait a microtask so this "pre" processing callback actually
-    // becomes a "post" processing callback.
-    void Promise.resolve().then(() => {
-      if (entry.interactionId) {
-        const interaction = WebVitals.attributeINP({
-          entries: [entry],
-          // The only value we really need for `attributeINP` is `entries`
-          // Everything else is included to fill out the type.
-          name: 'INP',
-          rating: 'good',
-          value: entry.duration,
-          delta: entry.duration,
-          navigationType: 'navigate',
-          id: 'N/A',
-        });
-        onReport(interaction);
-      }
-    });
-  });
-}

package/front_end/third_party/web-vitals/package/attribution.d.ts

@@ -1,16 +0,0 @@
-/*
- Copyright 2022 Google LLC
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-     https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-
-export * from './dist/modules/attribution/index.js';

package/front_end/third_party/web-vitals/package/attribution.js

@@ -1,18 +0,0 @@
-/*
- Copyright 2022 Google LLC
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-     https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-
-// Creates the `web-vitals/attribution` import in node-based bundlers.
-// This will not be needed when export maps are widely supported.
-export * from './dist/web-vitals.attribution.js';

package/front_end/third_party/web-vitals/package/dist/modules/attribution/deprecated.d.ts

@@ -1,7 +0,0 @@
-export { 
-/**
- * @deprecated Use `onINP()` instead.
- */
-onFID, } from './onFID.js';
-export { FIDThresholds } from '../onFID.js';
-export * from '../types.js';

package/front_end/third_party/web-vitals/package/dist/modules/attribution/onFID.d.ts

@@ -1,11 +0,0 @@
-import { FIDMetricWithAttribution, ReportOpts } from '../types.js';
-/**
- * Calculates the [FID](https://web.dev/articles/fid) value for the current page and
- * calls the `callback` function once the value is ready, along with the
- * relevant `first-input` performance entry used to determine the value. The
- * reported value is a `DOMHighResTimeStamp`.
- *
- * _**Important:** since FID is only reported after the user interacts with the
- * page, it's possible that it will not be reported for some page loads._
- */
-export declare const onFID: (onReport: (metric: FIDMetricWithAttribution) => void, opts?: ReportOpts) => void;

package/front_end/third_party/web-vitals/package/dist/modules/attribution/onFID.js

@@ -1,46 +0,0 @@
-/*
- * Copyright 2022 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { getLoadState } from '../lib/getLoadState.js';
-import { getSelector } from '../lib/getSelector.js';
-import { onFID as unattributedOnFID } from '../onFID.js';
-const attributeFID = (metric) => {
-    const fidEntry = metric.entries[0];
-    const attribution = {
-        eventTarget: getSelector(fidEntry.target),
-        eventType: fidEntry.name,
-        eventTime: fidEntry.startTime,
-        eventEntry: fidEntry,
-        loadState: getLoadState(fidEntry.startTime),
-    };
-    // Use Object.assign to set property to keep tsc happy.
-    const metricWithAttribution = Object.assign(metric, { attribution });
-    return metricWithAttribution;
-};
-/**
- * Calculates the [FID](https://web.dev/articles/fid) value for the current page and
- * calls the `callback` function once the value is ready, along with the
- * relevant `first-input` performance entry used to determine the value. The
- * reported value is a `DOMHighResTimeStamp`.
- *
- * _**Important:** since FID is only reported after the user interacts with the
- * page, it's possible that it will not be reported for some page loads._
- */
-export const onFID = (onReport, opts) => {
-    unattributedOnFID((metric) => {
-        const metricWithAttribution = attributeFID(metric);
-        onReport(metricWithAttribution);
-    }, opts);
-};

package/front_end/third_party/web-vitals/package/dist/modules/deprecated.d.ts

@@ -1,5 +0,0 @@
-export { 
-/**
- * @deprecated Use `onINP()` instead.
- */
-onFID, FIDThresholds, } from './onFID.js';

package/front_end/third_party/web-vitals/package/dist/modules/lib/interactions.d.ts

@@ -1,31 +0,0 @@
-interface Interaction {
-    id: number;
-    latency: number;
-    entries: PerformanceEventTiming[];
-}
-interface EntryPreProcessingHook {
-    (entry: PerformanceEventTiming): void;
-}
-export declare const longestInteractionList: Interaction[];
-export declare const longestInteractionMap: Map<number, Interaction>;
-export declare const DEFAULT_DURATION_THRESHOLD = 40;
-export declare const resetInteractions: () => void;
-/**
- * Returns the estimated p98 longest interaction based on the stored
- * interaction candidates and the interaction count for the current page.
- */
-export declare const estimateP98LongestInteraction: () => Interaction;
-/**
- * A list of callback functions to run before each entry is processed.
- * Exposing this list allows the attribution build to hook into the
- * entry processing pipeline.
- */
-export declare const entryPreProcessingCallbacks: EntryPreProcessingHook[];
-/**
- * Takes a performance entry and adds it to the list of worst interactions
- * if its duration is long enough to make it among the worst. If the
- * entry is part of an existing interaction, it is merged and the latency
- * and entries list is updated as needed.
- */
-export declare const processInteractionEntry: (entry: PerformanceEventTiming) => void;
-export {};