chrome-devtools-frontend 1.0.955092 → 1.0.955630

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -370,7 +370,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
     };
     memoryIcon.onclick = (event: MouseEvent): void => {
       Host.userMetrics.linearMemoryInspectorRevealedFrom(Host.UserMetrics.LinearMemoryInspectorRevealedFrom.MemoryIcon);
-      LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance()
+      void LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance()
           .openInspectorView(obj);
       event.stopPropagation();
     };
@@ -476,7 +476,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
       valueElement.classList.add('object-value-node');
       createSpansForNodeTitle(valueElement, (description as string));
       valueElement.addEventListener('click', event => {
-        Common.Revealer.reveal(value);
+        void Common.Revealer.reveal(value);
         event.consume(true);
       }, false);
       valueElement.addEventListener(
@@ -495,7 +495,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
       if (linkify && response && response.location) {
         element.classList.add('linkified');
         element.addEventListener('click', () => {
-          Common.Revealer.reveal(response.location);
+          void Common.Revealer.reveal(response.location);
           return false;
         });
       }
@@ -553,7 +553,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
           i18nString(UIStrings.collapseChildren),
           this.objectTreeElementInternal.collapseChildren.bind(this.objectTreeElementInternal));
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   titleLessMode(): void {
@@ -655,7 +655,7 @@ export class RootElement extends UI.TreeOutline.TreeElement {
     contextMenu.viewSection().appendItem(
         i18nString(UIStrings.expandRecursively), this.expandRecursively.bind(this, Number.MAX_VALUE));
     contextMenu.viewSection().appendItem(i18nString(UIStrings.collapseChildren), this.collapseChildren.bind(this));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   async onpopulate(): Promise<void> {
@@ -706,7 +706,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
       targetValue?: SDK.RemoteObject.RemoteObject): Promise<void> {
     if (value.arrayLength() > ARRAY_LOAD_THRESHOLD) {
       treeElement.removeChildren();
-      ArrayGroupingTreeElement.populateArray(treeElement, value, 0, value.arrayLength() - 1, linkifier);
+      void ArrayGroupingTreeElement.populateArray(treeElement, value, 0, value.arrayLength() - 1, linkifier);
       return;
     }
 
@@ -838,7 +838,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
         // The definition of callFunction expects an unknown, and setting to `any` causes Closure to fail.
         // However, leaving this as unknown also causes TypeScript to fail, so for now we leave this as unchecked.
         // @ts-ignore  TODO(crbug.com/1011811): Fix after Closure is removed.
-        object.callFunction(invokeGetter, [{value: JSON.stringify(propertyPath)}]).then(callback);
+        void object.callFunction(invokeGetter, [{value: JSON.stringify(propertyPath)}]).then(callback);
       }
     }
 
@@ -1105,7 +1105,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     if (this.propertyValue) {
       this.propertyValue.appendApplicableItems(event, contextMenu, {});
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private startEditing(): void {
@@ -1177,7 +1177,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     const keyboardEvent = (event as KeyboardEvent);
     if (keyboardEvent.key === 'Enter') {
       keyboardEvent.consume();
-      this.editingCommitted(originalContent);
+      void this.editingCommitted(originalContent);
       return;
     }
     if (keyboardEvent.key === Platform.KeyboardUtilities.ESCAPE_KEY) {
@@ -1200,7 +1200,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
         const parent = this.parent;
         if (parent) {
           parent.invalidateChildren();
-          parent.onpopulate();
+          void parent.onpopulate();
         }
       } else {
         this.update();
@@ -1225,7 +1225,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
       const parent = this.parent;
       if (parent) {
         parent.invalidateChildren();
-        parent.onpopulate();
+        void parent.onpopulate();
       }
     }
   }

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

@@ -127,13 +127,13 @@ export class FilmStripView extends Common.ObjectWrapper.eventMixin<EventTypes, t
     }
 
     if (this.mode === Modes.FrameBased) {
-      Promise.all(frames.map(this.createFrameElement.bind(this))).then(appendElements.bind(this));
+      void Promise.all(frames.map(this.createFrameElement.bind(this))).then(appendElements.bind(this));
       return;
     }
 
     const width = this.contentElement.clientWidth;
     const scale = this.spanTime / width;
-    this.createFrameElement(frames[0]).then(
+    void this.createFrameElement(frames[0]).then(
         continueWhenFrameImageLoaded.bind(this));  // Calculate frame width basing on the first frame.
 
     function continueWhenFrameImageLoaded(this: FilmStripView, element0: Element): void {
@@ -147,7 +147,7 @@ export class FilmStripView extends Common.ObjectWrapper.eventMixin<EventTypes, t
         const time = pos * scale + this.zeroTime;
         promises.push(this.createFrameElement(this.frameByTime(time)).then(fixWidth));
       }
-      Promise.all(promises).then(appendElements.bind(this));
+      void Promise.all(promises).then(appendElements.bind(this));
       function fixWidth(element: Element): Element {
         (element as HTMLElement).style.width = frameWidth + 'px';
         return element;
@@ -244,7 +244,7 @@ export class Dialog {
     this.index = filmStripFrame.index;
     this.zeroTime = zeroTime || filmStripFrame.model().zeroTime();
     this.dialog = null;
-    this.render();
+    void this.render();
   }
 
   private resize(): void {
@@ -294,24 +294,24 @@ export class Dialog {
     if (this.index > 0) {
       --this.index;
     }
-    this.render();
+    void this.render();
   }
 
   private onNextFrame(): void {
     if (this.index < this.frames.length - 1) {
       ++this.index;
     }
-    this.render();
+    void this.render();
   }
 
   private onFirstFrame(): void {
     this.index = 0;
-    this.render();
+    void this.render();
   }
 
   private onLastFrame(): void {
     this.index = this.frames.length - 1;
-    this.render();
+    void this.render();
   }
 
   private render(): Promise<void> {

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

@@ -22,7 +22,7 @@ export class GCActionDelegate implements UI.ActionRegistration.ActionDelegate {
   handleAction(_context: UI.Context.Context, _actionId: string): boolean {
     for (const heapProfilerModel of SDK.TargetManager.TargetManager.instance().models(
              SDK.HeapProfilerModel.HeapProfilerModel)) {
-      heapProfilerModel.collectGarbage();
+      void heapProfilerModel.collectGarbage();
     }
     return true;
   }

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

@@ -171,7 +171,7 @@ export class Helper {
     }
     this.updateTimer = window.setTimeout(() => {
       this.updateTimer = null;
-      this.doUpdate();
+      void this.doUpdate();
     }, 0);
   }
 

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

@@ -23,7 +23,7 @@ export class LiveHeapProfile implements Common.Runnable.Runnable,
     this.setting = Common.Settings.Settings.instance().moduleSetting('memoryLiveHeapProfile');
     this.setting.addChangeListener(event => event.data ? this.startProfiling() : this.stopProfiling());
     if (this.setting.get()) {
-      this.startProfiling();
+      void this.startProfiling();
     }
   }
 
@@ -41,7 +41,7 @@ export class LiveHeapProfile implements Common.Runnable.Runnable,
   }
 
   modelAdded(model: SDK.HeapProfilerModel.HeapProfilerModel): void {
-    model.startSampling(1e4);
+    void model.startSampling(1e4);
   }
 
   modelRemoved(_model: SDK.HeapProfilerModel.HeapProfilerModel): void {
@@ -85,7 +85,7 @@ export class LiveHeapProfile implements Common.Runnable.Runnable,
     SDK.TargetManager.TargetManager.instance().removeModelListener(
         SDK.ResourceTreeModel.ResourceTreeModel, SDK.ResourceTreeModel.Events.Load, this.loadEventFired, this);
     for (const model of SDK.TargetManager.TargetManager.instance().models(SDK.HeapProfilerModel.HeapProfilerModel)) {
-      model.stopSampling();
+      void model.stopSampling();
     }
     Memory.instance().reset();
   }

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

@@ -132,12 +132,10 @@ export class TimelineGrid {
     const width = Math.ceil(context.canvas.width / window.devicePixelRatio);
 
     context.beginPath();
-    context.fillStyle = ThemeSupport.ThemeSupport.instance().patchColorText(
-        'rgba(255, 255, 255, 0.5)', ThemeSupport.ThemeSupport.ColorUsage.Background);
+    context.fillStyle = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background-opacity-50');
     context.fillRect(0, 0, width, headerHeight);
 
-    context.fillStyle =
-        ThemeSupport.ThemeSupport.instance().patchColorText('#333', ThemeSupport.ThemeSupport.ColorUsage.Foreground);
+    context.fillStyle = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary');
     context.textBaseline = 'hanging';
     context.font = '11px ' + Host.Platform.fontFamily();
 

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

@@ -94,7 +94,7 @@ export class TimelineOverviewPane extends Common.ObjectWrapper.eventMixin<EventT
     this.cursorPosition = mouseEvent.offsetX + target.offsetLeft;
     this.cursorElement.style.left = this.cursorPosition + 'px';
     this.cursorElement.style.visibility = 'visible';
-    this.overviewInfo.setContent(this.buildOverviewInfo());
+    void this.overviewInfo.setContent(this.buildOverviewInfo());
   }
 
   private async buildOverviewInfo(): Promise<DocumentFragment> {
@@ -153,7 +153,7 @@ export class TimelineOverviewPane extends Common.ObjectWrapper.eventMixin<EventT
   }
 
   scheduleUpdate(): void {
-    this.updateThrottler.schedule(async () => {
+    void this.updateThrottler.schedule(async () => {
       this.update();
     });
   }

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

@@ -85,7 +85,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
     this.itemElementsContainer.classList.add('container');
     this.bottomElementsContainer.appendChild(this.itemElementsContainer);
     this.itemElementsContainer.addEventListener('click', this.onClick.bind(this), false);
-    this.itemElementsContainer.addEventListener('mouseover', this.onMouseOver.bind(this), false);
+    this.itemElementsContainer.addEventListener('mousemove', this.onMouseMove.bind(this), false);
     UI.ARIAUtils.markAsListBox(this.itemElementsContainer);
     UI.ARIAUtils.setControls(this.inputBoxElement, this.itemElementsContainer);
     UI.ARIAUtils.setAutocomplete(this.inputBoxElement, UI.ARIAUtils.AutocompleteInteractionModel.list);
@@ -167,7 +167,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
     this.dialog.contentElement.style.setProperty('border-radius', '4px');
     this.show(this.dialog.contentElement);
     UI.ARIAUtils.setExpanded(this.contentElement, true);
-    this.dialog.once(UI.Dialog.Events.Hidden).then(() => {
+    void this.dialog.once(UI.Dialog.Events.Hidden).then(() => {
       this.dispatchEventToListeners(Events.Hidden);
     });
     // @ts-ignore
@@ -309,7 +309,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
     }
   }
 
-  private onMouseOver(event: Event): void {
+  private onMouseMove(event: Event): void {
     const item = this.list.itemForNode((event.target as Node | null));
     if (item === null) {
       return;
@@ -321,7 +321,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
     this.query = query;
     this.inputBoxElement.focus();
     this.inputBoxElement.setText(query);
-    this.queryChanged();
+    void this.queryChanged();
     this.scheduleFilter();
   }
 
@@ -486,7 +486,7 @@ export class FilteredListWidget extends Common.ObjectWrapper.eventMixin<EventTyp
 
   private onInput(event: TextPrompt.TextPrompt.PromptInputEvent): void {
     this.query = event.data;
-    this.queryChanged();
+    void this.queryChanged();
     this.scheduleFilter();
   }
 

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

@@ -94,7 +94,7 @@ export class FontView extends UI.View.SimpleView {
 
     const uniqueFontName = 'WebInspectorFontPreview' + (++_fontId);
     this.fontStyleElement = document.createElement('style');
-    this.contentProvider.requestContent().then(deferredContent => {
+    void this.contentProvider.requestContent().then(deferredContent => {
       this.onFontContentLoaded(uniqueFontName, deferredContent);
     });
     this.element.appendChild(this.fontStyleElement);

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

@@ -139,7 +139,7 @@ export class ImageView extends UI.View.SimpleView {
   }
 
   wasShown(): void {
-    this.updateContentIfNeeded();
+    void this.updateContentIfNeeded();
   }
 
   disposeView(): void {
@@ -150,7 +150,7 @@ export class ImageView extends UI.View.SimpleView {
   }
 
   private workingCopyCommitted(): void {
-    this.updateContentIfNeeded();
+    void this.updateContentIfNeeded();
   }
 
   private async updateContentIfNeeded(): Promise<void> {
@@ -192,7 +192,7 @@ export class ImageView extends UI.View.SimpleView {
       await this.saveImage();
     });
 
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private copyImageAsDataURL(): void {

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

@@ -99,7 +99,7 @@ export class SearchableContainer extends UI.Widget.VBox {
     searchableView.show(this.contentElement);
 
     const toolbar = new UI.Toolbar.Toolbar('toolbar', this.contentElement);
-    sourceFrame.toolbarItems().then(items => {
+    void sourceFrame.toolbarItems().then(items => {
       items.map(item => toolbar.appendToolbarItem(item));
     });
   }

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

@@ -150,7 +150,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
     this.formattedMap = null;
     this.prettyToggle = new UI.Toolbar.ToolbarToggle(i18nString(UIStrings.prettyPrint), 'largeicon-pretty-print');
     this.prettyToggle.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, () => {
-      this.setPretty(!this.prettyToggle.toggled());
+      void this.setPretty(!this.prettyToggle.toggled());
     });
     this.shouldAutoPrettyPrint = false;
     this.prettyToggle.setVisible(false);
@@ -394,7 +394,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   }
 
   wasShown(): void {
-    this.ensureContentLoaded();
+    void this.ensureContentLoaded();
     this.wasShownOrLoaded();
   }
 
@@ -760,7 +760,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
           this.doFindSearchMatches.bind(this, searchConfig, shouldJump, Boolean(jumpBackwards));
     }
 
-    this.ensureContentLoaded();
+    void this.ensureContentLoaded();
   }
 
   private resetCurrentSearchResultIndex(): void {
@@ -945,7 +945,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
     const pos = state.selection.main.from, line = state.doc.lineAt(pos);
     this.populateTextAreaContextMenu(contextMenu, line.number - 1, pos - line.from);
     contextMenu.appendApplicableItems(this);
-    contextMenu.show();
+    void contextMenu.show();
     return true;
   }
 
@@ -959,7 +959,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
     const lineNumber = this.textEditor.state.doc.lineAt(position).number - 1;
     this.populateLineGutterContextMenu(contextMenu, lineNumber);
     contextMenu.appendApplicableItems(this);
-    contextMenu.show();
+    void contextMenu.show();
     return true;
   }
 

package/front_end/ui/legacy/components/utils/ImagePreview.ts

@@ -95,7 +95,7 @@ export class ImagePreview {
       if (imageAltText) {
         imageElement.alt = imageAltText;
       }
-      imageResource.populateImageSource(imageElement);
+      void imageResource.populateImageSource(imageElement);
 
       function buildContent(): void {
         const shadowBoundary = document.createElement('div');

package/front_end/ui/legacy/components/utils/JSPresentationUtils.ts

@@ -83,7 +83,7 @@ function populateContextMenu(link: Element, event: Event): void {
     }
   }
   contextMenu.appendApplicableItems(event);
-  contextMenu.show();
+  void contextMenu.show();
 }
 
 export function buildStackTraceRows(

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -255,7 +255,7 @@ export class Linkifier implements SDK.TargetManager.Observer {
     const linkDisplayOptions = {showColumnNumber: linkifyURLOptions.showColumnNumber};
 
     const currentOnLiveLocationUpdate = this.onLiveLocationUpdate;
-    Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()
+    void Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()
         .createLiveLocation(rawLocation, this.updateAnchor.bind(this, link, linkDisplayOptions), pool)
         .then(liveLocation => {
           if (liveLocation) {
@@ -356,7 +356,7 @@ export class Linkifier implements SDK.TargetManager.Observer {
     const linkDisplayOptions = {showColumnNumber: false};
 
     const currentOnLiveLocationUpdate = this.onLiveLocationUpdate;
-    Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()
+    void Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()
         .createStackTraceTopFrameLiveLocation(
             debuggerModel.createRawLocationsByStackTrace(stackTrace),
             this.updateAnchor.bind(this, link, linkDisplayOptions), pool)
@@ -395,7 +395,7 @@ export class Linkifier implements SDK.TargetManager.Observer {
     const linkDisplayOptions = {showColumnNumber: false};
 
     const currentOnLiveLocationUpdate = this.onLiveLocationUpdate;
-    Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance()
+    void Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance()
         .createLiveLocation(rawLocation, this.updateAnchor.bind(this, link, linkDisplayOptions), pool)
         .then(liveLocation => {
           linkInfo.liveLocation = liveLocation;
@@ -437,7 +437,7 @@ export class Linkifier implements SDK.TargetManager.Observer {
         if (header && header.ownerNode) {
           anchor.addEventListener('click', event => {
             event.consume(true);
-            Common.Revealer.reveal(header.ownerNode || null);
+            void Common.Revealer.reveal(header.ownerNode || null);
           }, false);
           // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
           // This workaround is needed to make stylelint happy
@@ -700,7 +700,7 @@ export class Linkifier implements SDK.TargetManager.Observer {
   static invokeFirstAction(linkInfo: _LinkInfo): boolean {
     const actions = Linkifier.linkActions(linkInfo);
     if (actions.length) {
-      actions[0].handler.call(null);
+      void actions[0].handler.call(null);
       return true;
     }
     return false;

package/front_end/ui/legacy/components/utils/TargetDetachedDialog.ts

@@ -21,7 +21,7 @@ export class TargetDetachedDialog extends SDK.SDKModel.SDKModel<void> implements
   constructor(target: SDK.Target.Target) {
     super(target);
     target.registerInspectorDispatcher(this);
-    target.inspectorAgent().invoke_enable();
+    void target.inspectorAgent().invoke_enable();
     // Hide all dialogs if a new top-level target is created.
     if (target.parentTarget()?.type() === SDK.Target.Type.Browser && TargetDetachedDialog.hideCrashedDialog) {
       TargetDetachedDialog.hideCrashedDialog.call(null);
@@ -71,7 +71,7 @@ export class TargetDetachedDialog extends SDK.SDKModel.SDKModel<void> implements
   /** ;
    */
   targetReloadedAfterCrash(): void {
-    this.target().runtimeAgent().invoke_runIfWaitingForDebugger();
+    void this.target().runtimeAgent().invoke_runIfWaitingForDebugger();
     if (TargetDetachedDialog.hideCrashedDialog) {
       TargetDetachedDialog.hideCrashedDialog.call(null);
       TargetDetachedDialog.hideCrashedDialog = null;

package/front_end/ui/legacy/toolbar.css

@@ -294,6 +294,7 @@ select.toolbar-item:disabled {
   opacity: 50%;
 }
 
+button.toolbar-item:focus-visible,
 select.toolbar-item:focus-visible {
   background: var(--color-background-elevation-2);
   border-radius: 2px;

package/package.json

@@ -53,5 +53,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.955092"
+  "version": "1.0.955630"
 }