chrome-devtools-frontend 1.0.921565 → 1.0.922044

package/front_end/core/i18n/locales/zu.json

@@ -243,10 +243,10 @@
     "message": "Uzulazule ku-{PH1}"
   },
   "core/sdk/ConsoleModel.ts | profileSFinished": {
-    "message": "Iphrofayela ye-'{PH1}' iqedile."
+    "message": "Iphrofayela ye-\"{PH1}\" iqedile."
   },
   "core/sdk/ConsoleModel.ts | profileSStarted": {
-    "message": "Iphrofayela le-'{PH1}' liqalile."
+    "message": "Iphrofayela le-\"{PH1}\" liqalile."
   },
   "core/sdk/DOMDebuggerModel.ts | animation": {
     "message": "Ukugqwayiza"
@@ -866,6 +866,9 @@
   "entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscolorschemeMedia": {
     "message": "Imidiya yesakhi samandla we-CSS prefers-color-scheme"
   },
+  "entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscontrastMedia": {
+    "message": "Imidiya yesakhi samandla we-CSS prefers-contrast"
+  },
   "entrypoints/inspector_main/RenderingOptions.ts | forcesCssPrefersreduceddataMedia": {
     "message": "Imidiya yesakhi samandla we-CSS prefers-reduced-data"
   },
@@ -1979,6 +1982,15 @@
   "panels/application/AppManifestView.ts | actualWidthSpxOfSSDoesNotMatch": {
     "message": "Ububanzi boqobo ({PH1}px) kokungu-{PH2} {PH3} ayifani nobubanzi obucacisiwe ({PH4}px)"
   },
+  "panels/application/AppManifestView.ts | appId": {
+    "message": "I-Id ye-app"
+  },
+  "panels/application/AppManifestView.ts | appIdExplainer": {
+    "message": "Lokhu kusetshenziswa i-browser ukwazi uma ngabe i-manifest kumele ibuyekeze i-application ekhona, noma uma ngabe isho i-app entsha yewebhu engafakwa."
+  },
+  "panels/application/AppManifestView.ts | appIdNote": {
+    "message": "Qaphela: i-'id' ayicacisiwe ku-manifest, i-'start_url' iyasetshenziswa kunalokho. Ukuze ucacise i-app Id efana nobunikazi bamanje, sethela inkambu ye-'id' ku-''{PH1}''."
+  },
   "panels/application/AppManifestView.ts | appManifest": {
     "message": "I-Manifest Yohlelo Lokusebenza"
   },
@@ -2130,7 +2142,7 @@
     "message": "{PH1} src ayisethiwe"
   },
   "panels/application/AppManifestView.ts | sUrlSFailedToParse": {
-    "message": "I-{PH1} URL '{PH2}' yehlulekile ukuncozulula"
+    "message": "{PH1} i-URL \"{PH2}\" yehlulekile ukuncozulula"
   },
   "panels/application/AppManifestView.ts | screenshot": {
     "message": "Isithombe-skrini"
@@ -2288,8 +2300,8 @@
   "panels/application/BackForwardCacheView.ts | bfcacheStatus": {
     "message": "Isimo senqolobane yasemuva-phambili"
   },
-  "panels/application/BackForwardCacheView.ts | explanations": {
-    "message": "Izincazelo"
+  "panels/application/BackForwardCacheView.ts | chromeSupportNeeded": {
+    "message": "Ukuzulazula kokugcina akuzange kwenziwe inqolobane ngoba"
   },
   "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
     "message": "Ukuzulazula Kohlaka Oluyinhloko Lokugcina"
@@ -2300,6 +2312,9 @@
   "panels/application/BackForwardCacheView.ts | normalNavigation": {
     "message": "Ukuzulazula okuvamile"
   },
+  "panels/application/BackForwardCacheView.ts | pageSupportNeeded": {
+    "message": "Izakhi ezivimbela inqolobane yasemuva-phambili"
+  },
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "Kubuyiselwe kusuka kwinqolobane yasemuva-phambili"
   },
@@ -2312,6 +2327,9 @@
   "panels/application/BackForwardCacheView.ts | url": {
     "message": "I-URL"
   },
+  "panels/application/BackForwardCacheView.ts | willBeSupported": {
+    "message": "(Kusekelwa kuhlobo lwesikhathi esizayo lwe-Chrome)"
+  },
   "panels/application/BackgroundServiceView.ts | backgroundFetch": {
     "message": "Ukulanda kwangemuva"
   },
@@ -4577,6 +4595,9 @@
   "panels/help/help-meta.ts | reportADevtoolsIssue": {
     "message": "Bika inkinga ye-DevTools"
   },
+  "panels/help/help-meta.ts | reportTranslationIssue": {
+    "message": "Bika inkinga yokuhumusha"
+  },
   "panels/help/help-meta.ts | showWhatsNew": {
     "message": "Bonisa Lokho okusha"
   },
@@ -4895,6 +4916,9 @@
   "panels/issues/HiddenIssuesRow.ts | hiddenIssues": {
     "message": "Izinkinga ezifihliwe"
   },
+  "panels/issues/HiddenIssuesRow.ts | unhideIssues": {
+    "message": "Ungafihli zonke izinkinga"
+  },
   "panels/issues/IssueView.ts | affectedResources": {
     "message": "Imithombo Ethintekile"
   },
@@ -4973,9 +4997,6 @@
   "panels/issues/IssuesPane.ts | trustedWebActivity": {
     "message": "Umsebenzi wewebhu othenjwayo"
   },
-  "panels/issues/IssuesPane.ts | unHideAllHiddenIssues": {
-    "message": "Ungafihli zonke izinkinga ezifihliwe"
-  },
   "panels/issues/WasmCrossOriginModuleSharingAffectedResourcesView.ts | blocked": {
     "message": "uvinjiwe"
   },
@@ -6146,8 +6167,8 @@
   "panels/network/NetworkLogView.ts | performARequestOrHitSToRecordThe": {
     "message": "Yenza isicelo noma shaya i-{PH1} ukuze urekhode ukulayisha kabusha."
   },
-  "panels/network/NetworkLogView.ts | recordSToDisplayNetworkActivity": {
-    "message": "Rekhoda i-({PH1}) ukubonisa umsebenzi wenethiwekhi."
+  "panels/network/NetworkLogView.ts | recordToDisplayNetworkActivity": {
+    "message": "Rekhoda ilogu yenethiwekhi ({PH1}) ukuze ubonise umsebenzi wenethiwekhi."
   },
   "panels/network/NetworkLogView.ts | recordingNetworkActivity": {
     "message": "Umsebenzi wenethiwekhi yokurekhoda…"
@@ -7203,7 +7224,7 @@
     "message": "Bonisa kukubuka Kwesifinyezo"
   },
   "panels/profiler/HeapSnapshotGridNodes.ts | revealObjectSWithIdSInSummary": {
-    "message": "Veza into ye-'{PH1}' ene-id ethi @{PH2} ekubukeni kwesifinyezo"
+    "message": "Veza into ye-\"{PH1}\" ene-id ethi @{PH2} ekubukeni Kwesifinyezo"
   },
   "panels/profiler/HeapSnapshotGridNodes.ts | storeAsGlobalVariable": {
     "message": "Gcina njengeziguquki zomhlaba"
@@ -7215,7 +7236,7 @@
     "message": "Into yomsebenzisi etholakalayo kusuka kuwindi"
   },
   "panels/profiler/HeapSnapshotProxy.ts | anErrorOccurredWhenACallToMethod": {
-    "message": "Kuvele iphutha uma ikholi yendlela '{PH1}' icelwa"
+    "message": "Kuvele iphutha uma ikholi yendlela \"{PH1}\" icelwa"
   },
   "panels/profiler/HeapSnapshotView.ts | AllocationTimelinesShowInstrumented": {
     "message": "Ukunikezwa komugqa wesikhathi kubonisa ukunikezwa kwememori ye-JavaScript ngesikhathi. Lapho iphrofayela eisiqoshiwe ungakhetha isikhawu sesikhathi ukuze ubone izinto ezazabelwe ngaphakathi kwayo nokuthi zisaphila ekupheleni kokurekhoda. Sebenzisa lolu hlobo lwephrofayela ukususa ukuvuza kwememori."
@@ -7521,7 +7542,7 @@
     "message": "Yehlulekile ukufunda ifayela"
   },
   "panels/profiler/ProfileView.ts | fileSReadErrorS": {
-    "message": "Iphutha lokufunda ifayela le-'{PH1}' : {PH2}"
+    "message": "Iphutha lokufunda ifayela le-\"{PH1}\": {PH2}"
   },
   "panels/profiler/ProfileView.ts | findByCostMsNameOrFile": {
     "message": "Thola ngezindleko (>50ms), igama noma ifayela"
@@ -7566,7 +7587,7 @@
     "message": "Isihlahla (Phezulu Phansi)"
   },
   "panels/profiler/ProfilesPanel.ts | cantLoadFileSupportedFile": {
-    "message": "Ayikwazi ukulayisha ifayela. Izijobelelo zefayela ezisekelwayo: '{PH1}.'"
+    "message": "Ayikwazi ukulayisha ifayela. Izijobelelo zefayela ezisekelwayo: \"{PH1}\"."
   },
   "panels/profiler/ProfilesPanel.ts | cantLoadProfileWhileAnother": {
     "message": "Ayikwazi ukulayisha iphrofayela ngenkathi enye iphrofayela irekhodwa."
@@ -7616,9 +7637,6 @@
   "panels/protocol_monitor/ProtocolMonitor.ts | clearAll": {
     "message": "Sula konke"
   },
-  "panels/protocol_monitor/ProtocolMonitor.ts | direction": {
-    "message": "Isikhombisi-ndlela"
-  },
   "panels/protocol_monitor/ProtocolMonitor.ts | documentation": {
     "message": "Imibhalo"
   },
@@ -7658,6 +7676,9 @@
   "panels/protocol_monitor/ProtocolMonitor.ts | timestamp": {
     "message": "Isitembu sesikhathi"
   },
+  "panels/protocol_monitor/ProtocolMonitor.ts | type": {
+    "message": "Uhlobo"
+  },
   "panels/protocol_monitor/protocol_monitor-meta.ts | protocolMonitor": {
     "message": "Isingameli sephrothokholi"
   },
@@ -7970,9 +7991,6 @@
   "panels/security/SecurityPanel.ts | theSecurityDetailsAboveAreFrom": {
     "message": "Imininingwane yokuvikelwa engaphezulu isuka kumpendulo yokuqala ehloliwe."
   },
-  "panels/security/SecurityPanel.ts | theSecurityOfThisPageIsUnknown": {
-    "message": "Ukuphepha kwaleli khasi akwaziwa."
-  },
   "panels/security/SecurityPanel.ts | theServerSignatureUsesShaWhichIs": {
     "message": "Isiginesha yeseva isebenzisa i-SHA-1, engasasebenzi. Nika amandla i-algorithm yesiginesha ye-SHA-2 esikhundleni salokho. (Qaphela lokhu kwehlukile kusiginesha esesitifiketini.)"
   },
@@ -8000,15 +8018,6 @@
   "panels/security/SecurityPanel.ts | thisPageIsInsecureUnencrypted": {
     "message": "Leli khasi alivikelekile (i-HTTP)."
   },
-  "panels/security/SecurityPanel.ts | thisPageIsNotSecure": {
-    "message": "Leli khasi alivikelekile."
-  },
-  "panels/security/SecurityPanel.ts | thisPageIsNotSecureBrokenHttps": {
-    "message": "Leli khasi alivikelekile (i-HTTPS ephukile)."
-  },
-  "panels/security/SecurityPanel.ts | thisPageIsSecureValidHttps": {
-    "message": "Leli khasi livikelekile (i-HTTPS evumelekile)."
-  },
   "panels/security/SecurityPanel.ts | thisPageIsSuspicious": {
     "message": "Leli khasi liyasolisa"
   },
@@ -8316,7 +8325,7 @@
     "message": "Faka isikripthi yokuqukethwe ukuze ungalunaki uhlu (izandiso zesikripthi ekhasini)"
   },
   "panels/settings/FrameworkIgnoreListSettingsTab.ts | ignoreScriptsWhoseNamesMatchS": {
-    "message": "Ziba amaskripthi amagama azo afana ne-'{PH1}'"
+    "message": "Ziba amaskripthi amagama azo afana ne-\"{PH1}\""
   },
   "panels/settings/FrameworkIgnoreListSettingsTab.ts | noIgnoreListPatterns": {
     "message": "Awekho amaphethini wohlu lokuziba"
@@ -8420,6 +8429,9 @@
   "panels/settings/emulation/DevicesSettingsTab.ts | device": {
     "message": "Idivayisi"
   },
+  "panels/settings/emulation/DevicesSettingsTab.ts | deviceAddedOrUpdated": {
+    "message": "Idivayisi ye-{PH1} ingezwe/yabuyekezwa ngempumelelo."
+  },
   "panels/settings/emulation/DevicesSettingsTab.ts | deviceName": {
     "message": "Igama ledivayisi"
   },
@@ -8450,6 +8462,9 @@
   "panels/settings/emulation/components/UserAgentClientHintsForm.ts | addBrand": {
     "message": "Yengeza ibhrendi"
   },
+  "panels/settings/emulation/components/UserAgentClientHintsForm.ts | addedBrand": {
+    "message": "Kungezwe umugqa webhrendi"
+  },
   "panels/settings/emulation/components/UserAgentClientHintsForm.ts | architecture": {
     "message": "Ezokwakha"
   },
@@ -8477,6 +8492,9 @@
   "panels/settings/emulation/components/UserAgentClientHintsForm.ts | deleteTooltip": {
     "message": "Sula"
   },
+  "panels/settings/emulation/components/UserAgentClientHintsForm.ts | deletedBrand": {
+    "message": "Umugqa womkhiqizo osuliwe"
+  },
   "panels/settings/emulation/components/UserAgentClientHintsForm.ts | deviceModel": {
     "message": "Imodeli yedivayisi"
   },
@@ -9809,6 +9827,12 @@
   "panels/timeline/TimelineUIUtils.ts | asyncTask": {
     "message": "Umsebenzi we-Async"
   },
+  "panels/timeline/TimelineUIUtils.ts | cacheModule": {
+    "message": "Ikhodi Yenqolobane Yemojula"
+  },
+  "panels/timeline/TimelineUIUtils.ts | cacheScript": {
+    "message": "Ikhodi Yenqolobane Yeskripthi"
+  },
   "panels/timeline/TimelineUIUtils.ts | cachedWasmModule": {
     "message": "Imojula Yenqolobane ye-Wasm"
   },
@@ -9941,6 +9965,9 @@
   "panels/timeline/TimelineUIUtils.ts | duration": {
     "message": "Ubude besikhathi"
   },
+  "panels/timeline/TimelineUIUtils.ts | eagerCompile": {
+    "message": "Ihlanganisa konke ukusebenza ngentshiseko"
+  },
   "panels/timeline/TimelineUIUtils.ts | elementsAffected": {
     "message": "Ama-elementi Athintekile"
   },
@@ -10394,9 +10421,6 @@
   "panels/timeline/TimelineUIUtils.ts | scriptNotEligible": {
     "message": "iskripthi asifanelekile"
   },
-  "panels/timeline/TimelineUIUtils.ts | scriptSavedToCache": {
-    "message": "iskripthi silondolozwe kunqolobane"
-  },
   "panels/timeline/TimelineUIUtils.ts | scripting": {
     "message": "Ukwenza iskripthi"
   },
@@ -11564,11 +11588,8 @@
   "ui/legacy/components/quick_open/QuickInput.ts | pressEnterToConfirmOrEscapeTo": {
     "message": "{PH1} (Cindezela u-'Enter' ukuze uqinisekise noma u-'Escape' ukuze ukhansele.)"
   },
-  "ui/legacy/components/quick_open/QuickOpen.ts | typeQuestionMarkToSeeAvailable": {
-    "message": "Thayipha imaka lombuzo ukuze ubone imiyalo etholakalayo"
-  },
-  "ui/legacy/components/quick_open/QuickOpen.ts | typeToSeeAvailableCommands": {
-    "message": "Thayipha '?' ukubona imiyalo etholakalayo"
+  "ui/legacy/components/quick_open/QuickOpen.ts | useTabToSwitchCommandsTypeToSeeAvailableCommands": {
+    "message": "Sebenzisa Ithebu ukushintsha imiyalo. Thayipha '?' ukubona imiyalo etholakalayo"
   },
   "ui/legacy/components/quick_open/quick_open-meta.ts | openFile": {
     "message": "Vula ifayela"

package/front_end/models/timeline_model/TimelineModel.ts

@@ -1075,7 +1075,11 @@ export class TimelineModelImpl {
 
       case RecordType.Paint: {
         this.invalidationTracker.didPaint = true;
-        timelineData.backendNodeIds.push(eventData['nodeId']);
+        // With CompositeAfterPaint enabled, paint events are no longer
+        // associated with a Node, and nodeId will not be present.
+        if ('nodeId' in eventData) {
+          timelineData.backendNodeIds.push(eventData['nodeId']);
+        }
         // Only keep layer paint events, skip paints for subframes that get painted to the same layer as parent.
         if (!eventData['layerId']) {
           break;

package/front_end/panels/application/ApplicationPanelSidebar.ts

@@ -692,8 +692,8 @@ export class ApplicationPanelSidebar extends UI.Widget.VBox implements SDK.Targe
     this.panel.showView(view);
   }
 
-  private async updateDatabaseTables(event: Common.EventTarget.EventTargetEvent): Promise<void> {
-    const database = (event.data as DatabaseModelDatabase);
+  private async updateDatabaseTables(event: Common.EventTarget.EventTargetEvent<DatabaseModelDatabase>): Promise<void> {
+    const database = event.data;
 
     if (!database) {
       return;

package/front_end/panels/application/DatabaseQueryView.ts

@@ -27,6 +27,7 @@
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
+import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as UI from '../../ui/legacy/legacy.js';
@@ -46,7 +47,8 @@ const UIStrings = {
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/DatabaseQueryView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-export class DatabaseQueryView extends UI.Widget.VBox {
+export class DatabaseQueryView extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
+    UI.Widget.VBox) {
   database: Database;
   private queryWrapper: HTMLElement;
   private readonly promptContainer: HTMLElement;
@@ -316,6 +318,10 @@ export enum Events {
   SchemaUpdated = 'SchemaUpdated',
 }
 
+export type EventTypes = {
+  [Events.SchemaUpdated]: Database,
+};
+
 export const SQL_BUILT_INS = [
   'SELECT ',
   'FROM ',

package/front_end/panels/changes/ChangesSidebar.ts

@@ -22,7 +22,8 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('panels/changes/ChangesSidebar.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class ChangesSidebar extends UI.Widget.Widget {
+export class ChangesSidebar extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.Widget>(
+    UI.Widget.Widget) {
   private treeoutline: UI.TreeOutline.TreeOutlineInShadow;
   private readonly treeElements: Map<Workspace.UISourceCode.UISourceCode, UISourceCodeTreeElement>;
   private readonly workspaceDiff: WorkspaceDiff.WorkspaceDiff.WorkspaceDiffImpl;
@@ -110,6 +111,10 @@ export const enum Events {
   SelectedUISourceCodeChanged = 'SelectedUISourceCodeChanged',
 }
 
+export type EventTypes = {
+  [Events.SelectedUISourceCodeChanged]: void,
+};
+
 export class UISourceCodeTreeElement extends UI.TreeOutline.TreeElement {
   uiSourceCode: Workspace.UISourceCode.UISourceCode;
   private readonly eventListeners: Common.EventTarget.EventDescriptor[];

package/front_end/panels/console/ConsolePrompt.ts

@@ -22,7 +22,8 @@ const UIStrings = {
 };
 const str_ = i18n.i18n.registerUIStrings('panels/console/ConsolePrompt.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-export class ConsolePrompt extends UI.Widget.Widget {
+export class ConsolePrompt extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.Widget>(
+    UI.Widget.Widget) {
   private addCompletionsFromHistory: boolean;
   private historyInternal: ConsoleHistoryManager;
   private initialText: string;
@@ -455,3 +456,7 @@ export class ConsoleHistoryManager {
 export const enum Events {
   TextChanged = 'TextChanged',
 }
+
+export type EventTypes = {
+  [Events.TextChanged]: void,
+};

package/front_end/panels/css_overview/CSSOverviewCompletedView.ts

@@ -300,8 +300,8 @@ export class CSSOverviewCompletedView extends UI.Panel.PanelWithSidebar {
     // TODO(paullewis): update the links in the panels in case source has been .
   }
 
-  private sideBarItemSelected(event: Common.EventTarget.EventTargetEvent): void {
-    const data = (event.data as string);
+  private sideBarItemSelected(event: Common.EventTarget.EventTargetEvent<string>): void {
+    const {data} = event;
     const section = (this.fragment as UI.Fragment.Fragment).$(data);
     if (!section) {
       return;

package/front_end/panels/css_overview/CSSOverviewSidebarPanel.ts

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
@@ -16,7 +17,8 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('panels/css_overview/CSSOverviewSidebarPanel.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class CSSOverviewSidebarPanel extends UI.Widget.VBox {
+export class CSSOverviewSidebarPanel extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
+    UI.Widget.VBox) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
   static get ITEM_CLASS_NAME(): string {
     return 'overview-sidebar-panel-item';
@@ -97,3 +99,8 @@ export const enum SidebarEvents {
   ItemSelected = 'ItemSelected',
   Reset = 'Reset',
 }
+
+export type EventTypes = {
+  [SidebarEvents.ItemSelected]: string,
+  [SidebarEvents.Reset]: void,
+};

package/front_end/panels/elements/ElementsPanel.ts

@@ -56,6 +56,7 @@ import {ElementsTreeOutline} from './ElementsTreeOutline.js';
 import type {MarkerDecorator} from './MarkerDecorator.js';
 import {MetricsSidebarPane} from './MetricsSidebarPane.js';
 import {Events as StylesSidebarPaneEvents, StylesSidebarPane} from './StylesSidebarPane.js';
+import type {StylesUpdateCompletedEvent} from './StylesSidebarPane.js';
 
 const UIStrings = {
   /**
@@ -972,7 +973,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
 
     let skippedInitialTabSelectedEvent = false;
 
-    const toggleMetricsWidget = (event: Common.EventTarget.EventTargetEvent): void => {
+    const toggleMetricsWidget = (event: Common.EventTarget.EventTargetEvent<StylesUpdateCompletedEvent>): void => {
       this.metricsWidget.toggleVisibility(event.data.hasMatchedStyles);
     };
 

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -192,7 +192,8 @@ let _stylesSidebarPaneInstance: StylesSidebarPane;
 const STYLE_TAG = '<' +
     'style>';
 
-export class StylesSidebarPane extends ElementsSidebarPane {
+export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventTypes, typeof ElementsSidebarPane>(
+    ElementsSidebarPane) {
   private currentToolbarPane: UI.Widget.Widget|null;
   private animatedToolbarPane: UI.Widget.Widget|null;
   private pendingWidget: UI.Widget.Widget|null;
@@ -800,7 +801,7 @@ export class StylesSidebarPane extends ElementsSidebarPane {
     // Record the elements tool load time after the sidepane has loaded.
     Host.userMetrics.panelLoaded('elements', 'DevTools.Launch.Elements');
 
-    this.dispatchEventToListeners(Events.StylesUpdateCompleted, {hasStyle: true});
+    this.dispatchEventToListeners(Events.StylesUpdateCompleted, {hasMatchedStyles: false});
   }
 
   private nodeStylesUpdatedForTest(_node: SDK.DOMModel.DOMNode, _rebuild: boolean): void {
@@ -1060,6 +1061,15 @@ export const enum Events {
   StylesUpdateCompleted = 'StylesUpdateCompleted',
 }
 
+export interface StylesUpdateCompletedEvent {
+  hasMatchedStyles: boolean;
+}
+
+export type EventTypes = {
+  [Events.InitialUpdateCompleted]: void,
+  [Events.StylesUpdateCompleted]: StylesUpdateCompletedEvent,
+};
+
 // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const _maxLinkLength = 23;