chrome-devtools-frontend 1.0.1362775 → 1.0.1376716

package/front_end/core/sdk/CSSMetadata.ts

@@ -135,6 +135,10 @@ export class CSSMetadata {
     return CSSWideKeywords.includes(a as CSSWideKeyword);
   }
 
+  static isPositionTryOrderKeyword(a: string): a is PositionTryOrderKeyword {
+    return PositionTryOrderKeywords.includes(a as PositionTryOrderKeyword);
+  }
+
   private static sortPrefixesAndCSSWideKeywordsToEnd(a: string, b: string): 1|- 1|0 {
     const aIsCSSWideKeyword = CSSMetadata.isCSSWideKeyword(a);
     const bIsCSSWideKeyword = CSSMetadata.isCSSWideKeyword(b);
@@ -376,6 +380,23 @@ export const CSSWideKeywords: CSSWideKeyword[] = [
   CSSWideKeyword.UNSET,
 ];
 
+// https://www.w3.org/TR/css-anchor-position-1/#typedef-try-size
+export const enum PositionTryOrderKeyword {
+  NORMAL = 'normal',
+  MOST_HEIGHT = 'most-height',
+  MOST_WIDTH = 'most-width',
+  MOST_BLOCK_SIZE = 'most-block-size',
+  MOST_INLINE_SIZE = 'most-inline-size',
+}
+
+export const PositionTryOrderKeywords: PositionTryOrderKeyword[] = [
+  PositionTryOrderKeyword.NORMAL,
+  PositionTryOrderKeyword.MOST_HEIGHT,
+  PositionTryOrderKeyword.MOST_WIDTH,
+  PositionTryOrderKeyword.MOST_BLOCK_SIZE,
+  PositionTryOrderKeyword.MOST_INLINE_SIZE,
+];
+
 export const VariableNameRegex = /(\s*--.*?)/gs;
 export const VariableRegex = /(var\(\s*--.*?\))/gs;
 export const CustomVariableRegex = /(var\(*--[\w\d]+-([\w]+-[\w]+)\))/g;
@@ -803,6 +824,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'self-end',
       'flex-start',
       'flex-end',
+      'anchor-center',
     ]),
   ],
   [
@@ -821,6 +843,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'left',
       'right',
       'legacy',
+      'anchor-center',
     ]),
   ],
   [
@@ -836,6 +859,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'self-end',
       'flex-start',
       'flex-end',
+      'anchor-center',
     ]),
   ],
   [
@@ -851,6 +875,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'self-end',
       'flex-start',
       'flex-end',
+      'anchor-center',
     ]),
   ],
   [
@@ -868,6 +893,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'flex-end',
       'left',
       'right',
+      'anchor-center',
     ]),
   ],
   [
@@ -883,6 +909,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'self-end',
       'flex-start',
       'flex-end',
+      'anchor-center',
     ]),
   ],
   ['perspective-origin', new Set(['left', 'center', 'right', 'top', 'bottom'])],

package/front_end/core/sdk/CSSModel.ts

@@ -362,6 +362,7 @@ export class CSSModel extends SDKModel<EventTypes> {
       propertyRules: response.cssPropertyRules ?? [],
       cssPropertyRegistrations: response.cssPropertyRegistrations ?? [],
       fontPaletteValuesRule: response.cssFontPaletteValuesRule,
+      activePositionFallbackIndex: response.activePositionFallbackIndex ?? -1,
     });
   }
 

package/front_end/core/sdk/CSSProperty.ts

@@ -9,9 +9,9 @@ import * as HostModule from '../host/host.js';
 import * as Platform from '../platform/platform.js';
 
 import {cssMetadata, GridAreaRowRegex} from './CSSMetadata.js';
-import {type Edit} from './CSSModel.js';
+import type {Edit} from './CSSModel.js';
 import {stripComments} from './CSSPropertyParser.js';
