chrome-devtools-frontend 1.0.1537268 → 1.0.1538310

package/front_end/panels/elements/EventListenersWidget.ts

@@ -39,8 +39,7 @@ import {html, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as EventListeners from '../event_listeners/event_listeners.js';
 
-const {bindToSetting} = UI.SettingsUI;
-const {bindToAction} = UI.UIUtils;
+const {bindToAction, bindToSetting} = UI.UIUtils;
 
 const UIStrings = {
   /**

package/front_end/panels/elements/PropertiesWidget.ts

@@ -47,7 +47,7 @@ import propertiesWidgetStyles from './propertiesWidget.css.js';
 
 const OBJECT_GROUP_NAME = 'properties-sidebar-pane';
 
-const {bindToSetting} = UI.SettingsUI;
+const {bindToSetting} = UI.UIUtils;
 
 const UIStrings = {
   /**

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/NetworkConfigView.ts

@@ -8,6 +8,7 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
+import * as SettingsUI from '../../ui/legacy/components/settings_ui/settings_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as MobileThrottling from '../mobile_throttling/mobile_throttling.js';
@@ -208,7 +209,7 @@ export class NetworkConfigView extends UI.Widget.VBox {
 
   private createCacheSection(): void {
     const section = this.createSection(i18nString(UIStrings.caching), 'network-config-disable-cache');
-    section.appendChild(UI.SettingsUI.createSettingCheckbox(
+    section.appendChild(SettingsUI.SettingsUI.createSettingCheckbox(
         i18nString(UIStrings.disableCache), Common.Settings.Settings.instance().moduleSetting('cache-disabled')));
   }
 

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/NetworkPanel.ts

@@ -48,6 +48,7 @@ import type * as PanelCommon from '../../panels/common/common.js';
 import * as NetworkForward from '../../panels/network/forward/forward.js';
 import * as Tracing from '../../services/tracing/tracing.js';
 import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
+import * as SettingsUI from '../../ui/legacy/components/settings_ui/settings_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as MobileThrottling from '../mobile_throttling/mobile_throttling.js';
@@ -259,17 +260,17 @@ export class NetworkPanel extends UI.Panel.Panel implements
 
     const settingsPane = panel.contentElement.createChild('div', 'network-settings-pane');
     settingsPane.append(
-        UI.SettingsUI.createSettingCheckbox(
+        SettingsUI.SettingsUI.createSettingCheckbox(
             i18nString(UIStrings.useLargeRequestRows), this.networkLogLargeRowsSetting,
             i18nString(UIStrings.showMoreInformationInRequestRows)),
-        UI.SettingsUI.createSettingCheckbox(
+        SettingsUI.SettingsUI.createSettingCheckbox(
             i18nString(UIStrings.groupByFrame),
             Common.Settings.Settings.instance().moduleSetting('network.group-by-frame'),
             i18nString(UIStrings.groupRequestsByTopLevelRequest)),
-        UI.SettingsUI.createSettingCheckbox(
+        SettingsUI.SettingsUI.createSettingCheckbox(
             i18nString(UIStrings.showOverview), this.networkLogShowOverviewSetting,
             i18nString(UIStrings.showOverviewOfNetworkRequests)),
-        UI.SettingsUI.createSettingCheckbox(
+        SettingsUI.SettingsUI.createSettingCheckbox(
             i18nString(UIStrings.captureScreenshots), this.networkRecordFilmStripSetting,
             i18nString(UIStrings.captureScreenshotsWhenLoadingA)),
 

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,
     };

package/front_end/panels/network/RequestCookiesView.ts

@@ -10,6 +10,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as IconButton from '../../ui/components/icon_button/icon_button.js';
 import * as uiI18n from '../../ui/i18n/i18n.js';
 import * as CookieTable from '../../ui/legacy/components/cookie_table/cookie_table.js';
+import * as SettingsUI from '../../ui/legacy/components/settings_ui/settings_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
@@ -104,7 +105,7 @@ export class RequestCookiesView extends UI.Widget.Widget {
     titleText.textContent = i18nString(UIStrings.requestCookies);
     UI.Tooltip.Tooltip.install(titleText, i18nString(UIStrings.cookiesThatWereSentToTheServerIn));
 
-    const requestCookiesCheckbox = UI.SettingsUI.createSettingCheckbox(
+    const requestCookiesCheckbox = SettingsUI.SettingsUI.createSettingCheckbox(
         i18nString(UIStrings.showFilteredOutRequestCookies), this.showFilteredOutCookiesSetting);
     requestCookiesCheckbox.addEventListener('change', () => {
       this.refreshRequestCookiesView();