chrome-devtools-frontend 1.0.927127 → 1.0.928589

package/front_end/core/i18n/locales/en-XL.json

@@ -1334,18 +1334,30 @@
   "models/issues_manager/DeprecationIssue.ts | userAgentReduction": {
     "message": "Ûśêŕ-Âǵêńt̂ Śt̂ŕîńĝ Ŕêd́ûćt̂íôń"
   },
+  "models/issues_manager/GenericIssue.ts | crossOriginPortalPostMessage": {
+    "message": "P̂ór̂t́âĺŝ - Śâḿê-ór̂íĝín̂ ćôḿm̂ún̂íĉát̂íôń ĉh́âńn̂él̂ś"
+  },
   "models/issues_manager/HeavyAdIssue.ts | handlingHeavyAdInterventions": {
     "message": "Ĥán̂d́l̂ín̂ǵ Ĥéâv́ŷ Ád̂ Ín̂t́êŕv̂én̂t́îón̂ś"
   },
   "models/issues_manager/Issue.ts | breakingChangeIssue": {
     "message": "Â b́r̂éâḱîńĝ ćĥán̂ǵê íŝśûé: t̂h́ê ṕâǵê ḿâý ŝt́ôṕ ŵór̂ḱîńĝ ín̂ án̂ úp̂ćôḿîńĝ v́êŕŝíôń ôf́ Ĉh́r̂óm̂é"
   },
+  "models/issues_manager/Issue.ts | breakingChanges": {
+    "message": "B̂ŕêák̂ín̂ǵ Ĉh́âńĝéŝ"
+  },
   "models/issues_manager/Issue.ts | improvementIssue": {
     "message": "Âń îḿp̂ŕôv́êḿêńt̂ íŝśûé: t̂h́êŕê íŝ án̂ óp̂ṕôŕt̂ún̂ít̂ý t̂ó îḿp̂ŕôv́ê t́ĥé p̂áĝé"
   },
+  "models/issues_manager/Issue.ts | improvements": {
+    "message": "Îḿp̂ŕôv́êḿêńt̂ś"
+  },
   "models/issues_manager/Issue.ts | pageErrorIssue": {
     "message": "Â ṕâǵê ér̂ŕôŕ îśŝúê: t́ĥé p̂áĝé îś n̂ót̂ ẃôŕk̂ín̂ǵ ĉór̂ŕêćt̂ĺŷ"
   },
+  "models/issues_manager/Issue.ts | pageErrors": {
+    "message": "P̂áĝé Êŕr̂ór̂ś"
+  },
   "models/issues_manager/LowTextContrastIssue.ts | colorAndContrastAccessibility": {
     "message": "Ĉól̂ór̂ án̂d́ ĉón̂t́r̂áŝt́ âćĉéŝśîb́îĺît́ŷ"
   },
@@ -3299,12 +3311,6 @@
   "panels/console_counters/WarningErrorCounter.ts | sWarnings": {
     "message": "{n, plural, =1 {# ŵár̂ńîńĝ} other {# ẃâŕn̂ín̂ǵŝ}}"
   },
-  "panels/console/components/SidebarDeprecation.ts | deprecationNotice": {
-    "message": "T̂h́îś ŝíd̂éb̂ár̂ ẃîĺl̂ b́ê ŕêḿôv́êd́ îń â f́ût́ûŕê v́êŕŝíôń ôf́ Ĉh́r̂óm̂é. Îf́ ŷóû h́âv́ê f́êéd̂b́âćk̂, ṕl̂éâśê ĺêt́ ûś k̂ńôẃ v̂íâ t́ĥé"
-  },
-  "panels/console/components/SidebarDeprecation.ts | issueTrackerLinkText": {
-    "message": "îśŝúê t́r̂áĉḱêŕ"
-  },
   "panels/console/console-meta.ts | autocompleteFromHistory": {
     "message": "Âút̂óĉóm̂ṕl̂ét̂é f̂ŕôḿ ĥíŝt́ôŕŷ"
   },
@@ -3986,6 +3992,9 @@
   "panels/elements/components/ElementsBreadcrumbsUtils.ts | text": {
     "message": "(t̂éx̂t́)"
   },
