chrome-devtools-frontend 1.0.1537860 → 1.0.1538523

package/front_end/panels/application/preloading/components/PreloadingString.ts

@@ -4,7 +4,7 @@
 
 import type * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
-import type * as Platform from '../../../../core/platform/platform.js';
+import * as Platform from '../../../../core/platform/platform.js';
 import {assertNotNullOrUndefined} from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
 import * as Protocol from '../../../../generated/protocol.js';
@@ -743,28 +743,30 @@ export function capitalizedAction(action: Protocol.Preload.SpeculationAction): C
 
 export function sortOrder(attempt: SDK.PreloadingModel.PreloadingAttempt): number {
   switch (attempt.status) {
-    case SDK.PreloadingModel.PreloadingStatus.NOT_TRIGGERED:
-      return 0;
     case SDK.PreloadingModel.PreloadingStatus.NOT_SUPPORTED:
-      return 1;
+      return 0;
     case SDK.PreloadingModel.PreloadingStatus.PENDING:
-      return 2;
+      return 1;
     case SDK.PreloadingModel.PreloadingStatus.RUNNING:
-      return 3;
+      return 2;
     case SDK.PreloadingModel.PreloadingStatus.READY:
-      return 4;
+      return 3;
     case SDK.PreloadingModel.PreloadingStatus.SUCCESS:
-      return 5;
+      return 4;
     case SDK.PreloadingModel.PreloadingStatus.FAILURE: {
       switch (attempt.action) {
         case Protocol.Preload.SpeculationAction.Prefetch:
-          return 6;
+          return 5;
         case Protocol.Preload.SpeculationAction.Prerender:
-          return 7;
+          return 6;
         case Protocol.Preload.SpeculationAction.PrerenderUntilScript:
-          return 8;
+          return 7;
       }
     }
+    case SDK.PreloadingModel.PreloadingStatus.NOT_TRIGGERED:
+      return 8;
+    default:
+      Platform.assertNever(attempt.status, 'Unknown Preloading attempt status');
   }
 }
 

package/front_end/panels/emulation/components/DeviceSizeInputElement.ts

@@ -121,6 +121,7 @@ export class SizeInputElement extends HTMLElement {
   }
 }
 
+// eslint-disable-next-line @devtools/enforce-custom-element-prefix
 customElements.define('device-mode-emulation-size-input', SizeInputElement);
 
 declare global {

package/front_end/panels/network/NetworkItemView.ts

@@ -232,7 +232,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
 
     this.appendTab(
         NetworkForward.UIRequestLocation.UIRequestTabs.TIMING, i18nString(UIStrings.timing),
-        new RequestTimingView(request, calculator), i18nString(UIStrings.requestAndResponseTimeline));
+        RequestTimingView.create(request, calculator), i18nString(UIStrings.requestAndResponseTimeline));
 
     if (request.trustTokenParams()) {
       this.appendTab(

package/front_end/panels/network/NetworkWaterfallColumn.ts

@@ -13,7 +13,6 @@ import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 
 import type {NetworkNode} from './NetworkDataGridNode.js';
 import {RequestTimeRangeNameToColor} from './NetworkOverview.js';
-import networkingTimingTableStyles from './networkTimingTable.css.js';
 import networkWaterfallColumnStyles from './networkWaterfallColumn.css.js';
 import {RequestTimingView} from './RequestTimingView.js';
 
@@ -288,11 +287,11 @@ export class NetworkWaterfallColumn extends UI.Widget.VBox {
 
     return {
       box: anchorBox,
-      show: (popover: UI.GlassPane.GlassPane) => {
-        const content = RequestTimingView.createTimingTable((request), this.calculator);
-        popover.registerRequiredCSS(networkingTimingTableStyles);
-        popover.contentElement.appendChild(content);
-        return Promise.resolve(true);
+      show: async (popover: UI.GlassPane.GlassPane) => {
+        const content = RequestTimingView.create(request, this.calculator);
+        await content.updateComplete;
+        content.show(popover.contentElement);
+        return true;
       },
       hide: undefined,
     };