chrome-devtools-frontend 1.0.1023618 → 1.0.1024166

package/front_end/models/timeline_model/TimelineFrameModel.ts

@@ -35,8 +35,8 @@ import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {RecordType, TimelineData} from './TimelineModel.js';
-import type {TracingLayerPayload, TracingLayerTile} from './TracingLayerTree.js';
-import {TracingLayerTree} from './TracingLayerTree.js';
+
+import {TracingLayerTree, type TracingLayerPayload, type TracingLayerTile} from './TracingLayerTree.js';
 
 export class TimelineFrameModel {
   private readonly categoryMapper: (arg0: SDK.TracingModel.Event) => string;

package/front_end/models/timeline_model/TimelineProfileTree.ts

@@ -8,7 +8,7 @@ import type * as Protocol from '../../generated/protocol.js';
 
 import {TimelineJSProfileProcessor} from './TimelineJSProfile.js';
 import {RecordType, TimelineData, TimelineModelImpl} from './TimelineModel.js';
-import type {TimelineModelFilter} from './TimelineModelFilter.js';
+import {type TimelineModelFilter} from './TimelineModelFilter.js';
 
 export class Node {
   totalTime: number;

package/front_end/models/timeline_model/TracingLayerTree.ts

@@ -8,7 +8,7 @@ import * as Common from '../../core/common/common.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import type {LayerPaintEvent} from './TimelineFrameModel.js';
+import {type LayerPaintEvent} from './TimelineFrameModel.js';
 
 export class TracingLayerTree extends SDK.LayerTreeBase.LayerTreeBase {
   private tileById: Map<string, TracingLayerTile>;

package/front_end/models/workspace/UISourceCode.ts

@@ -35,8 +35,7 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as TextUtils from '../text_utils/text_utils.js';
 
-import type {Project} from './WorkspaceImpl.js';
-import {Events as WorkspaceImplEvents} from './WorkspaceImpl.js';
+import {Events as WorkspaceImplEvents, type Project} from './WorkspaceImpl.js';
 
 const UIStrings = {
   /**

package/front_end/models/workspace/WorkspaceImpl.ts

@@ -32,8 +32,7 @@ import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import type * as TextUtils from '../text_utils/text_utils.js';
 
-import type {UISourceCodeMetadata} from './UISourceCode.js';
-import {UISourceCode} from './UISourceCode.js';
+import {UISourceCode, type UISourceCodeMetadata} from './UISourceCode.js';
 
 export interface ProjectSearchConfig {
   query(): string;

package/front_end/panels/accessibility/AXBreadcrumbsPane.ts

@@ -14,7 +14,7 @@ import axBreadcrumbsStyles from './axBreadcrumbs.css.js';
 
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {AccessibilitySidebarView} from './AccessibilitySidebarView.js';
+import {type AccessibilitySidebarView} from './AccessibilitySidebarView.js';
 import {AccessibilitySubPane} from './AccessibilitySubPane.js';
 
 const UIStrings = {

package/front_end/panels/animation/AnimationGroupPreviewUI.ts

@@ -3,7 +3,7 @@
 // found in the LICENSE file.
 
 import * as UI from '../../ui/legacy/legacy.js';
-import type {AnimationGroup} from './AnimationModel.js';
+import {type AnimationGroup} from './AnimationModel.js';
 import {AnimationUI} from './AnimationUI.js';
 
 export class AnimationGroupPreviewUI {

package/front_end/panels/animation/AnimationTimeline.ts

@@ -12,8 +12,13 @@ import * as UI from '../../ui/legacy/legacy.js';
 import {AnimationGroupPreviewUI} from './AnimationGroupPreviewUI.js';
 import animationTimelineStyles from './animationTimeline.css.js';
 
-import type {AnimationEffect, AnimationGroup, AnimationImpl} from './AnimationModel.js';
-import {AnimationModel, Events} from './AnimationModel.js';
+import {
+  AnimationModel,
+  Events,
+  type AnimationEffect,
+  type AnimationGroup,
+  type AnimationImpl,
+} from './AnimationModel.js';
 import {AnimationScreenshotPopover} from './AnimationScreenshotPopover.js';
 import {AnimationUI} from './AnimationUI.js';
 

package/front_end/panels/animation/AnimationUI.ts

@@ -10,9 +10,9 @@ import * as InlineEditor from '../../ui/legacy/components/inline_editor/inline_e
 import type * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {AnimationImpl, KeyframeStyle} from './AnimationModel.js';
-import type {AnimationTimeline} from './AnimationTimeline.js';
-import {StepTimingFunction} from './AnimationTimeline.js';
+import {type AnimationImpl, type KeyframeStyle} from './AnimationModel.js';
+
+import {StepTimingFunction, type AnimationTimeline} from './AnimationTimeline.js';
 
 const UIStrings = {
   /**

package/front_end/panels/application/ApplicationPanelCacheSection.ts

@@ -11,7 +11,7 @@ import * as ApplicationComponents from './components/components.js';
 import * as Host from '../../core/host/host.js';
 
 import {ApplicationPanelTreeElement, ExpandableApplicationPanelTreeElement} from './ApplicationPanelTreeElement.js';
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 import {ServiceWorkerCacheView} from './ServiceWorkerCacheViews.js';
 
 const UIStrings = {

package/front_end/panels/application/ApplicationPanelSidebar.ts

@@ -50,19 +50,25 @@ import {BackgroundServiceView} from './BackgroundServiceView.js';
 import * as ApplicationComponents from './components/components.js';
 import resourcesSidebarStyles from './resourcesSidebar.css.js';
 
-import type {Database as DatabaseModelDatabase} from './DatabaseModel.js';
-import {DatabaseModel, Events as DatabaseModelEvents} from './DatabaseModel.js';
+import {DatabaseModel, Events as DatabaseModelEvents, type Database as DatabaseModelDatabase} from './DatabaseModel.js';
 import {DatabaseQueryView, Events as DatabaseQueryViewEvents} from './DatabaseQueryView.js';
 import {DatabaseTableView} from './DatabaseTableView.js';
-import type {DOMStorage} from './DOMStorageModel.js';
-import {DOMStorageModel, Events as DOMStorageModelEvents} from './DOMStorageModel.js';
-import type {Database as IndexedDBModelDatabase, DatabaseId, Index, ObjectStore} from './IndexedDBModel.js';
-import {Events as IndexedDBModelEvents, IndexedDBModel} from './IndexedDBModel.js';
+
+import {DOMStorageModel, Events as DOMStorageModelEvents, type DOMStorage} from './DOMStorageModel.js';
+
+import {
+  Events as IndexedDBModelEvents,
+  IndexedDBModel,
+  type Database as IndexedDBModelDatabase,
+  type DatabaseId,
+  type Index,
+  type ObjectStore,
+} from './IndexedDBModel.js';
 import {IDBDatabaseView, IDBDataView} from './IndexedDBViews.js';
 import {InterestGroupStorageModel, Events as InterestGroupModelEvents} from './InterestGroupStorageModel.js';
 import {InterestGroupTreeElement} from './InterestGroupTreeElement.js';
 import {OpenedWindowDetailsView, WorkerDetailsView} from './OpenedWindowDetailsView.js';
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 import {ServiceWorkersView} from './ServiceWorkersView.js';
 import {StorageView} from './StorageView.js';
 import {TrustTokensTreeElement} from './TrustTokensTreeElement.js';

package/front_end/panels/application/ApplicationPanelTreeElement.ts

@@ -6,7 +6,7 @@ import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 
 export class ApplicationPanelTreeElement extends UI.TreeOutline.TreeElement {
   protected readonly resourcesPanel: ResourcesPanel;

package/front_end/panels/application/BackgroundServiceView.ts

@@ -15,8 +15,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import backgroundServiceViewStyles from './backgroundServiceView.css.js';
 
-import type {BackgroundServiceModel} from './BackgroundServiceModel.js';
-import {Events} from './BackgroundServiceModel.js';
+import {Events, type BackgroundServiceModel} from './BackgroundServiceModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/application/DatabaseQueryView.ts

@@ -33,7 +33,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {Database} from './DatabaseModel.js';
+import {type Database} from './DatabaseModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/application/DatabaseTableView.ts

@@ -32,7 +32,7 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {Database} from './DatabaseModel.js';
+import {type Database} from './DatabaseModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/application/IndexedDBViews.ts

@@ -37,8 +37,15 @@ import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {
-  Database, DatabaseId, Entry, Index, IndexedDBModel, ObjectStore, ObjectStoreMetadata} from './IndexedDBModel.js';
+import {
+  type Database,
+  type DatabaseId,
+  type Entry,
+  type Index,
+  type IndexedDBModel,
+  type ObjectStore,
+  type ObjectStoreMetadata,
+} from './IndexedDBModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/application/InterestGroupTreeElement.ts

@@ -11,7 +11,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {ApplicationPanelTreeElement} from './ApplicationPanelTreeElement.js';
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 import {InterestGroupStorageView} from './InterestGroupStorageView.js';
 
 const UIStrings = {

package/front_end/panels/application/ReportingApiTreeElement.ts

@@ -8,7 +8,7 @@ import type * as Platform from '../../core/platform/platform.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import {ApplicationPanelTreeElement} from './ApplicationPanelTreeElement.js';
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 import {ReportingApiView} from './ReportingApiView.js';
 
 const UIStrings = {

package/front_end/panels/application/ResourcesPanel.ts

@@ -15,7 +15,7 @@ import {CookieItemsView} from './CookieItemsView.js';
 import {DatabaseQueryView} from './DatabaseQueryView.js';
 import {DatabaseTableView} from './DatabaseTableView.js';
 import {DOMStorageItemsView} from './DOMStorageItemsView.js';
-import type {DOMStorage} from './DOMStorageModel.js';
+import {type DOMStorage} from './DOMStorageModel.js';
 import {StorageItemsView} from './StorageItemsView.js';
 
 let resourcesPanelInstance: ResourcesPanel;

package/front_end/panels/application/TrustTokensTreeElement.ts

@@ -9,7 +9,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import {ApplicationPanelTreeElement} from './ApplicationPanelTreeElement.js';
 import * as ApplicationComponents from './components/components.js';
-import type {ResourcesPanel} from './ResourcesPanel.js';
+import {type ResourcesPanel} from './ResourcesPanel.js';
 import * as Host from '../../core/host/host.js';
 
 const UIStrings = {

package/front_end/panels/application/components/FrameDetailsView.ts

@@ -2,10 +2,13 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type {StackTraceData} from './StackTrace.js';
-import {StackTrace} from './StackTrace.js';
-import type {PermissionsPolicySectionData} from './PermissionsPolicySection.js';
-import {PermissionsPolicySection, renderIconLink} from './PermissionsPolicySection.js';
+import {StackTrace, type StackTraceData} from './StackTrace.js';
+
+import {
+  PermissionsPolicySection,
+  renderIconLink,
+  type PermissionsPolicySectionData,
+} from './PermissionsPolicySection.js';
 import * as Bindings from '../../../models/bindings/bindings.js';
 import * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';
@@ -22,8 +25,8 @@ import * as UI from '../../../ui/legacy/legacy.js';
 import * as Workspace from '../../../models/workspace/workspace.js';
 import * as Components from '../../../ui/legacy/components/utils/utils.js';
 import * as Protocol from '../../../generated/protocol.js';
-import type {OriginTrialTreeViewData} from './OriginTrialTreeView.js';
-import {OriginTrialTreeView} from './OriginTrialTreeView.js';
+
+import {OriginTrialTreeView, type OriginTrialTreeViewData} from './OriginTrialTreeView.js';
 import * as Coordinator from '../../../ui/components/render_coordinator/render_coordinator.js';
 
 import frameDetailsReportViewStyles from './frameDetailsReportView.css.js';

package/front_end/panels/console/ConsoleFilter.ts

@@ -6,7 +6,7 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 
-import type {ConsoleGroupViewMessage, ConsoleViewMessage} from './ConsoleViewMessage.js';
+import {type ConsoleGroupViewMessage, type ConsoleViewMessage} from './ConsoleViewMessage.js';
 
 export type LevelsMask = {
   [x: string]: boolean,

package/front_end/panels/console/ConsoleSidebar.ts

@@ -10,9 +10,8 @@ import * as Protocol from '../../generated/protocol.js';
 import type * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {LevelsMask} from './ConsoleFilter.js';
-import {ConsoleFilter, FilterType} from './ConsoleFilter.js';
-import type {ConsoleViewMessage} from './ConsoleViewMessage.js';
+import {ConsoleFilter, FilterType, type LevelsMask} from './ConsoleFilter.js';
+import {type ConsoleViewMessage} from './ConsoleViewMessage.js';
 import consoleSidebarStyles from './consoleSidebar.css.js';
 
 const UIStrings = {

package/front_end/panels/console/ConsoleView.ts

@@ -51,8 +51,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 import {ConsoleContextSelector} from './ConsoleContextSelector.js';
 import consoleViewStyles from './consoleView.css.js';
 
-import type {LevelsMask} from './ConsoleFilter.js';
-import {ConsoleFilter, FilterType} from './ConsoleFilter.js';
+import {ConsoleFilter, FilterType, type LevelsMask} from './ConsoleFilter.js';
 import {ConsolePinPane} from './ConsolePinPane.js';
 import {ConsolePrompt, Events as ConsolePromptEvents} from './ConsolePrompt.js';
 import {ConsoleSidebar, Events} from './ConsoleSidebar.js';
@@ -66,8 +65,7 @@ import {
   MaxLengthForLinks,
 } from './ConsoleViewMessage.js';
 
-import type {ConsoleViewportElement, ConsoleViewportProvider} from './ConsoleViewport.js';
-import {ConsoleViewport} from './ConsoleViewport.js';
+import {ConsoleViewport, type ConsoleViewportElement, type ConsoleViewportProvider} from './ConsoleViewport.js';
 
 const UIStrings = {
   /**

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -51,10 +51,10 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 // eslint-disable-next-line rulesdir/es_modules_import
 import objectValueStyles from '../../ui/legacy/components/object_ui/objectValue.css.js';
-import type {Chrome} from '../../../extension-api/ExtensionAPI.js'; // eslint-disable-line rulesdir/es_modules_import
+import {type Chrome} from '../../../extension-api/ExtensionAPI.js';  // eslint-disable-line rulesdir/es_modules_import
 
 import {format, updateStyle} from './ConsoleFormat.js';
-import type {ConsoleViewportElement} from './ConsoleViewport.js';
+import {type ConsoleViewportElement} from './ConsoleViewport.js';
 import consoleViewStyles from './consoleView.css.js';
 import {augmentErrorStackWithScriptIds, parseSourcePositionsFromErrorStack} from './ErrorStackParser.js';
 

package/front_end/panels/console/ConsoleViewport.ts

@@ -32,7 +32,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {ConsoleViewMessage} from './ConsoleViewMessage.js';
+import {type ConsoleViewMessage} from './ConsoleViewMessage.js';
 
 interface SelectionModel {
   item: number;

package/front_end/panels/coverage/CoverageDecorationManager.ts

@@ -8,7 +8,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Workspace from '../../models/workspace/workspace.js';
 
-import type {CoverageInfo, CoverageModel} from './CoverageModel.js';
+import {type CoverageInfo, type CoverageModel} from './CoverageModel.js';
 
 export const decoratorType = 'coverage';
 

package/front_end/panels/coverage/CoverageListView.ts

@@ -13,8 +13,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import coverageListViewStyles from './coverageListView.css.js';
 
-import type {URLCoverageInfo} from './CoverageModel.js';
-import {CoverageType} from './CoverageModel.js';
+import {CoverageType, type URLCoverageInfo} from './CoverageModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/coverage/CoverageView.ts

@@ -14,8 +14,7 @@ import {CoverageDecorationManager} from './CoverageDecorationManager.js';
 import {CoverageListView} from './CoverageListView.js';
 import coverageViewStyles from './coverageView.css.js';
 
-import type {CoverageInfo, URLCoverageInfo} from './CoverageModel.js';
-import {CoverageModel, Events, CoverageType} from './CoverageModel.js';
+import {CoverageModel, Events, CoverageType, type CoverageInfo, type URLCoverageInfo} from './CoverageModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/css_overview/CSSOverviewCompletedView.ts

@@ -14,12 +14,16 @@ import * as UI from '../../ui/legacy/legacy.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import cssOverviewCompletedViewStyles from './cssOverviewCompletedView.css.js';
-import type {
-  OverviewController, PopulateNodesEvent, PopulateNodesEventNodes, PopulateNodesEventNodeTypes} from
-  './CSSOverviewController.js';
-import {Events as CSSOverViewControllerEvents} from './CSSOverviewController.js';
+
+import {
+  Events as CSSOverViewControllerEvents,
+  type OverviewController,
+  type PopulateNodesEvent,
+  type PopulateNodesEventNodes,
+  type PopulateNodesEventNodeTypes,
+} from './CSSOverviewController.js';
 import {CSSOverviewSidebarPanel, SidebarEvents} from './CSSOverviewSidebarPanel.js';
-import type {UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
+import {type UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
 
 const UIStrings = {
   /**

package/front_end/panels/css_overview/CSSOverviewController.ts

@@ -6,8 +6,8 @@ import * as Common from '../../core/common/common.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {ContrastIssue} from './CSSOverviewCompletedView.js';
-import type {UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
+import {type ContrastIssue} from './CSSOverviewCompletedView.js';
+import {type UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
 
 export class OverviewController extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   currentUrl: string;

package/front_end/panels/css_overview/CSSOverviewModel.ts

@@ -9,9 +9,9 @@ import * as ColorPicker from '../../ui/legacy/components/color_picker/color_pick
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import type {ContrastIssue} from './CSSOverviewCompletedView.js';
-import type {UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
-import {CSSOverviewUnusedDeclarations} from './CSSOverviewUnusedDeclarations.js';
+import {type ContrastIssue} from './CSSOverviewCompletedView.js';
+
+import {CSSOverviewUnusedDeclarations, type UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
 
 interface NodeStyleStats {
   elementCount: number;

package/front_end/panels/css_overview/CSSOverviewPanel.ts

@@ -10,13 +10,12 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {ContrastIssue} from './CSSOverviewCompletedView.js';
-import {CSSOverviewCompletedView} from './CSSOverviewCompletedView.js';
+import {CSSOverviewCompletedView, type ContrastIssue} from './CSSOverviewCompletedView.js';
 import {Events, OverviewController} from './CSSOverviewController.js';
-import type {GlobalStyleStats} from './CSSOverviewModel.js';
-import {CSSOverviewModel} from './CSSOverviewModel.js';
+
+import {CSSOverviewModel, type GlobalStyleStats} from './CSSOverviewModel.js';
 import {CSSOverviewProcessingView} from './CSSOverviewProcessingView.js';
-import type {UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
+import {type UnusedDeclaration} from './CSSOverviewUnusedDeclarations.js';
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 let CSSOverviewPanelInstance: CSSOverviewPanel;

package/front_end/panels/css_overview/CSSOverviewProcessingView.ts

@@ -7,8 +7,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import cssOverviewProcessingViewStyles from './cssOverviewProcessingView.css.js';
 
-import type {OverviewController} from './CSSOverviewController.js';
-import {Events} from './CSSOverviewController.js';
+import {Events, type OverviewController} from './CSSOverviewController.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/ColorSwatchPopoverIcon.ts

@@ -9,9 +9,9 @@ import * as ColorPicker from '../../ui/legacy/components/color_picker/color_pick
 import * as InlineEditor from '../../ui/legacy/components/inline_editor/inline_editor.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {StylePropertiesSection} from './StylePropertiesSection.js';
-import type {StylePropertyTreeElement} from './StylePropertyTreeElement.js';
-import type {StylesSidebarPane} from './StylesSidebarPane.js';
+import {type StylePropertiesSection} from './StylePropertiesSection.js';
+import {type StylePropertyTreeElement} from './StylePropertyTreeElement.js';
+import {type StylesSidebarPane} from './StylesSidebarPane.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/ComputedStyleWidget.ts

@@ -42,12 +42,11 @@ import * as UI from '../../ui/legacy/legacy.js';
 import * as ElementsComponents from './components/components.js';
 import computedStyleSidebarPaneStyles from './computedStyleSidebarPane.css.js';
 
-import type {ComputedStyle} from './ComputedStyleModel.js';
-import {ComputedStyleModel, Events} from './ComputedStyleModel.js';
+import {ComputedStyleModel, Events, type ComputedStyle} from './ComputedStyleModel.js';
 import {ImagePreviewPopover} from './ImagePreviewPopover.js';
 import {PlatformFontsWidget} from './PlatformFontsWidget.js';
-import type {Category} from './PropertyNameCategories.js';
-import {categorizePropertyName, DefaultCategoryOrder} from './PropertyNameCategories.js';
+
+import {categorizePropertyName, DefaultCategoryOrder, type Category} from './PropertyNameCategories.js';
 import {StylePropertiesSection} from './StylePropertiesSection.js';
 import {StylesSidebarPane, StylesSidebarPropertyRenderer} from './StylesSidebarPane.js';
 import * as TreeOutline from '../../ui/components/tree_outline/tree_outline.js';

package/front_end/panels/elements/ElementsPanel.ts

@@ -51,14 +51,17 @@ import {AccessibilityTreeView} from './AccessibilityTreeView.js';
 import * as ElementsComponents from './components/components.js';
 import {ComputedStyleWidget} from './ComputedStyleWidget.js';
 
-import type {ElementsTreeElement} from './ElementsTreeElement.js';
+import {type ElementsTreeElement} from './ElementsTreeElement.js';
 import {ElementsTreeElementHighlighter} from './ElementsTreeElementHighlighter.js';
 import {ElementsTreeOutline} from './ElementsTreeOutline.js';
-import type {MarkerDecorator} from './MarkerDecorator.js';
+import {type MarkerDecorator} from './MarkerDecorator.js';
 import {MetricsSidebarPane} from './MetricsSidebarPane.js';
 import {LayoutSidebarPane} from './LayoutSidebarPane.js';
-import {Events as StylesSidebarPaneEvents, StylesSidebarPane} from './StylesSidebarPane.js';
-import type {StylesUpdateCompletedEvent} from './StylesSidebarPane.js';
+import {
+  Events as StylesSidebarPaneEvents,
+  StylesSidebarPane,
+  type StylesUpdateCompletedEvent,
+} from './StylesSidebarPane.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/ElementsSidebarPane.ts

@@ -6,8 +6,7 @@ import * as Common from '../../core/common/common.js';
 import type * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {ComputedStyleChangedEvent} from './ComputedStyleModel.js';
-import {ComputedStyleModel, Events} from './ComputedStyleModel.js';
+import {ComputedStyleModel, Events, type ComputedStyleChangedEvent} from './ComputedStyleModel.js';
 
 export class ElementsSidebarPane extends UI.Widget.VBox {
   protected computedStyleModelInternal: ComputedStyleModel;

package/front_end/panels/elements/ElementsTreeElement.ts

@@ -51,11 +51,10 @@ import * as ElementsComponents from './components/components.js';
 import {canGetJSPath, cssPath, jsPath, xPath} from './DOMPath.js';
 import {ElementsPanel} from './ElementsPanel.js';
 
-import type {ElementsTreeOutline, UpdateRecord} from './ElementsTreeOutline.js';
-import {MappedCharToEntity} from './ElementsTreeOutline.js';
+import {MappedCharToEntity, type ElementsTreeOutline, type UpdateRecord} from './ElementsTreeOutline.js';
 import {ImagePreviewPopover} from './ImagePreviewPopover.js';
-import type {MarkerDecorator, MarkerDecoratorRegistration} from './MarkerDecorator.js';
-import {getRegisteredDecorators} from './MarkerDecorator.js';
+
+import {getRegisteredDecorators, type MarkerDecorator, type MarkerDecoratorRegistration} from './MarkerDecorator.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/ElementsTreeOutline.ts

@@ -47,7 +47,7 @@ import elementsTreeOutlineStyles from './elementsTreeOutline.css.js';
 import {ImagePreviewPopover} from './ImagePreviewPopover.js';
 import {TopLayerContainer} from './TopLayerContainer.js';
 
-import type {MarkerDecoratorRegistration} from './MarkerDecorator.js';
+import {type MarkerDecoratorRegistration} from './MarkerDecorator.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/PlatformFontsWidget.ts

@@ -36,8 +36,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import type {ComputedStyleModel} from './ComputedStyleModel.js';
-import {Events} from './ComputedStyleModel.js';
+import {Events, type ComputedStyleModel} from './ComputedStyleModel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/elements/StyleEditorWidget.ts

@@ -6,9 +6,9 @@ import * as IconButton from '../../ui/components/icon_button/icon_button.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import type * as ElementsComponents from './components/components.js';
 
-import type {StylePropertiesSection} from './StylePropertiesSection.js';
+import {type StylePropertiesSection} from './StylePropertiesSection.js';
 import {StylePropertyTreeElement} from './StylePropertyTreeElement.js';
-import type {StylesSidebarPane} from './StylesSidebarPane.js';
+import {type StylesSidebarPane} from './StylesSidebarPane.js';
 
 type PropertySelectedEvent = ElementsComponents.StylePropertyEditor.PropertySelectedEvent;
 type PropertyDeselectedEvent = ElementsComponents.StylePropertyEditor.PropertyDeselectedEvent;

package/front_end/panels/elements/StylePropertiesSection.ts

@@ -48,8 +48,7 @@ import {linkifyDeferredNodeReference} from './DOMLinkifier.js';
 import {ElementsPanel} from './ElementsPanel.js';
 import stylesSectionTreeStyles from './stylesSectionTree.css.js';
 
-import type {Context} from './StylePropertyTreeElement.js';
-import {StylePropertyTreeElement} from './StylePropertyTreeElement.js';
+import {StylePropertyTreeElement, type Context} from './StylePropertyTreeElement.js';
 import {StylesSidebarPane} from './StylesSidebarPane.js';
 
 const UIStrings = {

package/front_end/panels/elements/StylePropertyHighlighter.ts

@@ -4,9 +4,9 @@
 
 import type * as SDK from '../../core/sdk/sdk.js';
 
-import type {StylePropertiesSection} from './StylePropertiesSection.js';
+import {type StylePropertiesSection} from './StylePropertiesSection.js';
 import {StylePropertyTreeElement} from './StylePropertyTreeElement.js';
-import type {StylesSidebarPane} from './StylesSidebarPane.js';
+import {type StylesSidebarPane} from './StylesSidebarPane.js';
 
 export class StylePropertyHighlighter {
   private readonly styleSidebarPane: StylesSidebarPane;