chrome-devtools-frontend 1.0.954845 → 1.0.956401

package/front_end/panels/sources/WatchExpressionsSidebarPane.ts

@@ -109,7 +109,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
 
     this.addButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.addWatchExpression), 'largeicon-add');
     this.addButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.addButtonClicked();
+      void this.addButtonClicked();
     });
     this.refreshButton =
         new UI.Toolbar.ToolbarButton(i18nString(UIStrings.refreshWatchExpressions), 'largeicon-refresh');
@@ -219,7 +219,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
   private contextMenu(event: MouseEvent): void {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     this.populateContextMenu(contextMenu, event);
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private populateContextMenu(contextMenu: UI.ContextMenu.ContextMenu, event: MouseEvent): void {
@@ -268,7 +268,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
     }
     const {state} = frame.textEditor;
     const text = state.sliceDoc(state.selection.main.from, state.selection.main.to);
-    this.focusAndAddExpressionToWatch(text);
+    void this.focusAndAddExpressionToWatch(text);
     return true;
   }
 
@@ -334,7 +334,7 @@ export class WatchExpression extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   update(): void {
     const currentExecutionContext = UI.Context.Context.instance().flavor(SDK.RuntimeModel.ExecutionContext);
     if (currentExecutionContext && this.expressionInternal) {
-      currentExecutionContext
+      void currentExecutionContext
           .evaluate(
               {
                 expression: this.expressionInternal,

package/front_end/panels/timeline/EventsTimelineTreeView.ts

@@ -142,7 +142,7 @@ export class EventsTimelineTreeView extends TimelineTreeView {
     if (!model) {
       return false;
     }
-    TimelineUIUtils.buildTraceEventDetails(traceEvent, model.timelineModel(), this.linkifier, false)
+    void TimelineUIUtils.buildTraceEventDetails(traceEvent, model.timelineModel(), this.linkifier, false)
         .then(fragment => this.detailsView.element.appendChild(fragment));
     return true;
   }

package/front_end/panels/timeline/TimelineController.ts

@@ -153,7 +153,7 @@ export class TimelineController implements SDK.TargetManager.SDKModelObserver<SD
 
   modelAdded(cpuProfilerModel: SDK.CPUProfilerModel.CPUProfilerModel): void {
     if (this.profiling) {
-      cpuProfilerModel.startRecording();
+      void cpuProfilerModel.startRecording();
     }
   }
 

package/front_end/panels/timeline/TimelineDetailsView.ts

@@ -217,7 +217,7 @@ export class TimelineDetailsView extends UI.Widget.VBox {
     switch (this.selection.type()) {
       case TimelineSelection.Type.TraceEvent: {
         const event = (this.selection.object() as SDK.TracingModel.Event);
-        TimelineUIUtils.buildTraceEventDetails(event, this.model.timelineModel(), this.detailsLinkifier, true)
+        void TimelineUIUtils.buildTraceEventDetails(event, this.model.timelineModel(), this.detailsLinkifier, true)
             .then(fragment => this.appendDetailsTabsForTraceEventAndShowDetails(event, fragment));
         break;
       }
@@ -236,7 +236,7 @@ export class TimelineDetailsView extends UI.Widget.VBox {
       }
       case TimelineSelection.Type.NetworkRequest: {
         const request = (this.selection.object() as TimelineModel.TimelineModel.NetworkRequest);
-        TimelineUIUtils.buildNetworkRequestDetails(request, this.model.timelineModel(), this.detailsLinkifier)
+        void TimelineUIUtils.buildNetworkRequestDetails(request, this.model.timelineModel(), this.detailsLinkifier)
             .then(this.setContent.bind(this));
         break;
       }

package/front_end/panels/timeline/TimelineEventOverview.ts

@@ -384,7 +384,7 @@ export class TimelineFilmStripOverview extends TimelineEventOverview {
 
     const drawGeneration = Symbol('drawGeneration');
     this.drawGeneration = drawGeneration;
-    this.imageByFrame(frames[0]).then(image => {
+    void this.imageByFrame(frames[0]).then(image => {
       if (this.drawGeneration !== drawGeneration) {
         return;
       }
@@ -433,7 +433,7 @@ export class TimelineFilmStripOverview extends TimelineEventOverview {
         continue;
       }
       context.rect(x - 0.5, 0.5, imageWidth + 1, imageHeight + 1);
-      this.imageByFrame(frame).then(drawFrameImage.bind(this, x));
+      void this.imageByFrame(frame).then(drawFrameImage.bind(this, x));
     }
     context.strokeStyle = '#ddd';
     context.stroke();

package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts

@@ -243,6 +243,25 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
     this.interactionsHeaderLevel2 = this.buildGroupStyle({padding: 2, nestingLevel: 1});
     this.experienceHeader = this.buildGroupStyle({collapsible: false});
 
+    ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, () => {
+      const headers = [
+        this.headerLevel1,
+        this.headerLevel2,
+        this.staticHeader,
+        this.framesHeader,
+        this.collapsibleTimingsHeader,
+        this.timingsHeader,
+        this.screenshotsHeader,
+        this.interactionsHeaderLevel1,
+        this.interactionsHeaderLevel2,
+        this.experienceHeader,
+      ];
+      for (const header of headers) {
+        header.color = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary');
+        header.backgroundColor = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background');
+      }
+    });
+
     this.flowEventIndexById = new Map();
   }
 
@@ -251,10 +270,8 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
       padding: 4,
       height: 17,
       collapsible: true,
-      color:
-          ThemeSupport.ThemeSupport.instance().patchColorText('#222', ThemeSupport.ThemeSupport.ColorUsage.Foreground),
-      backgroundColor:
-          ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background),
+      color: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary'),
+      backgroundColor: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background'),
       font: this.font,
       nestingLevel: 0,
       shareHeaderLine: true,
@@ -1140,7 +1157,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
     }
 
     if (type === entryTypes.Screenshot) {
-      this.drawScreenshot(entryIndex, context, barX, barY, barWidth, barHeight);
+      void this.drawScreenshot(entryIndex, context, barX, barY, barWidth, barHeight);
       return true;
     }
 

package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts

@@ -63,11 +63,9 @@ export class TimelineFlameChartNetworkDataProvider implements PerfUI.FlameChart.
       padding: 4,
       height: 17,
       collapsible: true,
-      color:
-          ThemeSupport.ThemeSupport.instance().patchColorText('#222', ThemeSupport.ThemeSupport.ColorUsage.Foreground),
+      color: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary'),
       font: this.font,
-      backgroundColor:
-          ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background),
+      backgroundColor: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background'),
       nestingLevel: 0,
       useFirstLineForOverview: false,
       useDecoratorsForOverview: true,
@@ -81,6 +79,12 @@ export class TimelineFlameChartNetworkDataProvider implements PerfUI.FlameChart.
     this.timeSpan = 0;
     this.requests = [];
     this.maxLevel = 0;
+
+    // In the event of a theme change, these colors must be recalculated.
+    ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, () => {
+      this.style.color = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary');
+      this.style.backgroundColor = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background');
+    });
   }
 
   setModel(performanceModel: PerformanceModel|null): void {
@@ -199,8 +203,7 @@ export class TimelineFlameChartNetworkDataProvider implements PerfUI.FlameChart.
     context.fillStyle = 'hsla(0, 100%, 100%, 0.8)';
     context.fillRect(sendStart + 0.5, barY + 0.5, headersEnd - sendStart - 0.5, barHeight - 2);
     // Clear portions of initial rect to prepare for the ticks.
-    context.fillStyle =
-        ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background);
+    context.fillStyle = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background');
     context.fillRect(barX, barY - 0.5, sendStart - barX, barHeight);
     context.fillRect(finish, barY - 0.5, barX + barWidth - finish, barHeight);
 

package/front_end/panels/timeline/TimelineHistoryManager.ts

@@ -271,7 +271,7 @@ export class TimelineHistoryManager {
     if (!lastFrame) {
       return container;
     }
-    lastFrame.imageDataPromise()
+    void lastFrame.imageDataPromise()
         .then(data => UI.UIUtils.loadImageFromData(data))
         // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
         // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/front_end/panels/timeline/TimelineLayersView.ts

@@ -74,7 +74,7 @@ export class TimelineLayersView extends UI.SplitWidget.SplitWidget {
 
   private update(): void {
     if (this.frameLayerTree) {
-      this.frameLayerTree.layerTreePromise().then(layerTree => this.layerViewHost.setLayerTree(layerTree));
+      void this.frameLayerTree.layerTreePromise().then(layerTree => this.layerViewHost.setLayerTree(layerTree));
     }
   }
 }

package/front_end/panels/timeline/TimelineLoader.ts

@@ -67,7 +67,7 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
     const fileReader = new Bindings.FileUtils.ChunkedFileReader(file, TransferChunkLengthBytes);
     loader.canceledCallback = fileReader.cancel.bind(fileReader);
     loader.totalSize = file.size;
-    fileReader.read(loader).then(success => {
+    void fileReader.read(loader).then(success => {
       if (!success && fileReader.error()) {
         // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -89,7 +89,7 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
         client.loadingProgress((i + chunk.length) / events.length);
         await new Promise(r => setTimeout(r));  // Yield event loop to paint.
       }
-      loader.close();
+      void loader.close();
     });
 
     return loader;

package/front_end/panels/timeline/TimelinePaintProfilerView.ts

@@ -90,7 +90,7 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
 
   private update(): void {
     this.logTreeView.setCommandLog([]);
-    this.paintProfilerView.setSnapshotAndLog(null, [], null);
+    void this.paintProfilerView.setSnapshotAndLog(null, [], null);
 
     let snapshotPromise: Promise<{
       rect: Protocol.DOM.Rect | null,
@@ -115,7 +115,7 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
       console.assert(false, 'Unexpected event type or no snapshot');
       return;
     }
-    snapshotPromise.then(snapshotWithRect => {
+    void snapshotPromise.then(snapshotWithRect => {
       this.releaseSnapshot();
       if (!snapshotWithRect) {
         this.imageView.showImage();
@@ -124,14 +124,14 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
       const snapshot = snapshotWithRect.snapshot;
       this.lastLoadedSnapshot = snapshot;
       this.imageView.setMask(snapshotWithRect.rect);
-      snapshot.commandLog().then(log => onCommandLogDone.call(this, snapshot, snapshotWithRect.rect, log || []));
+      void snapshot.commandLog().then(log => onCommandLogDone.call(this, snapshot, snapshotWithRect.rect, log || []));
     });
 
     function onCommandLogDone(
         this: TimelinePaintProfilerView, snapshot: SDK.PaintProfiler.PaintProfilerSnapshot,
         clipRect: Protocol.DOM.Rect|null, log?: SDK.PaintProfiler.PaintProfilerLogItem[]): void {
       this.logTreeView.setCommandLog(log || []);
-      this.paintProfilerView.setSnapshotAndLog(snapshot, log || [], clipRect);
+      void this.paintProfilerView.setSnapshotAndLog(snapshot, log || [], clipRect);
     }
   }
 

package/front_end/panels/timeline/TimelinePanel.ts

@@ -493,7 +493,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
     this.saveButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.saveProfile), 'largeicon-download');
     this.saveButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
       Host.userMetrics.actionTaken(Host.UserMetrics.Action.PerfPanelTraceExported);
-      this.saveToFile();
+      void this.saveToFile();
     });
     this.panelToolbar.appendSeparator();
     this.panelToolbar.appendToolbarItem(this.loadButton);
@@ -624,7 +624,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
   private contextMenu(event: Event): void {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     contextMenu.appendItemsAtLocation('timelineMenu');
-    contextMenu.show();
+    void contextMenu.show();
   }
   async saveToFile(): Promise<void> {
     if (this.state !== State.Idle) {
@@ -886,10 +886,10 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
   toggleRecording(): void {
     if (this.state === State.Idle) {
       this.recordingPageReload = false;
-      this.startRecording();
+      void this.startRecording();
       Host.userMetrics.actionTaken(Host.UserMetrics.Action.TimelineStarted);
     } else if (this.state === State.Recording) {
-      this.stopRecording();
+      void this.stopRecording();
     }
   }
 
@@ -898,7 +898,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
       return;
     }
     this.recordingPageReload = true;
-    this.startRecording();
+    void this.startRecording();
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.TimelinePageReloadStarted);
   }
 
@@ -1090,7 +1090,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
     this.historyManager.addRecording(this.performanceModel);
 
     if (this.startCoverage.get()) {
-      UI.ViewManager.ViewManager.instance()
+      void UI.ViewManager.ViewManager.instance()
           .showView('coverage')
           .then(() => this.getCoverageViewWidget())
           .then(widget => widget.processBacklog())
@@ -1154,7 +1154,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
     if (controller !== this.controller || this.state !== State.Recording) {
       return;
     }
-    this.stopRecording();
+    void this.stopRecording();
   }
 
   private frameForSelection(selection: TimelineSelection): TimelineModel.TimelineFrameModel.TimelineFrame|null {
@@ -1483,7 +1483,7 @@ export class LoadTimelineHandler implements Common.QueryParamHandler.QueryParamH
   }
 
   handleQueryParam(value: string): void {
-    UI.ViewManager.ViewManager.instance().showView('timeline').then(() => {
+    void UI.ViewManager.ViewManager.instance().showView('timeline').then(() => {
       TimelinePanel.instance().loadFromURL(window.decodeURIComponent(value));
     });
   }
@@ -1514,7 +1514,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
         panel.recordReload();
         return true;
       case 'timeline.save-to-file':
-        panel.saveToFile();
+        void panel.saveToFile();
         return true;
       case 'timeline.load-from-file':
         panel.selectFileToLoad();
@@ -1526,7 +1526,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
         panel.jumpToFrame(1);
         return true;
       case 'timeline.show-history':
-        panel.showHistory();
+        void panel.showHistory();
         return true;
       case 'timeline.previous-recording':
         panel.navigateHistory(1);

package/front_end/panels/timeline/TimelineUIUtils.ts

@@ -3145,7 +3145,7 @@ export class TimelineUIUtils {
     if (filmStripFrame) {
       const filmStripPreview = document.createElement('div');
       filmStripPreview.classList.add('timeline-filmstrip-preview');
-      filmStripFrame.imageDataPromise()
+      void filmStripFrame.imageDataPromise()
           .then(data => UI.UIUtils.loadImageFromData(data))
           .then(image => image && filmStripPreview.appendChild(image));
       contentHelper.appendElementRow('', filmStripPreview);
@@ -3582,7 +3582,7 @@ export class InvalidationsGroupElement extends UI.TreeOutline.TreeElement {
     const node = (invalidation.nodeId && this.relatedNodesMap) ? this.relatedNodesMap.get(invalidation.nodeId) : null;
     if (node) {
       const nodeSpan = document.createElement('span');
-      Common.Linkifier.Linkifier.linkify(node).then(link => nodeSpan.appendChild(link));
+      void Common.Linkifier.Linkifier.linkify(node).then(link => nodeSpan.appendChild(link));
       return nodeSpan;
     }
     if (invalidation.nodeName) {

package/front_end/panels/timeline/components/WebVitalsTimeline.ts

@@ -247,13 +247,13 @@ export class WebVitalsTimeline extends HTMLElement {
   }
 
   #updateOverlayPosition(clientX: number, clientY: number): void {
-    coordinator.read(() => {
+    void coordinator.read(() => {
       const bb1 = this.getBoundingClientRect();
       const bb2 = this.#overlay.getBoundingClientRect();
 
       const x = clientX + 10 + bb2.width > bb1.x + bb1.width ? clientX - bb2.width - 10 : clientX + 10;
 
-      coordinator.write(() => {
+      void coordinator.write(() => {
         this.#overlay.style.top = `${clientY + 10}px`;
         this.#overlay.style.left = `${x}px`;
       });

package/front_end/panels/web_audio/WebAudioModel.ts

@@ -49,7 +49,7 @@ export class WebAudioModel extends SDK.SDKModel.SDKModel<EventTypes> implements
     if (this.enabled) {
       return;
     }
-    this.agent.invoke_enable();
+    void this.agent.invoke_enable();
     this.enabled = true;
   }
 

package/front_end/panels/web_audio/WebAudioView.ts

@@ -72,7 +72,7 @@ export class WebAudioView extends UI.ThrottledWidget.ThrottledWidget implements
           if (context) {
             this.updateDetailView(context);
           }
-          this.doUpdate();
+          void this.doUpdate();
         });
 
     SDK.TargetManager.TargetManager.instance().observeModels(WebAudioModel, this);

package/front_end/panels/webauthn/WebauthnPane.ts

@@ -296,7 +296,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
       }
 
       const authenticatorId = await this.#model.addAuthenticator(options);
-      this.#addAuthenticatorSection(authenticatorId, options);
+      void this.#addAuthenticatorSection(authenticatorId, options);
       // Update the authenticatorIds in the options.
       options.authenticatorId = authenticatorId;
       if (options.active) {
@@ -307,7 +307,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
     // Update the settings to reflect the new authenticatorIds.
     this.#availableAuthenticatorSetting.set(availableAuthenticators);
     if (activeAuthenticatorId) {
-      this.#setActiveAuthenticator(activeAuthenticatorId);
+      void this.#setActiveAuthenticator(activeAuthenticatorId);
     }
   }
 
@@ -382,7 +382,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
   #handleRemoveCredential(authenticatorId: Protocol.WebAuthn.AuthenticatorId, {
     data: credential,
   }: Common.EventTarget.EventTargetEvent<Protocol.WebAuthn.Credential>): void {
-    this.#removeCredential(authenticatorId, credential.credentialId);
+    void this.#removeCredential(authenticatorId, credential.credentialId);
   }
 
   async #updateCredentials(authenticatorId: Protocol.WebAuthn.AuthenticatorId): Promise<void> {
@@ -450,7 +450,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
   }
 
   #handleCheckboxToggle(e: MouseEvent): void {
-    this.#setVirtualAuthEnvEnabled((e.target as HTMLInputElement).checked);
+    void this.#setVirtualAuthEnvEnabled((e.target as HTMLInputElement).checked);
   }
 
   #updateEnabledTransportOptions(enabledOptions: Protocol.WebAuthn.AuthenticatorTransport[]): void {
@@ -656,7 +656,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
     const dataGrid = this.#createCredentialsDataGrid(authenticatorId);
     dataGrid.asWidget().show(section);
 
-    this.#updateCredentials(authenticatorId);
+    void this.#updateCredentials(authenticatorId);
 
     return section;
   }
@@ -759,7 +759,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
     this.#dataGrids.delete(authenticatorId);
 
     if (this.#model) {
-      this.#model.removeAuthenticator(authenticatorId);
+      void this.#model.removeAuthenticator(authenticatorId);
     }
 
     // Update available authenticator setting.
@@ -770,7 +770,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
     if (this.#activeAuthId === authenticatorId) {
       const availableAuthenticatorIds = Array.from(this.#dataGrids.keys());
       if (availableAuthenticatorIds.length) {
-        this.#setActiveAuthenticator(availableAuthenticatorIds[0]);
+        void this.#setActiveAuthenticator(availableAuthenticatorIds[0]);
       } else {
         this.#activeAuthId = null;
       }

package/front_end/ui/components/buttons/Button.ts

@@ -101,42 +101,42 @@ export class Button extends HTMLElement {
     this.#props.spinner = Boolean(data.spinner);
     this.#props.type = data.type || 'button';
     this.#setDisabledProperty(data.disabled || false);
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set iconUrl(iconUrl: string|undefined) {
     this.#props.iconUrl = iconUrl;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set variant(variant: Variant) {
     this.#props.variant = variant;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set size(size: Size) {
     this.#props.size = size;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set type(type: ButtonType) {
     this.#props.type = type;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set disabled(disabled: boolean) {
     this.#setDisabledProperty(disabled);
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set active(active: boolean) {
     this.#props.active = active;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   set spinner(spinner: boolean) {
     this.#props.spinner = spinner;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   #setDisabledProperty(disabled: boolean): void {
@@ -150,7 +150,7 @@ export class Button extends HTMLElement {
 
   connectedCallback(): void {
     this.#shadow.adoptedStyleSheets = [buttonStyles];
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   #onClick(event: Event): void {
@@ -175,7 +175,7 @@ export class Button extends HTMLElement {
     const slot = event.target as HTMLSlotElement | undefined;
     const nodes = slot?.assignedNodes();
     this.#isEmpty = !nodes || !Boolean(nodes.length);
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   #render(): void {

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

@@ -85,7 +85,7 @@ export class DataGrid extends HTMLElement {
   // lookup constant.
   readonly #rowIndexMap = new WeakMap<Row, number>();
   readonly #resizeObserver = new ResizeObserver(() => {
-    this.#alignScrollHandlers();
+    void this.#alignScrollHandlers();
   });
 
   // These have to be bound as they are put onto the global document, not onto
@@ -173,7 +173,7 @@ export class DataGrid extends HTMLElement {
       }
     }
 
-    this.#render();
+    void this.#render();
   }
 
   #shouldAutoScrollToBottom(): boolean {
@@ -206,13 +206,13 @@ export class DataGrid extends HTMLElement {
       return;
     }
 
-    coordinator.read(() => {
+    void coordinator.read(() => {
       const wrapper = this.#shadow.querySelector('.wrapping-container');
       if (!wrapper) {
         return;
       }
       const scrollHeight = wrapper.scrollHeight;
-      coordinator.scroll(() => {
+      void coordinator.scroll(() => {
         wrapper.scrollTo(0, scrollHeight);
       });
     });
@@ -254,7 +254,7 @@ export class DataGrid extends HTMLElement {
     }
 
     this.#cellUserHasFocused = [newColumnIndex, newRowIndex];
-    this.#render();
+    void this.#render();
     const tableCell = this.#getTableElementForCellUserHasFocused();
     if (!tableCell) {
       // Return in case the cell is out of bounds and we do nothing
@@ -264,7 +264,7 @@ export class DataGrid extends HTMLElement {
      * add arrow key support, so in the case where we're programatically moving the
      * focus, ensure we actually focus the cell.
      */
-    this.#focusTableCellInDOM(tableCell);
+    void this.#focusTableCellInDOM(tableCell);
   }
 
   #onTableKeyDown(event: KeyboardEvent): void {
@@ -344,7 +344,7 @@ export class DataGrid extends HTMLElement {
     this.#currentResize.documentForCursorChange.body.style.cursor = this.#currentResize.cursorToRestore;
     this.#currentResize = null;
     // Realign the scroll handlers now the table columns have been resized.
-    this.#alignScrollHandlers();
+    void this.#alignScrollHandlers();
   }
 
   #onResizePointerDown(event: PointerEvent): void {
@@ -528,7 +528,7 @@ export class DataGrid extends HTMLElement {
       // Let the user append things to the menu
       this.#contextMenus.headerRow(menu, this.#columns);
     }
-    menu.show();
+    void menu.show();
   }
 
   #onBodyRowContextMenu(event: MouseEvent): void {
@@ -566,7 +566,7 @@ export class DataGrid extends HTMLElement {
     if (this.#contextMenus && this.#contextMenus.bodyRow) {
       this.#contextMenus.bodyRow(menu, this.#columns, rowThatWasClicked);
     }
-    menu.show();
+    void menu.show();
   }
 
   #onScroll(event: Event): void {
@@ -581,7 +581,7 @@ export class DataGrid extends HTMLElement {
     this.#userScrollState =
         userIsAtBottom ? UserScrollState.SCROLLED_TO_BOTTOM : UserScrollState.MANUAL_SCROLL_NOT_BOTTOM;
 
-    this.#render();
+    void this.#render();
   }
 
   #alignScrollHandlers(): Promise<void> {
@@ -598,7 +598,7 @@ export class DataGrid extends HTMLElement {
         const columnLeftOffset = header.offsetLeft;
         if (handlers[index]) {
           const handlerWidth = handlers[index].clientWidth;
-          coordinator.write(() => {
+          void coordinator.write(() => {
             /**
              * Render the resizer at the far right of the column; we subtract
              * its width so it sits on the inner edge of the column.
@@ -828,7 +828,7 @@ export class DataGrid extends HTMLElement {
     const currentlyFocusedRowIndex = tabbableCell[1];
     const tabbableCellElement = this.#getTableElementForCellUserHasFocused();
     if (this.#userHasFocusInDataGrid && currentlyFocusedRowIndex > 0 && tabbableCellElement) {
-      this.#focusTableCellInDOM(tabbableCellElement);
+      void this.#focusTableCellInDOM(tabbableCellElement);
     }
     this.#scrollToBottomIfRequired();
     this.#engageResizeObserver();
@@ -838,7 +838,7 @@ export class DataGrid extends HTMLElement {
       // re-positioned correctly if so.
 
       // We don't have to do this on first render as it will fire when the resize observer is engaged.
-      this.#alignScrollHandlers();
+      void this.#alignScrollHandlers();
     }
 
     this.#isRendering = false;
@@ -848,7 +848,7 @@ export class DataGrid extends HTMLElement {
     // the end with the most recent data.
     if (this.#scheduleRender) {
       this.#scheduleRender = false;
-      this.#render();
+      void this.#render();
     }
   }
 }

package/front_end/ui/components/docs/tree_outline/basic.ts

@@ -31,8 +31,8 @@ component.addEventListener('treenodemouseout', (event: Event) => {
 
 document.getElementById('container')?.appendChild(component);
 document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  component.expandRecursively();
+  void component.expandRecursively();
 });
 document.getElementById('expand-to-belgrave-house')?.addEventListener('click', () => {
-  component.expandToAndSelectTreeNode(belgraveHouse);
+  void component.expandToAndSelectTreeNode(belgraveHouse);
 });