chrome-devtools-frontend 1.0.1023618 → 1.0.1025020

package/front_end/ui/legacy/Dialog.ts

@@ -34,10 +34,10 @@ import * as ARIAUtils from './ARIAUtils.js';
 import {GlassPane, PointerEventsBehavior} from './GlassPane.js';
 import {InspectorView} from './InspectorView.js';
 import {KeyboardShortcut, Keys} from './KeyboardShortcut.js';
-import type {SplitWidget} from './SplitWidget.js';
-import type {DevToolsCloseButton} from './UIUtils.js';
-import type {WidgetElement} from './Widget.js';
-import {WidgetFocusRestorer} from './Widget.js';
+import {type SplitWidget} from './SplitWidget.js';
+import {type DevToolsCloseButton} from './UIUtils.js';
+
+import {WidgetFocusRestorer, type WidgetElement} from './Widget.js';
 
 import dialogStyles from './dialog.css.legacy.js';
 

package/front_end/ui/legacy/DockController.ts

@@ -33,10 +33,10 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 
-import type {ActionDelegate} from './ActionRegistration.js';
-import type {Context} from './Context.js';
-import type {Provider, ToolbarItem} from './Toolbar.js';
-import {ToolbarButton} from './Toolbar.js';
+import {type ActionDelegate} from './ActionRegistration.js';
+import {type Context} from './Context.js';
+
+import {ToolbarButton, type Provider, type ToolbarItem} from './Toolbar.js';
 
 const UIStrings = {
   /**

package/front_end/ui/legacy/FilterBar.ts

@@ -36,10 +36,10 @@ import * as ARIAUtils from './ARIAUtils.js';
 import {Icon} from './Icon.js';
 import {KeyboardShortcut, Modifiers} from './KeyboardShortcut.js';
 import {bindCheckbox} from './SettingsUI.js';
-import type {Suggestions} from './SuggestBox.js';
+import {type Suggestions} from './SuggestBox.js';
 import {Events, TextPrompt} from './TextPrompt.js';
-import type {ToolbarButton} from './Toolbar.js';
-import {ToolbarSettingToggle} from './Toolbar.js';
+
+import {ToolbarSettingToggle, type ToolbarButton} from './Toolbar.js';
 import {Tooltip} from './Tooltip.js';
 import {CheckboxLabel, createTextChild} from './UIUtils.js';
 import {HBox} from './Widget.js';

package/front_end/ui/legacy/FilterSuggestionBuilder.ts

@@ -4,7 +4,7 @@
 
 import * as Platform from '../../core/platform/platform.js';
 
-import type {Suggestion} from './SuggestBox.js';
+import {type Suggestion} from './SuggestBox.js';
 
 export class FilterSuggestionBuilder {
   private readonly keys: string[];

package/front_end/ui/legacy/GlassPane.ts

@@ -5,11 +5,11 @@
 import * as Platform from '../../core/platform/platform.js';
 import * as Utils from './utils/utils.js';
 
-import type {Size} from './Geometry.js';
+import {type Size} from './Geometry.js';
 import {Icon} from './Icon.js';
 import {deepElementFromEvent} from './UIUtils.js';
-import type {WidgetElement} from './Widget.js';
-import {Widget} from './Widget.js';
+
+import {Widget, type WidgetElement} from './Widget.js';
 import glassPaneStyles from './glassPane.css.legacy.js';
 
 export class GlassPane {

package/front_end/ui/legacy/Infobar.ts

@@ -9,7 +9,7 @@ import * as Utils from './utils/utils.js';
 import * as ARIAUtils from './ARIAUtils.js';
 import {Keys} from './KeyboardShortcut.js';
 import {createTextButton} from './UIUtils.js';
-import type {Widget} from './Widget.js';
+import {type Widget} from './Widget.js';
 import infobarStyles from './infobar.css.legacy.js';
 
 const UIStrings = {

package/front_end/ui/legacy/InspectorView.ts

@@ -33,24 +33,24 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
 
-import type {ActionDelegate as ActionDelegateInterface} from './ActionRegistration.js';
-import type {Context} from './Context.js';
-import type {ContextMenu} from './ContextMenu.js';
+import {type ActionDelegate as ActionDelegateInterface} from './ActionRegistration.js';
+import {type Context} from './Context.js';
+import {type ContextMenu} from './ContextMenu.js';
 import {Dialog} from './Dialog.js';
 import {DockController, DockState} from './DockController.js';
 import {GlassPane} from './GlassPane.js';
-import type {Icon} from './Icon.js';
+import {type Icon} from './Icon.js';
 import {Infobar, Type as InfobarType} from './Infobar.js';
 import {KeyboardShortcut} from './KeyboardShortcut.js';
-import type {Panel} from './Panel.js';
+import {type Panel} from './Panel.js';
 import {SplitWidget} from './SplitWidget.js';
-import {Events as TabbedPaneEvents} from './TabbedPane.js';
-import type {EventData, TabbedPane, TabbedPaneTabDelegate} from './TabbedPane.js';
+import {Events as TabbedPaneEvents, type EventData, type TabbedPane, type TabbedPaneTabDelegate} from './TabbedPane.js';
+
 import {ToolbarButton} from './Toolbar.js';
-import type {TabbedViewLocation, View, ViewLocation, ViewLocationResolver} from './View.js';
+import {type TabbedViewLocation, type View, type ViewLocation, type ViewLocationResolver} from './View.js';
 import {ViewManager} from './ViewManager.js';
-import type {Widget} from './Widget.js';
-import {VBox, WidgetFocusRestorer} from './Widget.js';
+
+import {VBox, WidgetFocusRestorer, type Widget} from './Widget.js';
 import * as ARIAUtils from './ARIAUtils.js';
 import inspectorViewTabbedPaneStyles from './inspectorViewTabbedPane.css.legacy.js';
 

package/front_end/ui/legacy/ListControl.ts

@@ -6,8 +6,8 @@ import type * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
-import type {ItemsReplacedEvent, ListModel} from './ListModel.js';
-import {Events as ListModelEvents} from './ListModel.js';
+
+import {Events as ListModelEvents, type ItemsReplacedEvent, type ListModel} from './ListModel.js';
 import {measurePreferredSize} from './UIUtils.js';
 
 export interface ListDelegate<T> {

package/front_end/ui/legacy/Panel.ts

@@ -30,7 +30,7 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-import type {SearchableView} from './SearchableView.js';
+import {type SearchableView} from './SearchableView.js';
 import {SplitWidget} from './SplitWidget.js';
 import {VBox} from './Widget.js';
 

package/front_end/ui/legacy/ShortcutRegistry.ts

@@ -7,9 +7,8 @@ import * as Host from '../../core/host/host.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 
-import type {Action} from './ActionRegistration.js';
-import {getRegisteredActionExtensions, KeybindSet} from './ActionRegistration.js';
-import type {ActionRegistry} from './ActionRegistry.js';
+import {getRegisteredActionExtensions, KeybindSet, type Action} from './ActionRegistration.js';
+import {type ActionRegistry} from './ActionRegistry.js';
 import {Context} from './Context.js';
 import {Dialog} from './Dialog.js';
 import {KeyboardShortcut, Modifiers, Type} from './KeyboardShortcut.js';

package/front_end/ui/legacy/SoftDropDown.ts

@@ -11,10 +11,10 @@ import * as ARIAUtils from './ARIAUtils.js';
 import {Size} from './Geometry.js';
 import {AnchorBehavior, GlassPane, MarginBehavior, PointerEventsBehavior} from './GlassPane.js';
 import {Icon} from './Icon.js';
-import type {ListDelegate} from './ListControl.js';
-import {ListControl, ListMode} from './ListControl.js';
-import type {ItemsReplacedEvent, ListModel} from './ListModel.js';
-import {Events as ListModelEvents} from './ListModel.js';
+
+import {ListControl, ListMode, type ListDelegate} from './ListControl.js';
+
+import {Events as ListModelEvents, type ItemsReplacedEvent, type ListModel} from './ListModel.js';
 import softDropDownStyles from './softDropDown.css.legacy.js';
 import softDropDownButtonStyles from './softDropDownButton.css.legacy.js';
 

package/front_end/ui/legacy/SplitWidget.ts

@@ -33,8 +33,8 @@ import * as Platform from '../../core/platform/platform.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
 import {Constraints} from './Geometry.js';
-import type {ResizeUpdatePositionEvent} from './ResizerWidget.js';
-import {Events as ResizerWidgetEvents, SimpleResizerWidget} from './ResizerWidget.js';
+
+import {Events as ResizerWidgetEvents, SimpleResizerWidget, type ResizeUpdatePositionEvent} from './ResizerWidget.js';
 import {ToolbarButton} from './Toolbar.js';
 import {Widget} from './Widget.js';
 import {Events as ZoomManagerEvents, ZoomManager} from './ZoomManager.js';

package/front_end/ui/legacy/SuggestBox.ts

@@ -37,8 +37,8 @@ import * as ARIAUtils from './ARIAUtils.js';
 import {Size} from './Geometry.js';
 import {AnchorBehavior, GlassPane} from './GlassPane.js';
 import {Icon} from './Icon.js';
-import type {ListDelegate} from './ListControl.js';
-import {ListControl, ListMode} from './ListControl.js';
+
+import {ListControl, ListMode, type ListDelegate} from './ListControl.js';
 import {ListModel} from './ListModel.js';
 import {measurePreferredSize} from './UIUtils.js';
 import suggestBoxStyles from './suggestBox.css.legacy.js';

package/front_end/ui/legacy/TabbedPane.ts

@@ -40,8 +40,8 @@ import {Icon} from './Icon.js';
 import {Toolbar} from './Toolbar.js';
 import {Tooltip} from './Tooltip.js';
 import {installDragHandle, invokeOnceAfterBatchUpdate} from './UIUtils.js';
-import type {Widget} from './Widget.js';
-import {VBox} from './Widget.js';
+
+import {VBox, type Widget} from './Widget.js';
 import {Events as ZoomManagerEvents, ZoomManager} from './ZoomManager.js';
 import tabbedPaneStyles from './tabbedPane.css.legacy.js';
 

package/front_end/ui/legacy/TextPrompt.ts

@@ -39,8 +39,7 @@ import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as ARIAUtils from './ARIAUtils.js';
 import * as ThemeSupport from './theme_support/theme_support.js';
 
-import type {SuggestBoxDelegate, Suggestion} from './SuggestBox.js';
-import {SuggestBox} from './SuggestBox.js';
+import {SuggestBox, type SuggestBoxDelegate, type Suggestion} from './SuggestBox.js';
 import {Tooltip} from './Tooltip.js';
 import {ElementFocusRestorer} from './UIUtils.js';
 import textPromptStyles from './textPrompt.css.legacy.js';

package/front_end/ui/legacy/Toolbar.ts

@@ -34,15 +34,14 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
 import * as Utils from './utils/utils.js';
 
-import type {Action} from './ActionRegistration.js';
-import {Events as ActionEvents} from './ActionRegistration.js';
+import {Events as ActionEvents, type Action} from './ActionRegistration.js';
 import {ActionRegistry} from './ActionRegistry.js';
 import * as ARIAUtils from './ARIAUtils.js';
 import {ContextMenu} from './ContextMenu.js';
 import {GlassPane, PointerEventsBehavior} from './GlassPane.js';
 import {Icon} from './Icon.js';
 import {bindCheckbox} from './SettingsUI.js';
-import type {Suggestion} from './SuggestBox.js';
+import {type Suggestion} from './SuggestBox.js';
 import {Events as TextPromptEvents, TextPrompt} from './TextPrompt.js';
 import {Tooltip} from './Tooltip.js';
 import {CheckboxLabel, LongClickController} from './UIUtils.js';

package/front_end/ui/legacy/Treeoutline.ts

@@ -41,9 +41,9 @@ import * as ThemeSupport from './theme_support/theme_support.js';
 import * as Utils from './utils/utils.js';
 
 import type * as IconButton from '../components/icon_button/icon_button.js';
-import type {Icon} from './Icon.js';
-import type {Config} from './InplaceEditor.js';
-import {InplaceEditor} from './InplaceEditor.js';
+import {type Icon} from './Icon.js';
+
+import {InplaceEditor, type Config} from './InplaceEditor.js';
 import {Keys} from './KeyboardShortcut.js';
 import {Tooltip} from './Tooltip.js';
 import {deepElementFromPoint, enclosingNodeOrSelfWithNodeNameInArray, isEditing} from './UIUtils.js';

package/front_end/ui/legacy/UIUtils.ts

@@ -47,10 +47,9 @@ import {Icon} from './Icon.js';
 import {KeyboardShortcut} from './KeyboardShortcut.js';
 import * as Utils from './utils/utils.js';
 
-import type {ToolbarButton} from './Toolbar.js';
-import {Toolbar} from './Toolbar.js';
+import {Toolbar, type ToolbarButton} from './Toolbar.js';
 import {Tooltip} from './Tooltip.js';
-import type {TreeOutline} from './Treeoutline.js';
+import {type TreeOutline} from './Treeoutline.js';
 import checkboxTextLabelStyles from './checkboxTextLabel.css.legacy.js';
 import closeButtonStyles from './closeButton.css.legacy.js';
 import confirmDialogStyles from './confirmDialog.css.legacy.js';

package/front_end/ui/legacy/View.ts

@@ -4,11 +4,11 @@
 
 import type * as Platform from '../../core/platform/platform.js';
 
-import type {TabbedPane} from './TabbedPane.js';
-import type {ToolbarItem, ToolbarMenuButton} from './Toolbar.js';
+import {type TabbedPane} from './TabbedPane.js';
+import {type ToolbarItem, type ToolbarMenuButton} from './Toolbar.js';
 import {ViewManager} from './ViewManager.js';
-import type {Widget} from './Widget.js';
-import {VBox} from './Widget.js';
+
+import {VBox, type Widget} from './Widget.js';
 
 export interface View {
   viewId(): string;

package/front_end/ui/legacy/ViewManager.ts

@@ -7,14 +7,14 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
-import type {ContextMenu} from './ContextMenu.js';
+import {type ContextMenu} from './ContextMenu.js';
 import {Icon} from './Icon.js';
-import type {EventData} from './TabbedPane.js';
-import {Events as TabbedPaneEvents, TabbedPane} from './TabbedPane.js';
-import type {ToolbarItem} from './Toolbar.js';
-import {Toolbar, ToolbarMenuButton} from './Toolbar.js';
+
+import {Events as TabbedPaneEvents, TabbedPane, type EventData} from './TabbedPane.js';
+
+import {Toolbar, ToolbarMenuButton, type ToolbarItem} from './Toolbar.js';
 import {createTextChild} from './UIUtils.js';
-import type {TabbedViewLocation, View, ViewLocation, ViewLocationResolver} from './View.js';
+import {type TabbedViewLocation, type View, type ViewLocation, type ViewLocationResolver} from './View.js';
 import {
   getRegisteredLocationResolvers,
   getRegisteredViewExtensions,
@@ -27,8 +27,8 @@ import {
   type ViewRegistration,
   resetViewRegistration,
 } from './ViewRegistration.js';
-import type {Widget, WidgetElement} from './Widget.js';
-import {VBox} from './Widget.js';
+
+import {VBox, type Widget, type WidgetElement} from './Widget.js';
 import viewContainersStyles from './viewContainers.css.legacy.js';
 
 const UIStrings = {

package/front_end/ui/legacy/ViewRegistration.ts

@@ -5,10 +5,10 @@
 import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 
-import type {ViewLocationResolver} from './View.js';
+import {type ViewLocationResolver} from './View.js';
 import {PreRegisteredView} from './ViewManager.js';
 
-import type {Widget} from './Widget.js';
+import {type Widget} from './Widget.js';
 
 const registeredViewExtensions: Array<PreRegisteredView> = [];
 

package/front_end/ui/legacy/XLink.ts

@@ -8,7 +8,7 @@ import * as ComponentHelpers from '../components/helpers/helpers.js';
 import * as LitHtml from '../lit-html/lit-html.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
-import type {ContextMenu, Provider} from './ContextMenu.js';
+import {type ContextMenu, type Provider} from './ContextMenu.js';
 import {html} from './Fragment.js';
 import {Tooltip} from './Tooltip.js';
 import {

package/front_end/ui/legacy/components/color_picker/ContrastDetails.ts

@@ -9,8 +9,7 @@ import * as Platform from '../../../../core/platform/platform.js';
 import * as Root from '../../../../core/root/root.js';
 import * as UI from '../../legacy.js';
 
-import type {ContrastInfo} from './ContrastInfo.js';
-import {Events as ContrastInfoEvents} from './ContrastInfo.js';
+import {Events as ContrastInfoEvents, type ContrastInfo} from './ContrastInfo.js';
 
 const UIStrings = {
   /**

package/front_end/ui/legacy/components/color_picker/ContrastOverlay.ts

@@ -6,8 +6,7 @@ import * as Common from '../../../../core/common/common.js';
 import * as Root from '../../../../core/root/root.js';
 import * as UI from '../../legacy.js';
 
-import type {ContrastInfo} from './ContrastInfo.js';
-import {Events} from './ContrastInfo.js';
+import {Events, type ContrastInfo} from './ContrastInfo.js';
 
 export class ContrastOverlay {
   private contrastInfo: ContrastInfo;

package/front_end/ui/legacy/components/color_picker/Spectrum.ts

@@ -41,7 +41,7 @@ import * as UI from '../../legacy.js';
 
 import {ContrastDetails, Events as ContrastDetailsEvents} from './ContrastDetails.js';
 
-import type {ContrastInfo} from './ContrastInfo.js';
+import {type ContrastInfo} from './ContrastInfo.js';
 import {ContrastOverlay} from './ContrastOverlay.js';
 import spectrumStyles from './spectrum.css.js';
 

package/front_end/ui/legacy/components/data_grid/SortableDataGrid.ts

@@ -6,8 +6,7 @@
 
 import * as Platform from '../../../../core/platform/platform.js';
 
-import type {ColumnDescriptor, DataGridData, Parameters} from './DataGrid.js';
-import {Events} from './DataGrid.js';
+import {Events, type ColumnDescriptor, type DataGridData, type Parameters} from './DataGrid.js';
 import {ViewportDataGrid, ViewportDataGridNode} from './ViewportDataGrid.js';
 
 export class SortableDataGrid<T> extends ViewportDataGrid<SortableDataGridNode<T>> {

package/front_end/ui/legacy/components/data_grid/ViewportDataGrid.ts

@@ -7,8 +7,7 @@ import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';
 import * as UI from '../../legacy.js';
 
-import type {DataGridData, Parameters} from './DataGrid.js';
-import {DataGridImpl, DataGridNode} from './DataGrid.js';
+import {DataGridImpl, DataGridNode, type DataGridData, type Parameters} from './DataGrid.js';
 
 const UIStrings = {
   /**

package/front_end/ui/legacy/components/inline_editor/CSSAngle.ts

@@ -6,7 +6,6 @@ import * as ComponentHelpers from '../../../components/helpers/helpers.js';
 import * as LitHtml from '../../../lit-html/lit-html.js';
 import cssAngleStyles from './cssAngle.css.js';
 
-import type {Angle} from './CSSAngleUtils.js';
 import {
   AngleUnit,
   convertAngleUnit,
@@ -14,13 +13,13 @@ import {
   getNextUnit,
   parseText,
   roundAngleByUnit,
+  type Angle,
 } from './CSSAngleUtils.js';
 import {ValueChangedEvent} from './InlineEditorUtils.js';
 
-import type {CSSAngleEditorData} from './CSSAngleEditor.js';
-import {CSSAngleEditor} from './CSSAngleEditor.js';
-import type {CSSAngleSwatchData} from './CSSAngleSwatch.js';
-import {CSSAngleSwatch} from './CSSAngleSwatch.js';
+import {CSSAngleEditor, type CSSAngleEditorData} from './CSSAngleEditor.js';
+
+import {CSSAngleSwatch, type CSSAngleSwatchData} from './CSSAngleSwatch.js';
 
 const {render, html} = LitHtml;
 const styleMap = LitHtml.Directives.styleMap;

package/front_end/ui/legacy/components/inline_editor/CSSAngleEditor.ts

@@ -7,13 +7,13 @@ import * as ComponentHelpers from '../../../components/helpers/helpers.js';
 import * as LitHtml from '../../../lit-html/lit-html.js';
 import cssAngleEditorStyles from './cssAngleEditor.css.js';
 
-import type {Angle} from './CSSAngleUtils.js';
 import {
   AngleUnit,
   get2DTranslationsForAngle,
   getAngleFromRadians,
   getNewAngleFromEvent,
   getRadiansFromAngle,
+  type Angle,
 } from './CSSAngleUtils.js';
 
 const {render, html} = LitHtml;

package/front_end/ui/legacy/components/inline_editor/CSSAngleSwatch.ts

@@ -6,8 +6,7 @@ import * as ComponentHelpers from '../../../components/helpers/helpers.js';
 import * as LitHtml from '../../../lit-html/lit-html.js';
 import cssAngleSwatchStyles from './cssAngleSwatch.css.js';
 
-import type {Angle} from './CSSAngleUtils.js';
-import {AngleUnit, get2DTranslationsForAngle} from './CSSAngleUtils.js';
+import {AngleUnit, get2DTranslationsForAngle, type Angle} from './CSSAngleUtils.js';
 
 const {render, html} = LitHtml;
 const styleMap = LitHtml.Directives.styleMap;

package/front_end/ui/legacy/components/inline_editor/CSSLength.ts

@@ -6,8 +6,7 @@ import * as ComponentHelpers from '../../../components/helpers/helpers.js';
 import * as LitHtml from '../../../lit-html/lit-html.js';
 import cssLengthStyles from './cssLength.css.js';
 
-import type {Length} from './CSSLengthUtils.js';
-import {LengthUnit, LENGTH_UNITS, parseText} from './CSSLengthUtils.js';
+import {LengthUnit, LENGTH_UNITS, parseText, type Length} from './CSSLengthUtils.js';
 import {ValueChangedEvent} from './InlineEditorUtils.js';
 
 const {render, html} = LitHtml;

package/front_end/ui/legacy/components/inline_editor/CSSShadowEditor.ts

@@ -7,8 +7,7 @@ import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';
 import * as UI from '../../legacy.js';
 
-import type {CSSShadowModel} from './CSSShadowModel.js';
-import {CSSLength} from './CSSShadowModel.js';
+import {CSSLength, type CSSShadowModel} from './CSSShadowModel.js';
 import cssShadowEditorStyles from './cssShadowEditor.css.js';
 
 const UIStrings = {

package/front_end/ui/legacy/components/inline_editor/Swatches.ts

@@ -7,7 +7,7 @@ import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import * as UI from '../../legacy.js';
 
 import {ColorSwatch, FormatChangedEvent} from './ColorSwatch.js';
-import type {CSSShadowModel} from './CSSShadowModel.js';
+import {type CSSShadowModel} from './CSSShadowModel.js';
 import bezierSwatchStyles from './bezierSwatch.css.js';
 import cssShadowSwatchStyles from './cssShadowSwatch.css.js';
 

package/front_end/ui/legacy/components/perf_ui/FlameChart.ts

@@ -38,10 +38,9 @@ import type * as TimelineModel from '../../../../models/timeline_model/timeline_
 import * as UI from '../../legacy.js';
 import * as ThemeSupport from '../../theme_support/theme_support.js';
 
-import type {ChartViewportDelegate} from './ChartViewport.js';
-import {ChartViewport} from './ChartViewport.js';
-import type {Calculator} from './TimelineGrid.js';
-import {TimelineGrid} from './TimelineGrid.js';
+import {ChartViewport, type ChartViewportDelegate} from './ChartViewport.js';
+
+import {TimelineGrid, type Calculator} from './TimelineGrid.js';
 import flameChartStyles from './flameChart.css.legacy.js';
 
 const UIStrings = {

package/front_end/ui/legacy/components/perf_ui/OverviewGrid.ts

@@ -34,8 +34,7 @@ import * as Platform from '../../../../core/platform/platform.js';
 import * as UI from '../../legacy.js';
 import * as ThemeSupport from '../../theme_support/theme_support.js';
 
-import type {Calculator} from './TimelineGrid.js';
-import {TimelineGrid} from './TimelineGrid.js';
+import {TimelineGrid, type Calculator} from './TimelineGrid.js';
 import overviewGridStyles from './overviewGrid.css.legacy.js';
 
 const UIStrings = {

package/front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts

@@ -33,9 +33,8 @@ import type * as SDK from '../../../../core/sdk/sdk.js';
 import * as UI from '../../legacy.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
 
-import type {WindowChangedWithPositionEvent} from './OverviewGrid.js';
-import {Events as OverviewGridEvents, OverviewGrid} from './OverviewGrid.js';
-import type {Calculator} from './TimelineGrid.js';
+import {Events as OverviewGridEvents, OverviewGrid, type WindowChangedWithPositionEvent} from './OverviewGrid.js';
+import {type Calculator} from './TimelineGrid.js';
 import timelineOverviewInfoStyles from './timelineOverviewInfo.css.js';
 
 export class TimelineOverviewPane extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(

package/front_end/ui/legacy/components/quick_open/QuickOpen.ts

@@ -5,8 +5,7 @@
 import * as i18n from '../../../../core/i18n/i18n.js';
 import type * as UI from '../../legacy.js';
 
-import type {Provider} from './FilteredListWidget.js';
-import {FilteredListWidget, getRegisteredProviders} from './FilteredListWidget.js';
+import {FilteredListWidget, getRegisteredProviders, type Provider} from './FilteredListWidget.js';
 
 const UIStrings = {
   /**

package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts

@@ -35,8 +35,7 @@ import * as i18n from '../../../../core/i18n/i18n.js';
 import type * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import * as UI from '../../legacy.js';
 
-import type {SourceFrameOptions} from './SourceFrame.js';
-import {SourceFrameImpl} from './SourceFrame.js';
+import {SourceFrameImpl, type SourceFrameOptions} from './SourceFrame.js';
 import resourceSourceFrameStyles from './resourceSourceFrame.css.legacy.js';
 
 const UIStrings = {

package/front_end/ui/legacy/inspectorSyntaxHighlight.css

@@ -31,7 +31,6 @@
 }
 
 .webkit-html-comment {
-  /* Keep this in sync with view-source.css (.webkit-html-comment) */
   color: var(--color-token-comment);
 }
 

