chrome-devtools-frontend 1.0.921565 → 1.0.922782

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/core/sdk/FrameManager.ts

@@ -141,8 +141,8 @@ export class FrameManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     }
   }
 
-  private frameNavigated(event: Common.EventTarget.EventTargetEvent): void {
-    const frame = (event.data as ResourceTreeFrame);
+  private frameNavigated(event: Common.EventTarget.EventTargetEvent<ResourceTreeFrame>): void {
+    const frame = event.data;
     this.dispatchEventToListeners(Events.FrameNavigated, {frame});
     if (frame.isTopFrame()) {
       this.dispatchEventToListeners(Events.TopFrameNavigated, {frame});

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -37,7 +37,7 @@ const str_ = i18n.i18n.registerUIStrings('entrypoints/inspector_main/InspectorMa
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 let inspectorMainImplInstance: InspectorMainImpl;
 
-export class InspectorMainImpl extends Common.ObjectWrapper.ObjectWrapper implements Common.Runnable.Runnable {
+export class InspectorMainImpl implements Common.Runnable.Runnable {
   static instance(opts: {
     forceNew: boolean|null,
   } = {forceNew: null}): InspectorMainImpl {

package/front_end/entrypoints/js_app/JsMain.ts

@@ -20,7 +20,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let jsMainImplInstance: JsMainImpl;
 
-export class JsMainImpl extends Common.ObjectWrapper.ObjectWrapper implements Common.Runnable.Runnable {
+export class JsMainImpl implements Common.Runnable.Runnable {
   static instance(opts: {forceNew: boolean|null} = {forceNew: null}): JsMainImpl {
     const {forceNew} = opts;
     if (!jsMainImplInstance || forceNew) {

package/front_end/entrypoints/node_main/NodeMain.ts

@@ -27,7 +27,7 @@ const str_ = i18n.i18n.registerUIStrings('entrypoints/node_main/NodeMain.ts', UI
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 let nodeMainImplInstance: NodeMainImpl;
 
-export class NodeMainImpl extends Common.ObjectWrapper.ObjectWrapper implements Common.Runnable.Runnable {
+export class NodeMainImpl implements Common.Runnable.Runnable {
   static instance(opts: {forceNew: boolean|null} = {forceNew: null}): NodeMainImpl {
     const {forceNew} = opts;
     if (!nodeMainImplInstance || forceNew) {

package/front_end/entrypoints/worker_app/WorkerMain.ts

@@ -20,7 +20,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let workerMainImplInstance: WorkerMainImpl;
 
-export class WorkerMainImpl extends Common.ObjectWrapper.ObjectWrapper implements Common.Runnable.Runnable {
+export class WorkerMainImpl implements Common.Runnable.Runnable {
   static instance(opts: {
     forceNew: boolean|null,
   } = {forceNew: null}): WorkerMainImpl {

package/front_end/models/emulation/DeviceModeModel.ts

@@ -113,7 +113,7 @@ export class DeviceModeModel extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     this.appliedDeviceScaleFactorInternal = window.devicePixelRatio;
     this.appliedUserAgentTypeInternal = UA.Desktop;
     this.experimentDualScreenSupport = Root.Runtime.experiments.isEnabled('dualScreenSupport');
-    this.webPlatformExperimentalFeaturesEnabledInternal = Boolean(eval('window.getWindowSegments'));
+    this.webPlatformExperimentalFeaturesEnabledInternal = Boolean(eval('"segments" in window.visualViewport'));
 
     this.scaleSettingInternal = Common.Settings.Settings.instance().createSetting('emulation.deviceScale', 1);
     // We've used to allow zero before.

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

@@ -508,7 +508,7 @@ export class ApplicationPanelSidebar extends UI.Widget.VBox implements SDK.Targe
     this.applicationCacheListTreeElement.setExpandable(false);
   }
 
-  private treeElementAdded(event: Common.EventTarget.EventTargetEvent): void {
+  private treeElementAdded(event: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>): void {
     // On tree item selection its itemURL and those of its parents are persisted.
     // On reload/navigation we check for matches starting from the root on the
     // path to the current element. Matching nodes are expanded until we hit a
@@ -519,14 +519,15 @@ export class ApplicationPanelSidebar extends UI.Widget.VBox implements SDK.Targe
       return;
     }
     const element = event.data;
-    const elementPath = [element];
-    for (let parent = element.parent; parent && parent.itemURL; parent = parent.parent) {
-      elementPath.push(parent);
+    const elementPath = [element as UI.TreeOutline.TreeElement | ApplicationPanelTreeElement];
+    for (let parent = element.parent as UI.TreeOutline.TreeElement | ApplicationPanelTreeElement | null;
+         parent && 'itemURL' in parent && parent.itemURL; parent = parent.parent) {
+      elementPath.push(parent as ApplicationPanelTreeElement);
     }
 
     let i = selection.length - 1;
     let j = elementPath.length - 1;
-    while (i >= 0 && j >= 0 && selection[i] === elementPath[j].itemURL) {
+    while (i >= 0 && j >= 0 && selection[i] === (elementPath[j] as ApplicationPanelTreeElement).itemURL) {
       if (!elementPath[j].expanded) {
         if (i > 0) {
           elementPath[j].expand();
@@ -692,8 +693,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/application/ServiceWorkerCacheViews.ts

@@ -517,7 +517,7 @@ export class RequestView extends UI.Widget.VBox {
     }
   }
 
-  private tabSelected(event: Common.EventTarget.EventTargetEvent): void {
+  private tabSelected(event: Common.EventTarget.EventTargetEvent<UI.TabbedPane.EventData>): void {
     if (!event.data.isUserGesture) {
       return;
     }

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/console/ConsoleSidebar.ts

@@ -51,7 +51,7 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('panels/console/ConsoleSidebar.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class ConsoleSidebar extends UI.Widget.VBox {
+export class ConsoleSidebar extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(UI.Widget.VBox) {
   private readonly tree: UI.TreeOutline.TreeOutlineInShadow;
   private selectedTreeElement: UI.TreeOutline.TreeElement|null;
   private readonly treeElements: FilterTreeElement[];
@@ -146,6 +146,10 @@ export const enum Events {
   FilterSelected = 'FilterSelected',
 }
 
+export type EventTypes = {
+  [Events.FilterSelected]: void,
+};
+
 class ConsoleSidebarTreeElement extends UI.TreeOutline.TreeElement {
   protected filterInternal: ConsoleFilter;
 

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -200,7 +200,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     element: HTMLElement,
     forceSelect: () => void,
   }[];
-  private readonly messageResized: (arg0: Common.EventTarget.EventTargetEvent) => void;
+  private readonly messageResized: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void;
   protected elementInternal: HTMLElement|null;
   private readonly previewFormatter: ObjectUI.RemoteObjectPreviewFormatter.RemoteObjectPreviewFormatter;
   private searchRegexInternal: RegExp|null;
@@ -227,7 +227,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   constructor(
       consoleMessage: SDK.ConsoleModel.ConsoleMessage, linkifier: Components.Linkifier.Linkifier,
       requestResolver: Logs.RequestResolver.RequestResolver, issueResolver: IssuesManager.IssueResolver.IssueResolver,
-      nestingLevel: number, onResize: (arg0: Common.EventTarget.EventTargetEvent) => void) {
+      nestingLevel: number, onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
     this.message = consoleMessage;
     this.linkifier = linkifier;
     this.requestResolver = requestResolver;

package/front_end/panels/coverage/CoverageView.ts

@@ -614,10 +614,11 @@ export class LineDecorator implements SourceFrame.SourceFrame.LineDecorator {
     }
   }
 
-  makeGutterClickHandler(url: string): (arg0: Common.EventTarget.EventTargetEvent) => void {
-    function handleGutterClick(event: Common.EventTarget.EventTargetEvent): void {
-      const eventData = event.data as SourceFrame.SourcesTextEditor.GutterClickEventData;
-      if (eventData.gutterType !== LineDecorator.GUTTER_TYPE) {
+  makeGutterClickHandler(url: string):
+      (arg0: Common.EventTarget.EventTargetEvent<SourceFrame.SourcesTextEditor.GutterClickEventData>) => void {
+    function handleGutterClick(
+        event: Common.EventTarget.EventTargetEvent<SourceFrame.SourcesTextEditor.GutterClickEventData>): void {
+      if (event.data.gutterType !== LineDecorator.GUTTER_TYPE) {
         return;
       }
       const coverageViewId = 'coverage';