chrome-devtools-frontend 1.0.1532884 → 1.0.1534251

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -1,8 +1,8 @@
 // Copyright 2018 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 */
-/* eslint-disable rulesdir/no-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-imperative-dom-api */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
@@ -56,6 +56,7 @@ const {html, nothing, render, Directives: {classMap}} = Lit;
 const ASTUtils = SDK.CSSPropertyParser.ASTUtils;
 const FlexboxEditor = ElementsComponents.StylePropertyEditor.FlexboxEditor;
 const GridEditor = ElementsComponents.StylePropertyEditor.GridEditor;
+const MasonryEditor = ElementsComponents.StylePropertyEditor.MasonryEditor;
 
 const UIStrings = {
   /**
@@ -107,6 +108,10 @@ const UIStrings = {
    * @description Title of the button that opens the CSS Grid editor in the Styles panel.
    */
   gridEditorButton: 'Open `grid` editor',
+  /**
+   * @description Title of the button that opens the CSS Masonry editor in the Styles panel.
+   */
+  masonryEditorButton: 'Open `masonry` editor',
   /**
    * @description A context menu item in Styles panel to copy CSS declaration as JavaScript property.
    */
@@ -196,7 +201,7 @@ export class EnvFunctionRenderer extends rendererBase(SDK.CSSPropertyParserMatch
   }
 }
 // clang-format off