+  "panels/elements/components/LayoutPane.ts | chooseElementOverlayColor": {
+    "message": "Ĉh́ôóŝé t̂h́ê óv̂ér̂ĺâý ĉól̂ór̂ f́ôŕ t̂h́îś êĺêḿêńt̂"
+  },
   "panels/elements/components/LayoutPane.ts | flexbox": {
     "message": "F̂ĺêx́b̂óx̂"
   },
@@ -4976,6 +4985,12 @@
   "panels/issues/CSPViolationsView.ts | filter": {
     "message": "F̂íl̂t́êŕ"
   },
+  "panels/issues/GenericIssueDetailsView.ts | frameId": {
+    "message": "F̂ŕâḿê"
+  },
+  "panels/issues/GenericIssueDetailsView.ts | nResources": {
+    "message": "{n, plural, =1 {# r̂éŝóûŕĉé} other {# r̂éŝóûŕĉéŝ}}"
+  },
   "panels/issues/HiddenIssuesRow.ts | hiddenIssues": {
     "message": "Ĥíd̂d́êń îśŝúêś"
   },
@@ -5006,12 +5021,21 @@
   "panels/issues/IssuesPane.ts | crossOriginEmbedderPolicy": {
     "message": "Ĉŕôśŝ Ór̂íĝín̂ Ém̂b́êd́d̂ér̂ Ṕôĺîćŷ"
   },
+  "panels/issues/IssuesPane.ts | generic": {
+    "message": "Ĝén̂ér̂íĉ"
+  },
   "panels/issues/IssuesPane.ts | groupByCategory": {
     "message": "Ĝŕôúp̂ b́ŷ ćât́êǵôŕŷ"
   },
+  "panels/issues/IssuesPane.ts | groupByKind": {
+    "message": "Ĝŕôúp̂ b́ŷ ḱîńd̂"
+  },
   "panels/issues/IssuesPane.ts | groupDisplayedIssuesUnder": {
     "message": "Ĝŕôúp̂ d́îśp̂ĺâýêd́ îśŝúêś ûńd̂ér̂ áŝśôćîát̂éd̂ ćât́êǵôŕîéŝ"
   },
+  "panels/issues/IssuesPane.ts | groupDisplayedIssuesUnderKind": {
+    "message": "Ĝŕôúp̂ d́îśp̂ĺâýêd́ îśŝúêś âś P̂áĝé êŕr̂ór̂ś, B̂ŕêák̂ín̂ǵ ĉh́âńĝéŝ án̂d́ Îḿp̂ŕôv́êḿêńt̂ś"
+  },
   "panels/issues/IssuesPane.ts | heavyAds": {
     "message": "Ĥéâv́ŷ Ád̂ś"
   },
@@ -8651,8 +8675,11 @@
   "panels/snippets/SnippetsQuickOpen.ts | noSnippetsFound": {
     "message": "N̂ó ŝńîṕp̂ét̂ś f̂óûńd̂."
   },
