chrome-devtools-frontend 1.0.1642246 → 1.0.1642899

package/front_end/panels/layer_viewer/PaintProfilerView.ts

@@ -11,9 +11,13 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import * as Lit from '../../ui/lit/lit.js';
 
 import paintProfilerStyles from './paintProfiler.css.js';
 
+const {html, render, nothing} = Lit;
+const {repeat} = Lit.Directives;
+
 const UIStrings = {
   /**
    * @description Text to indicate the progress of a profile
@@ -397,161 +401,131 @@ export interface EventTypes {
   [Events.WINDOW_CHANGED]: void;
 }
 
-export class PaintProfilerCommandLogView extends UI.Widget.VBox {
-  private readonly treeOutline: UI.TreeOutline.TreeOutlineInShadow;
-  private log: SDK.PaintProfiler.PaintProfilerLogItem[];
-  private readonly treeItemCache: Map<SDK.PaintProfiler.PaintProfilerLogItem, LogTreeElement>;
-  private selectionWindow?: {left: number, right: number}|null;
-  constructor() {
-    super();
-    this.setMinimumSize(100, 25);
-    this.element.classList.add('overflow-auto');
-
-    this.treeOutline = new UI.TreeOutline.TreeOutlineInShadow();
-    UI.ARIAUtils.setLabel(this.treeOutline.contentElement, i18nString(UIStrings.commandLog));
-    this.element.appendChild(this.treeOutline.element);
-    this.setDefaultFocusedElement(this.treeOutline.contentElement);
-
-    this.log = [];
-    this.treeItemCache = new Map();
-  }
-
-  setCommandLog(log: SDK.PaintProfiler.PaintProfilerLogItem[]): void {
-    this.log = log;
+export interface CommandLogViewInput {
+  visibleLogItems: SDK.PaintProfiler.PaintProfilerLogItem[];
+}
 
-    this.updateWindow({left: 0, right: this.log.length});
+function paramToString(param: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue, name: string): string {
+  if (typeof param !== 'object') {
+    return typeof param === 'string' && param.length > 100 ? name : JSON.stringify(param);
   }
-
-  private appendLogItem(logItem: SDK.PaintProfiler.PaintProfilerLogItem): void {
-    let treeElement = this.treeItemCache.get(logItem);
-    if (!treeElement) {
-      treeElement = new LogTreeElement(logItem);
-      this.treeItemCache.set(logItem, treeElement);
-    } else if (treeElement.parent) {
-      return;
+  let str = '';
+  let keyCount = 0;
+  for (const key in param) {
+    const paramKey = param[key];
+    if (++keyCount > 4 || typeof paramKey === 'object' || (typeof paramKey === 'string' && paramKey.length > 100)) {
+      return name;
+    }
+    if (str) {
+      str += ', ';
     }
-    this.treeOutline.appendChild(treeElement);
+    str += paramKey;
   }
+  return str;
+}
 
-  updateWindow(selectionWindow: {left: number, right: number}|null): void {
-    this.selectionWindow = selectionWindow;
-    this.requestUpdate();
+function paramsToString(params: SDK.PaintProfiler.RawPaintProfilerLogItemParams|null): string {
+  let str = '';
+  for (const key in params) {
+    if (str) {
+      str += ', ';
+    }
+    str += paramToString(params[key], key);
   }
+  return str;
+}
 
-  override performUpdate(): Promise<void> {
-    if (!this.selectionWindow || !this.log.length) {
-      this.treeOutline.removeChildren();
-      return Promise.resolve();
-    }
-    const root = this.treeOutline.rootElement();
-    for (;;) {
-      const child = root.firstChild() as LogTreeElement;
-      if (!child || child.logItem.commandIndex >= this.selectionWindow.left) {
-        break;
+function renderProperty(name: string, value: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue): Lit.LitTemplate {
+  const isObject = value !== null && typeof value === 'object';
+
+  // clang-format off
+  return html`
+    <li role="treeitem">
+      <span>${name}: </span>${
+        isObject ? html`
+          <ul role="group">
+            ${Object.entries(value).map(([key, val]) => renderProperty(key, val))}
+          </ul>` : html`
+          <span>${JSON.stringify(value)}</span>`
       }
-      root.removeChildAtIndex(0);
-    }
-    for (;;) {
-      const child = root.lastChild() as LogTreeElement;
-      if (!child || child.logItem.commandIndex < this.selectionWindow.right) {
-        break;
-      }
-      root.removeChildAtIndex(root.children().length - 1);
-    }
-    for (let i = this.selectionWindow.left, right = this.selectionWindow.right; i < right; ++i) {
-      this.appendLogItem(this.log[i]);
-    }
-    return Promise.resolve();
-  }
+    </li>
+  `;
+  // clang-format on
 }
 
-export class LogTreeElement extends UI.TreeOutline.TreeElement {
-  readonly logItem: SDK.PaintProfiler.PaintProfilerLogItem;
+function renderLogItem(logItem: SDK.PaintProfiler.PaintProfilerLogItem): Lit.LitTemplate {
+  const hasParams = Boolean(logItem.params && Object.keys(logItem.params).length > 0);
+  const titleText = logItem.method + '(' + paramsToString(logItem.params) + ')';
+
+  // clang-format off
+  return html`
+    <li role="treeitem">
+      ${titleText}
+      ${hasParams ? html`
+        <ul role="group">
+          ${Object.entries(logItem.params || {}).map(([key, val]) => renderProperty(key, val))}
+        </ul>` : nothing}
+    </li>
+  `;
+  // clang-format on
+}
 
-  constructor(logItem: SDK.PaintProfiler.PaintProfilerLogItem) {
-    super('', Boolean(logItem.params));
-    this.logItem = logItem;
-  }
+// clang-format off
+export const COMMAND_LOG_DEFAULT_VIEW = (input: CommandLogViewInput, _output: undefined, target: HTMLElement): void => {
+  render(html`
+    <div class="overflow-auto flex-auto vbox">
+      <devtools-tree
+          autofocus
+          aria-label=${i18nString(UIStrings.commandLog)}
+          .template=${html`
+        <ul role="tree">
+          ${repeat(input.visibleLogItems,
+               item => item.commandIndex,
+               item => renderLogItem(item))}
+        </ul>`}>
+      </devtools-tree>
+    </div>`,
+    target);
+};
+// clang-format on
+
+type CommandLogView = typeof COMMAND_LOG_DEFAULT_VIEW;
 
-  override onattach(): void {
-    this.update();
-  }
+export class PaintProfilerCommandLogView extends UI.Widget.VBox {
+  private log: SDK.PaintProfiler.PaintProfilerLogItem[];
+  private selectionWindow?: {left: number, right: number}|null;
+  readonly #view: CommandLogView;
 
-  override async onpopulate(): Promise<void> {
-    for (const param in this.logItem.params) {
-      LogPropertyTreeElement.appendLogPropertyItem(this, param, this.logItem.params[param]);
-    }
-  }
+  constructor(element?: HTMLElement, view: CommandLogView = COMMAND_LOG_DEFAULT_VIEW) {
+    super(element);
+    this.#view = view;
+    this.setMinimumSize(100, 25);
 
-  private paramToString(param: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue, name: string): string {
-    if (typeof param !== 'object') {
-      return typeof param === 'string' && param.length > 100 ? name : JSON.stringify(param);
-    }
-    let str = '';
-    let keyCount = 0;
-    for (const key in param) {
-      const paramKey = param[key];
-      if (++keyCount > 4 || paramKey === 'object' || (paramKey === 'string' && paramKey.length > 100)) {
-        return name;
-      }
-      if (str) {
-        str += ', ';
-      }
-      str += paramKey;
-    }
-    return str;
+    this.log = [];
   }
 
-  private paramsToString(params: SDK.PaintProfiler.RawPaintProfilerLogItemParams|null): string {
-    let str = '';
-    for (const key in params) {
-      if (str) {
-        str += ', ';
-      }
-      str += this.paramToString(params[key], key);
-    }
-    return str;
+  override wasShown(): void {
+    super.wasShown();
+    this.requestUpdate();
   }
 
-  private update(): void {
-    const title = document.createDocumentFragment();
-    UI.UIUtils.createTextChild(title, this.logItem.method + '(' + this.paramsToString(this.logItem.params) + ')');
-    this.title = title;
+  setCommandLog(log: SDK.PaintProfiler.PaintProfilerLogItem[]): void {
+    this.log = log;
+    this.updateWindow({left: 0, right: this.log.length});
   }
-}
-
-export class LogPropertyTreeElement extends UI.TreeOutline.TreeElement {
-  private property: {name: string, value: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue};
 
-  constructor(property: {name: string, value: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue}) {
-    super();
-    this.property = property;
+  updateWindow(selectionWindow: {left: number, right: number}|null): void {
+    this.selectionWindow = selectionWindow;
+    this.requestUpdate();
   }
 
-  static appendLogPropertyItem(
-      element: UI.TreeOutline.TreeElement, name: string,
-      value: SDK.PaintProfiler.RawPaintProfilerLogItemParamValue): void {
-    const treeElement = new LogPropertyTreeElement({name, value});
-    element.appendChild(treeElement);
-    if (value && typeof value === 'object') {
-      for (const property in value) {
-        LogPropertyTreeElement.appendLogPropertyItem(treeElement, property, value[property]);
-      }
-    }
-  }
+  override performUpdate(): Promise<void> {
+    const visibleLogItems = this.selectionWindow && this.log.length ?
+        this.log.slice(this.selectionWindow.left, this.selectionWindow.right) :
+        [];
 
-  override onattach(): void {
-    const title = document.createDocumentFragment();
-    const nameElement = title.createChild('span', 'name');
-    nameElement.textContent = this.property.name;
-    const separatorElement = title.createChild('span', 'separator');
-    separatorElement.textContent = ': ';
-    if (this.property.value === null || typeof this.property.value !== 'object') {
-      const valueElement = title.createChild('span', 'value');
-      valueElement.textContent = JSON.stringify(this.property.value);
-      valueElement.classList.add('cm-js-' + (this.property.value === null ? 'null' : typeof this.property.value));
-    }
-    this.title = title;
+    this.#view({visibleLogItems}, undefined, this.contentElement);
+    return Promise.resolve();
   }
 }
 

package/front_end/panels/lighthouse/LighthousePanel.ts

@@ -374,11 +374,12 @@ export class LighthousePanel extends UI.Panel.Panel {
   }
 
   private loadedFromFile(report: string): void {
-    const data = JSON.parse(report);
-    if (!data['lighthouseVersion']) {
+    const data = JSON.parse(report) as LighthouseModel.ReporterTypes.ReportJSON;
+    if (!data.lighthouseVersion) {
       return;
     }
-    this.buildReportUI(data as LighthouseModel.ReporterTypes.ReportJSON);
+    data.isImported = true;
+    this.buildReportUI(data);
   }
 
   override elementsToRestoreScrollPositionsFor(): Element[] {

package/front_end/panels/network/NetworkLogView.ts

@@ -54,6 +54,8 @@ import * as Adorners from '../../ui/components/adorners/adorners.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as RenderCoordinator from '../../ui/components/render_coordinator/render_coordinator.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
+// eslint-disable-next-line @devtools/es-modules-import
+import dataGridAiButtonStyles from '../../ui/legacy/components/data_grid/dataGridAiButton.css.js';
 import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
@@ -560,6 +562,7 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       networkLogLargeRowsSetting: Common.Settings.Setting<boolean>) {
     super();
     this.registerRequiredCSS(networkLogViewStyles);
+    this.registerRequiredCSS(dataGridAiButtonStyles);
     this.setMinimumSize(50, 64);
 
     this.element.id = 'network-container';

package/front_end/panels/network/networkLogView.css

@@ -268,21 +268,6 @@ td.time-column {
   vertical-align: sub;
 }
 
-.data-grid-data-grid-node .ai-button-container {
-  display: none;
-  float: right;
-
-  devtools-floating-button {
-    position: absolute;
-    z-index: 999;
-    margin-left: -17px;
-  }
-}
-
-.data-grid-data-grid-node:hover .ai-button-container {
-  display: inline-flex;
-}
-
 .image-network-icon-preview {
   inset: 0;
   margin: auto;

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: 3b896e6bd479ace00cb8f591bd5b8905a94459a1
+Revision: 2d046db188ecad76b2859f8baeb9685cb8fe9c08
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

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

@@ -34,6 +34,7 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import '../data_grid/data_grid.js';
+import '../../../components/buttons/buttons.js';
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
@@ -43,12 +44,15 @@ import type * as Protocol from '../../../../generated/protocol.js';
 import * as IssuesManager from '../../../../models/issues_manager/issues_manager.js';
 import * as NetworkForward from '../../../../panels/network/forward/forward.js';
 import {Icon} from '../../../kit/kit.js';
-import {Directives, html, render} from '../../../lit/lit.js';
+import {Directives, html, nothing, render} from '../../../lit/lit.js';
 import * as UI from '../../legacy.js';
+import dataGridAiButtonStyles from '../data_grid/dataGridAiButton.css.js';
 
 import cookiesTableStyles from './cookiesTable.css.js';
 
-interface ViewInput {
+const STORAGE_FLOATING_BUTTON_ACTION_ID = 'ai-assistance.storage-floating-button';
+
+export interface ViewInput {
   data: CookieData[];
   selectedKey?: string;
   editable?: boolean;
@@ -61,6 +65,9 @@ interface ViewInput {
   onDelete: (data: CookieData) => void;
   onContextMenu: (data: CookieData, menu: UI.ContextMenu.ContextMenu) => void;
   onSelect: (key: string|undefined) => void;
+  showAiButton?: boolean;
+  aiButtonTitle?: string;
+  onAiButtonClick?: (cookie: CookieData, event: Event) => void;
 }
 type ViewFunction = (input: ViewInput, output: object, target: HTMLElement) => void;
 type AttributeWithIcon = SDK.Cookie.Attribute.NAME|SDK.Cookie.Attribute.VALUE|SDK.Cookie.Attribute.DOMAIN|
@@ -219,6 +226,7 @@ export class CookiesTable extends UI.Widget.VBox {
                @deselect=${() => input.onSelect(undefined)}
           >
             <table>
+              ${input.showAiButton ? html`<style>${dataGridAiButtonStyles}</style>` : nothing}
                <tr>
                  <th id=${SDK.Cookie.Attribute.NAME} sortable ?disclosure=${input.editable} ?editable=${input.editable} long weight="24">
                    ${i18nString(UIStrings.name)}
@@ -275,7 +283,15 @@ export class CookiesTable extends UI.Widget.VBox {
                     @delete=${()=> input.onDelete(cookie)}
                     @contextmenu=${(e: CustomEvent<UI.ContextMenu.ContextMenu>) => input.onContextMenu(cookie, e.detail)}
                     @select=${() => input.onSelect(cookie.key)}>
-                  <td>${cookie.icons?.name}${cookie.name}</td>
+                  <td>${input.showAiButton && !Boolean(cookie['http-only']) ? html`
+                      <span class="ai-button-container">
+                        <devtools-floating-button
+                          icon-name=${Root.Runtime.hostConfig.devToolsGeminiRebranding?.enabled ? 'spark' : 'smart-assistant'}
+                          title=${ifDefined(input.aiButtonTitle)}
+                          @click=${(e: Event) => input.onAiButtonClick?.(cookie, e)}
+                        ></devtools-floating-button>
+                      </span>
+                    ` : nothing}${cookie.icons?.name}${cookie.name}</td>
                   <td>${cookie.value}</td>
                   <td>${cookie.icons?.domain}${cookie.domain}</td>
                   <td>${cookie.icons?.path}${cookie.path}</td>
@@ -404,6 +420,19 @@ export class CookiesTable extends UI.Widget.VBox {
       onDelete: this.onDeleteCookie.bind(this),
       onSelect: this.onSelect.bind(this),
       onContextMenu: this.populateContextMenu.bind(this),
+      showAiButton: this.isAiButtonEnabled(),
+      aiButtonTitle: this.isAiButtonEnabled() &&
+              UI.ActionRegistry.ActionRegistry.instance().hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID) ?
+          UI.ActionRegistry.ActionRegistry.instance().getAction(STORAGE_FLOATING_BUTTON_ACTION_ID).title() :
+          undefined,
+      onAiButtonClick: (cookie: CookieData, event: Event) => {
+        event.stopPropagation();
+        this.onSelect(cookie.key);
+        const actionRegistry = UI.ActionRegistry.ActionRegistry.instance();
+        if (actionRegistry.hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID)) {
+          void actionRegistry.getAction(STORAGE_FLOATING_BUTTON_ACTION_ID).execute();
+        }
+      },
     };
     const output = {};
     this.view(input, output, this.element);
@@ -414,6 +443,10 @@ export class CookiesTable extends UI.Widget.VBox {
     this.#selectedCallback?.(this.selectedCookie());
   }
 
+  private isAiButtonEnabled(): boolean {
+    return UI.ActionRegistry.ActionRegistry.instance().hasAction(STORAGE_FLOATING_BUTTON_ACTION_ID);
+  }
+
   private onDeleteCookie(data: CookieData): void {
     const cookie = this.cookies.find(cookie => cookie.key() === data.key);
     if (cookie && this.#deleteCallback) {

package/front_end/ui/legacy/components/data_grid/dataGridAiButton.css

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2026 The Chromium Authors
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+.data-grid-data-grid-node .ai-button-container {
+  display: none;
+  float: right;
+
+  devtools-floating-button {
+    position: absolute;
+    z-index: 999;
+    margin-left: -17px;
+  }
+}
+
+.data-grid-data-grid-node:hover .ai-button-container {
+  display: inline-flex;
+}

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -399,7 +399,12 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       jslogContext: options?.jslogContext || 'script-location',
       omitOrigin: options?.omitOrigin,
     } satisfies LinkifyURLOptions;
-    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, linkifyURLOptions);
+    const fallbackOptions = {
+      ...linkifyURLOptions,
+      showColumnNumber: frame.isWasm || Boolean(options?.showColumnNumber),
+      omitLineAndRenderColumnAsHex: frame.isWasm,
+    };
+    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, fallbackOptions);
     if (!frame.uiSourceCode) {
       const isIgnoreListed = (options?.ignoreListManager ?? Workspace.IgnoreListManager.IgnoreListManager.instance())
                                  .isUserIgnoreListedURL(frame.url as Platform.DevToolsPath.UrlString);
@@ -602,6 +607,11 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
     const maxLength = options.maxLength || UI.UIUtils.MaxLengthForDisplayedURLs;
     const bypassURLTrimming = options.bypassURLTrimming;
     const omitOrigin = options.omitOrigin;
+    const omitLineAndRenderColumnAsHex = options.omitLineAndRenderColumnAsHex;
+
+    if (omitLineAndRenderColumnAsHex && showColumnNumber === false) {
+      throw new Error('omitLineAndRenderColumnAsHex requires showColumnNumber to not be explicitly false');
+    }
 
     if (!url || Common.ParsedURL.schemeIs(url, 'javascript:')) {
       // clang-format off
@@ -619,7 +629,11 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       }
     }
 
-    if (typeof lineNumber === 'number' && !text) {
+    if (omitLineAndRenderColumnAsHex && !text) {
+      if (typeof columnNumber === 'number') {
+        linkText += ':0x' + columnNumber.toString(16);
+      }
+    } else if (typeof lineNumber === 'number' && !text) {
       linkText += ':' + (lineNumber + 1);
       if (showColumnNumber && typeof columnNumber === 'number') {
         linkText += ':' + (columnNumber + 1);
@@ -947,7 +961,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
     }
 
     for (const registration of linkHandlers.values().filter(r => r.handler)) {
-      const {title, handler, shouldHandleOpenResource} = registration;
+      const {title, origin, handler, shouldHandleOpenResource} = registration;
       if (url && !shouldHandleOpenResource(url, specificSchemeHandlers)) {
         continue;
       }
@@ -957,7 +971,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
         jslogContext: 'open-using',
         handler: handler.bind(null, contentProviderOrUrl, lineNumber, columnNumber),
       };
-      if (title === Linkifier.linkHandlerSetting().get()) {
+      if (origin === Linkifier.linkHandlerSetting().get()) {
         result.unshift(action);
       } else {
         result.push(action);
@@ -1182,6 +1196,7 @@ export interface LinkifyURLOptions {
   jslogContext?: string;
   omitOrigin?: boolean;
   onRef?: (el: HTMLElement) => void;
+  omitLineAndRenderColumnAsHex?: boolean;
 }
 
 export interface LinkifyOptions {

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -362,6 +362,7 @@ export const knownContextValues = new Set([
   'ai-assistance-v2-opt-in-change-dialog-seen',
   'ai-assistance-v2-opt-in.got-it',
   'ai-assistance-v2-opt-in.manage-settings',
+  'ai-assistance.storage-floating-button',
   'ai-code-completion-citations',
   'ai-code-completion-citations.citation-link',
   'ai-code-completion-disclaimer',

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -80,6 +80,12 @@ export async function addDocument(document: Document): Promise<void> {
   }
   document.addEventListener('visibilitychange', scheduleProcessing);
   document.addEventListener('scroll', scheduleProcessing);
+  const resizeListener = (): void => {
+    viewportRects.delete(document);
+    scheduleProcessing();
+  };
+  document.defaultView?.addEventListener('resize', resizeListener);
+  resizeListeners.set(document, resizeListener);
   observeMutations([document.body]);
 }
 
@@ -90,12 +96,18 @@ export async function stopLogging(): Promise<void> {
   for (const document of documents) {
     document.removeEventListener('visibilitychange', scheduleProcessing);
     document.removeEventListener('scroll', scheduleProcessing);
+    const resizeListener = resizeListeners.get(document);
+    if (resizeListener) {
+      document.defaultView?.removeEventListener('resize', resizeListener);
+      resizeListeners.delete(document);
+    }
   }
   mutationObserver.disconnect();
   resizeObserver.disconnect();
   intersectionObserver.disconnect();
   documents.length = 0;
   viewportRects.clear();
+  resizeListeners.clear();
   processingThrottler = noOpThrottler;
   pendingResize.clear();
   pendingChange.clear();
@@ -130,6 +142,7 @@ export function scheduleProcessing(): void {
 }
 
 const viewportRects = new Map<Document, DOMRect>();
+const resizeListeners = new Map<Document, () => void>();
 const viewportRectFor = (element: Element): DOMRect => {
   const ownerDocument = element.ownerDocument;
   const viewportRect = viewportRects.get(ownerDocument) ||

package/package.json

@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1642246"
+  "version": "1.0.1642899"
 }