-export class FlexGridRenderer extends rendererBase(SDK.CSSPropertyParserMatchers.FlexGridMatch) {
+export class FlexGridRenderer extends rendererBase(SDK.CSSPropertyParserMatchers.FlexGridMasonryMatch) {
   // clang-format on
   readonly #treeElement: StylePropertyTreeElement|null;
   readonly #stylesPane: StylesSidebarPane;
@@ -206,23 +211,56 @@ export class FlexGridRenderer extends rendererBase(SDK.CSSPropertyParserMatchers
     this.#stylesPane = stylesPane;
   }
 
-  override render(match: SDK.CSSPropertyParserMatchers.FlexGridMatch, context: RenderingContext): Node[] {
+  override render(match: SDK.CSSPropertyParserMatchers.FlexGridMasonryMatch, context: RenderingContext): Node[] {
     const children = Renderer.render(ASTUtils.siblings(ASTUtils.declValue(match.node)), context).nodes;
     if (!this.#treeElement?.editable()) {
       return children;
     }
     const key =
         `${this.#treeElement.section().getSectionIdx()}_${this.#treeElement.section().nextEditorTriggerButtonIdx}`;
+
+    function getEditorClass(layoutType: SDK.CSSPropertyParserMatchers.LayoutType): typeof FlexboxEditor|
+        typeof GridEditor|typeof MasonryEditor {
+      switch (layoutType) {
+        case SDK.CSSPropertyParserMatchers.LayoutType.FLEX:
+          return FlexboxEditor;
+        case SDK.CSSPropertyParserMatchers.LayoutType.GRID:
+          return GridEditor;
+        case SDK.CSSPropertyParserMatchers.LayoutType.MASONRY:
+          return MasonryEditor;
+      }
+    }
+
+    function getButtonTitle(layoutType: SDK.CSSPropertyParserMatchers.LayoutType): string {
+      switch (layoutType) {
+        case SDK.CSSPropertyParserMatchers.LayoutType.FLEX:
+          return i18nString(UIStrings.flexboxEditorButton);
+        case SDK.CSSPropertyParserMatchers.LayoutType.GRID:
+          return i18nString(UIStrings.gridEditorButton);
+        case SDK.CSSPropertyParserMatchers.LayoutType.MASONRY:
+          return i18nString(UIStrings.masonryEditorButton);
+      }
+    }
+
+    function getSwatchType(layoutType: SDK.CSSPropertyParserMatchers.LayoutType): Host.UserMetrics.SwatchType {
+      switch (layoutType) {
+        case SDK.CSSPropertyParserMatchers.LayoutType.FLEX:
+          return Host.UserMetrics.SwatchType.FLEX;
+        case SDK.CSSPropertyParserMatchers.LayoutType.GRID:
+          return Host.UserMetrics.SwatchType.GRID;
+        case SDK.CSSPropertyParserMatchers.LayoutType.MASONRY:
+          return Host.UserMetrics.SwatchType.MASONRY;
+      }
+    }
+
     const button = StyleEditorWidget.createTriggerButton(
-        this.#stylesPane, this.#treeElement.section(), match.isFlex ? FlexboxEditor : GridEditor,
-        match.isFlex ? i18nString(UIStrings.flexboxEditorButton) : i18nString(UIStrings.gridEditorButton), key);
+        this.#stylesPane, this.#treeElement.section(), getEditorClass(match.layoutType),
+        getButtonTitle(match.layoutType), key);
     button.tabIndex = -1;
-    button.setAttribute(
-        'jslog', `${VisualLogging.showStyleEditor().track({click: true}).context(match.isFlex ? 'flex' : 'grid')}`);
+    button.setAttribute('jslog', `${VisualLogging.showStyleEditor().track({click: true}).context(match.layoutType)}`);
     this.#treeElement.section().nextEditorTriggerButtonIdx++;
     button.addEventListener('click', () => {
-      Host.userMetrics.swatchActivated(
-          match.isFlex ? Host.UserMetrics.SwatchType.FLEX : Host.UserMetrics.SwatchType.GRID);
+      Host.userMetrics.swatchActivated(getSwatchType(match.layoutType));
     });
     const helper = this.#stylesPane.swatchPopoverHelper();
     if (helper.isShowing(StyleEditorWidget.instance()) && StyleEditorWidget.instance().getTriggerKey() === key) {

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.

package/front_end/panels/elements/TopLayerContainer.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/elements/components/AccessibilityTreeNode.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as Platform from '../../../core/platform/platform.js';

package/front_end/panels/elements/components/CSSHintDetailsView.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/legacy/legacy.js';
 
@@ -26,18 +26,18 @@ interface Hint {
 }
 
 export class CSSHintDetailsView extends HTMLElement {
-    readonly #shadow = this.attachShadow({mode: 'open'});
-    readonly #authoringHint: Hint;
+  readonly #shadow = this.attachShadow({mode: 'open'});
+  readonly #authoringHint: Hint;
 
-    constructor(authoringHint: Hint) {
-        super();
-        this.#authoringHint = authoringHint;
-        this.#render();
-    }
+  constructor(authoringHint: Hint) {
+    super();
+    this.#authoringHint = authoringHint;
+    this.#render();
+  }
 
-    #render(): void {
-      const link = this.#authoringHint.getLearnMoreLink();
-      // clang-format off
+  #render(): void {
+    const link = this.#authoringHint.getLearnMoreLink();
+    // clang-format off
       render(html`
         <style>${cssHintDetailsViewStyles}</style>
         <div class="hint-popup-wrapper">
@@ -60,8 +60,8 @@ export class CSSHintDetailsView extends HTMLElement {
       `, this.#shadow, {
         host: this,
       });
-      // clang-format on
-    }
+    // clang-format on
+  }
 }
 
 customElements.define('devtools-css-hint-details-view', CSSHintDetailsView);

package/front_end/panels/elements/components/CSSPropertyDocsView.ts

@@ -1,7 +1,7 @@
 // Copyright 2023 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/legacy/legacy.js';
 

package/front_end/panels/elements/components/CSSPropertyIconResolver.ts

@@ -354,6 +354,7 @@ const gridContainerIcons = new Map([
   ['justify-content: start', gridJustifyContentIcon('justify-content-start')],
   ['justify-content: right', gridJustifyContentIcon('justify-content-end')],
   ['justify-content: left', gridJustifyContentIcon('justify-content-start')],
+  ['justify-content: stretch', gridJustifyContentIcon('justify-content-stretch')],
   ['align-items: stretch', gridAlignItemsIcon('align-items-stretch')],
   ['align-items: end', gridAlignItemsIcon('align-items-end')],
   ['align-items: start', gridAlignItemsIcon('align-items-start')],

package/front_end/panels/elements/components/CSSQuery.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
@@ -20,7 +20,6 @@ export interface CSSQueryData {
 }
 
 export class CSSQuery extends HTMLElement {
-
   readonly #shadow = this.attachShadow({mode: 'open'});
   #queryPrefix = '';
   #queryName?: string;

package/front_end/panels/elements/components/CSSVariableValueView.ts

@@ -1,7 +1,7 @@
 // Copyright 2023 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as i18n from '../../../core/i18n/i18n.js';
 import type * as SDK from '../../../core/sdk/sdk.js';

package/front_end/panels/elements/components/ComputedStyleProperty.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import {html, render} from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';

package/front_end/panels/elements/components/ComputedStyleTrace.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import * as UI from '../../../ui/legacy/legacy.js';

package/front_end/panels/elements/components/ElementsBreadcrumbs.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 import '../../../ui/components/node_text/node_text.js';
@@ -296,7 +296,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
                 crumb: true,
                 selected: crumb.selected,
               };
-              // eslint-disable-next-line rulesdir/no-a-tags-in-lit
+              // eslint-disable-next-line @devtools/no-a-tags-in-lit
               return html`
                 <li class=${Lit.Directives.classMap(crumbClasses)}
                   data-node-id=${crumb.node.id}

package/front_end/panels/elements/components/ElementsTreeExpandButton.ts

@@ -1,7 +1,7 @@
 // Copyright 2022 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 

package/front_end/panels/elements/components/QueryContainer.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 import '../../../ui/components/node_text/node_text.js';
@@ -76,7 +76,7 @@ export class QueryContainer extends HTMLElement {
 
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
-    // eslint-disable-next-line rulesdir/no-a-tags-in-lit
+    // eslint-disable-next-line @devtools/no-a-tags-in-lit
     render(html`
       <style>${queryContainerStyles}</style>
       →

package/front_end/panels/elements/components/StylePropertyEditor.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/icon_button/icon_button.js';
 
@@ -187,6 +187,23 @@ declare global {
   }
 }
 
+export class MasonryEditor extends StylePropertyEditor {
+  readonly jslogContext = 'cssMasonryEditor';
+  protected override readonly editableProperties: EditableProperty[] = MasonryEditableProperties;
+
+  protected override findIcon(query: string, computedProperties: Map<string, string>): IconInfo|null {
+    return findGridContainerIcon(query, computedProperties);
+  }
+}
+
+customElements.define('devtools-masonry-editor', MasonryEditor);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'devtools-masonry-editor': MasonryEditor;
+  }
+}
+
 export const FlexboxEditableProperties = [
   {
     propertyName: 'flex-direction',
@@ -243,6 +260,8 @@ export const GridEditableProperties = [
     propertyName: 'align-content',
     propertyValues: [
       'center',
+      'start',
+      'end',
       'space-between',
       'space-around',
       'space-evenly',
@@ -258,6 +277,7 @@ export const GridEditableProperties = [
       'space-between',
       'space-around',
       'space-evenly',
+      'stretch',
     ],
   },
   {
@@ -280,3 +300,48 @@ export const GridEditableProperties = [
     ],
   },
 ];
+
+export const MasonryEditableProperties = [
+  {
+    propertyName: 'align-content',
+    propertyValues: [
+      'center',
+      'start',
+      'end',
+      'space-between',
+      'space-around',
+      'space-evenly',
+      'stretch',
+    ],
+  },
+  {
+    propertyName: 'justify-content',
+    propertyValues: [
+      'center',
+      'start',
+      'end',
+      'space-between',
+      'space-around',
+      'space-evenly',
+      'stretch',
+    ],
+  },
+  {
+    propertyName: 'align-items',
+    propertyValues: [
+      'center',
+      'start',
+      'end',
+      'stretch',
+    ],
+  },
+  {
+    propertyName: 'justify-items',
+    propertyValues: [
+      'center',
+      'start',
+      'end',
+      'stretch',
+    ],
+  },
+];

package/front_end/panels/emulation/AdvancedApp.ts

@@ -1,7 +1,7 @@
 // Copyright 2014 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/emulation/DeviceModeToolbar.ts

@@ -1,7 +1,7 @@
 // Copyright 2016 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import '../../ui/legacy/legacy.js';
 

package/front_end/panels/emulation/DeviceModeView.ts

@@ -1,7 +1,7 @@
 // Copyright 2015 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/emulation/DeviceModeWrapper.ts

@@ -1,7 +1,7 @@
 // Copyright 2016 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Common from '../../core/common/common.js';
 import * as Root from '../../core/root/root.js';

package/front_end/panels/emulation/MediaQueryInspector.ts

@@ -1,7 +1,7 @@
 // Copyright 2014 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/emulation/components/DeviceSizeInputElement.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import type * as Platform from '../../../core/platform/platform.js';
 import * as EmulationModel from '../../../models/emulation/emulation.js';

package/front_end/panels/event_listeners/EventListenersView.ts

@@ -1,7 +1,7 @@
 // Copyright 2015 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
@@ -10,7 +10,7 @@ import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
-/* eslint-disable rulesdir/es-modules-import */
+/* eslint-disable @devtools/es-modules-import */
 import objectValueStyles from '../../ui/legacy/components/object_ui/objectValue.css.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';

package/front_end/panels/explain/components/ConsoleInsight.ts

@@ -1,7 +1,7 @@
 // Copyright 2023 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-lit-render-outside-of-view */
+/* eslint-disable @devtools/no-lit-render-outside-of-view */
 
 import '../../../ui/components/spinners/spinners.js';
 

package/front_end/panels/issues/AffectedBlockedByResponseView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/panels/issues/AffectedCookiesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/issues/AffectedDescendantsWithinSelectElementView.ts

@@ -1,7 +1,7 @@
 // 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.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedDirectivesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/issues/AffectedDocumentsInQuirksModeView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedElementsView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedElementsWithLowContrastView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedHeavyAdView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedMetadataAllowedSitesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2023 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedPartitioningBlobURLView.ts

@@ -1,7 +1,7 @@
 // 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.
-/* eslint-disable rulesdir/no-imperative-dom-api */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedResourcesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';

package/front_end/panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts

@@ -1,7 +1,7 @@
 // Copyright 2020 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedSourcesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AffectedTrackingSitesView.ts

@@ -1,7 +1,7 @@
 // Copyright 2023 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';

package/front_end/panels/issues/AttributionReportingIssueDetailsView.ts

@@ -1,7 +1,7 @@
 // Copyright 2021 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 */
+/* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';