chrome-devtools-frontend 1.0.936663 → 1.0.937775

package/config/gni/all_devtools_files.gni

@@ -13,10 +13,6 @@ all_devtools_files = [
   "front_end/entrypoints/node_app/node_app.js",
   "front_end/entrypoints/worker_app/worker_app.js",
   "front_end/legacy_test_runner/accessibility_test_runner/accessibility_test_runner.js",
-  "front_end/panels/accessibility/accessibilityNode.css",
-  "front_end/panels/accessibility/accessibilityProperties.css",
-  "front_end/panels/accessibility/axBreadcrumbs.css",
-  "front_end/panels/accessibility/module.json",
   "front_end/legacy_test_runner/application_test_runner/application_test_runner.js",
   "front_end/legacy_test_runner/bindings_test_runner/bindings_test_runner.js",
   "front_end/legacy_test_runner/application_test_runner/CacheStorageTestRunner.js",
@@ -37,16 +33,8 @@ all_devtools_files = [
   "front_end/panels/browser_debugger/module.json",
   "front_end/third_party/codemirror/codemirror.css",
   "front_end/legacy_test_runner/console_test_runner/console_test_runner.js",
-  "front_end/panels/console/consoleContextSelector.css",
-  "front_end/panels/console/consolePinPane.css",
-  "front_end/panels/console/consolePrompt.css",
-  "front_end/panels/console/consoleSidebar.css",
-  "front_end/panels/console/consoleView.css",
-  "front_end/panels/console/module.json",
   "front_end/legacy_test_runner/coverage_test_runner/coverage_test_runner.js",
-  "front_end/panels/coverage/module.json",
   "front_end/legacy_test_runner/cpu_profiler_test_runner/cpu_profiler_test_runner.js",
-  "front_end/panels/css_overview/module.json",
   "front_end/legacy_test_runner/data_grid_test_runner/data_grid_test_runner.js",
   "front_end/legacy_test_runner/device_mode_test_runner/device_mode_test_runner.js",
   "front_end/legacy_test_runner/elements_test_runner/elements_test_runner.js",
@@ -66,9 +54,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsNetworkTestRunner.js",
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsTestRunner.js",
   "front_end/legacy_test_runner/heap_profiler_test_runner/heap_profiler_test_runner.js",
-  "front_end/entrypoints/inspector_main/module.json",
-  "front_end/entrypoints/inspector_main/nodeIcon.css",
-  "front_end/entrypoints/inspector_main/renderingOptions.css",
   "front_end/entrypoints/inspector/inspector.js",
   "front_end/entrypoints/inspector/inspector.json",
   "front_end/panels/js_profiler/module.json",

package/config/gni/devtools_grd_files.gni

@@ -328,7 +328,6 @@ grd_files_release_sources = [
   "front_end/panels/accessibility/accessibility-legacy.js",
   "front_end/panels/accessibility/accessibility-meta.js",
   "front_end/panels/accessibility/accessibility.js",
-  "front_end/panels/accessibility/accessibility_module.js",
   "front_end/panels/animation/animation-legacy.js",
   "front_end/panels/animation/animation-meta.js",
   "front_end/panels/animation/animation.js",
@@ -347,17 +346,14 @@ grd_files_release_sources = [
   "front_end/panels/console/console-legacy.js",
   "front_end/panels/console/console-meta.js",
   "front_end/panels/console/console.js",
-  "front_end/panels/console/console_module.js",
   "front_end/panels/console_counters/console_counters-meta.js",
   "front_end/panels/console_counters/console_counters.js",
   "front_end/panels/coverage/coverage-legacy.js",
   "front_end/panels/coverage/coverage-meta.js",
   "front_end/panels/coverage/coverage.js",
-  "front_end/panels/coverage/coverage_module.js",
   "front_end/panels/css_overview/components/components.js",
   "front_end/panels/css_overview/css_overview-meta.js",
   "front_end/panels/css_overview/css_overview.js",
-  "front_end/panels/css_overview/css_overview_module.js",
   "front_end/panels/developer_resources/developer_resources-meta.js",
   "front_end/panels/developer_resources/developer_resources.js",
   "front_end/panels/elements/components/components.js",
@@ -518,10 +514,8 @@ grd_files_release_sources = [
   "front_end/ui/legacy/components/source_frame/source_frame-legacy.js",
   "front_end/ui/legacy/components/source_frame/source_frame-meta.js",
   "front_end/ui/legacy/components/source_frame/source_frame.js",
-  "front_end/ui/legacy/components/source_frame/source_frame_module.js",
   "front_end/ui/legacy/components/text_editor/text_editor-legacy.js",
   "front_end/ui/legacy/components/text_editor/text_editor.js",
-  "front_end/ui/legacy/components/text_editor/text_editor_module.js",
   "front_end/ui/legacy/components/utils/utils-legacy.js",
   "front_end/ui/legacy/components/utils/utils.js",
   "front_end/ui/legacy/legacy-legacy.js",

package/front_end/core/platform/string-utilities.ts

@@ -579,3 +579,26 @@ export const base64ToSize = function(content: string|null): number {
   }
   return size;
 };
+
+export const SINGLE_QUOTE = '\'';
+export const DOUBLE_QUOTE = '"';
+const BACKSLASH = '\\';
+
+export const findUnclosedCssQuote = function(str: string): string {
+  let unmatchedQuote = '';
+  for (let i = 0; i < str.length; ++i) {
+    const char = str[i];
+    if (char === BACKSLASH) {
+      i++;
+      continue;
+    }
+    if (char === SINGLE_QUOTE || char === DOUBLE_QUOTE) {
+      if (unmatchedQuote === char) {
+        unmatchedQuote = '';
+      } else if (unmatchedQuote === '') {
+        unmatchedQuote = char;
+      }
+    }
+  }
+  return unmatchedQuote;
+};

package/front_end/entrypoints/devtools_app/devtools_app.json

@@ -1,12 +1,9 @@
 {
   "modules" : [
     { "name": "panels/emulation", "type": "autostart" },
-    { "name": "entrypoints/inspector_main", "type": "autostart" },
 
-    { "name": "panels/accessibility" },
     { "name": "panels/lighthouse" },
     { "name": "panels/browser_debugger" },
-    { "name": "panels/css_overview" },
     { "name": "panels/elements" },
     { "name": "emulated_devices" },
     { "name": "panels/issues" },

package/front_end/entrypoints/inspector_main/inspector_main-meta.ts

@@ -4,7 +4,6 @@
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 const UIStrings = {
@@ -109,8 +108,6 @@ let loadedInspectorMainModule: (typeof InspectorMain|undefined);
 
 async function loadInspectorMainModule(): Promise<typeof InspectorMain> {
   if (!loadedInspectorMainModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('entrypoints/inspector_main');
     loadedInspectorMainModule = await import('./inspector_main.js');
   }
   return loadedInspectorMainModule;

package/front_end/entrypoints/lighthouse_worker/LighthouseService.ts

@@ -29,6 +29,8 @@ class LighthousePort {
   send(message: string): void {
     notifyFrontendViaWorkerMessage('sendProtocolMessage', {message});
   }
+  close(): void {
+  }
 }
 
 const port = new LighthousePort();
@@ -59,7 +61,7 @@ async function start(params: any): Promise<unknown> {
     const url = params.url;
 
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-    return self.runLighthouse(url, flags, config, connection);
+    return await self.runLighthouse(url, flags, config, connection);
   } catch (err) {
     return ({
       fatal: true,

package/front_end/entrypoints/main/MainImpl.ts

@@ -337,6 +337,7 @@ export class MainImpl {
       'hideIssuesFeature',
       'bfcacheDebugging',
       'cssTypeComponentLength',
+      Root.Runtime.ExperimentName.SYNC_SETTINGS,
     ]);
 
     Root.Runtime.experiments.cleanUpStaleExperiments();

package/front_end/entrypoints/shell/shell.json

@@ -2,14 +2,12 @@
   "modules": [
     { "name": "entrypoints/main", "type": "autostart" },
     { "name": "ui/legacy", "type": "autostart" },
+    { "name": "ui/legacy/components/text_editor", "type": "autostart" },
+    { "name": "ui/legacy/components/source_frame", "type": "autostart" },
 
-    { "name": "panels/console" },
-    { "name": "panels/coverage" },
     { "name": "ui/legacy/components/perf_ui" },
     { "name": "panels/profiler" },
     { "name": "panels/protocol_monitor"},
-    { "name": "ui/legacy/components/source_frame" },
-    { "name": "panels/sources" },
-    { "name": "ui/legacy/components/text_editor" }
+    { "name": "panels/sources" }
   ]
 }

package/front_end/panels/accessibility/AXBreadcrumbsPane.ts

@@ -93,6 +93,9 @@ export class AXBreadcrumbsPane extends AccessibilitySubPane {
     let parent: AXBreadcrumb|null = null;
     this.inspectedNodeBreadcrumb = null;
     for (ancestor of ancestorChain) {
+      if (ancestor !== axNode && ancestor.ignored() && ancestor.parentNode()) {
+        continue;
+      }
       const breadcrumb = new AXBreadcrumb(ancestor, depth, (ancestor === axNode));
       if (parent) {
         parent.appendChild(breadcrumb);
@@ -112,6 +115,10 @@ export class AXBreadcrumbsPane extends AccessibilitySubPane {
 
     function append(
         parentBreadcrumb: AXBreadcrumb, axNode: SDK.AccessibilityModel.AccessibilityNode, localDepth: number): void {
+      if (axNode.ignored()) {
+        axNode.children().map(child => append(parentBreadcrumb, child, localDepth));
+        return;
+      }
       const childBreadcrumb = new AXBreadcrumb(axNode, localDepth, false);
       parentBreadcrumb.appendChild(childBreadcrumb);
 
@@ -121,7 +128,7 @@ export class AXBreadcrumbsPane extends AccessibilitySubPane {
       }
     }
 
-    if (this.inspectedNodeBreadcrumb) {
+    if (this.inspectedNodeBreadcrumb && !axNode.ignored()) {
       for (const child of axNode.children()) {
         append(this.inspectedNodeBreadcrumb, child, depth);
         if (child.backendDOMNodeId() === this.collapsingBreadcrumbId) {

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -26,8 +25,6 @@ const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined
 
 async function loadAccessibilityModule(): Promise<typeof Accessibility> {
   if (!loadedAccessibilityModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/accessibility');
     loadedAccessibilityModule = await import('./accessibility.js');
   }
   return loadedAccessibilityModule;

package/front_end/panels/application/components/ReportsGrid.ts

@@ -5,6 +5,7 @@
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as DataGrid from '../../../ui/components/data_grid/data_grid.js';
 import * as ComponentHelpers from '../../../ui/components/helpers/helpers.js';
+import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
 import * as LitHtml from '../../../ui/lit-html/lit-html.js';
 
 import type * as Protocol from '../../../generated/protocol.js';
@@ -24,6 +25,33 @@ export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 const {render, html} = LitHtml;
 
+export class ReportsGridStatusHeader extends HTMLElement {
+  static readonly litTagName = LitHtml.literal`devtools-resources-reports-grid-status-header`;
+  private readonly shadow = this.attachShadow({mode: 'open'});
+
+  connectedCallback(): void {
+    this.shadow.adoptedStyleSheets = [reportingApiGridStyles];
+    this.render();
+  }
+
+  private render(): void {
+    // Disabled until https://crbug.com/1079231 is fixed.
+    // clang-format off
+    render(html`
+      ${i18n.i18n.lockedString('Status')}
+      <x-link href="https://web.dev/reporting-api/#report-status">
+        <${IconButton.Icon.Icon.litTagName} class="inline-icon" .data=${{
+          iconName: 'help_outline',
+          color: 'var(--color-primary)',
+          width: '16px',
+          height: '16px',
+          } as IconButton.Icon.IconData}></${IconButton.Icon.Icon.litTagName}>
+      </x-link>
+    `, this.shadow, {host: this});
+    // clang-format on
+  }
+}
+
 export interface ReportsGridData {
   reports: Protocol.Network.ReportingApiReport[];
 }
@@ -59,21 +87,24 @@ export class ReportsGrid extends HTMLElement {
         {
           id: 'type',
           title: i18n.i18n.lockedString('Type'),
-          widthWeighting: 10,
+          widthWeighting: 20,
           hideable: false,
           visible: true,
         },
         {
           id: 'status',
           title: i18n.i18n.lockedString('Status'),
-          widthWeighting: 10,
+          widthWeighting: 20,
           hideable: false,
           visible: true,
+          titleElement: html`
+          <${ReportsGridStatusHeader.litTagName}></${ReportsGridStatusHeader.litTagName}>
+          `,
         },
         {
           id: 'destination',
           title: i18n.i18n.lockedString('Destination'),
-          widthWeighting: 10,
+          widthWeighting: 20,
           hideable: false,
           visible: true,
         },
@@ -116,7 +147,7 @@ export class ReportsGrid extends HTMLElement {
           </div>
         `}
       </div>
-    `, this.shadow);
+    `, this.shadow, {host: this});
     // clang-format on
   }
 
@@ -135,10 +166,13 @@ export class ReportsGrid extends HTMLElement {
   }
 }
 
+ComponentHelpers.CustomElements.defineComponent(
+    'devtools-resources-reports-grid-status-header', ReportsGridStatusHeader);
 ComponentHelpers.CustomElements.defineComponent('devtools-resources-reports-grid', ReportsGrid);
 
 declare global {
   interface HTMLElementTagNameMap {
+    'devtools-resources-reports-grid-status-header': ReportsGridStatusHeader;
     'devtools-resources-reports-grid': ReportsGrid;
   }
 }

package/front_end/panels/application/components/reportingApiGrid.css

@@ -33,3 +33,7 @@
 devtools-data-grid-controller {
   border: 1px solid var(--color-details-hairline);
 }
+
+.inline-icon {
+  vertical-align: text-bottom;
+}

package/front_end/panels/application/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy/components/source_frame",
     "ui/legacy",
     "ui/legacy/components/perf_ui",
     "panels/network",

package/front_end/panels/browser_debugger/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
     "panels/elements",
-    "panels/sources",
-    "panels/console"
+    "panels/sources"
   ]
 }

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as Common from '../../core/common/common.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -118,8 +117,6 @@ let loadedConsoleModule: (typeof Console|undefined);
 
 async function loadConsoleModule(): Promise<typeof Console> {
   if (!loadedConsoleModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/console');
     loadedConsoleModule = await import('./console.js');
   }
   return loadedConsoleModule;
@@ -306,6 +303,7 @@ Common.Settings.registerSettingExtension({
 
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
+  storageType: Common.Settings.SettingStorageType.Synced,
   title: i18nLazyString(UIStrings.groupSimilarMessagesInConsole),
   settingName: 'consoleGroupSimilar',
   settingType: Common.Settings.SettingType.BOOLEAN,

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -38,8 +37,6 @@ let loadedCoverageModule: (typeof Coverage|undefined);
 
 async function loadCoverageModule(): Promise<typeof Coverage> {
   if (!loadedCoverageModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/coverage');
     loadedCoverageModule = await import('./coverage.js');
   }
   return loadedCoverageModule;

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -27,8 +26,6 @@ let loadedCSSOverviewModule: (typeof CSSOverview|undefined);
 
 async function loadCSSOverviewModule(): Promise<typeof CSSOverview> {
   if (!loadedCSSOverviewModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/css_overview');
     loadedCSSOverviewModule = await import('./css_overview.js');
   }
   return loadedCSSOverviewModule;

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -1440,11 +1440,14 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     const currentNode = this.parentPaneInternal.node();
     this.parentPaneInternal.setUserOperation(true);
 
+    styleText += Platform.StringUtilities.findUnclosedCssQuote(styleText);
+
     // Append a ";" if the new text does not end in ";".
     // FIXME: this does not handle trailing comments.
     if (styleText.length && !/;\s*$/.test(styleText)) {
       styleText += ';';
     }
+
     const overwriteProperty = !this.newProperty || hasBeenEditedIncrementally;
     let success: boolean = await this.property.setText(styleText, majorChange, overwriteProperty);
     // Revert to the original text if applying the new text failed

package/front_end/panels/elements/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy",
-    "ui/legacy/components/text_editor"
+    "ui/legacy"
   ]
 }

package/front_end/panels/event_listeners/EventListenersView.ts

@@ -224,6 +224,8 @@ export class EventListenersView extends UI.Widget.VBox {
     if (firstVisibleChild) {
       firstVisibleChild.select(true /* omitFocus */);
     }
+
+    this.treeOutline.setFocusable(Boolean(firstVisibleChild));
   }
 
   reset(): void {

package/front_end/panels/lighthouse/module.json

@@ -2,7 +2,6 @@
   "dependencies": [
     "panels/emulation",
     "panels/timeline",
-    "entrypoints/inspector_main",
     "ui/legacy"
   ],
   "resources": [

package/front_end/panels/media/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
     "ui/legacy",
-    "ui/legacy/components/source_frame",
     "ui/legacy/components/perf_ui"
   ]
 }

package/front_end/panels/network/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
     "ui/legacy/components/perf_ui",
-    "ui/legacy/components/source_frame",
     "ui/legacy"
   ]
 }

package/front_end/panels/protocol_monitor/ProtocolMonitor.ts

@@ -164,6 +164,9 @@ export class ProtocolMonitorImpl extends UI.Widget.VBox {
           widthWeighting: 1,
           visible: true,
           hideable: true,
+          styles: {
+            'text-align': 'center',
+          },
         },
         {
           id: 'method',

package/front_end/panels/protocol_monitor/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy",
-    "ui/legacy/components/source_frame"
+    "ui/legacy"
   ]
 }

package/front_end/panels/sources/module.json

@@ -1,7 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy",
-    "ui/legacy/components/source_frame",
-    "panels/coverage"
+    "ui/legacy"
   ]
 }

package/front_end/panels/timeline/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
     "ui/legacy",
-    "panels/coverage",
     "panels/layer_viewer",
     "ui/legacy/components/perf_ui",
     "panels/profiler"

package/front_end/ui/components/data_grid/DataGrid.ts

@@ -729,6 +729,7 @@ export class DataGrid extends HTMLElement {
                 const cellIsFocusableCell = anyColumnsSortable && columnIndex === tabbableCell[0] && tabbableCell[1] === 0;
 
                 return LitHtml.html`<th class=${thClasses}
+                  style=${LitHtml.Directives.ifDefined(col.styles ? LitHtml.Directives.styleMap(col.styles) : undefined)}
                   data-grid-header-cell=${col.id}
                   @focus=${(): void => {
                     this.focusCellIfRequired([columnIndex, 0]);
@@ -749,7 +750,7 @@ export class DataGrid extends HTMLElement {
                   data-row-index='0'
                   data-col-index=${columnIndex}
                   tabindex=${LitHtml.Directives.ifDefined(anyColumnsSortable ? (cellIsFocusableCell ? '0' : '-1') : undefined)}
-                >${col.title}</th>`;
+                >${col.titleElement || col.title}</th>`;
               })}
             </tr>
           </thead>
@@ -790,6 +791,7 @@ export class DataGrid extends HTMLElement {
                   const cellOutput = col.visible ? renderCellValue(cell) : null;
                   return LitHtml.html`<td
                     class=${cellClasses}
+                    style=${LitHtml.Directives.ifDefined(col.styles ? LitHtml.Directives.styleMap(col.styles) : undefined)}
                     tabindex=${cellIsFocusableCell ? '0' : '-1'}
                     aria-colindex=${columnIndex + 1}
                     title=${cell.title || String(cell.value).substr(0, 20)}

package/front_end/ui/components/data_grid/DataGridUtils.ts

@@ -6,6 +6,10 @@ import type * as LitHtml from '../../../ui/lit-html/lit-html.js';
 import * as DataGridRenderers from './DataGridRenderers.js';
 import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
 
+export interface CSSStylesObject {
+  readonly [name: string]: string;
+}
+
 /**
   * A column is an object with the following properties:
   *
@@ -19,14 +23,17 @@ import * as IconButton from '../../../ui/components/icon_button/icon_button.js';
   *   Note, if you're rendering a data-grid yourself you likely  shouldn't set
   *   this. It's set by the `data-grid-controller`, which is the component you
   *   want if your table needs to be sortable.
+  * - `styles`: an optional property of key-value sets of CSS properties and values.
 */
 export interface Column {
   id: string;
   title: string;
+  titleElement?: LitHtml.TemplateResult;
   sortable?: boolean;
   widthWeighting: number;
   hideable: boolean;
   visible: boolean;
+  styles?: CSSStylesObject;
 }
 
 export type CellValue = string|number|boolean|IconButton.Icon.Icon|null;
@@ -56,14 +63,10 @@ export function getStringifiedCellValues(cells: Cell[]): string {
       .toLowerCase();
 }
 
-export interface RowCSSStylesObject {
-  readonly [name: string]: string;
-}
-
 export type Row = {
   cells: Cell[],
   hidden?: boolean,
-  styles?: RowCSSStylesObject,
+  styles?: CSSStylesObject,
 };
 
 export const enum SortDirection {

package/front_end/ui/components/data_grid/dataGrid.css

@@ -106,11 +106,6 @@ th.firstVisibleColumn {
   padding: 0;
 }
 
-tr td:nth-child(1),
-tr th:nth-child(1) {
-  text-align: center;
-}
-
 .filler-row.empty-table td {
   /* If the table is empty and we have no renderable rows, the filler row cell
    * needs to have some form of padding to make it have some height, else it

package/front_end/ui/components/settings/settingCheckbox.css

@@ -24,8 +24,3 @@ label {
 p {
   margin: 12px 0;
 }
-
-/* Preserve look of legacy checkboxes in dark mode */
-:host-context(.-theme-with-dark-background) input[type="checkbox"]:not(.-theme-preserve) {
-  filter: invert(80%);
-}

package/front_end/ui/legacy/ListWidget.ts

@@ -283,10 +283,8 @@ export class Editor<T> {
     const buttonsRow = this.element.createChild('div', 'editor-buttons');
     this.commitButton = createTextButton('', this.commitClicked.bind(this), '', true /* primary */);
     buttonsRow.appendChild(this.commitButton);
-    this.cancelButton = createTextButton(
-        i18nString(UIStrings.cancelString), this.cancelClicked.bind(this), '', true /* primary */, 'mousedown');
-    this.cancelButton.addEventListener(
-        'keydown', onKeyDown.bind(null, event => event.key === 'Enter', this.cancelClicked.bind(this)), false);
+    this.cancelButton =
+        createTextButton(i18nString(UIStrings.cancelString), this.cancelClicked.bind(this), '', true /* primary */);
     buttonsRow.appendChild(this.cancelButton);
 
     this.errorMessageContainer = this.element.createChild('div', 'list-widget-input-validation-error');

package/front_end/ui/legacy/XLink.ts

@@ -5,6 +5,7 @@
 import * as Host from '../../core/host/host.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as ComponentHelpers from '../components/helpers/helpers.js';
+import * as LitHtml from '../lit-html/lit-html.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
 import type {ContextMenu, Provider} from './ContextMenu.js';
@@ -152,3 +153,5 @@ export class ContextMenuProvider implements Provider {
 }
 
 ComponentHelpers.CustomElements.defineComponent('x-link', XLink);
+
+export const sample = LitHtml.html`<p>Hello, <x-link>world!</x-link></p>`;

package/front_end/ui/legacy/checkboxTextLabel.css

@@ -60,10 +60,6 @@ input.dt-checkbox-themed:checked::after {
   background-color: var(--color-background-inverted);
 }
 
-:host-context(.-theme-with-dark-background) input:not(.dt-checkbox-themed) {
-  filter: invert(80%);
-}
-
 .dt-checkbox-text {
   margin-left: 3px;
   overflow: hidden;

package/front_end/ui/legacy/components/perf_ui/module.json

@@ -1,8 +1,6 @@
 {
   "dependencies": [
-    "ui/legacy",
-    "ui/legacy/components/source_frame",
-    "ui/legacy/components/text_editor"
+    "ui/legacy"
   ],
     "resources": [
     "chartViewport.css",

package/front_end/ui/legacy/components/source_frame/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy/components/text_editor",
     "ui/legacy"
   ],
     "resources": [

package/front_end/ui/legacy/inspectorCommon.css

@@ -287,10 +287,6 @@ input::placeholder {
   --override-input-placeholder-color: rgb(230 230 230 / 54%);
 }
 
-:host-context(.-theme-with-dark-background) input[type="checkbox"]:not(.-theme-preserve) {
-  filter: invert(80%);
-}
-
 .harmony-input:not([type]),
 .harmony-input[type=number],
 .harmony-input[type=text] {

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.936663"
+  "version": "1.0.937775"
 }

package/scripts/build/ninja/copy-file.js

@@ -12,7 +12,7 @@ const destPath = path.join(process.cwd(), dest);
 // is because the file in that location might be a hardlinked file, and
 // overwriting it doesn't change the fact that it's hardlinked.
 const srcContents = fs.readFileSync(srcPath);
-if (fs.existsSync(destPath)) {
+if (fileExists(destPath)) {
   // Check contents, return early if match
   const destContents = fs.readFileSync(destPath);
   if (srcContents.equals(destContents)) {
@@ -24,3 +24,12 @@ if (fs.existsSync(destPath)) {
 // toolchain will create a hardlink, which in turn reflects changes in
 // gen and resources/inspector back to //front_end.
 fs.writeFileSync(destPath, srcContents);
+
+/**
+ * Case sensitive implementation of a file look up.
+ */
+function fileExists(filePath) {
+  const dir = path.dirname(filePath);
+  const files = fs.readdirSync(dir);
+  return files.includes(path.basename(filePath));
+}

package/scripts/build/ninja/copy-files.js

@@ -13,7 +13,7 @@ for (const file of files.split(',')) {
   // is because the file in that location might be a hardlinked file, and
   // overwriting it doesn't change the fact that it's hardlinked.
   const srcContents = fs.readFileSync(srcPath);
-  if (fs.existsSync(destPath)) {
+  if (fileExists(destPath)) {
     // Check contents, return early if match
     const destContents = fs.readFileSync(destPath);
     if (srcContents.equals(destContents)) {
@@ -26,3 +26,12 @@ for (const file of files.split(',')) {
   // gen and resources/inspector back to //front_end.
   fs.writeFileSync(destPath, srcContents);
 }
+
+/**
+ * Case sensitive implementation of a file look up.
+ */
+function fileExists(filePath) {
+  const dir = path.dirname(filePath);
+  const files = fs.readdirSync(dir);
+  return files.includes(path.basename(filePath));
+}

package/front_end/entrypoints/inspector_main/module.json

@@ -1,9 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ],
-    "resources": [
-    "nodeIcon.css",
-    "renderingOptions.css"
-  ]
-}

package/front_end/panels/accessibility/module.json

@@ -1,7 +0,0 @@
-{
-    "resources": [
-    "accessibilityNode.css",
-    "accessibilityProperties.css",
-    "axBreadcrumbs.css"
-  ]
-}

package/front_end/panels/console/module.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy",
-    "ui/legacy/components/text_editor"
-  ]
-}

package/front_end/panels/coverage/module.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy/components/source_frame",
-    "ui/legacy"
-  ]
-}

package/front_end/panels/css_overview/module.json

@@ -1,4 +0,0 @@
-{
-  "dependencies": [
-  ]
-}