chrome-devtools-frontend 1.0.944903 → 1.0.945884

package/front_end/ui/components/issue_counter/IssueCounter.ts

@@ -83,84 +83,84 @@ export function getIssueCountsEnumeration(
 
 export class IssueCounter extends HTMLElement {
   static readonly litTagName = LitHtml.literal`issue-counter`;
-  private readonly shadow = this.attachShadow({mode: 'open'});
-  private clickHandler: undefined|(() => void) = undefined;
-  private tooltipCallback: undefined|(() => void) = undefined;
-  private leadingText: string = '';
-  private throttler: undefined|Common.Throttler.Throttler;
-  private counts: [number, number, number] = [0, 0, 0];
-  private displayMode: DisplayMode = DisplayMode.OmitEmpty;
-  private issuesManager: IssuesManager.IssuesManager.IssuesManager|undefined = undefined;
-  private accessibleName: string|undefined = undefined;
-  private throttlerTimeout: number|undefined;
-  private compact = false;
+  readonly #shadow = this.attachShadow({mode: 'open'});
+  #clickHandler: undefined|(() => void) = undefined;
+  #tooltipCallback: undefined|(() => void) = undefined;
+  #leadingText: string = '';
+  #throttler: undefined|Common.Throttler.Throttler;
+  #counts: [number, number, number] = [0, 0, 0];
+  #displayMode: DisplayMode = DisplayMode.OmitEmpty;
+  #issuesManager: IssuesManager.IssuesManager.IssuesManager|undefined = undefined;
+  #accessibleName: string|undefined = undefined;
+  #throttlerTimeout: number|undefined;
+  #compact = false;
 
   scheduleUpdate(): void {
-    if (this.throttler) {
-      this.throttler.schedule(async () => this.render());
+    if (this.#throttler) {
+      this.#throttler.schedule(async () => this.render());
     } else {
       this.render();
     }
   }
 
   connectedCallback(): void {
-    this.shadow.adoptedStyleSheets = [issueCounterStyles];
+    this.#shadow.adoptedStyleSheets = [issueCounterStyles];
   }
 
   set data(data: IssueCounterData) {
-    this.clickHandler = data.clickHandler;
-    this.leadingText = data.leadingText ?? '';
-    this.tooltipCallback = data.tooltipCallback;
-    this.displayMode = data.displayMode ?? DisplayMode.OmitEmpty;
-    this.accessibleName = data.accessibleName;
-    this.throttlerTimeout = data.throttlerTimeout;
-    this.compact = Boolean(data.compact);
-    if (this.issuesManager !== data.issuesManager) {
-      this.issuesManager?.removeEventListener(
+    this.#clickHandler = data.clickHandler;
+    this.#leadingText = data.leadingText ?? '';
+    this.#tooltipCallback = data.tooltipCallback;
+    this.#displayMode = data.displayMode ?? DisplayMode.OmitEmpty;
+    this.#accessibleName = data.accessibleName;
+    this.#throttlerTimeout = data.throttlerTimeout;
+    this.#compact = Boolean(data.compact);
+    if (this.#issuesManager !== data.issuesManager) {
+      this.#issuesManager?.removeEventListener(
           IssuesManager.IssuesManager.Events.IssuesCountUpdated, this.scheduleUpdate, this);
-      this.issuesManager = data.issuesManager;
-      this.issuesManager.addEventListener(
+      this.#issuesManager = data.issuesManager;
+      this.#issuesManager.addEventListener(
           IssuesManager.IssuesManager.Events.IssuesCountUpdated, this.scheduleUpdate, this);
     }
     if (data.throttlerTimeout !== 0) {
-      this.throttler = new Common.Throttler.Throttler(data.throttlerTimeout ?? 100);
+      this.#throttler = new Common.Throttler.Throttler(data.throttlerTimeout ?? 100);
     } else {
-      this.throttler = undefined;
+      this.#throttler = undefined;
     }
     this.scheduleUpdate();
   }
 
   get data(): IssueCounterData {
     return {
-      clickHandler: this.clickHandler,
-      leadingText: this.leadingText,
-      tooltipCallback: this.tooltipCallback,
-      displayMode: this.displayMode,
-      accessibleName: this.accessibleName,
-      throttlerTimeout: this.throttlerTimeout,
-      compact: this.compact,
-      issuesManager: this.issuesManager as IssuesManager.IssuesManager.IssuesManager,
+      clickHandler: this.#clickHandler,
+      leadingText: this.#leadingText,
+      tooltipCallback: this.#tooltipCallback,
+      displayMode: this.#displayMode,
+      accessibleName: this.#accessibleName,
+      throttlerTimeout: this.#throttlerTimeout,
+      compact: this.#compact,
+      issuesManager: this.#issuesManager as IssuesManager.IssuesManager.IssuesManager,
     };
   }
 
   private render(): void {
-    if (!this.issuesManager) {
+    if (!this.#issuesManager) {
       return;
     }
-    this.counts = [
-      this.issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.PageError),
-      this.issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.BreakingChange),
-      this.issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.Improvement),
+    this.#counts = [
+      this.#issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.PageError),
+      this.#issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.BreakingChange),
+      this.#issuesManager.numberOfIssues(IssuesManager.Issue.IssueKind.Improvement),
     ];
     const importance = [
       IssuesManager.Issue.IssueKind.PageError,
       IssuesManager.Issue.IssueKind.BreakingChange,
       IssuesManager.Issue.IssueKind.Improvement,
     ];
-    const mostImportant = importance[this.counts.findIndex(x => x > 0) ?? 2];
+    const mostImportant = importance[this.#counts.findIndex(x => x > 0) ?? 2];
 
     const countToString = (kind: IssuesManager.Issue.IssueKind, count: number): string|undefined => {
-      switch (this.displayMode) {
+      switch (this.#displayMode) {
         case DisplayMode.OmitEmpty:
           return count > 0 ? `${count}` : undefined;
         case DisplayMode.ShowAlways:
@@ -174,29 +174,29 @@ export class IssueCounter extends HTMLElement {
       groups: [
         {
           ...toIconGroup(getIssueKindIconData(IssuesManager.Issue.IssueKind.PageError), iconSize),
-          text: countToString(IssuesManager.Issue.IssueKind.PageError, this.counts[0]),
+          text: countToString(IssuesManager.Issue.IssueKind.PageError, this.#counts[0]),
         },
         {
           ...toIconGroup(getIssueKindIconData(IssuesManager.Issue.IssueKind.BreakingChange), iconSize),
-          text: countToString(IssuesManager.Issue.IssueKind.BreakingChange, this.counts[1]),
+          text: countToString(IssuesManager.Issue.IssueKind.BreakingChange, this.#counts[1]),
         },
         {
           ...toIconGroup(getIssueKindIconData(IssuesManager.Issue.IssueKind.Improvement), iconSize),
-          text: countToString(IssuesManager.Issue.IssueKind.Improvement, this.counts[2]),
+          text: countToString(IssuesManager.Issue.IssueKind.Improvement, this.#counts[2]),
         },
       ],
-      clickHandler: this.clickHandler,
-      leadingText: this.leadingText,
-      accessibleName: this.accessibleName,
-      compact: this.compact,
+      clickHandler: this.#clickHandler,
+      leadingText: this.#leadingText,
+      accessibleName: this.#accessibleName,
+      compact: this.#compact,
     };
     LitHtml.render(
         LitHtml.html`
         <icon-button .data=${data as IconButton.IconButton.IconButtonData} .accessibleName="${
-            this.accessibleName}"></icon-button>
+            this.#accessibleName}"></icon-button>
         `,
-        this.shadow, {host: this});
-    this.tooltipCallback?.();
+        this.#shadow, {host: this});
+    this.#tooltipCallback?.();
   }
 }
 

package/front_end/ui/components/issue_counter/IssueLinkIcon.ts

@@ -51,79 +51,79 @@ const coordinator = Coordinator.RenderCoordinator.RenderCoordinator.instance();
 
 export class IssueLinkIcon extends HTMLElement {
   static readonly litTagName = LitHtml.literal`devtools-issue-link-icon`;
-  private readonly shadow = this.attachShadow({mode: 'open'});
+  readonly #shadow = this.attachShadow({mode: 'open'});
   // The value `null` indicates that the issue is not available,
   // `undefined` that it is still being resolved.
-  private issue?: IssuesManager.Issue.Issue|null;
-  private issueTitle: string|null = null;
-  private issueTitlePromise = Promise.resolve<void>(undefined);
-  private issueId?: Protocol.Audits.IssueId;
-  private issueResolver?: IssuesManager.IssueResolver.IssueResolver;
-  private additionalOnClickAction?: () => void;
-  private reveal = Common.Revealer.reveal;
-  private issueResolvedPromise = Promise.resolve<void>(undefined);
+  #issue?: IssuesManager.Issue.Issue|null;
+  #issueTitle: string|null = null;
+  #issueTitlePromise = Promise.resolve<void>(undefined);
+  #issueId?: Protocol.Audits.IssueId;
+  #issueResolver?: IssuesManager.IssueResolver.IssueResolver;
+  #additionalOnClickAction?: () => void;
+  #reveal = Common.Revealer.reveal;
+  #issueResolvedPromise = Promise.resolve<void>(undefined);
 
   set data(data: IssueLinkIconData) {
-    this.issue = data.issue;
-    this.issueId = data.issueId;
-    if (!this.issue && !this.issueId) {
+    this.#issue = data.issue;
+    this.#issueId = data.issueId;
+    if (!this.#issue && !this.#issueId) {
       throw new Error('Either `issue` or `issueId` must be provided');
     }
-    this.issueResolver = data.issueResolver;
-    this.additionalOnClickAction = data.additionalOnClickAction;
+    this.#issueResolver = data.issueResolver;
+    this.#additionalOnClickAction = data.additionalOnClickAction;
     if (data.revealOverride) {
-      this.reveal = data.revealOverride;
+      this.#reveal = data.revealOverride;
     }
-    if (!this.issue && this.issueId) {
-      this.issueResolvedPromise = this.resolveIssue(this.issueId);
-      this.issueTitlePromise = this.issueResolvedPromise.then(() => this.fetchIssueTitle());
+    if (!this.#issue && this.#issueId) {
+      this.#issueResolvedPromise = this.resolveIssue(this.#issueId);
+      this.#issueTitlePromise = this.#issueResolvedPromise.then(() => this.fetchIssueTitle());
     } else {
-      this.issueTitlePromise = this.fetchIssueTitle();
+      this.#issueTitlePromise = this.fetchIssueTitle();
     }
     this.render();
   }
 
   private async fetchIssueTitle(): Promise<void> {
-    const description = this.issue?.getDescription();
+    const description = this.#issue?.getDescription();
     if (!description) {
       return;
     }
     const title = await IssuesManager.MarkdownIssueDescription.getIssueTitleFromMarkdownDescription(description);
     if (title) {
-      this.issueTitle = title;
+      this.#issueTitle = title;
     }
   }
 
   connectedCallback(): void {
-    this.shadow.adoptedStyleSheets = [IssueLinkIconStyles];
+    this.#shadow.adoptedStyleSheets = [IssueLinkIconStyles];
   }
 
   private resolveIssue(issueId: Protocol.Audits.IssueId): Promise<void> {
-    if (!this.issueResolver) {
+    if (!this.#issueResolver) {
       throw new Error('An `IssueResolver` must be provided if an `issueId` is provided.');
     }
-    return this.issueResolver.waitFor(issueId)
+    return this.#issueResolver.waitFor(issueId)
         .then(issue => {
-          this.issue = issue;
+          this.#issue = issue;
         })
         .catch(() => {
-          this.issue = null;
+          this.#issue = null;
         });
   }
 
   get data(): IssueLinkIconData {
     return {
-      issue: this.issue,
-      issueId: this.issueId,
-      issueResolver: this.issueResolver,
-      additionalOnClickAction: this.additionalOnClickAction,
-      revealOverride: this.reveal !== Common.Revealer.reveal ? this.reveal : undefined,
+      issue: this.#issue,
+      issueId: this.#issueId,
+      issueResolver: this.#issueResolver,
+      additionalOnClickAction: this.#additionalOnClickAction,
+      revealOverride: this.#reveal !== Common.Revealer.reveal ? this.#reveal : undefined,
     };
   }
 
   iconData(): IconButton.Icon.IconData {
-    if (this.issue) {
-      return getIssueKindIconData(this.issue.getKind());
+    if (this.#issue) {
+      return getIssueKindIconData(this.#issue.getKind());
     }
     return {iconName: 'issue-questionmark-icon', color: 'var(--color-text-secondary)', width: '16px', height: '16px'};
   }
@@ -132,17 +132,17 @@ export class IssueLinkIcon extends HTMLElement {
     if (event.button !== 0) {
       return;  // Only handle left-click for now.
     }
-    if (this.issue) {
-      this.reveal(this.issue);
+    if (this.#issue) {
+      this.#reveal(this.#issue);
     }
-    this.additionalOnClickAction?.();
+    this.#additionalOnClickAction?.();
   }
 
   private getTooltip(): Platform.UIString.LocalizedString {
-    if (this.issueTitle) {
-      return i18nString(UIStrings.clickToShowIssueWithTitle, {title: this.issueTitle});
+    if (this.#issueTitle) {
+      return i18nString(UIStrings.clickToShowIssueWithTitle, {title: this.#issueTitle});
     }
-    if (this.issue) {
+    if (this.#issue) {
       return i18nString(UIStrings.clickToShowIssue);
     }
     return i18nString(UIStrings.issueUnavailable);
@@ -152,9 +152,9 @@ export class IssueLinkIcon extends HTMLElement {
     return coordinator.write(() => {
       // clang-format off
       LitHtml.render(LitHtml.html`
-        ${LitHtml.Directives.until(this.issueTitlePromise.then(() => this.renderComponent()), this.issueResolvedPromise.then(() => this.renderComponent()), this.renderComponent())}
+        ${LitHtml.Directives.until(this.#issueTitlePromise.then(() => this.renderComponent()), this.#issueResolvedPromise.then(() => this.renderComponent()), this.renderComponent())}
       `,
-      this.shadow, {host: this});
+      this.#shadow, {host: this});
       // clang-format on
     });
   }
@@ -162,7 +162,7 @@ export class IssueLinkIcon extends HTMLElement {
   private renderComponent(): LitHtml.TemplateResult {
     // clang-format off
     return LitHtml.html`
-      <span class=${LitHtml.Directives.classMap({'link': Boolean(this.issue)})}
+      <span class=${LitHtml.Directives.classMap({'link': Boolean(this.#issue)})}
             tabindex="0"
             @click=${this.handleClick}>
         <${IconButton.Icon.Icon.litTagName} .data=${this.iconData() as IconButton.Icon.IconData}

package/front_end/ui/components/linear_memory_inspector/LinearMemoryInspector.ts

@@ -82,15 +82,15 @@ export class SettingsChangedEvent extends Event {
 }
 
 class AddressHistoryEntry implements Common.SimpleHistoryManager.HistoryEntry {
-  private address = 0;
-  private callback;
+  #address = 0;
+  #callback;
 
   constructor(address: number, callback: (x: number) => void) {
     if (address < 0) {
       throw new Error('Address should be a greater or equal to zero');
     }
-    this.address = address;
-    this.callback = callback;
+    this.#address = address;
+    this.#callback = callback;
   }
 
   valid(): boolean {
@@ -98,32 +98,32 @@ class AddressHistoryEntry implements Common.SimpleHistoryManager.HistoryEntry {
   }
 
   reveal(): void {
-    this.callback(this.address);
+    this.#callback(this.#address);
   }
 }
 
 export class LinearMemoryInspector extends HTMLElement {
   static readonly litTagName = LitHtml.literal`devtools-linear-memory-inspector-inspector`;
-  private readonly shadow = this.attachShadow({mode: 'open'});
-  private readonly history = new Common.SimpleHistoryManager.SimpleHistoryManager(10);
+  readonly #shadow = this.attachShadow({mode: 'open'});
+  readonly #history = new Common.SimpleHistoryManager.SimpleHistoryManager(10);
 
-  private memory = new Uint8Array();
-  private memoryOffset = 0;
-  private outerMemoryLength = 0;
+  #memory = new Uint8Array();
+  #memoryOffset = 0;
+  #outerMemoryLength = 0;
 
-  private address = -1;
+  #address = -1;
 
-  private currentNavigatorMode = Mode.Submitted;
-  private currentNavigatorAddressLine = `${this.address}`;
+  #currentNavigatorMode = Mode.Submitted;
+  #currentNavigatorAddressLine = `${this.#address}`;
 
-  private numBytesPerPage = 4;
+  #numBytesPerPage = 4;
 
-  private valueTypeModes = getDefaultValueTypeMapping();
-  private valueTypes = new Set(this.valueTypeModes.keys());
-  private endianness = Endianness.Little;
+  #valueTypeModes = getDefaultValueTypeMapping();
+  #valueTypes = new Set(this.#valueTypeModes.keys());
+  #endianness = Endianness.Little;
 
   connectedCallback(): void {
-    this.shadow.adoptedStyleSheets = [linearMemoryInspectorStyles];
+    this.#shadow.adoptedStyleSheets = [linearMemoryInspectorStyles];
   }
 
   set data(data: LinearMemoryInspectorData) {
@@ -135,43 +135,43 @@ export class LinearMemoryInspector extends HTMLElement {
       throw new Error('Memory offset has to be greater or equal to zero.');
     }
 
-    this.memory = data.memory;
-    this.memoryOffset = data.memoryOffset;
-    this.outerMemoryLength = data.outerMemoryLength;
-    this.valueTypeModes = data.valueTypeModes || this.valueTypeModes;
-    this.valueTypes = data.valueTypes || this.valueTypes;
-    this.endianness = data.endianness || this.endianness;
+    this.#memory = data.memory;
+    this.#memoryOffset = data.memoryOffset;
+    this.#outerMemoryLength = data.outerMemoryLength;
+    this.#valueTypeModes = data.valueTypeModes || this.#valueTypeModes;
+    this.#valueTypes = data.valueTypes || this.#valueTypes;
+    this.#endianness = data.endianness || this.#endianness;
     this.setAddress(data.address);
     this.render();
   }
 
   private render(): void {
-    const {start, end} = this.getPageRangeForAddress(this.address, this.numBytesPerPage);
+    const {start, end} = this.getPageRangeForAddress(this.#address, this.#numBytesPerPage);
 
-    const navigatorAddressToShow =
-        this.currentNavigatorMode === Mode.Submitted ? formatAddress(this.address) : this.currentNavigatorAddressLine;
+    const navigatorAddressToShow = this.#currentNavigatorMode === Mode.Submitted ? formatAddress(this.#address) :
+                                                                                   this.#currentNavigatorAddressLine;
     const navigatorAddressIsValid = this.isValidAddress(navigatorAddressToShow);
 
     const invalidAddressMsg = i18nString(
         UIStrings.addressHasToBeANumberBetweenSAnd,
-        {PH1: formatAddress(0), PH2: formatAddress(this.outerMemoryLength)});
+        {PH1: formatAddress(0), PH2: formatAddress(this.#outerMemoryLength)});
 
     const errorMsg = navigatorAddressIsValid ? undefined : invalidAddressMsg;
 
-    const canGoBackInHistory = this.history.canRollback();
-    const canGoForwardInHistory = this.history.canRollover();
+    const canGoBackInHistory = this.#history.canRollback();
+    const canGoForwardInHistory = this.#history.canRollover();
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
     render(html`
       <div class="view">
         <${LinearMemoryNavigator.litTagName}
-          .data=${{address: navigatorAddressToShow, valid: navigatorAddressIsValid, mode: this.currentNavigatorMode, error: errorMsg, canGoBackInHistory, canGoForwardInHistory} as LinearMemoryNavigatorData}
+          .data=${{address: navigatorAddressToShow, valid: navigatorAddressIsValid, mode: this.#currentNavigatorMode, error: errorMsg, canGoBackInHistory, canGoForwardInHistory} as LinearMemoryNavigatorData}
           @refreshrequested=${this.onRefreshRequest}
           @addressinputchanged=${this.onAddressChange}
           @pagenavigation=${this.navigatePage}
           @historynavigation=${this.navigateHistory}></${LinearMemoryNavigator.litTagName}>
         <${LinearMemoryViewer.litTagName}
-          .data=${{memory: this.memory.slice(start - this.memoryOffset, end - this.memoryOffset), address: this.address, memoryOffset: start, focus: this.currentNavigatorMode === Mode.Submitted} as LinearMemoryViewerData}
+          .data=${{memory: this.#memory.slice(start - this.#memoryOffset, end - this.#memoryOffset), address: this.#address, memoryOffset: start, focus: this.#currentNavigatorMode === Mode.Submitted} as LinearMemoryViewerData}
           @byteselected=${this.onByteSelected}
           @resize=${this.resize}>
         </${LinearMemoryViewer.litTagName}>
@@ -179,11 +179,11 @@ export class LinearMemoryInspector extends HTMLElement {
       <div class="value-interpreter">
         <${LinearMemoryValueInterpreter.litTagName}
           .data=${{
-            value: this.memory.slice(this.address - this.memoryOffset, this.address + VALUE_INTEPRETER_MAX_NUM_BYTES).buffer,
-            valueTypes: this.valueTypes,
-            valueTypeModes: this.valueTypeModes,
-            endianness: this.endianness,
-            memoryLength: this.outerMemoryLength } as LinearMemoryValueInterpreterData}
+            value: this.#memory.slice(this.#address - this.#memoryOffset, this.#address + VALUE_INTEPRETER_MAX_NUM_BYTES).buffer,
+            valueTypes: this.#valueTypes,
+            valueTypeModes: this.#valueTypeModes,
+            endianness: this.#endianness,
+            memoryLength: this.#outerMemoryLength } as LinearMemoryValueInterpreterData}
           @valuetypetoggled=${this.onValueTypeToggled}
           @valuetypemodechanged=${this.onValueTypeModeChanged}
           @endiannesschanged=${this.onEndiannessChanged}
@@ -191,7 +191,7 @@ export class LinearMemoryInspector extends HTMLElement {
           >
         </${LinearMemoryValueInterpreter.litTagName}/>
       </div>
-      `, this.shadow, {
+      `, this.#shadow, {
       host: this,
     });
     // clang-format on
@@ -200,53 +200,53 @@ export class LinearMemoryInspector extends HTMLElement {
   private onJumpToPointerAddress(e: JumpToPointerAddressEvent): void {
     // Stop event from bubbling up, since no element further up needs the event.
     e.stopPropagation();
-    this.currentNavigatorMode = Mode.Submitted;
-    const addressInRange = Math.max(0, Math.min(e.data, this.outerMemoryLength - 1));
+    this.#currentNavigatorMode = Mode.Submitted;
+    const addressInRange = Math.max(0, Math.min(e.data, this.#outerMemoryLength - 1));
     this.jumpToAddress(addressInRange);
   }
 
   private onRefreshRequest(): void {
-    const {start, end} = this.getPageRangeForAddress(this.address, this.numBytesPerPage);
-    this.dispatchEvent(new MemoryRequestEvent(start, end, this.address));
+    const {start, end} = this.getPageRangeForAddress(this.#address, this.#numBytesPerPage);
+    this.dispatchEvent(new MemoryRequestEvent(start, end, this.#address));
   }
 
   private onByteSelected(e: ByteSelectedEvent): void {
-    this.currentNavigatorMode = Mode.Submitted;
-    const addressInRange = Math.max(0, Math.min(e.data, this.outerMemoryLength - 1));
+    this.#currentNavigatorMode = Mode.Submitted;
+    const addressInRange = Math.max(0, Math.min(e.data, this.#outerMemoryLength - 1));
     this.jumpToAddress(addressInRange);
   }
 
   private createSettings(): Settings {
-    return {valueTypes: this.valueTypes, modes: this.valueTypeModes, endianness: this.endianness};
+    return {valueTypes: this.#valueTypes, modes: this.#valueTypeModes, endianness: this.#endianness};
   }
 
   private onEndiannessChanged(e: EndiannessChangedEvent): void {
-    this.endianness = e.data;
+    this.#endianness = e.data;
     this.dispatchEvent(new SettingsChangedEvent(this.createSettings()));
     this.render();
   }
 
   private isValidAddress(address: string): boolean {
     const newAddress = parseAddress(address);
-    return newAddress !== undefined && newAddress >= 0 && newAddress < this.outerMemoryLength;
+    return newAddress !== undefined && newAddress >= 0 && newAddress < this.#outerMemoryLength;
   }
 
   private onAddressChange(e: AddressInputChangedEvent): void {
     const {address, mode} = e.data;
     const isValid = this.isValidAddress(address);
     const newAddress = parseAddress(address);
-    this.currentNavigatorAddressLine = address;
+    this.#currentNavigatorAddressLine = address;
 
     if (newAddress !== undefined && isValid) {
-      this.currentNavigatorMode = mode;
+      this.#currentNavigatorMode = mode;
       this.jumpToAddress(newAddress);
       return;
     }
 
     if (mode === Mode.Submitted && !isValid) {
-      this.currentNavigatorMode = Mode.InvalidSubmit;
+      this.#currentNavigatorMode = Mode.InvalidSubmit;
     } else {
-      this.currentNavigatorMode = Mode.Edit;
+      this.#currentNavigatorMode = Mode.Edit;
     }
 
     this.render();
@@ -255,9 +255,9 @@ export class LinearMemoryInspector extends HTMLElement {
   private onValueTypeToggled(e: ValueTypeToggledEvent): void {
     const {type, checked} = e.data;
     if (checked) {
-      this.valueTypes.add(type);
+      this.#valueTypes.add(type);
     } else {
-      this.valueTypes.delete(type);
+      this.#valueTypes.delete(type);
     }
     this.dispatchEvent(new SettingsChangedEvent(this.createSettings()));
     this.render();
@@ -266,24 +266,24 @@ export class LinearMemoryInspector extends HTMLElement {
   private onValueTypeModeChanged(e: ValueTypeModeChangedEvent): void {
     e.stopImmediatePropagation();
     const {type, mode} = e.data;
-    this.valueTypeModes.set(type, mode);
+    this.#valueTypeModes.set(type, mode);
     this.dispatchEvent(new SettingsChangedEvent(this.createSettings()));
     this.render();
   }
 
   private navigateHistory(e: HistoryNavigationEvent): boolean {
-    return e.data === Navigation.Forward ? this.history.rollover() : this.history.rollback();
+    return e.data === Navigation.Forward ? this.#history.rollover() : this.#history.rollback();
   }
 
   private navigatePage(e: PageNavigationEvent): void {
     const newAddress =
-        e.data === Navigation.Forward ? this.address + this.numBytesPerPage : this.address - this.numBytesPerPage;
-    const addressInRange = Math.max(0, Math.min(newAddress, this.outerMemoryLength - 1));
+        e.data === Navigation.Forward ? this.#address + this.#numBytesPerPage : this.#address - this.#numBytesPerPage;
+    const addressInRange = Math.max(0, Math.min(newAddress, this.#outerMemoryLength - 1));
     this.jumpToAddress(addressInRange);
   }
 
   private jumpToAddress(address: number): void {
-    if (address < 0 || address >= this.outerMemoryLength) {
+    if (address < 0 || address >= this.#outerMemoryLength) {
       console.warn(`Specified address is out of bounds: ${address}`);
       return;
     }
@@ -294,19 +294,19 @@ export class LinearMemoryInspector extends HTMLElement {
   private getPageRangeForAddress(address: number, numBytesPerPage: number): {start: number, end: number} {
     const pageNumber = Math.floor(address / numBytesPerPage);
     const pageStartAddress = pageNumber * numBytesPerPage;
-    const pageEndAddress = Math.min(pageStartAddress + numBytesPerPage, this.outerMemoryLength);
+    const pageEndAddress = Math.min(pageStartAddress + numBytesPerPage, this.#outerMemoryLength);
     return {start: pageStartAddress, end: pageEndAddress};
   }
 
   private resize(event: ResizeEvent): void {
-    this.numBytesPerPage = event.data;
+    this.#numBytesPerPage = event.data;
     this.update();
   }
 
   private update(): void {
-    const {start, end} = this.getPageRangeForAddress(this.address, this.numBytesPerPage);
-    if (start < this.memoryOffset || end > this.memoryOffset + this.memory.length) {
-      this.dispatchEvent(new MemoryRequestEvent(start, end, this.address));
+    const {start, end} = this.getPageRangeForAddress(this.#address, this.#numBytesPerPage);
+    if (start < this.#memoryOffset || end > this.#memoryOffset + this.#memory.length) {
+      this.dispatchEvent(new MemoryRequestEvent(start, end, this.#address));
     } else {
       this.render();
     }
@@ -314,13 +314,13 @@ export class LinearMemoryInspector extends HTMLElement {
 
   private setAddress(address: number): void {
     // If we are already showing the address that is requested, no need to act upon it.
-    if (this.address === address) {
+    if (this.#address === address) {
       return;
     }
     const historyEntry = new AddressHistoryEntry(address, () => this.jumpToAddress(address));
-    this.history.push(historyEntry);
-    this.address = address;
-    this.dispatchEvent(new AddressChangedEvent(this.address));
+    this.#history.push(historyEntry);
+    this.#address = address;
+    this.dispatchEvent(new AddressChangedEvent(this.#address));
   }
 }