-  "panels/snippets/SnippetsQuickOpen.ts | runSnippet": {
-    "message": "R̂ún̂ śn̂íp̂ṕêt́"
+  "panels/snippets/SnippetsQuickOpen.ts | run": {
+    "message": "R̂ún̂"
+  },
+  "panels/snippets/SnippetsQuickOpen.ts | snippet": {
+    "message": "Ŝńîṕp̂ét̂"
   },
   "panels/sources/AddSourceMapURLDialog.ts | add": {
     "message": "Âd́d̂"
@@ -9146,18 +9173,21 @@
   "panels/sources/sources-meta.ts | evaluateSelectedTextInConsole": {
     "message": "Êv́âĺûát̂é ŝél̂éĉt́êd́ t̂éx̂t́ îń ĉón̂śôĺê"
   },
+  "panels/sources/sources-meta.ts | file": {
+    "message": "F̂íl̂é"
+  },
   "panels/sources/sources-meta.ts | filesystem": {
     "message": "F̂íl̂éŝýŝt́êḿ"
   },
+  "panels/sources/sources-meta.ts | goTo": {
+    "message": "Ĝó t̂ó"
+  },
   "panels/sources/sources-meta.ts | goToAFunctionDeclarationruleSet": {
     "message": "Ĝó t̂ó â f́ûńĉt́îón̂ d́êćl̂ár̂át̂íôń/r̂úl̂é ŝét̂"
   },
   "panels/sources/sources-meta.ts | goToLine": {
     "message": "Ĝó t̂ó l̂ín̂é"
   },
-  "panels/sources/sources-meta.ts | goToSymbol": {
-    "message": "Ĝó t̂ó ŝým̂b́ôĺ"
-  },
   "panels/sources/sources-meta.ts | incrementCssUnitBy": {
     "message": "Îńĉŕêḿêńt̂ ĆŜŚ ûńît́ b̂ý {PH1}"
   },
@@ -9167,14 +9197,17 @@
   "panels/sources/sources-meta.ts | jumpToPreviousEditingLocation": {
     "message": "Ĵúm̂ṕ t̂ó p̂ŕêv́îóûś êd́ît́îńĝ ĺôćât́îón̂"
   },
+  "panels/sources/sources-meta.ts | line": {
+    "message": "L̂ín̂é"
+  },
   "panels/sources/sources-meta.ts | nextCallFrame": {
     "message": "N̂éx̂t́ ĉál̂ĺ f̂ŕâḿê"
   },
   "panels/sources/sources-meta.ts | none": {
     "message": "N̂ón̂é"
   },
-  "panels/sources/sources-meta.ts | openFile": {
-    "message": "Ôṕêń f̂íl̂é"
+  "panels/sources/sources-meta.ts | open": {
+    "message": "Ôṕêń"
   },
   "panels/sources/sources-meta.ts | pauseScriptExecution": {
     "message": "P̂áûśê śĉŕîṕt̂ éx̂éĉút̂íôń"
@@ -9266,6 +9299,9 @@
   "panels/sources/sources-meta.ts | switchFile": {
     "message": "Ŝẃît́ĉh́ f̂íl̂é"
   },
+  "panels/sources/sources-meta.ts | symbol": {
+    "message": "Ŝým̂b́ôĺ"
+  },
   "panels/sources/sources-meta.ts | threads": {
     "message": "T̂h́r̂éâd́ŝ"
   },
@@ -11000,6 +11036,9 @@
   "ui/components/survey_link/SurveyLink.ts | thankYouForYourFeedback": {
     "message": "T̂h́âńk̂ ýôú f̂ór̂ ýôúr̂ f́êéd̂b́âćk̂"
   },
+  "ui/components/text_editor/config.ts | codeEditor": {
+    "message": "Ĉód̂é êd́ît́ôŕ"
+  },
   "ui/legacy/components/color_picker/ContrastDetails.ts | aa": {
     "message": "ÂÁ"
   },
@@ -11417,14 +11456,17 @@
   "ui/legacy/components/perf_ui/PieChart.ts | total": {
     "message": "T̂ót̂ál̂"
   },
+  "ui/legacy/components/quick_open/CommandMenu.ts | command": {
+    "message": "Ĉóm̂ḿâńd̂"
+  },
   "ui/legacy/components/quick_open/CommandMenu.ts | noCommandsFound": {
     "message": "N̂ó ĉóm̂ḿâńd̂ś f̂óûńd̂"
   },
   "ui/legacy/components/quick_open/CommandMenu.ts | oneOrMoreSettingsHaveChanged": {
     "message": "Ôńê ór̂ ḿôŕê śêt́t̂ín̂ǵŝ h́âv́ê ćĥán̂ǵêd́ ŵh́îćĥ ŕêq́ûír̂éŝ á r̂él̂óâd́ t̂ó t̂ák̂é êf́f̂éĉt́."
   },
-  "ui/legacy/components/quick_open/CommandMenu.ts | runCommand": {
-    "message": "R̂ún̂ Ćôḿm̂án̂d́"
+  "ui/legacy/components/quick_open/CommandMenu.ts | run": {
+    "message": "R̂ún̂"
   },
   "ui/legacy/components/quick_open/FilteredListWidget.ts | noResultsFound": {
     "message": "N̂ó r̂éŝúl̂t́ŝ f́ôún̂d́"
@@ -11777,6 +11819,9 @@
   "ui/legacy/TabbedPane.ts | moreTabs": {
     "message": "M̂ór̂é t̂áb̂ś"
   },
+  "ui/legacy/TabbedPane.ts | previewFeature": {
+    "message": "P̂ŕêv́îéŵ f́êát̂úr̂é"
+  },
   "ui/legacy/TargetCrashedScreen.ts | devtoolsWasDisconnectedFromThe": {
     "message": "D̂év̂T́ôól̂ś ŵáŝ d́îśĉón̂ńêćt̂éd̂ f́r̂óm̂ t́ĥé p̂áĝé."
   },

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

@@ -9,6 +9,7 @@ export const enum ArrowKey {
   RIGHT = 'ArrowRight',
 }
 
+export const ENTER_KEY = 'Enter';
 export const ESCAPE_KEY = 'Escape';
 
 export const ARROW_KEYS = new Set<ArrowKey>([

package/front_end/core/root/Runtime.ts

@@ -65,17 +65,17 @@ export const mappingForLayoutTests = new Map<string, string>([
 ]);
 
 export class Runtime {
-  private readonly modules: Module[];
+  readonly #modules: Module[];
   modulesMap: {
     [x: string]: Module,
   };
-  private readonly descriptorsMap: {
+  readonly #descriptorsMap: {
     [x: string]: ModuleDescriptor,
   };
   private constructor(descriptors: ModuleDescriptor[]) {
-    this.modules = [];
+    this.#modules = [];
     this.modulesMap = {};
-    this.descriptorsMap = {};
+    this.#descriptorsMap = {};
 
     for (const descriptor of descriptors) {
       this.registerModule(descriptor);
@@ -209,7 +209,7 @@ export class Runtime {
 
   private registerModule(descriptor: ModuleDescriptor): void {
     const module = new Module(this, descriptor);
-    this.modules.push(module);
+    this.#modules.push(module);
     this.modulesMap[descriptor['name']] = module;
     const mappedName = mappingForLayoutTests.get(descriptor['name']);
     if (mappedName !== undefined) {
@@ -259,20 +259,20 @@ function computeContainingFolderName(name: string): string {
 }
 
 export class Module {
-  private readonly manager: Runtime;
+  readonly #manager: Runtime;
   readonly descriptor: ModuleDescriptor;
-  private readonly nameInternal: string;
-  private loadedForTest: boolean;
-  private pendingLoadPromise?: Promise<boolean>;
+  readonly #nameInternal: string;
+  #loadedForTest: boolean;
+  #pendingLoadPromise?: Promise<boolean>;
   constructor(manager: Runtime, descriptor: ModuleDescriptor) {
-    this.manager = manager;
+    this.#manager = manager;
     this.descriptor = descriptor;
-    this.nameInternal = descriptor.name;
-    this.loadedForTest = false;
+    this.#nameInternal = descriptor.name;
+    this.#loadedForTest = false;
   }
 
   name(): string {
-    return this.nameInternal;
+    return this.#nameInternal;
   }
 
   enabled(): boolean {
@@ -280,7 +280,7 @@ export class Module {
   }
 
   resource(name: string): string {
-    const fullName = this.nameInternal + '/' + name;
+    const fullName = this.#nameInternal + '/' + name;
     const content = cachedResources.get(fullName);
     if (!content) {
       throw new Error(fullName + ' not preloaded. Check module.json');
@@ -290,29 +290,29 @@ export class Module {
 
   loadPromise(): Promise<boolean> {
     if (!this.enabled()) {
-      return Promise.reject(new Error('Module ' + this.nameInternal + ' is not enabled'));
+      return Promise.reject(new Error('Module ' + this.#nameInternal + ' is not enabled'));
     }
 
-    if (this.pendingLoadPromise) {
-      return this.pendingLoadPromise;
+    if (this.#pendingLoadPromise) {
+      return this.#pendingLoadPromise;
     }
 
     const dependencies = this.descriptor.dependencies;
     const dependencyPromises = [];
     for (let i = 0; dependencies && i < dependencies.length; ++i) {
-      dependencyPromises.push(this.manager.getModulesMap()[dependencies[i]].loadPromise());
+      dependencyPromises.push(this.#manager.getModulesMap()[dependencies[i]].loadPromise());
     }
 
-    this.pendingLoadPromise = Promise.all(dependencyPromises).then(this.loadModules.bind(this)).then(() => {
-      this.loadedForTest = true;
-      return this.loadedForTest;
+    this.#pendingLoadPromise = Promise.all(dependencyPromises).then(this.loadModules.bind(this)).then(() => {
+      this.#loadedForTest = true;
+      return this.#loadedForTest;
     });
 
-    return this.pendingLoadPromise;
+    return this.#pendingLoadPromise;
   }
 
   private async loadModules(): Promise<void> {
-    const containingFolderName = computeContainingFolderName(this.nameInternal);
+    const containingFolderName = computeContainingFolderName(this.#nameInternal);
 
     const moduleFileName = `${containingFolderName}_module.js`;
     const entrypointFileName = `${containingFolderName}.js`;
@@ -321,14 +321,14 @@ export class Module {
     // by `build_release_applications`. These need to be loaded before any other code is
     // loaded, to make sure that the resource content is properly cached in `cachedResources`.
     if (this.descriptor.modules && this.descriptor.modules.includes(moduleFileName)) {
-      await import(`../../${this.nameInternal}/${moduleFileName}`);
+      await import(`../../${this.#nameInternal}/${moduleFileName}`);
     }
 
-    await import(`../../${this.nameInternal}/${entrypointFileName}`);
+    await import(`../../${this.#nameInternal}/${entrypointFileName}`);
   }
 
   private modularizeURL(resourceName: string): string {
-    return Runtime.normalizePath(this.nameInternal + '/' + resourceName);
+    return Runtime.normalizePath(this.#nameInternal + '/' + resourceName);
   }
 
   fetchResource(resourceName: string): Promise<string> {
@@ -338,23 +338,23 @@ export class Module {
 }
 
 export class ExperimentsSupport {
-  private experiments: Experiment[];
-  private experimentNames: Set<string>;
-  private enabledTransiently: Set<string>;
-  private readonly enabledByDefault: Set<string>;
-  private readonly serverEnabled: Set<string>;
+  #experiments: Experiment[];
+  #experimentNames: Set<string>;
+  #enabledTransiently: Set<string>;
+  readonly #enabledByDefault: Set<string>;
+  readonly #serverEnabled: Set<string>;
   constructor() {
-    this.experiments = [];
-    this.experimentNames = new Set();
-    this.enabledTransiently = new Set();
-    this.enabledByDefault = new Set();
-    this.serverEnabled = new Set();
+    this.#experiments = [];
+    this.#experimentNames = new Set();
+    this.#enabledTransiently = new Set();
+    this.#enabledByDefault = new Set();
+    this.#serverEnabled = new Set();
   }
 
   allConfigurableExperiments(): Experiment[] {
     const result = [];
-    for (const experiment of this.experiments) {
-      if (!this.enabledTransiently.has(experiment.name)) {
+    for (const experiment of this.#experiments) {
+      if (!this.#enabledTransiently.has(experiment.name)) {
         result.push(experiment);
       }
     }
@@ -362,7 +362,7 @@ export class ExperimentsSupport {
   }
 
   enabledExperiments(): Experiment[] {
-    return this.experiments.filter(experiment => experiment.isEnabled());
+    return this.#experiments.filter(experiment => experiment.isEnabled());
   }
 
   private setExperimentsSetting(value: Object): void {
@@ -373,22 +373,23 @@ export class ExperimentsSupport {
   }
 
   register(experimentName: string, experimentTitle: string, unstable?: boolean, docLink?: string): void {
-    Runtime.assert(!this.experimentNames.has(experimentName), 'Duplicate registration of experiment ' + experimentName);
-    this.experimentNames.add(experimentName);
-    this.experiments.push(new Experiment(this, experimentName, experimentTitle, Boolean(unstable), docLink ?? ''));
+    Runtime.assert(
+        !this.#experimentNames.has(experimentName), 'Duplicate registration of experiment ' + experimentName);
+    this.#experimentNames.add(experimentName);
+    this.#experiments.push(new Experiment(this, experimentName, experimentTitle, Boolean(unstable), docLink ?? ''));
   }
 
   isEnabled(experimentName: string): boolean {
     this.checkExperiment(experimentName);
-    // Check for explicitly disabled experiments first - the code could call setEnable(false) on the experiment enabled
+    // Check for explicitly disabled #experiments first - the code could call setEnable(false) on the experiment enabled
     // by default and we should respect that.
     if (Runtime.experimentsSetting()[experimentName] === false) {
       return false;
     }
-    if (this.enabledTransiently.has(experimentName) || this.enabledByDefault.has(experimentName)) {
+    if (this.#enabledTransiently.has(experimentName) || this.#enabledByDefault.has(experimentName)) {
       return true;
     }
-    if (this.serverEnabled.has(experimentName)) {
+    if (this.#serverEnabled.has(experimentName)) {
       return true;
     }
 
@@ -405,35 +406,35 @@ export class ExperimentsSupport {
   enableExperimentsTransiently(experimentNames: string[]): void {
     for (const experimentName of experimentNames) {
       this.checkExperiment(experimentName);
-      this.enabledTransiently.add(experimentName);
+      this.#enabledTransiently.add(experimentName);
     }
   }
 
   enableExperimentsByDefault(experimentNames: string[]): void {
     for (const experimentName of experimentNames) {
       this.checkExperiment(experimentName);
-      this.enabledByDefault.add(experimentName);
+      this.#enabledByDefault.add(experimentName);
     }
   }
 
   setServerEnabledExperiments(experimentNames: string[]): void {
     for (const experiment of experimentNames) {
       this.checkExperiment(experiment);
-      this.serverEnabled.add(experiment);
+      this.#serverEnabled.add(experiment);
     }
   }
 
   enableForTest(experimentName: string): void {
     this.checkExperiment(experimentName);
-    this.enabledTransiently.add(experimentName);
+    this.#enabledTransiently.add(experimentName);
   }
 
   clearForTest(): void {
-    this.experiments = [];
-    this.experimentNames.clear();
-    this.enabledTransiently.clear();
-    this.enabledByDefault.clear();
-    this.serverEnabled.clear();
+    this.#experiments = [];
+    this.#experimentNames.clear();
+    this.#enabledTransiently.clear();
+    this.#enabledByDefault.clear();
+    this.#serverEnabled.clear();
   }
 
   cleanUpStaleExperiments(): void {
@@ -441,10 +442,10 @@ export class ExperimentsSupport {
     const cleanedUpExperimentSetting: {
       [x: string]: boolean,
     } = {};
-    for (const {name: experimentName} of this.experiments) {
+    for (const {name: experimentName} of this.#experiments) {
       if (experimentsSetting.hasOwnProperty(experimentName)) {
         const isEnabled = experimentsSetting[experimentName];
-        if (isEnabled || this.enabledByDefault.has(experimentName)) {
+        if (isEnabled || this.#enabledByDefault.has(experimentName)) {
           cleanedUpExperimentSetting[experimentName] = isEnabled;
         }
       }
@@ -453,7 +454,7 @@ export class ExperimentsSupport {
   }
 
   private checkExperiment(experimentName: string): void {
-    Runtime.assert(this.experimentNames.has(experimentName), 'Unknown experiment ' + experimentName);
+    Runtime.assert(this.#experimentNames.has(experimentName), 'Unknown experiment ' + experimentName);
   }
 }
 
@@ -462,21 +463,21 @@ export class Experiment {
   title: string;
   unstable: boolean;
   docLink?: string;
-  private readonly experiments: ExperimentsSupport;
+  readonly #experiments: ExperimentsSupport;
   constructor(experiments: ExperimentsSupport, name: string, title: string, unstable: boolean, docLink: string) {
     this.name = name;
     this.title = title;
     this.unstable = unstable;
     this.docLink = docLink;
-    this.experiments = experiments;
+    this.#experiments = experiments;
   }
 
   isEnabled(): boolean {
-    return this.experiments.isEnabled(this.name);
+    return this.#experiments.isEnabled(this.name);
   }
 
   setEnabled(enabled: boolean): void {
-    this.experiments.setEnabled(this.name, enabled);
+    this.#experiments.setEnabled(this.name, enabled);
   }
 }