-import {type CSSStyleDeclaration} from './CSSStyleDeclaration.js';
+import type {CSSStyleDeclaration} from './CSSStyleDeclaration.js';
 
 export class CSSProperty {
   ownerStyle: CSSStyleDeclaration;

package/front_end/core/sdk/CSSQuery.ts

@@ -2,11 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import type * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {CSSLocation, type CSSModel, type Edit} from './CSSModel.js';
-import {type CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 
 type CSSQueryPayload =
     Protocol.CSS.CSSMedia|Protocol.CSS.CSSContainerQuery|Protocol.CSS.CSSSupports|Protocol.CSS.CSSScope;

package/front_end/core/sdk/CSSRule.ts

@@ -9,10 +9,10 @@ import * as Platform from '../platform/platform.js';
 import {CSSContainerQuery} from './CSSContainerQuery.js';
 import {CSSLayer} from './CSSLayer.js';
 import {CSSMedia} from './CSSMedia.js';
-import {type CSSModel, type Edit} from './CSSModel.js';
+import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSScope} from './CSSScope.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
-import {type CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 import {CSSSupports} from './CSSSupports.js';
 
 export class CSSRule {

package/front_end/core/sdk/CSSScope.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSScope extends CSSQuery {

package/front_end/core/sdk/CSSStyleDeclaration.test.ts

@@ -202,6 +202,16 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
           range: {startLine: 1, startColumn: 4, endLine: 1, endColumn: 20},
           text: '--a 10;',
         },
+        {
+          name: '--b',
+          value: '10',
+          disabled: true,
+          implicit: false,
+          parsedOk: true,
+          longhandProperties: [],
+          range: {startLine: 1, startColumn: 4, endLine: 1, endColumn: 20},
+          text: '--b: 10;',
+        },
       ],
       shorthandEntries: [],
       cssText: '\n    --a: 5px;\n    --a: 10\n',

package/front_end/core/sdk/CSSStyleDeclaration.ts

@@ -6,10 +6,10 @@ import type * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {cssMetadata} from './CSSMetadata.js';
-import {type CSSModel, type Edit} from './CSSModel.js';
+import type {CSSModel, Edit} from './CSSModel.js';
 import {CSSProperty} from './CSSProperty.js';
-import {type CSSRule} from './CSSRule.js';
-import {type Target} from './Target.js';
+import type {CSSRule} from './CSSRule.js';
+import type {Target} from './Target.js';
 
 export class CSSStyleDeclaration {
   readonly #cssModelInternal: CSSModel;
@@ -192,7 +192,7 @@ export class CSSStyleDeclaration {
       const metadata = cssMetadata();
       const canonicalName = metadata.canonicalPropertyName(property.name);
       if (property.disabled || !property.parsedOk) {
-        if (property.name.startsWith('--')) {
+        if (!property.disabled && metadata.isCustomProperty(property.name)) {
           // Variable declarations that aren't parsedOk still "overload" other previous active declarations.
           activeProperties.get(canonicalName)?.setActive(false);
           activeProperties.delete(canonicalName);

package/front_end/core/sdk/CSSStyleSheetHeader.ts

@@ -2,17 +2,17 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
-import type * as Protocol from '../../generated/protocol.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {DeferredDOMNode} from './DOMModel.js';
-import {type FrameAssociated} from './FrameAssociated.js';
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {FrameAssociated} from './FrameAssociated.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 import {ResourceTreeModel} from './ResourceTreeModel.js';
 
 const UIStrings = {

package/front_end/core/sdk/CSSSupports.ts

@@ -2,10 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSSupports extends CSSQuery {

package/front_end/core/sdk/CookieModel.ts

@@ -9,7 +9,7 @@ import * as Root from '../root/root.js';
 
 import {type Attribute, Cookie} from './Cookie.js';
 import {Events as NetworkManagerEvents, NetworkManager} from './NetworkManager.js';
-import {type Resource} from './Resource.js';
+import type {Resource} from './Resource.js';
 import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';

package/front_end/core/sdk/DOMDebuggerModel.ts

@@ -8,7 +8,7 @@ import * as Common from '../common/common.js';
 import * as Platform from '../platform/platform.js';
 
 import {CategorizedBreakpoint, Category} from './CategorizedBreakpoint.js';
-import {type EventListenerPausedDetailsAuxData, type Location} from './DebuggerModel.js';
+import type {EventListenerPausedDetailsAuxData, Location} from './DebuggerModel.js';
 import {DOMModel, type DOMNode, Events as DOMModelEvents} from './DOMModel.js';
 import {RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';

package/front_end/core/sdk/DOMModel.ts

@@ -1623,9 +1623,9 @@ export class DOMModel extends SDKModel<EventTypes> {
 
   async getContainerForNode(
       nodeId: Protocol.DOM.NodeId, containerName?: string, physicalAxes?: Protocol.DOM.PhysicalAxes,
-      logicalAxes?: Protocol.DOM.LogicalAxes): Promise<DOMNode|null> {
-    const {nodeId: containerNodeId} =
-        await this.agent.invoke_getContainerForNode({nodeId, containerName, physicalAxes, logicalAxes});
+      logicalAxes?: Protocol.DOM.LogicalAxes, queriesScrollState?: boolean): Promise<DOMNode|null> {
+    const {nodeId: containerNodeId} = await this.agent.invoke_getContainerForNode(
+        {nodeId, containerName, physicalAxes, logicalAxes, queriesScrollState});
     if (!containerNodeId) {
       return null;
     }

package/front_end/core/sdk/DebuggerModel.test.ts

@@ -29,6 +29,7 @@ describeWithMockConnection('DebuggerModel', () => {
       setMockConnectionResponseHandler('DOM.disable', () => ({}));
       setMockConnectionResponseHandler('CSS.disable', () => ({}));
       setMockConnectionResponseHandler('Overlay.disable', () => ({}));
+      setMockConnectionResponseHandler('Animation.disable', () => ({}));
       setMockConnectionResponseHandler('Overlay.setShowGridOverlays', () => ({}));
       setMockConnectionResponseHandler('Overlay.setShowFlexOverlays', () => ({}));
       setMockConnectionResponseHandler('Overlay.setShowScrollSnapOverlays', () => ({}));
@@ -43,6 +44,7 @@ describeWithMockConnection('DebuggerModel', () => {
       setMockConnectionResponseHandler('DOM.enable', () => ({}));
       setMockConnectionResponseHandler('Overlay.enable', () => ({}));
       setMockConnectionResponseHandler('CSS.enable', () => ({}));
+      setMockConnectionResponseHandler('Animation.enable', () => ({}));
     });
 
     it('deactivates breakpoints on construction with inactive breakpoints', async () => {

package/front_end/core/sdk/DebuggerModel.ts

@@ -40,7 +40,7 @@ import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 import {type GetPropertiesResult, type RemoteObject, RemoteObjectProperty, ScopeRef} from './RemoteObject.js';
 import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
 import {type EvaluationOptions, type EvaluationResult, type ExecutionContext, RuntimeModel} from './RuntimeModel.js';
@@ -951,8 +951,14 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     this.#breakpointResolvedEventTarget.removeEventListener(breakpointId, listener, thisObject);
   }
 
-  async setBlackboxPatterns(patterns: string[]): Promise<boolean> {
-    const response = await this.agent.invoke_setBlackboxPatterns({patterns});
+  async setBlackboxPatterns(patterns: string[], skipAnonymous: boolean): Promise<boolean> {
+    const response = await this.agent.invoke_setBlackboxPatterns({patterns, skipAnonymous});
+    const error = response.getError();
+    return !error;
+  }
+
+  async setBlackboxExecutionContexts(uniqueIds: string[]): Promise<boolean> {
+    const response = await this.agent.invoke_setBlackboxExecutionContexts({uniqueIds});
     const error = response.getError();
     return !error;
   }

package/front_end/core/sdk/EmulationModel.ts

@@ -19,6 +19,7 @@ export class EmulationModel extends SDKModel<void> {
   #cssModel: CSSModel|null;
   readonly #overlayModelInternal: OverlayModel|null;
   readonly #mediaConfiguration: Map<string, string>;
+  #cpuPressureEnabled: boolean;
   #touchEnabled: boolean;
   #touchMobile: boolean;
   #touchEmulationAllowed: boolean;
@@ -70,6 +71,24 @@ export class EmulationModel extends SDKModel<void> {
       await this.setIdleOverride(emulationParams);
     });
 
+    const cpuPressureDetectionSetting = Common.Settings.Settings.instance().moduleSetting('emulation.cpu-pressure');
+    cpuPressureDetectionSetting.addChangeListener(async () => {
+      const settingValue = cpuPressureDetectionSetting.get();
+
+      if (settingValue === 'none') {
+        await this.setPressureSourceOverrideEnabled(false);
+        this.#cpuPressureEnabled = false;
+        return;
+      }
+
+      if (!this.#cpuPressureEnabled) {
+        this.#cpuPressureEnabled = true;
+        await this.setPressureSourceOverrideEnabled(true);
+      }
+
+      await this.setPressureStateOverride(settingValue);
+    });
+
     const mediaTypeSetting = Common.Settings.Settings.instance().moduleSetting<string>('emulated-css-media');
     const mediaFeatureColorGamutSetting =
         Common.Settings.Settings.instance().moduleSetting<string>('emulated-css-media-feature-color-gamut');
@@ -179,6 +198,7 @@ export class EmulationModel extends SDKModel<void> {
       updateDisabledImageFormats();
     }
 
+    this.#cpuPressureEnabled = false;
     this.#touchEmulationAllowed = true;
     this.#touchEnabled = false;
     this.#touchMobile = false;
@@ -213,6 +233,18 @@ export class EmulationModel extends SDKModel<void> {
     return this.#overlayModelInternal;
   }
 
+  async setPressureSourceOverrideEnabled(enabled: boolean): Promise<void> {
+    await this.#emulationAgent.invoke_setPressureSourceOverrideEnabled(
+        {source: Protocol.Emulation.PressureSource.Cpu, enabled});
+  }
+
+  async setPressureStateOverride(pressureState: string): Promise<void> {
+    await this.#emulationAgent.invoke_setPressureStateOverride({
+      source: Protocol.Emulation.PressureSource.Cpu,
+      state: pressureState as Protocol.Emulation.PressureState,
+    });
+  }
+
   async emulateLocation(location: Location|null): Promise<void> {
     if (!location) {
       await Promise.all([

package/front_end/core/sdk/EnhancedTracesParser.test.ts

@@ -6,11 +6,7 @@ import type * as Protocol from '../../generated/protocol.js';
 import {TraceLoader} from '../../testing/TraceLoader.js';
 
 import * as EnhancedTraces from './EnhancedTracesParser.js';
-import {
-  type RehydratingExecutionContext,
-  type RehydratingScript,
-  type RehydratingTarget,
-} from './RehydratingObject.js';
+import type {RehydratingExecutionContext, RehydratingScript, RehydratingTarget} from './RehydratingObject.js';
 
 describe('EnhancedTracesParser', () => {
   let enhancedTracesParser: EnhancedTraces.EnhancedTracesParser;
@@ -137,7 +133,7 @@ describe('EnhancedTracesParser', () => {
   });
 
   it('captures targets from target rundown events', async function() {
-    const data = enhancedTracesParser.data().data;
+    const data = enhancedTracesParser.data();
     const targets: RehydratingTarget[] = [];
     for (const target of data.keys()) {
       targets.push(target);
@@ -151,7 +147,7 @@ describe('EnhancedTracesParser', () => {
   });
 
   it('captures execution context info', async function() {
-    const data = enhancedTracesParser.data().data;
+    const data = enhancedTracesParser.data();
     let executionContexts: RehydratingExecutionContext[] = [];
     for (const target of data.keys()) {
       const contextsAndScripts = data.get(target);
@@ -174,7 +170,7 @@ describe('EnhancedTracesParser', () => {
   });
 
   it('captures script info and source text', async function() {
-    const data = enhancedTracesParser.data().data;
+    const data = enhancedTracesParser.data();
     let scripts: RehydratingScript[] = [];
     for (const target of data.keys()) {
       const contextsAndScripts = data.get(target);
@@ -197,7 +193,7 @@ describe('EnhancedTracesParser', () => {
   });
 
   it('grouped contexts and scripts under the right target', async function() {
-    const data = enhancedTracesParser.data().data;
+    const data = enhancedTracesParser.data();
     for (const target of data.keys()) {
       const contextsAndScripts = data.get(target);
       if (contextsAndScripts) {

package/front_end/core/sdk/EnhancedTracesParser.ts

@@ -5,12 +5,9 @@
 import type * as Protocol from '../../generated/protocol.js';
 import {UserVisibleError} from '../platform/platform.js';
 
-import {
-  type EnhancedTracesData,
-  type RehydratingExecutionContext,
-  type RehydratingScript,
-  type RehydratingTarget,
-} from './RehydratingObject.js';
+import type {
+  HydratingDataPerTarget, RehydratingExecutionContext, RehydratingScript, RehydratingTarget} from
+  './RehydratingObject.js';
 
 interface RehydratingTraceBase {
   cat: string;
@@ -160,7 +157,7 @@ export class EnhancedTracesParser {
     }
   }
 
-  data(): EnhancedTracesData {
+  data(): HydratingDataPerTarget {
     // Put back execution context id
     const v8ContextToExecutionContextId: Map<string, Protocol.Runtime.ExecutionContextId> =
         new Map<string, Protocol.Runtime.ExecutionContextId>();
@@ -203,9 +200,7 @@ export class EnhancedTracesParser {
     for (const target of this.#targets) {
       data.set(target, this.groupContextsAndScriptsUnderTarget(target, this.#executionContexts, this.#scripts));
     }
-    return {
-      data,
-    };
+    return data;
   }
 
   private getScriptIsolateId(isolate: string, scriptId: Protocol.Runtime.ScriptId): string {

package/front_end/core/sdk/EventBreakpointsModel.ts

@@ -5,7 +5,7 @@
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 
 import {CategorizedBreakpoint, Category} from './CategorizedBreakpoint.js';
-import {type EventListenerPausedDetailsAuxData} from './DebuggerModel.js';
+import type {EventListenerPausedDetailsAuxData} from './DebuggerModel.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';
 import {type SDKModelObserver, TargetManager} from './TargetManager.js';
@@ -54,7 +54,6 @@ export class EventBreakpointsModel extends SDKModel<void> {
 // This implementation (as opposed to similar class in DOMDebuggerModel) is for
 // instrumentation breakpoints in targets that run JS but do not have a DOM.
 class EventListenerBreakpoint extends CategorizedBreakpoint {
-
   override setEnabled(enabled: boolean): void {
     if (this.enabled() === enabled) {
       return;

package/front_end/core/sdk/FrameAssociated.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type PageResourceLoadInitiator} from './PageResourceLoader.js';
+import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
 export interface FrameAssociated {
   createPageResourceLoadInitiator: () => PageResourceLoadInitiator;
 }

package/front_end/core/sdk/FrameManager.ts

@@ -2,15 +2,13 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Common from '../common/common.js';
 import type * as Protocol from '../../generated/protocol.js';
+import * as Common from '../common/common.js';
 
-import {type Resource} from './Resource.js';
-
-import {Events as ResourceTreeModelEvents, ResourceTreeModel, type ResourceTreeFrame} from './ResourceTreeModel.js';
-import {type Target} from './Target.js';
-
-import {TargetManager, type SDKModelObserver} from './TargetManager.js';
+import type {Resource} from './Resource.js';
+import {Events as ResourceTreeModelEvents, type ResourceTreeFrame, ResourceTreeModel} from './ResourceTreeModel.js';
+import type {Target} from './Target.js';
+import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
 let frameManagerInstance: FrameManager|null = null;
 
@@ -53,6 +51,10 @@ export class FrameManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     return frameManagerInstance;
   }
 
+  static removeInstance(): void {
+    frameManagerInstance = null;
+  }
+
   modelAdded(resourceTreeModel: ResourceTreeModel): void {
     const addListener = resourceTreeModel.addEventListener(ResourceTreeModelEvents.FrameAdded, this.frameAdded, this);
     const detachListener =

package/front_end/core/sdk/HeapProfilerModel.ts

@@ -6,12 +6,11 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
 import type * as Platform from '../platform/platform.js';
 
-import {type DebuggerModel} from './DebuggerModel.js';
-import {type RemoteObject} from './RemoteObject.js';
+import type {DebuggerModel} from './DebuggerModel.js';
+import type {RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';
-
-import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
+import {Capability, type Target} from './Target.js';
 
 export class HeapProfilerModel extends SDKModel<EventTypes> {
   #enabled: boolean;

package/front_end/core/sdk/IsolateManager.ts

@@ -4,10 +4,9 @@
 
 import * as Common from '../common/common.js';
 
-import {type HeapProfilerModel} from './HeapProfilerModel.js';
+import type {HeapProfilerModel} from './HeapProfilerModel.js';
 import {RuntimeModel} from './RuntimeModel.js';
-
-import {TargetManager, type SDKModelObserver} from './TargetManager.js';
+import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
 let isolateManagerInstance: IsolateManager;
 

package/front_end/core/sdk/LayerTreeBase.ts

@@ -5,8 +5,8 @@
 import type * as Protocol from '../../generated/protocol.js';
 
 import {DOMModel, type DOMNode} from './DOMModel.js';
-import {type SnapshotWithRect} from './PaintProfiler.js';
-import {type Target} from './Target.js';
+import type {SnapshotWithRect} from './PaintProfiler.js';
+import type {Target} from './Target.js';
 
 export interface Layer {
   id(): string;

package/front_end/core/sdk/NetworkManager.ts

@@ -36,7 +36,7 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Common from '../common/common.js';
-import {type Serializer} from '../common/Settings.js';
+import type {Serializer} from '../common/Settings.js';
 import * as Host from '../host/host.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';

package/front_end/core/sdk/OverlayModel.ts

@@ -9,11 +9,11 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 import * as Root from '../root/root.js';
 
-import {type CSSModel} from './CSSModel.js';
+import type {CSSModel} from './CSSModel.js';
 import {DebuggerModel, Events as DebuggerModelEvents} from './DebuggerModel.js';
 import {DeferredDOMNode, DOMModel, type DOMNode, Events as DOMModelEvents} from './DOMModel.js';
 import {OverlayPersistentHighlighter} from './OverlayPersistentHighlighter.js';
-import {type RemoteObject} from './RemoteObject.js';
+import type {RemoteObject} from './RemoteObject.js';
 import {SDKModel} from './SDKModel.js';
 import {Capability, type Target} from './Target.js';
 import {TargetManager} from './TargetManager.js';

package/front_end/core/sdk/OverlayPersistentHighlighter.ts

@@ -6,7 +6,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as Common from '../common/common.js';
 import * as Platform from '../platform/platform.js';
 
-import {type DOMModel} from './DOMModel.js';
+import type {DOMModel} from './DOMModel.js';
 import {OverlayColorGenerator} from './OverlayColorGenerator.js';
 
 export const enum HighlightType {

package/front_end/core/sdk/PageLoad.ts

@@ -4,7 +4,7 @@
 
 import type * as Platform from '../platform/platform.js';
 
-import {type NetworkRequest} from './NetworkRequest.js';
+import type {NetworkRequest} from './NetworkRequest.js';
 
 export class PageLoad {
   id: number;

package/front_end/core/sdk/PageResourceLoader.ts

@@ -17,7 +17,7 @@ import {
   type ResourceTreeFrame,
   ResourceTreeModel,
 } from './ResourceTreeModel.js';
-import {type Target} from './Target.js';
+import type {Target} from './Target.js';
 import {TargetManager} from './TargetManager.js';
 
 const UIStrings = {