chrome-devtools-frontend 1.0.937775 → 1.0.939144

package/front_end/panels/lighthouse/lighthouseStartView.css

@@ -52,7 +52,7 @@
 }
 
 .lighthouse-form-section-label {
-  margin: 7px 0 7px;
+  margin: 7px 0;
   font-weight: 500;
 }
 
@@ -129,6 +129,6 @@ input[type="radio"]:focus {
 }
 
 .lighthouse-warning-text::before {
-  content: '⚠';
+  content: "⚠";
   margin-right: 10px;
 }

package/front_end/panels/media/playerListView.css

@@ -10,7 +10,7 @@
 }
 
 li.storage-group-list-item {
-  padding: 10px 8px 6px 8px;
+  padding: 10px 8px 6px;
 }
 
 li.storage-group-list-item:not(:first-child) {

package/front_end/panels/mobile_throttling/throttlingSettingsTab.css

@@ -30,7 +30,7 @@
 }
 
 .conditions-list-item {
-  padding: 3px 5px 3px 5px;
+  padding: 3px 5px;
   height: 30px;
   display: flex;
   align-items: center;

package/front_end/panels/network/NetworkSearchScope.ts

@@ -4,6 +4,7 @@
 
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
 import * as Logs from '../../models/logs/logs.js';
 import type * as TextUtils from '../../models/text_utils/text_utils.js';
@@ -89,7 +90,8 @@ export class NetworkSearchScope implements Search.SearchConfig.SearchScope {
 
     function stringMatchesQuery(string: string): boolean {
       const flags = searchConfig.ignoreCase() ? 'i' : '';
-      const regExps = searchConfig.queries().map(query => new RegExp(query, flags));
+      const regExps =
+          searchConfig.queries().map(query => new RegExp(Platform.StringUtilities.escapeForRegExp(query), flags));
       let pos = 0;
       for (const regExp of regExps) {
         const match = string.substr(pos).match(regExp);

package/front_end/panels/network/blockedURLsPane.css

@@ -66,7 +66,7 @@
   flex: none;
   display: flex;
   flex-direction: row;
-  margin: 7px 5px 0 5px;
+  margin: 7px 5px 0;
   align-items: center;
 }
 

package/front_end/panels/network/networkConfigView.css

@@ -72,7 +72,7 @@
   width: calc(100% - 20px);
 }
 
-.network-config-ua input[type=text],
+.network-config-ua input[type="text"],
 .network-config-ua .chrome-select {
   margin-top: 8px;
 }

package/front_end/panels/network/networkLogView.css

@@ -62,7 +62,7 @@
   border-bottom: 0;
 }
 
-.network-summary-bar span[is=dt-icon-label] {
+.network-summary-bar span[is="dt-icon-label"] {
   margin-right: 6px;
 }
 
@@ -243,7 +243,7 @@
   filter: brightness(0) invert(1);
 }
 
-.network-log-grid.data-grid:focus .data-grid-data-grid-node.selected [is=ui-icon].icon-mask {
+.network-log-grid.data-grid:focus .data-grid-data-grid-node.selected [is="ui-icon"].icon-mask {
   --network-grid-selected-color: #dadce0;
   --override-icon-mask-background-color: var(--network-grid-selected-color);
 }
@@ -446,7 +446,7 @@
     background-color: canvas;
   }
 
-  .network-waterfall-header:hover .sort-order-icon-container [is=ui-icon].icon-mask {
+  .network-waterfall-header:hover .sort-order-icon-container [is="ui-icon"].icon-mask {
     background-color: HighlightText;
   }
 }

package/front_end/panels/profiler/profileLauncherView.css

@@ -16,10 +16,10 @@
 .profile-launcher-view-content h1 {
   font-size: 15px;
   font-weight: normal;
-  margin: 6px 0 10px 0;
+  margin: 6px 0 10px;
 }
 
-.profile-launcher-view-content [is=dt-radio] {
+.profile-launcher-view-content [is="dt-radio"] {
   font-size: 13px;
 }
 
@@ -29,7 +29,7 @@
   margin-left: 22px;
 }
 
-.profile-launcher-view-content p [is=dt-checkbox] {
+.profile-launcher-view-content p [is="dt-checkbox"] {
   display: flex;
 }
 

package/front_end/panels/protocol_monitor/protocol_monitor-meta.ts

@@ -29,8 +29,6 @@ let loadedProtocolMonitorModule: (typeof ProtocolMonitor|undefined);
 
 async function loadProtocolMonitorModule(): Promise<typeof ProtocolMonitor> {
   if (!loadedProtocolMonitorModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/protocol_monitor');
     loadedProtocolMonitorModule = await import('./protocol_monitor.js');
   }
   return loadedProtocolMonitorModule;

package/front_end/panels/security/mainView.css

@@ -35,7 +35,7 @@
   flex: none;
   width: 16px;
   height: 16px;
-  margin: 0 0;
+  margin: 0;
 }
 /* Separate the middle icon from the other two. */
 
@@ -65,7 +65,7 @@
 
 .triangle-pointer-container {
   margin: 8px 24px 0;
-  padding: 0 0;
+  padding: 0;
 }
 
 .triangle-pointer-wrapper {

package/front_end/panels/security/originView.css

@@ -5,7 +5,7 @@
  */
 
 .title-section {
-  padding: 16px 0 24px 0;
+  padding: 16px 0 24px;
   border-bottom: 1px solid var(--color-background-elevation-2);
 }
 

package/front_end/panels/sensors/sensors.css

@@ -185,7 +185,7 @@
 .orientation-left::after,
 .orientation-right::before,
 .orientation-right::after {
-  content: '';
+  content: "";
   width: 8px;
   height: 6px;
 }
@@ -242,7 +242,7 @@
 .orientation-top::after,
 .orientation-bottom::before,
 .orientation-bottom::after {
-  content: '';
+  content: "";
   width: 8px;
   height: 8px;
 }

package/front_end/panels/settings/emulation/components/userAgentClientHintsForm.css

@@ -127,7 +127,7 @@
     border: 1px solid;
   }
 
-  .tree-title[aria-disabled='true'] {
+  .tree-title[aria-disabled="true"] {
     color: GrayText;
   }
 }

package/front_end/panels/settings/emulation/devicesSettingsTab.css

@@ -29,7 +29,7 @@
 }
 
 .devices-list-item {
-  padding: 3px 5px 3px 5px;
+  padding: 3px 5px;
   height: 30px;
   display: flex;
   align-items: center;
@@ -104,7 +104,7 @@ li .devices-edit-client-hints-heading {
 
 .devices-edit-fields input {
   flex: auto;
-  margin: 8px 5px 0 5px;
+  margin: 8px 5px 0;
 }
 
 li.devices-edit-client-hints-field {
@@ -114,7 +114,7 @@ li.devices-edit-client-hints-field {
 
 .devices-edit-client-hints-field input {
   flex: auto;
-  margin: 8px 5px 0 5px;
+  margin: 8px 5px 0;
 }
 
 .devices-edit-fields .device-edit-fixed {
@@ -122,5 +122,5 @@ li.devices-edit-client-hints-field {
 }
 
 .devices-edit-fields select {
-  margin: 8px 5px 0 5px;
+  margin: 8px 5px 0;
 }

package/front_end/panels/settings/frameworkIgnoreListSettingsTab.css

@@ -47,7 +47,7 @@
 }
 
 .ignore-list-item {
-  padding: 3px 5px 3px 5px;
+  padding: 3px 5px;
   height: 30px;
   display: flex;
   align-items: center;

package/front_end/panels/settings/settingsScreen.css

@@ -7,7 +7,7 @@
 .settings-window-main {
   color: var(--color-text-primary);
   background-color: var(--color-background);
-  padding: 11px 0 0 0;
+  padding: 11px 0 0;
 }
 
 .settings-content {
@@ -101,7 +101,7 @@ fieldset {
   color: inherit;
 }
 
-.settings-content input[type=checkbox] {
+.settings-content input[type="checkbox"] {
   margin: 1px 7px 1px 2px;
 }
 

package/front_end/panels/sources/CoveragePlugin.ts

@@ -25,7 +25,7 @@ const UIStrings = {
   *@description Text to show in the status bar if coverage data is available
   *@example {12.3} PH1
   */
-  coverageS: 'Coverage: {PH1} %',
+  coverageS: 'Coverage: {PH1}',
   /**
   *@description Text to be shown in the status bar if no coverage data is available
   */
@@ -96,7 +96,12 @@ export class CoveragePlugin extends Plugin {
   private updateStats(): void {
     if (this.coverage) {
       this.infoInToolbar.setTitle(i18nString(UIStrings.showDetails));
-      this.infoInToolbar.setText(i18nString(UIStrings.coverageS, {PH1: this.coverage.usedPercentage().toFixed(1)}));
+      const formatter = new Intl.NumberFormat(i18n.DevToolsLocale.DevToolsLocale.instance().locale, {
+        style: 'percent',
+        maximumFractionDigits: 1,
+      });
+      this.infoInToolbar.setText(
+          i18nString(UIStrings.coverageS, {PH1: formatter.format(this.coverage.usedPercentage())}));
     } else {
       this.infoInToolbar.setTitle(i18nString(UIStrings.clickToShowCoveragePanel));
       this.infoInToolbar.setText(i18nString(UIStrings.coverageNa));

package/front_end/panels/sources/JavaScriptBreakpointsSidebarPane.ts

@@ -10,8 +10,8 @@ import * as Bindings from '../../models/bindings/bindings.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Workspace from '../../models/workspace/workspace.js';
 import * as UI from '../../ui/legacy/legacy.js';
-
 import {LogpointPrefix} from './BreakpointEditDialog.js';
+
 import javaScriptBreakpointsSidebarPaneStyles from './javaScriptBreakpointsSidebarPane.css.js';
 
 const UIStrings = {
@@ -288,31 +288,38 @@ export class JavaScriptBreakpointsSidebarPane extends UI.ThrottledWidget.Throttl
     element.tabIndex = this.list.selectedItem() === item ? 0 : -1;
     element.addEventListener('contextmenu', this.breakpointContextMenu.bind(this), true);
     element.addEventListener('click', this.revealLocation.bind(this, element), false);
-    const checkboxLabel = UI.UIUtils.CheckboxLabel.create('');
 
+    const hasLogpoint = item.locations.some(location => location.breakpoint.condition().includes(LogpointPrefix));
+    const hasConditional = item.locations.some(location => Boolean(location.breakpoint.condition()));
+    const lineElement = element.createChild('div', 'decoration-and-content');
+    if (hasLogpoint) {
+      lineElement.classList.add('logpoint');
+    } else if (hasConditional) {
+      lineElement.classList.add('breakpoint-conditional');
+    }
+
+    const checkboxLabel = UI.UIUtils.CheckboxLabel.create('');
     const uiLocation = item.locations[0].uiLocation;
     const hasEnabled = item.locations.some(location => location.breakpoint.enabled());
     const hasDisabled = item.locations.some(location => !location.breakpoint.enabled());
-    const hasLogpoint = item.locations.some(location => location.breakpoint.condition().includes(LogpointPrefix));
-    const hasConditional = item.locations.some(location => Boolean(location.breakpoint.condition()));
     checkboxLabel.textElement.textContent = uiLocation.linkText() +
         (item.showColumn && typeof uiLocation.columnNumber === 'number' ? ':' + (uiLocation.columnNumber + 1) : '');
     checkboxLabel.checkboxElement.checked = hasEnabled;
     checkboxLabel.checkboxElement.indeterminate = hasEnabled && hasDisabled;
     checkboxLabel.checkboxElement.tabIndex = -1;
     checkboxLabel.addEventListener('click', this.breakpointCheckboxClicked.bind(this), false);
-    element.appendChild(checkboxLabel);
+    lineElement.appendChild(checkboxLabel);
     let checkedDescription: Common.UIString.LocalizedString =
         hasEnabled ? i18nString(UIStrings.checked) : i18nString(UIStrings.unchecked);
     if (hasEnabled && hasDisabled) {
       checkedDescription = i18nString(UIStrings.mixed);
     }
     if (item.isSelected) {
-      UI.ARIAUtils.setDescription(element, i18nString(UIStrings.sBreakpointHit, {PH1: checkedDescription}));
+      UI.ARIAUtils.setDescription(lineElement, i18nString(UIStrings.sBreakpointHit, {PH1: checkedDescription}));
       element.classList.add('breakpoint-hit');
       this.setDefaultFocusedElement(element);
     } else {
-      UI.ARIAUtils.setDescription(element, checkedDescription);
+      UI.ARIAUtils.setDescription(lineElement, checkedDescription);
     }
 
     element.addEventListener('keydown', event => {
@@ -322,16 +329,6 @@ export class JavaScriptBreakpointsSidebarPane extends UI.ThrottledWidget.Throttl
       }
     });
 
-    const lineElement = element.createChild('div', 'decoration-and-source');
-    const decorationElement = lineElement.createChild('span', 'breakpoint');
-    if (hasDisabled) {
-      decorationElement.classList.add('disabled');
-    }
-    if (hasLogpoint) {
-      decorationElement.classList.add('logpoint');
-    } else if (hasConditional) {
-      decorationElement.classList.add('breakpoint-conditional');
-    }
     const snippetElement = lineElement.createChild('div', 'source-text monospace');
     const lineNumber = uiLocation.lineNumber;
 

package/front_end/panels/sources/callStackSidebarPane.css

@@ -87,7 +87,7 @@
 .call-frame-location {
   color: var(--color-text-secondary);
   margin-left: auto;
-  padding: 0 10px 0 10px;
+  padding: 0 10px;
 }
 
 .async-header::before {

package/front_end/panels/sources/dialog.css

@@ -16,7 +16,7 @@ label {
   white-space: nowrap;
 }
 
-input[type=text].add-source-map {
+input[type="text"].add-source-map {
   box-shadow: 0 0 0 1px var(--box-shadow-outline-color);
   font-size: inherit;
   margin: 0 8px 0 5px;

package/front_end/panels/sources/javaScriptBreakpointsSidebarPane.css

@@ -5,7 +5,7 @@
  */
 
 .breakpoint-entry {
-  padding: 3px 8px 3px 8px;
+  padding: 3px 0;
   min-height: 18px;
   line-height: 15px;
   border-top: 1px solid var(--color-details-hairline-light);
@@ -15,71 +15,45 @@
   background-color: var(--legacy-focus-bg-color);
 }
 
-.breakpoint-entry [is=dt-checkbox] {
+.breakpoint-entry [is="dt-checkbox"] {
   max-width: 100%;
   white-space: nowrap;
+  border-left-width: 3px;
 }
 
 :not(.breakpoints-list-deactivated) > .breakpoint-entry:hover {
   background-color: var(--color-background-elevation-1);
 }
 
-.breakpoint-entry > .decoration-and-source {
-  display: flex;
-}
-
-.breakpoint-entry .breakpoint {
-  content: var(--inline-breakpoint-enabled);
-  height: 12px;
-  top: 1px;
-  position: relative;
-  width: 11px;
-  margin-left: 3px;
-  margin-right: 3px;
-
-  --inline-breakpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%234285F4" stroke="%231A73E8"/></svg>');
-  --inline-breakpoint-disabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%234285F4" fill-opacity="0.2" stroke="%231A73E8"/></svg>');
-  --inline-conditional-breakpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23F29900" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="white"/></svg>');
-  --inline-conditional-breakpoint-disabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23F9AB00" fill-opacity="0.2" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="%23E37400"/></svg>');
-  --inline-logpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23F439A0" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="white"/><circle cx="7" cy="6" r="1" fill="white"/></svg>');
-  --inline-logpoint-disabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23F439A0" fill-opacity="0.2" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="%23D01884"/><circle cx="7" cy="6" r="1" fill="%23D01884"/></svg>');
-}
-
-.breakpoint-entry .breakpoint.disabled,
-.breakpoints-list-deactivated .breakpoint-entry .breakpoint {
-  content: var(--inline-breakpoint-disabled);
-}
-
-:host-context(.-theme-with-dark-background) .breakpoint-entry .breakpoint {
-  --inline-breakpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%235186EC" stroke="%231A73E8"/></svg>');
-  --inline-conditional-breakpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23e9a33a" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="white"/></svg>');
-  --inline-logpoint-enabled: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23E54D9B" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="white"/><circle cx="7" cy="6" r="1" fill="white"/></svg>');
-}
+.decoration-and-content {
+  --override-color-breakpoint-conditional: #f29900;
+  --override-color-logpoint: #f439a0;
 
-.breakpoint-entry .breakpoint-conditional {
-  content: var(--inline-conditional-breakpoint-enabled);
+  padding: 0 8px;
+  border-left: 4px solid;
+  border-color: transparent;
 }
 
-.breakpoint-entry .breakpoint-conditional.disabled,
-.breakpoints-list-deactivated .breakpoint-entry .breakpoint-conditional {
-  content: var(--inline-conditional-breakpoint-disabled);
+.-theme-with-dark-background .decoration-and-content,
+:host-context(.-theme-with-dark-background) .decoration-and-content {
+  --override-color-breakpoint-conditional: #e9a33a;
+  --override-color-logpoint: #e54d9b;
 }
 
-.breakpoint-entry .logpoint {
-  content: var(--inline-logpoint-enabled);
+.decoration-and-content.breakpoint-conditional {
+  border-color: var(--override-color-breakpoint-conditional);
 }
 
-.breakpoint-entry .logpoint.disabled,
-.breakpoints-list-deactivated .breakpoint-entry .logpoint {
-  content: var(--inline-logpoint-disabled);
+.decoration-and-content.logpoint {
+  border-color: var(--override-color-logpoint);
 }
 
-.breakpoint-entry .source-text {
+.decoration-and-content > .source-text {
   cursor: pointer;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  margin-left: 4px;
+  margin-left: 22px;
 }
 
 .breakpoints-list-deactivated {

package/front_end/panels/sources/navigatorTree.css

@@ -33,7 +33,7 @@
 
 .icon,
 .icon-badge {
-  margin: -3px -5px -3px -5px;
+  margin: -3px -5px;
 }
 
 .icon-stack {
@@ -41,7 +41,7 @@
   display: inline-flex;
 }
 
-.icon-stack > [is=ui-icon]:not(:first-child) {
+.icon-stack > [is="ui-icon"]:not(:first-child) {
   position: absolute;
   left: 0;
   top: 0;
@@ -124,7 +124,7 @@
 }
 
 @media (forced-colors: active) {
-  .tree-outline li .leading-icons [is=ui-icon].icon-mask {
+  .tree-outline li .leading-icons [is="ui-icon"].icon-mask {
     background: ButtonText;
   }
 
@@ -134,7 +134,7 @@
   }
 
   .tree-outline:not(.hide-selection-when-blurred) li.parent:hover:not(.selected)::before,
-  .tree-outline:not(.hide-selection-when-blurred) li:hover:not(.selected) [is=ui-icon].icon-mask {
+  .tree-outline:not(.hide-selection-when-blurred) li:hover:not(.selected) [is="ui-icon"].icon-mask {
     background-color: HighlightText;
   }
 

package/front_end/panels/sources/sources-meta.ts

@@ -387,8 +387,6 @@ let loadedSourcesModule: (typeof Sources|undefined);
 
 async function loadSourcesModule(): Promise<typeof Sources> {
   if (!loadedSourcesModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/sources');
     loadedSourcesModule = await import('./sources.js');
   }
   return loadedSourcesModule;

package/front_end/panels/sources/sourcesPanel.css

@@ -51,13 +51,13 @@
   margin-top: 0;
 }
 
-.scripts-debug-toolbar-drawer > [is=dt-checkbox] {
+.scripts-debug-toolbar-drawer > [is="dt-checkbox"] {
   display: none;
   padding-left: 3px;
   height: 28px;
 }
 
-.scripts-debug-toolbar-drawer.expanded > [is=dt-checkbox] {
+.scripts-debug-toolbar-drawer.expanded > [is="dt-checkbox"] {
   display: flex;
 }
 

package/front_end/panels/sources/threadsSidebarPane.css

@@ -35,7 +35,7 @@
 .thread-item-paused-state {
   color: var(--color-text-disabled);
   margin-left: auto;
-  padding: 0 10px 0 10px;
+  padding: 0 10px;
 }
 
 .selected-thread-icon {

package/front_end/panels/timeline/components/WebVitalsTooltip.css

@@ -59,7 +59,7 @@
 .bad {
   display: block;
   border: 1px solid transparent;
-  border-width: 0 6px 12px 6px;
+  border-width: 0 6px 12px;
   border-bottom-color: var(--lighthouse-red);
   width: 0;
 }

package/front_end/panels/timeline/historyToolbarButton.css

@@ -45,7 +45,7 @@
     opacity: 100%;
   }
 
-  .history-dropdown-button[disabled] [is=ui-icon].icon-mask {
+  .history-dropdown-button[disabled] [is="ui-icon"].icon-mask {
     background-color: GrayText;
   }
 }

package/front_end/panels/timeline/timelineStatusDialog.css

@@ -7,7 +7,7 @@
 .timeline-status-dialog {
   display: flex;
   flex-direction: column;
-  padding: 16px 16px 12px 16px;
+  padding: 16px 16px 12px;
   align-self: center;
   background-color: var(--color-background);
   box-shadow: var(--drop-shadow);

package/front_end/panels/webauthn/webauthnPane.css

@@ -39,7 +39,7 @@
 
 .new-authenticator-container {
   display: none;
-  margin: 10px 10px;
+  margin: 10px;
 }
 
 .webauthn-pane.enabled .new-authenticator-container {
@@ -97,7 +97,7 @@
 }
 
 .authenticator-field-value {
-  padding: 5px 0 5px 0;
+  padding: 5px 0;
   display: inline-block;
   font-family: monospace;
 }

package/front_end/third_party/puppeteer/package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [11.0.0](https://github.com/puppeteer/puppeteer/compare/v10.4.0...v11.0.0) (2021-11-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* **oop iframes:** integrate OOP iframes with the frame manager (#7556)
+
+### Features
+
+* improve error message for response.buffer() ([#7669](https://github.com/puppeteer/puppeteer/issues/7669)) ([03c9ecc](https://github.com/puppeteer/puppeteer/commit/03c9ecca400a02684cd60229550dbad1190a5b6e))
+* **oop iframes:** integrate OOP iframes with the frame manager ([#7556](https://github.com/puppeteer/puppeteer/issues/7556)) ([4d9dc8c](https://github.com/puppeteer/puppeteer/commit/4d9dc8c0e613f22d4cdf237e8bd0b0da3c588edb)), closes [#2548](https://github.com/puppeteer/puppeteer/issues/2548)
+* add custom debugging port option ([#4993](https://github.com/puppeteer/puppeteer/issues/4993)) ([26145e9](https://github.com/puppeteer/puppeteer/commit/26145e9a24af7caed6ece61031f2cafa6abd505f))
+* add initiator to HTTPRequest ([#7614](https://github.com/puppeteer/puppeteer/issues/7614)) ([a271145](https://github.com/puppeteer/puppeteer/commit/a271145b0663ef9de1903dd0eb9fd5366465bed7))
+* allow to customize tmpdir ([#7243](https://github.com/puppeteer/puppeteer/issues/7243)) ([b1f6e86](https://github.com/puppeteer/puppeteer/commit/b1f6e8692b0bc7e8551b2a78169c830cd80a7acb))
+* handle unhandled promise rejections in tests ([#7722](https://github.com/puppeteer/puppeteer/issues/7722)) ([07febca](https://github.com/puppeteer/puppeteer/commit/07febca04b391893cfc872250e4391da142d4fe2))
+
+
+### Bug Fixes
+
+* add support for relative install paths to BrowserFetcher ([#7613](https://github.com/puppeteer/puppeteer/issues/7613)) ([eebf452](https://github.com/puppeteer/puppeteer/commit/eebf452d38b79bb2ea1a1ba84c3d2ea6f2f9f899)), closes [#7592](https://github.com/puppeteer/puppeteer/issues/7592)
+* add webp to screenshot quality option allow list ([#7631](https://github.com/puppeteer/puppeteer/issues/7631)) ([b20c2bf](https://github.com/puppeteer/puppeteer/commit/b20c2bfa24cbdd4a1b9cefca2e0a9407e442baf5))
+* prevent Target closed errors on streams ([#7728](https://github.com/puppeteer/puppeteer/issues/7728)) ([5b792de](https://github.com/puppeteer/puppeteer/commit/5b792de7a97611441777d1ac99cb95516301d7dc))
+* request an animation frame to fix flaky clickablePoint test ([#7587](https://github.com/puppeteer/puppeteer/issues/7587)) ([7341d9f](https://github.com/puppeteer/puppeteer/commit/7341d9fadd1466a5b2f2bde8631f3b02cf9a7d8a))
+* setup husky properly ([#7727](https://github.com/puppeteer/puppeteer/issues/7727)) ([8b712e7](https://github.com/puppeteer/puppeteer/commit/8b712e7b642b58193437f26d4e104a9e412f388d)), closes [#7726](https://github.com/puppeteer/puppeteer/issues/7726)
+* updated troubleshooting.md to meet latest dependencies changes ([#7656](https://github.com/puppeteer/puppeteer/issues/7656)) ([edb0197](https://github.com/puppeteer/puppeteer/commit/edb01972b9606d8b05b979a588eda0d622315981))
+* **launcher:** launcher.launch() should pass 'timeout' option [#5180](https://github.com/puppeteer/puppeteer/issues/5180) ([#7596](https://github.com/puppeteer/puppeteer/issues/7596)) ([113489d](https://github.com/puppeteer/puppeteer/commit/113489d3b58e2907374a4e6e5133bf46630695d1))
+* **page:** fallback to default in exposeFunction when using imported module  ([#6365](https://github.com/puppeteer/puppeteer/issues/6365)) ([44c9ec6](https://github.com/puppeteer/puppeteer/commit/44c9ec67c57dccf3e186c86f14f3a8da9a8eb971))
+* **page:** fix page.off method for request event ([#7624](https://github.com/puppeteer/puppeteer/issues/7624)) ([d0cb943](https://github.com/puppeteer/puppeteer/commit/d0cb9436a302418086f6763e0e58ae3732a20b62)), closes [#7572](https://github.com/puppeteer/puppeteer/issues/7572)
+
 ## [10.4.0](https://github.com/puppeteer/puppeteer/compare/v10.2.0...v10.4.0) (2021-09-21)