package/front_end/ui/legacy/themeColors.css

@@ -231,7 +231,7 @@
   --color-syntax-3: rgb(242 151 102);
   --color-syntax-4: rgb(155 187 220);
   --color-syntax-5: rgb(132 240 255);
-  --color-syntax-6: rgb(137 137 137);
+  --color-syntax-6: rgb(171 171 171);
   --color-syntax-7: rgb(207 208 208);
   --color-syntax-8: rgb(93 176 215);
   --drop-shadow:
@@ -301,7 +301,7 @@
   --color-token-string-special: var(--color-token-string);
   --color-token-atom: rgb(161 247 181);
   --color-token-number: var(--color-token-atom);
-  --color-token-comment: rgb(137 137 137);
+  --color-token-comment: var(--color-syntax-6);
   --color-token-tag: rgb(93 176 215);
   --color-token-attribute: rgb(155 187 220);
   --color-token-attribute-value: rgb(242 151 102);

package/inspector_overlay/css_grid_label_helpers.ts

@@ -4,8 +4,7 @@
 
 import {luminance} from '../front_end/core/common/ColorUtils.js';  // eslint-disable-line rulesdir/es_modules_import
 
-import type {AreaBounds, Bounds, Position} from './common.js';
-import {createChild} from './common.js';
+import {createChild, type AreaBounds, type Bounds, type Position} from './common.js';
 import {applyMatrixToPoint, parseHexa} from './highlight_common.js';
 
 /**

package/inspector_overlay/highlight_common.ts

@@ -30,7 +30,7 @@
 
 import {rgbaToHsla, rgbaToHwba} from '../front_end/core/common/ColorUtils.js';  // eslint-disable-line rulesdir/es_modules_import
 
-import type {Bounds, PathCommands, Quad} from './common.js';
+import {type Bounds, type PathCommands, type Quad} from './common.js';
 
 export type PathBounds = Bounds&{
   leftmostXForY: {[key: string]: number},

package/inspector_overlay/highlight_container_query.ts

@@ -2,9 +2,9 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type {PathCommands} from './common.js';
-import type {LineStyle} from './highlight_common.js';
-import {buildPath, drawPathWithLineStyle, emptyBounds} from './highlight_common.js';
+import {type PathCommands} from './common.js';
+
+import {buildPath, drawPathWithLineStyle, emptyBounds, type LineStyle} from './highlight_common.js';
 
 interface QueryingDescendantData {
   descendantBorder: PathCommands;