chrome-devtools-frontend 1.0.1023618 → 1.0.1025020

package/.eslintignore

@@ -4,7 +4,7 @@
 // glob into this file it willl not mean that the
 // clang-format check also ignores that file
 front_end/.eslintrc.js
-front_end/diff/diff_match_patch.js
+front_end/diff/diff_match_patch.jD
 front_end/javascript_metadata/NativeFunctions.js
 front_end/javascript_metadata/DOMPinnedProperties.ts
 

package/.eslintrc.js

@@ -176,6 +176,7 @@ module.exports = {
       'rulesdir/const_enum': 2,
       'rulesdir/no_underscored_properties': 2,
       'rulesdir/prefer_readonly_keyword': 2,
+      'rulesdir/inline_type_imports': 2,
     }
   }]
 };

package/front_end/core/common/AppProvider.ts

@@ -4,7 +4,7 @@
 
 import * as Root from '../root/root.js';
 
-import type {App} from './App.js';
+import {type App} from './App.js';
 
 export interface AppProvider {
   createApp(): App;

package/front_end/core/common/Object.ts

@@ -28,8 +28,13 @@
  */
 
 import type * as Platform from '../platform/platform.js';
-import type {
-  EventDescriptor, EventListener, EventTarget, EventTargetEvent, EventPayloadToRestParameters} from './EventTarget.js';
+import {
+  type EventDescriptor,
+  type EventListener,
+  type EventTarget,
+  type EventTargetEvent,
+  type EventPayloadToRestParameters,
+} from './EventTarget.js';
 
 export interface ListenerCallbackTuple<Events, T extends keyof Events> {
   thisObject?: Object;

package/front_end/core/common/SettingRegistration.ts

@@ -6,7 +6,7 @@ import * as i18n from '../i18n/i18n.js';
 import type * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import type {SettingStorageType} from './Settings.js';
+import {type SettingStorageType} from './Settings.js';
 
 const UIStrings = {
   /**

package/front_end/core/common/Settings.ts

@@ -31,10 +31,9 @@
 import type * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import type {Color} from './Color.js';
-import {Format} from './Color.js';
+import {Format, type Color} from './Color.js';
 import {Console} from './Console.js';
-import type {GenericEvents, EventDescriptor, EventTargetEvent} from './EventTarget.js';
+import {type GenericEvents, type EventDescriptor, type EventTargetEvent} from './EventTarget.js';
 import {ObjectWrapper} from './Object.js';
 import {
   getLocalizedSettingsCategory,

package/front_end/core/host/InspectorFrontendHost.ts

@@ -36,11 +36,19 @@ import * as i18n from '../i18n/i18n.js';
 import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import type {
-  CanShowSurveyResult, ContextMenuDescriptor, EnumeratedHistogram, EventTypes, ExtensionDescriptor,
-  InspectorFrontendHostAPI, LoadNetworkResourceResult, ShowSurveyResult,
-  SyncInformation} from './InspectorFrontendHostAPI.js';
-import {EventDescriptors, Events} from './InspectorFrontendHostAPI.js';
+import {
+  EventDescriptors,
+  Events,
+  type CanShowSurveyResult,
+  type ContextMenuDescriptor,
+  type EnumeratedHistogram,
+  type EventTypes,
+  type ExtensionDescriptor,
+  type InspectorFrontendHostAPI,
+  type LoadNetworkResourceResult,
+  type ShowSurveyResult,
+  type SyncInformation,
+} from './InspectorFrontendHostAPI.js';
 import {streamWrite as resourceLoaderStreamWrite} from './ResourceLoader.js';
 
 const UIStrings = {

package/front_end/core/host/ResourceLoader.ts

@@ -8,7 +8,7 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 
 import {InspectorFrontendHostInstance} from './InspectorFrontendHost.js';
-import type {LoadNetworkResourceResult} from './InspectorFrontendHostAPI.js';
+import {type LoadNetworkResourceResult} from './InspectorFrontendHostAPI.js';
 
 const UIStrings = {
   /**

package/front_end/core/i18n/locales/en-US.json

@@ -6482,6 +6482,21 @@
   "panels/media/PlayerMessagesView.ts | error": {
     "message": "Error"
   },
+  "panels/media/PlayerMessagesView.ts | errorCauseLabel": {
+    "message": "Caused by:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorCodeLabel": {
+    "message": "Error Code:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorDataLabel": {
+    "message": "Data:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorGroupLabel": {
+    "message": "Error Group:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorStackLabel": {
+    "message": "Stacktrace:"
+  },
   "panels/media/PlayerMessagesView.ts | filterLogMessages": {
     "message": "Filter log messages"
   },
@@ -8936,9 +8951,6 @@
   "panels/security/SecurityPanel.ts | keyExchange": {
     "message": "Key exchange"
   },
-  "panels/security/SecurityPanel.ts | keyExchangeGroup": {
-    "message": "Key exchange group"
-  },
   "panels/security/SecurityPanel.ts | logId": {
     "message": "Log ID"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -6482,6 +6482,21 @@
   "panels/media/PlayerMessagesView.ts | error": {
     "message": "Êŕr̂ór̂"
   },
+  "panels/media/PlayerMessagesView.ts | errorCauseLabel": {
+    "message": "Ĉáûśêd́ b̂ý:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorCodeLabel": {
+    "message": "Êŕr̂ór̂ Ćôd́ê:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorDataLabel": {
+    "message": "D̂át̂á:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorGroupLabel": {
+    "message": "Êŕr̂ór̂ Ǵr̂óûṕ:"
+  },
+  "panels/media/PlayerMessagesView.ts | errorStackLabel": {
+    "message": "Ŝt́âćk̂t́r̂áĉé:"
+  },
   "panels/media/PlayerMessagesView.ts | filterLogMessages": {
     "message": "F̂íl̂t́êŕ l̂óĝ ḿêśŝáĝéŝ"
   },
@@ -8936,9 +8951,6 @@
   "panels/security/SecurityPanel.ts | keyExchange": {
     "message": "K̂éŷ éx̂ćĥán̂ǵê"
   },
-  "panels/security/SecurityPanel.ts | keyExchangeGroup": {
-    "message": "K̂éŷ éx̂ćĥán̂ǵê ǵr̂óûṕ"
-  },
   "panels/security/SecurityPanel.ts | logId": {
     "message": "L̂óĝ ÍD̂"
   },

package/front_end/core/platform/UserVisibleError.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 {LocalizedString} from './UIString.js';
+import {type LocalizedString} from './UIString.js';
 
 /**
  * Represents an error that might become visible to the user. Where errors

package/front_end/core/sdk/AccessibilityModel.ts

@@ -5,10 +5,9 @@
 import type * as Protocol from '../../generated/protocol.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 
-import type {DOMNode} from './DOMModel.js';
-import {DeferredDOMNode} from './DOMModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+import {DeferredDOMNode, type DOMNode} from './DOMModel.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
 // TODO(crbug.com/1167717): Make this a const enum again

package/front_end/core/sdk/CPUProfileDataModel.ts

@@ -8,7 +8,7 @@ import * as Platform from '../platform/platform.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {ProfileNode, ProfileTreeModel} from './ProfileTreeModel.js';
-import type {Target} from './Target.js';
+import {type Target} from './Target.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/CPUProfilerModel.ts

@@ -33,9 +33,9 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {DebuggerModel, Location} from './DebuggerModel.js';
-import type {RuntimeModel} from './RuntimeModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+import {type RuntimeModel} from './RuntimeModel.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
 const UIStrings = {

package/front_end/core/sdk/CPUThrottlingManager.ts

@@ -5,8 +5,8 @@
 import * as Common from '../../core/common/common.js';
 
 import {EmulationModel} from './EmulationModel.js';
-import type {SDKModelObserver} from './TargetManager.js';
-import {TargetManager} from './TargetManager.js';
+
+import {TargetManager, type SDKModelObserver} from './TargetManager.js';
 
 let throttlingManagerInstance: CPUThrottlingManager;
 

package/front_end/core/sdk/CSSContainerQuery.ts

@@ -5,9 +5,9 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {CSSModel} from './CSSModel.js';
+import {type CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
-import type {DOMNode} from './DOMModel.js';
+import {type DOMNode} from './DOMModel.js';
 
 export class CSSContainerQuery extends CSSQuery {
   name?: string;

package/front_end/core/sdk/CSSLayer.ts

@@ -5,7 +5,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {CSSModel} from './CSSModel.js';
+import {type CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSLayer extends CSSQuery {

package/front_end/core/sdk/CSSMatchedStyles.ts

@@ -7,11 +7,11 @@ import * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import {cssMetadata, CustomVariableRegex, VariableRegex} from './CSSMetadata.js';
 
-import type {CSSModel} from './CSSModel.js';
-import type {CSSProperty} from './CSSProperty.js';
+import {type CSSModel} from './CSSModel.js';
+import {type CSSProperty} from './CSSProperty.js';
 import {CSSKeyframesRule, CSSStyleRule} from './CSSRule.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
-import type {DOMNode} from './DOMModel.js';
+import {type DOMNode} from './DOMModel.js';
 
 export class CSSMatchedStyles {
   readonly #cssModelInternal: CSSModel;
@@ -25,13 +25,14 @@ export class CSSMatchedStyles {
   readonly #pseudoDOMCascades: Map<Protocol.DOM.PseudoType, DOMInheritanceCascade>;
   readonly #customHighlightPseudoDOMCascades: Map<string, DOMInheritanceCascade>;
   readonly #styleToDOMCascade: Map<CSSStyleDeclaration, DOMInheritanceCascade>;
+  readonly #parentLayoutNodeId: Protocol.DOM.NodeId|undefined;
 
   constructor(
       cssModel: CSSModel, node: DOMNode, inlinePayload: Protocol.CSS.CSSStyle|null,
       attributesPayload: Protocol.CSS.CSSStyle|null, matchedPayload: Protocol.CSS.RuleMatch[],
       pseudoPayload: Protocol.CSS.PseudoElementMatches[], inheritedPayload: Protocol.CSS.InheritedStyleEntry[],
       inheritedPseudoPayload: Protocol.CSS.InheritedPseudoElementMatches[],
-      animationsPayload: Protocol.CSS.CSSKeyframesRule[]) {
+      animationsPayload: Protocol.CSS.CSSKeyframesRule[], parentLayoutNodeId: Protocol.DOM.NodeId|undefined) {
     this.#cssModelInternal = cssModel;
     this.#nodeInternal = node;
     this.#addedStyles = new Map();
@@ -40,6 +41,7 @@ export class CSSMatchedStyles {
     if (animationsPayload) {
       this.#keyframesInternal = animationsPayload.map(rule => new CSSKeyframesRule(cssModel, rule));
     }
+    this.#parentLayoutNodeId = parentLayoutNodeId;
 
     this.#nodeForStyleInternal = new Map();
     this.#inheritedStyles = new Set();
@@ -411,6 +413,10 @@ export class CSSMatchedStyles {
     return matchingSelectors.length > 0 && this.queryMatches(rule.style);
   }
 
+  getParentLayoutNodeId(): Protocol.DOM.NodeId|undefined {
+    return this.#parentLayoutNodeId;
+  }
+
   getMatchingSelectors(rule: CSSStyleRule): number[] {
     const node = this.nodeForStyle(rule.style);
     if (!node || typeof node.id !== 'number') {

package/front_end/core/sdk/CSSMedia.ts

@@ -5,7 +5,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {CSSModel} from './CSSModel.js';
+import {type CSSModel} from './CSSModel.js';
 import {CSSQuery} from './CSSQuery.js';
 
 export class CSSMediaQuery {

package/front_end/core/sdk/CSSModel.ts

@@ -45,12 +45,12 @@ import {CSSMedia} from './CSSMedia.js';
 import {CSSStyleRule} from './CSSRule.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
 import {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
-import type {DOMNode} from './DOMModel.js';
-import {DOMModel} from './DOMModel.js';
-import type {ResourceTreeFrame} from './ResourceTreeModel.js';
-import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {DOMModel, type DOMNode} from './DOMModel.js';
+
+import {Events as ResourceTreeModelEvents, ResourceTreeModel, type ResourceTreeFrame} from './ResourceTreeModel.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 import {SourceMapManager} from './SourceMapManager.js';
 
@@ -305,7 +305,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     return new CSSMatchedStyles(
         this, (node as DOMNode), response.inlineStyle || null, response.attributesStyle || null,
         response.matchedCSSRules || [], response.pseudoElements || [], response.inherited || [],
-        response.inheritedPseudoElements || [], response.cssKeyframesRules || []);
+        response.inheritedPseudoElements || [], response.cssKeyframesRules || [], response.parentLayoutNodeId);
   }
 
   async getClassNames(styleSheetId: Protocol.CSS.StyleSheetId): Promise<string[]> {

package/front_end/core/sdk/CSSProperty.ts

@@ -9,8 +9,8 @@ import * as Platform from '../platform/platform.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {cssMetadata, GridAreaRowRegex} from './CSSMetadata.js';
-import type {Edit} from './CSSModel.js';
-import type {CSSStyleDeclaration} from './CSSStyleDeclaration.js';
+import {type Edit} from './CSSModel.js';
+import {type CSSStyleDeclaration} from './CSSStyleDeclaration.js';
 
 export class CSSProperty {
   ownerStyle: CSSStyleDeclaration;

package/front_end/core/sdk/CSSQuery.ts

@@ -5,9 +5,8 @@
 import type * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {CSSModel, Edit} from './CSSModel.js';
-import {CSSLocation} from './CSSModel.js';
-import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import {CSSLocation, type CSSModel, type Edit} from './CSSModel.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

@@ -12,9 +12,9 @@ import {CSSMedia} from './CSSMedia.js';
 import {CSSScope} from './CSSScope.js';
 import {CSSSupports} from './CSSSupports.js';
 
-import type {CSSModel, Edit} from './CSSModel.js';
+import {type CSSModel, type Edit} from './CSSModel.js';
 import {CSSStyleDeclaration, Type} from './CSSStyleDeclaration.js';
-import type {CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
+import {type CSSStyleSheetHeader} from './CSSStyleSheetHeader.js';
 
 export class CSSRule {
   readonly cssModelInternal: CSSModel;

package/front_end/core/sdk/CSSScope.ts

@@ -5,7 +5,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.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.ts

@@ -6,10 +6,10 @@ import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {cssMetadata} from './CSSMetadata.js';
-import type {CSSModel, Edit} from './CSSModel.js';
+import {type CSSModel, type 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;

package/front_end/core/sdk/CSSStyleSheetHeader.ts

@@ -9,10 +9,10 @@ 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

@@ -5,7 +5,7 @@
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.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/ChildTargetManager.ts

@@ -9,8 +9,8 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {ParallelConnection} from './Connections.js';
-import type {Target} from './Target.js';
-import {Capability, Type} from './Target.js';
+
+import {Capability, Type, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 import {Events as TargetManagerEvents, TargetManager} from './TargetManager.js';
 

package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts

@@ -33,8 +33,7 @@ import type * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 import type * as Platform from '../platform/platform.js';
 
-import type {PageResourceLoadInitiator} from './PageResourceLoader.js';
-import {PageResourceLoader} from './PageResourceLoader.js';
+import {PageResourceLoader, type PageResourceLoadInitiator} from './PageResourceLoader.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/ConsoleModel.ts

@@ -37,20 +37,23 @@ import type * as Platform from '../platform/platform.js';
 import {FrontendMessageSource, FrontendMessageType} from './ConsoleModelTypes.js';
 export {FrontendMessageSource, FrontendMessageType} from './ConsoleModelTypes.js';
 
-import type {EventData} from './CPUProfilerModel.js';
-import {CPUProfilerModel, Events as CPUProfilerModelEvents} from './CPUProfilerModel.js';
-import type {Location} from './DebuggerModel.js';
-import {Events as DebuggerModelEvents} from './DebuggerModel.js';
+import {CPUProfilerModel, Events as CPUProfilerModelEvents, type EventData} from './CPUProfilerModel.js';
+
+import {Events as DebuggerModelEvents, type Location} from './DebuggerModel.js';
 import {LogModel} from './LogModel.js';
 import {RemoteObject} from './RemoteObject.js';
-import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
-import type {
-  ConsoleAPICall, ExceptionWithTimestamp, ExecutionContext, QueryObjectRequestedEvent} from './RuntimeModel.js';
-import {Events as RuntimeModelEvents, RuntimeModel} from './RuntimeModel.js';
-import type {Target} from './Target.js';
-import {TargetManager} from './TargetManager.js';
-import type {Observer} from './TargetManager.js';
-import type {ResourceTreeFrame} from './ResourceTreeModel.js';
+import {Events as ResourceTreeModelEvents, ResourceTreeModel, type ResourceTreeFrame} from './ResourceTreeModel.js';
+
+import {
+  Events as RuntimeModelEvents,
+  RuntimeModel,
+  type ConsoleAPICall,
+  type ExceptionWithTimestamp,
+  type ExecutionContext,
+  type QueryObjectRequestedEvent,
+} from './RuntimeModel.js';
+import {type Target} from './Target.js';
+import {TargetManager, type Observer} from './TargetManager.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/CookieModel.ts

@@ -6,12 +6,11 @@ import * as Protocol from '../../generated/protocol.js';
 import * as Common from '../common/common.js';
 import * as Root from '../root/root.js';
 
-import type {Attributes} from './Cookie.js';
-import {Cookie} from './Cookie.js';
-import type {Resource} from './Resource.js';
+import {Cookie, type Attributes} from './Cookie.js';
+import {type Resource} from './Resource.js';
 import {ResourceTreeModel} from './ResourceTreeModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
 export class CookieModel extends SDKModel<void> {

package/front_end/core/sdk/DOMDebuggerModel.ts

@@ -9,16 +9,16 @@ import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {CategorizedBreakpoint} from './CategorizedBreakpoint.js';
-import type {Location} from './DebuggerModel.js';
-import type {DOMNode} from './DOMModel.js';
-import {DOMModel, Events as DOMModelEvents} from './DOMModel.js';
+import {type Location} from './DebuggerModel.js';
+
+import {DOMModel, Events as DOMModelEvents, type DOMNode} from './DOMModel.js';
 import {RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
-import type {SDKModelObserver} from './TargetManager.js';
-import {TargetManager} from './TargetManager.js';
+
+import {TargetManager, type SDKModelObserver} from './TargetManager.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/DOMModel.ts

@@ -43,10 +43,10 @@ import * as Protocol from '../../generated/protocol.js';
 import {CSSModel} from './CSSModel.js';
 import {FrameManager} from './FrameManager.js';
 import {OverlayModel} from './OverlayModel.js';
-import type {RemoteObject} from './RemoteObject.js';
+import {type RemoteObject} from './RemoteObject.js';
 import {RuntimeModel} from './RuntimeModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 import {TargetManager} from './TargetManager.js';
 import {ResourceTreeModel} from './ResourceTreeModel.js';

package/front_end/core/sdk/DebuggerModel.ts

@@ -40,14 +40,13 @@ import * as Root from '../root/root.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import type {GetPropertiesResult, RemoteObject} from './RemoteObject.js';
-import {ScopeRef} from './RemoteObject.js';
+import {ScopeRef, type GetPropertiesResult, type RemoteObject} from './RemoteObject.js';
 import {Events as ResourceTreeModelEvents, ResourceTreeModel} from './ResourceTreeModel.js';
-import type {EvaluationOptions, EvaluationResult, ExecutionContext} from './RuntimeModel.js';
-import {RuntimeModel} from './RuntimeModel.js';
+
+import {RuntimeModel, type EvaluationOptions, type EvaluationResult, type ExecutionContext} from './RuntimeModel.js';
 import {Script} from './Script.js';
-import type {Target} from './Target.js';
-import {Capability, Type} from './Target.js';
+
+import {Capability, Type, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 import {SourceMapManager} from './SourceMapManager.js';
 

package/front_end/core/sdk/EmulationModel.ts

@@ -9,8 +9,8 @@ import * as Protocol from '../../generated/protocol.js';
 import {CSSModel} from './CSSModel.js';
 import {MultitargetNetworkManager} from './NetworkManager.js';
 import {Events, OverlayModel} from './OverlayModel.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
 export class EmulationModel extends SDKModel<void> {

package/front_end/core/sdk/EventBreakpointsModel.ts

@@ -7,11 +7,11 @@ import * as i18n from '../i18n/i18n.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 
 import {CategorizedBreakpoint} from './CategorizedBreakpoint.js';
-import type {Target} from './Target.js';
-import {Capability} from './Target.js';
+
+import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
-import type {SDKModelObserver} from './TargetManager.js';
-import {TargetManager} from './TargetManager.js';
+
+import {TargetManager, type SDKModelObserver} from './TargetManager.js';
 
 const UIStrings = {
   /**

package/front_end/core/sdk/FilmStripModel.ts

@@ -4,8 +4,7 @@
 
 import * as Platform from '../platform/platform.js';
 
-import type {Event, ObjectSnapshot} from './TracingModel.js';
-import {TracingModel} from './TracingModel.js';
+import {TracingModel, type Event, type ObjectSnapshot} from './TracingModel.js';
 
 export class FilmStripModel {
   #framesInternal: Frame[];

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;
 }