chrome-devtools-frontend 1.0.950484 → 1.0.951410

package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/revisions.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export const PUPPETEER_REVISIONS = {
-    chromium: '901912',
+    chromium: '938248',
     firefox: 'latest',
 };
 //# sourceMappingURL=revisions.js.map

package/front_end/third_party/puppeteer/package/lib/esm/puppeteer/web.js

@@ -13,9 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isNode } from './environment.js';
 import { initializePuppeteerWeb } from './initialize-web.js';
-
+import { isNode } from './environment.js';
 if (isNode) {
     throw new Error('Trying to run Puppeteer-Web in a Node environment');
 }

package/front_end/third_party/puppeteer/package/lib/types.d.ts

@@ -1,20 +1,3 @@
-/**
- * These global declarations exist so puppeteer can work without the need to use `"dom"`
- * types.
- *
- * To get full type information for these interfaces, add `"types": "dom"`in your
- * `tsconfig.json` file.
- */
-declare global {
-    interface Document {
-    }
-    interface Element {
-    }
-    interface NodeListOf<TNode> {
-    }
-}
-export {};
-//# sourceMappingURL=global.d.ts.map
 /// <reference types="node" />
 
 import { ChildProcess } from 'child_process';
@@ -725,7 +708,7 @@ export declare interface BrowserLaunchArgumentOptions {
     userDataDir?: string;
     /**
      * Whether to auto-open a DevTools panel for each tab. If this is set to
-     * `true`, then `headless` will be set to `false` automatically.
+     * `true`, then `headless` will be forced to `false`.
      * @defaultValue `false`
      */
     devtools?: boolean;
@@ -797,6 +780,18 @@ export declare class CDPSession extends EventEmitter {
     id(): string;
 }
 
+declare interface CDPSession_2 extends EventEmitter {
+    send<T extends keyof ProtocolMapping.Commands>(method: T, ...paramArgs: ProtocolMapping.Commands[T]['paramsType']): Promise<ProtocolMapping.Commands[T]['returnType']>;
+}
+
+declare interface CDPSession_3 extends EventEmitter {
+    send<T extends keyof ProtocolMapping.Commands>(method: T, ...paramArgs: ProtocolMapping.Commands[T]['paramsType']): Promise<ProtocolMapping.Commands[T]['returnType']>;
+}
+
+declare interface CDPSession_4 extends EventEmitter {
+    send<T extends keyof ProtocolMapping.Commands>(method: T, ...paramArgs: ProtocolMapping.Commands[T]['paramsType']): Promise<ProtocolMapping.Commands[T]['returnType']>;
+}
+
 /**
  * Internal events that the CDPSession class emits.
  *
@@ -1250,6 +1245,13 @@ export declare interface CustomQueryHandler {
  */
 export declare function customQueryHandlerNames(): string[];
 
+/**
+ * The default cooperative request interception resolution priority
+ *
+ * @public
+ */
+export declare const DEFAULT_INTERCEPT_RESOLUTION_PRIORITY = 0;
+
 /**
  * Copyright 2017 Google Inc. All rights reserved.
  *
@@ -1502,6 +1504,41 @@ export declare class ElementHandle<ElementType extends Element = Element> extend
      * @internal
      */
     constructor(context: ExecutionContext, client: CDPSession, remoteObject: Protocol.Runtime.RemoteObject, page: Page, frameManager: FrameManager);
+    /**
+     * Wait for the `selector` to appear within the element. If at the moment of calling the
+     * method the `selector` already exists, the method will return immediately. If
+     * the `selector` doesn't appear after the `timeout` milliseconds of waiting, the
+     * function will throw.
+     *
+     * This method does not work across navigations or if the element is detached from DOM.
+     *
+     * @param selector - A
+     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors | selector}
+     * of an element to wait for
+     * @param options - Optional waiting parameters
+     * @returns Promise which resolves when element specified by selector string
+     * is added to DOM. Resolves to `null` if waiting for hidden: `true` and
+     * selector is not found in DOM.
+     * @remarks
+     * The optional parameters in `options` are:
+     *
+     * - `visible`: wait for the selected element to be present in DOM and to be
+     * visible, i.e. to not have `display: none` or `visibility: hidden` CSS
+     * properties. Defaults to `false`.
+     *
+     * - `hidden`: wait for the selected element to not be found in the DOM or to be hidden,
+     * i.e. have `display: none` or `visibility: hidden` CSS properties. Defaults to
+     * `false`.
+     *
+     * - `timeout`: maximum time to wait in milliseconds. Defaults to `30000`
+     * (30 seconds). Pass `0` to disable timeout. The default value can be changed
+     * by using the {@link Page.setDefaultTimeout} method.
+     */
+    waitForSelector(selector: string, options?: {
+        visible?: boolean;
+        hidden?: boolean;
+        timeout?: number;
+    }): Promise<ElementHandle | null>;
     asElement(): ElementHandle<ElementType> | null;
     /**
      * Resolves to the content frame for element handles referencing
@@ -1991,6 +2028,8 @@ export declare class ExecutionContext {
     _adoptElementHandle(elementHandle: ElementHandle): Promise<ElementHandle>;
 }
 
+declare type FetchRequestId = string;
+
 /**
  * File choosers let you react to the page requesting for a file.
  * @remarks
@@ -2714,6 +2753,10 @@ export declare class FrameManager extends EventEmitter {
     private _removeFramesRecursively;
 }
 
+declare interface FrameManager_2 {
+    frame(frameId: string): Frame | null;
+}
+
 /**
  * We use symbols to prevent external parties listening to these events.
  * They are internal to Puppeteer.
@@ -2856,14 +2899,13 @@ export declare class HTTPRequest {
     private _continueRequestOverrides;
     private _responseForRequest;
     private _abortErrorReason;
-    private _currentStrategy;
-    private _currentPriority;
-    private _interceptActions;
+    private _interceptResolutionState;
+    private _interceptHandlers;
     private _initiator;
     /**
      * @internal
      */
-    constructor(client: CDPSession, frame: Frame, interceptionId: string, allowInterception: boolean, event: Protocol.Network.RequestWillBeSentEvent, redirectChain: HTTPRequest[]);
+    constructor(client: CDPSession_4, frame: Frame, interceptionId: string, allowInterception: boolean, event: Protocol.Network.RequestWillBeSentEvent, redirectChain: HTTPRequest[]);
     /**
      * @returns the URL of the request
      */
@@ -2884,11 +2926,22 @@ export declare class HTTPRequest {
      */
     abortErrorReason(): Protocol.Network.ErrorReason;
     /**
-     * @returns An array of the current intercept resolution strategy and priority
-     * `[strategy,priority]`. Strategy is one of: `abort`, `respond`, `continue`,
+     * @returns An InterceptResolutionState object describing the current resolution
+     *  action and priority.
+     *
+     *  InterceptResolutionState contains:
+     *    action: InterceptResolutionAction
+     *    priority?: number
+     *
+     *  InterceptResolutionAction is one of: `abort`, `respond`, `continue`,
      *  `disabled`, `none`, or `already-handled`.
      */
-    private interceptResolution;
+    interceptResolutionState(): InterceptResolutionState;
+    /**
+     * @returns `true` if the intercept resolution has already been handled,
+     * `false` otherwise.
+     */
+    isInterceptResolutionHandled(): boolean;
     /**
      * Adds an async request handler to the processing queue.
      * Deferred handlers are not guaranteed to execute in any particular order,
@@ -3091,7 +3144,11 @@ export declare class HTTPResponse {
     /**
      * @internal
      */
-    constructor(client: CDPSession, request: HTTPRequest, responsePayload: Protocol.Network.Response);
+    constructor(client: CDPSession_3, request: HTTPRequest, responsePayload: Protocol.Network.Response, extraInfo: Protocol.Network.ResponseReceivedExtraInfoEvent | null);
+    /**
+     * @internal
+     */
+    _parseStatusTextFromExtrInfo(extraInfo: Protocol.Network.ResponseReceivedExtraInfoEvent | null): string | undefined;
     /**
      * @internal
      */
@@ -3169,7 +3226,29 @@ export declare class HTTPResponse {
     /**
      * @public
      */
-    export declare type InterceptResolutionStrategy = 'abort' | 'respond' | 'continue' | 'disabled' | 'none' | 'alreay-handled';
+    export declare enum InterceptResolutionAction {
+        Abort = "abort",
+        Respond = "respond",
+        Continue = "continue",
+        Disabled = "disabled",
+        None = "none",
+        AlreadyHandled = "already-handled"
+    }
+
+    /**
+     * @public
+     */
+    export declare interface InterceptResolutionState {
+        action: InterceptResolutionAction;
+        priority?: number;
+    }
+
+    /**
+     * @public
+     *
+     * @deprecated please use {@link InterceptResolutionAction} instead.
+     */
+    export declare type InterceptResolutionStrategy = InterceptResolutionAction;
 
     /**
      * @public
@@ -3676,7 +3755,7 @@ export declare class HTTPResponse {
         constructor(frameManager: FrameManager, frame: Frame, waitUntil: PuppeteerLifeCycleEvent | PuppeteerLifeCycleEvent[], timeout: number);
         _onRequest(request: HTTPRequest): void;
         _onFrameDetached(frame: Frame): void;
-        navigationResponse(): HTTPResponse | null;
+        navigationResponse(): Promise<HTTPResponse | null>;
         _terminate(error: Error): void;
         sameDocumentNavigationPromise(): Promise<Error | null>;
         newDocumentNavigationPromise(): Promise<Error | null>;
@@ -3903,16 +3982,45 @@ export declare class HTTPResponse {
      */
     export declare let networkConditions: PredefinedNetworkConditions;
 
+    /**
+     * @internal
+     *
+     * Helper class to track network events by request ID
+     */
+    declare class NetworkEventManager {
+        private _requestWillBeSentMap;
+        private _requestPausedMap;
+        private _httpRequestsMap;
+        private _responseReceivedExtraInfoMap;
+        private _queuedRedirectInfoMap;
+        private _queuedEventGroupMap;
+        forget(networkRequestId: NetworkRequestId): void;
+        responseExtraInfo(networkRequestId: NetworkRequestId): Protocol.Network.ResponseReceivedExtraInfoEvent[];
+        private queuedRedirectInfo;
+        queueRedirectInfo(fetchRequestId: FetchRequestId, redirectInfo: RedirectInfo): void;
+        takeQueuedRedirectInfo(fetchRequestId: FetchRequestId): RedirectInfo | undefined;
+        numRequestsInProgress(): number;
+        storeRequestWillBeSent(networkRequestId: NetworkRequestId, event: Protocol.Network.RequestWillBeSentEvent): void;
+        getRequestWillBeSent(networkRequestId: NetworkRequestId): Protocol.Network.RequestWillBeSentEvent | undefined;
+        forgetRequestWillBeSent(networkRequestId: NetworkRequestId): void;
+        getRequestPaused(networkRequestId: NetworkRequestId): Protocol.Fetch.RequestPausedEvent | undefined;
+        forgetRequestPaused(networkRequestId: NetworkRequestId): void;
+        storeRequestPaused(networkRequestId: NetworkRequestId, event: Protocol.Fetch.RequestPausedEvent): void;
+        getRequest(networkRequestId: NetworkRequestId): HTTPRequest | undefined;
+        storeRequest(networkRequestId: NetworkRequestId, request: HTTPRequest): void;
+        forgetRequest(networkRequestId: NetworkRequestId): void;
+        getQueuedEventGroup(networkRequestId: NetworkRequestId): QueuedEventGroup | undefined;
+        queueEventGroup(networkRequestId: NetworkRequestId, event: QueuedEventGroup): void;
+    }
+
     /**
      * @internal
      */
     export declare class NetworkManager extends EventEmitter {
-        _client: CDPSession;
+        _client: CDPSession_2;
         _ignoreHTTPSErrors: boolean;
-        _frameManager: FrameManager;
-        _requestIdToRequestWillBeSentEvent: Map<string, Protocol.Network.RequestWillBeSentEvent>;
-        _requestIdToRequestPausedEvent: Map<string, Protocol.Fetch.RequestPausedEvent>;
-        _requestIdToRequest: Map<string, HTTPRequest>;
+        _frameManager: FrameManager_2;
+        _networkEventManager: NetworkEventManager;
         _extraHTTPHeaders: Record<string, string>;
         _credentials?: Credentials;
         _attemptedAuthentications: Set<string>;
@@ -3920,7 +4028,7 @@ export declare class HTTPResponse {
         _protocolRequestInterceptionEnabled: boolean;
         _userCacheDisabled: boolean;
         _emulatedNetworkConditions: InternalNetworkConditions;
-        constructor(client: CDPSession, ignoreHTTPSErrors: boolean, frameManager: FrameManager);
+        constructor(client: CDPSession_2, ignoreHTTPSErrors: boolean, frameManager: FrameManager_2);
         initialize(): Promise<void>;
         authenticate(credentials?: Credentials): Promise<void>;
         setExtraHTTPHeaders(extraHTTPHeaders: Record<string, string>): Promise<void>;
@@ -3937,14 +4045,27 @@ export declare class HTTPResponse {
         _updateProtocolCacheDisabled(): Promise<void>;
         _onRequestWillBeSent(event: Protocol.Network.RequestWillBeSentEvent): void;
         _onAuthRequired(event: Protocol.Fetch.AuthRequiredEvent): void;
+        /**
+         * CDP may send a Fetch.requestPaused without or before a
+         * Network.requestWillBeSent
+         *
+         * CDP may send multiple Fetch.requestPaused
+         * for the same Network.requestWillBeSent.
+         *
+         *
+         */
         _onRequestPaused(event: Protocol.Fetch.RequestPausedEvent): void;
-        _onRequest(event: Protocol.Network.RequestWillBeSentEvent, interceptionId?: string): void;
+        _onRequest(event: Protocol.Network.RequestWillBeSentEvent, fetchRequestId?: FetchRequestId): void;
         _onRequestServedFromCache(event: Protocol.Network.RequestServedFromCacheEvent): void;
-        _handleRequestRedirect(request: HTTPRequest, responsePayload: Protocol.Network.Response): void;
+        _handleRequestRedirect(request: HTTPRequest, responsePayload: Protocol.Network.Response, extraInfo: Protocol.Network.ResponseReceivedExtraInfoEvent): void;
+        _emitResponseEvent(responseReceived: Protocol.Network.ResponseReceivedEvent, extraInfo: Protocol.Network.ResponseReceivedExtraInfoEvent | null): void;
         _onResponseReceived(event: Protocol.Network.ResponseReceivedEvent): void;
+        _onResponseReceivedExtraInfo(event: Protocol.Network.ResponseReceivedExtraInfoEvent): void;
         _forgetRequest(request: HTTPRequest, events: boolean): void;
         _onLoadingFinished(event: Protocol.Network.LoadingFinishedEvent): void;
+        _emitLoadingFinished(event: Protocol.Network.LoadingFinishedEvent): void;
         _onLoadingFailed(event: Protocol.Network.LoadingFailedEvent): void;
+        _emitLoadingFailed(event: Protocol.Network.LoadingFailedEvent): void;
     }
 
     /**
@@ -3961,6 +4082,8 @@ export declare class HTTPResponse {
         readonly RequestFinished: symbol;
     };
 
+    declare type NetworkRequestId = string;
+
     /**
      * @public
      */
@@ -6415,6 +6538,17 @@ export declare class HTTPResponse {
      */
     export declare type PuppeteerNodeLaunchOptions = BrowserLaunchArgumentOptions & LaunchOptions & BrowserConnectOptions;
 
+    declare type QueuedEventGroup = {
+        responseReceivedEvent: Protocol.Network.ResponseReceivedEvent;
+        loadingFinishedEvent?: Protocol.Network.LoadingFinishedEvent;
+        loadingFailedEvent?: Protocol.Network.LoadingFailedEvent;
+    };
+
+    declare type RedirectInfo = {
+        event: Protocol.Network.RequestWillBeSentEvent;
+        fetchRequestId?: FetchRequestId;
+    };
+
     /**
      * @public
      * {@inheritDoc Puppeteer.registerCustomQueryHandler}
@@ -6954,6 +7088,7 @@ export declare class HTTPResponse {
              visible?: boolean;
              hidden?: boolean;
              timeout?: number;
+             root?: ElementHandle;
          }
 
          /**
@@ -6983,6 +7118,7 @@ export declare class HTTPResponse {
              _reject: (x: Error) => void;
              _timeoutTimer?: NodeJS.Timeout;
              _terminated: boolean;
+             _root: ElementHandle;
              constructor(options: WaitTaskOptions);
              terminate(error: Error): void;
              rerun(): Promise<void>;
@@ -7000,6 +7136,7 @@ export declare class HTTPResponse {
              timeout: number;
              binding?: PageBinding;
              args: SerializableOrJSHandle[];
+             root?: ElementHandle;
          }
 
          /**

package/front_end/third_party/puppeteer/package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "puppeteer",
-  "version": "11.0.0",
+  "version": "13.0.0",
   "description": "A high-level API to control headless Chrome over the DevTools Protocol",
   "main": "./cjs-entry.js",
   "types": "lib/types.d.ts",
@@ -36,7 +36,7 @@
     "apply-next-version": "node utils/apply_next_version.js",
     "test-install": "scripts/test-install.sh",
     "clean-docs": "rimraf website/docs && rimraf docs-api-json",
-    "generate-d-ts": "npm run clean-docs && api-extractor run --local --verbose && node inject-global-type-stubs.js",
+    "generate-d-ts": "npm run clean-docs && api-extractor run --local --verbose",
     "generate-docs": "npm run generate-d-ts && api-documenter markdown -i docs-api-json -o website/docs && node utils/remove-tag.js",
     "ensure-correct-devtools-protocol-revision": "ts-node -s scripts/ensure-correct-devtools-protocol-package",
     "ensure-pinned-deps": "ts-node -s scripts/ensure-pinned-deps",
@@ -59,7 +59,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "debug": "4.3.2",
-    "devtools-protocol": "0.0.901419",
+    "devtools-protocol": "0.0.937139",
     "extract-zip": "2.0.1",
     "https-proxy-agent": "5.0.0",
     "node-fetch": "2.6.5",

package/front_end/ui/components/markdown_view/MarkdownView.ts

@@ -69,7 +69,6 @@ const renderChildTokens = (token: any): string => {
 const unescape = (text: string): string => {
   // Unescape will get rid of the escaping done by Marked to avoid double escaping due to escaping it also with Lit-html
   // Table taken from: front_end/third_party/marked/package/src/helpers.js
-  /** @type {Map<string,string>} */
   const escapeReplacements = new Map<string, string>([
     ['&amp;', '&'],
     ['&lt;', '<'],

package/front_end/ui/components/report_view/report.css

@@ -6,7 +6,6 @@
 
 :host {
   display: block;
-  overflow: auto;
 }
 
 .content {

package/front_end/ui/components/text_editor/config.ts

@@ -70,10 +70,13 @@ export const tabMovesFocus = DynamicSetting.bool('textEditorTabMovesFocus', [],
   shift: (view: CM.EditorView): boolean => view.state.doc.length ? CM.indentLess(view) : false,
 }]));
 
-export const autocompletion = CM.autocompletion({
-  icons: false,
-  optionClass: (option: CM.Completion): string => option.type === 'secondary' ? 'cm-secondaryCompletion' : '',
-});
+export const autocompletion: CM.Extension = [
+  CM.autocompletion({
+    icons: false,
+    optionClass: (option: CM.Completion): string => option.type === 'secondary' ? 'cm-secondaryCompletion' : '',
+  }),
+  CM.Prec.highest(CM.keymap.of([{key: 'ArrowRight', run: CM.acceptCompletion}])),
+];
 
 export const sourcesAutocompletion = DynamicSetting.bool('textEditorAutocompletion', autocompletion);
 

package/front_end/ui/legacy/ContextMenu.ts

@@ -472,9 +472,8 @@ export class ContextMenu extends SubMenu {
   }
 
   private buildMenuDescriptors(): (SoftContextMenuDescriptor|Host.InspectorFrontendHostAPI.ContextMenuDescriptor)[] {
-    return /** @type {!Array.<!Host.InspectorFrontendHostAPI.ContextMenuDescriptor|!SoftContextMenuDescriptor>} */ super
-               .buildDescriptor()
-               .subItems as (SoftContextMenuDescriptor | Host.InspectorFrontendHostAPI.ContextMenuDescriptor)[];
+    return super.buildDescriptor().subItems as (
+               SoftContextMenuDescriptor | Host.InspectorFrontendHostAPI.ContextMenuDescriptor)[];
   }
 
   private onItemSelected(event: Common.EventTarget.EventTargetEvent<number>): void {

package/front_end/ui/legacy/InspectorView.ts

@@ -259,7 +259,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
     if (!view) {
       throw new Error(`Expected view for panel '${panelName}'`);
     }
-    return /** @type {!Promise.<!Panel>} */ view.widget() as Promise<Panel>;
+    return view.widget() as Promise<Panel>;
   }
 
   onSuspendStateChanged(allTargetsSuspended: boolean): void {

package/front_end/ui/legacy/ReportView.ts

@@ -155,7 +155,7 @@ export class Section extends VBox {
     if (textValue && row.lastElementChild) {
       row.lastElementChild.textContent = textValue;
     }
-    return /** @type {!HTMLElement} */ row.lastElementChild as HTMLElement;
+    return row.lastElementChild as HTMLElement;
   }
 
   appendFlexedField(title: string, textValue?: string): Element {
@@ -185,12 +185,11 @@ export class Section extends VBox {
   }
 
   appendRow(): HTMLElement {
-    return /** @type {!HTMLElement} */ this.fieldList.createChild('div', 'report-row') as HTMLElement;
+    return this.fieldList.createChild('div', 'report-row') as HTMLElement;
   }
 
   appendSelectableRow(): HTMLElement {
-    return /** @type {!HTMLElement} */ this.fieldList.createChild('div', 'report-row report-row-selectable') as
-        HTMLElement;
+    return this.fieldList.createChild('div', 'report-row report-row-selectable') as HTMLElement;
   }
 
   clearContent(): void {

package/front_end/ui/legacy/SearchableView.ts

@@ -130,8 +130,7 @@ export class SearchableView extends VBox {
 
     this.searchProvider = searchable;
     this.replaceProvider = replaceable;
-    this.setting =
-        settingName ? Common.Settings.Settings.instance().createSetting(settingName, /** @type {*} */ ({})) : null;
+    this.setting = settingName ? Common.Settings.Settings.instance().createSetting(settingName, {}) : null;
     this.replaceable = false;
 
     this.contentElement.createChild('slot');

package/front_end/ui/legacy/SplitWidget.ts

@@ -100,8 +100,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
     this.defaultSidebarHeight = defaultSidebarHeight || this.defaultSidebarWidth;
     this.constraintsInDip = Boolean(constraintsInDip);
     this.resizeStartSizeDIP = 0;
-    this.setting =
-        settingName ? Common.Settings.Settings.instance().createSetting(settingName, /** @type {*} */ ({})) : null;
+    this.setting = settingName ? Common.Settings.Settings.instance().createSetting(settingName, {}) : null;
 
     this.totalSizeCSS = 0;
     this.totalSizeOtherDimensionCSS = 0;
@@ -223,7 +222,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   }
 
   sidebarElement(): HTMLElement {
-    return /** @type {!HTMLElement} */ this.sidebarElementInternal as HTMLElement;
+    return this.sidebarElementInternal;
   }
 
   childWasDetached(widget: Widget): void {

package/front_end/ui/legacy/TextPrompt.ts

@@ -167,7 +167,7 @@ export class TextPrompt extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
     if (!this.elementInternal) {
       throw new Error('Expected an already attached element!');
     }
-    return /** @type {!HTMLElement} */ this.elementInternal as HTMLElement;
+    return this.elementInternal as HTMLElement;
   }
 
   detach(): void {

package/front_end/ui/legacy/UIUtils.ts

@@ -1117,7 +1117,7 @@ export function createInput(className?: string, type?: string): HTMLInputElement
   if (type) {
     element.type = type;
   }
-  return /** @type {!HTMLInputElement} */ element as HTMLInputElement;
+  return element;
 }
 
 export function createSelect(name: string, options: string[]|Map<string, string[]>[]|Set<string>): HTMLSelectElement {

package/front_end/ui/legacy/XLink.ts

@@ -30,7 +30,7 @@ export class XLink extends XElement {
   <x-link href='${url}' tabindex="0" class='${className} devtools-link' ${preventClick ? 'no-click' : ''}
   >${Platform.StringUtilities.trimMiddle(linkText, MaxLengthForDisplayedURLs)}</x-link>`;
     // clang-format on
-    return /** @type {!HTMLElement} */ element as HTMLElement;
+    return element as HTMLElement;
   }
 
   constructor() {

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

@@ -347,7 +347,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
         case 'ArrowUp':
           return elementPosition.right + 1;
         default:
-          return /** @type {!MouseEvent} */ (event as MouseEvent).x;
+          return (event as MouseEvent).x;
       }
     }
 
@@ -1089,7 +1089,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   /**
    * If the pasted input is parsable as a color, applies it converting to the current user format
    */
-  private pasted(/** @type {!ClipboardEvent} */ event: ClipboardEvent): void {
+  private pasted(event: ClipboardEvent): void {
     if (!event.clipboardData) {
       return;
     }

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

@@ -1258,7 +1258,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       return;
     }
 
-    if (/** @type {!MouseEvent} */ (event as MouseEvent).metaKey) {
+    if ((event as MouseEvent).metaKey) {
       if (gridNode.selected) {
         gridNode.deselect();
       } else {
@@ -1378,13 +1378,13 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     }
 
     if (gridNode.expanded) {
-      if (/** @type {!MouseEvent}*/ (event as MouseEvent).altKey) {
+      if ((event as MouseEvent).altKey) {
         gridNode.collapseRecursively();
       } else {
         gridNode.collapse();
       }
     } else {
-      if (/** @type {!MouseEvent}*/ (event as MouseEvent).altKey) {
+      if ((event as MouseEvent).altKey) {
         gridNode.expandRecursively();
       } else {
         gridNode.expand();

package/front_end/ui/legacy/components/data_grid/dataGrid.css

@@ -226,16 +226,16 @@
 }
 
 .data-grid table.data tr.revealed.selected.dirty {
-  color: var(--legacy-selection-fg-color);
+  color: var(--color-selected-option);
 }
 
 .data-grid.no-selection:focus-visible {
-  border: 1px solid var(--legacy-accent-color) !important; /* stylelint-disable-line declaration-no-important */
+  border: 1px solid var(--color-primary) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .data-grid:focus table.data tr.selected {
-  background-color: var(--legacy-selection-bg-color);
-  color: var(--legacy-selection-fg-color);
+  background-color: var(--color-selected-option-background);
+  color: var(--color-selected-option);
 }
 
 .data-grid:focus tr.selected.dirty {
@@ -249,16 +249,16 @@
 }
 
 .data-grid:focus tr.selected .devtools-link {
-  color: var(--legacy-selection-fg-color);
+  color: var(--color-selected-option);
 }
 
 .data-grid:focus tr.parent.selected td.disclosure::before {
-  background-color: var(--legacy-selection-fg-color);
+  background-color: var(--color-selected-option);
   -webkit-mask-position: 0 0;
 }
 
 .data-grid:focus tr.expanded.selected td.disclosure::before {
-  background-color: var(--legacy-selection-fg-color);
+  background-color: var(--color-selected-option);
   -webkit-mask-position: -16px 0;
 }
 

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

@@ -116,7 +116,7 @@ export class CSSShadowEditor extends Common.ObjectWrapper.eventMixin<EventTypes,
     const slider = UI.UIUtils.createSlider(0, maxRange, -1);
     slider.addEventListener('input', this.onSliderInput.bind(this), false);
     field.appendChild(slider);
-    return /** @type {!HTMLInputElement} */ slider as HTMLInputElement;
+    return slider as HTMLInputElement;
   }
 
   wasShown(): void {

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

@@ -896,7 +896,7 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
         continue;
       }
       if (pos.x <= x && x < pos.x + pos.width) {
-        return /** @type {number} */ index as number;
+        return index as number;
       }
     }
 
@@ -2204,7 +2204,6 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
     this.highlightedMarkerIndex = -1;
     this.highlightedEntryIndex = -1;
     this.selectedEntryIndex = -1;
-    /** @type {!Map<string,!Map<string,number>>} */
     this.textWidth = new Map();
     this.chartViewport.scheduleUpdate();
   }