Remove the usage of checkboxElement in the Application panel

Bug: 410500405
Change-Id: I9f0ecb0ae537808bb46dfb90d97c08bde3bc50b2
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6450695
Reviewed-by: Kateryna Prokopenko <[email protected]>
Auto-Submit: Danil Somsikov <[email protected]>
Commit-Queue: Danil Somsikov <[email protected]>

Author: danilsomsikov

front_end/panels/application/AppManifestView.ts

@@ -772,7 +772,7 @@ export class AppManifestView extends Common.ObjectWrapper.eventMixin<EventTypes,
     setIconMaskedCheckbox.setAttribute(
         'jslog', `${VisualLogging.toggle('show-minimal-safe-area-for-maskable-icons').track({change: true})}`);
     setIconMaskedCheckbox.addEventListener('click', () => {
-      this.iconsSection.setIconMasked(setIconMaskedCheckbox.checkboxElement.checked);
+      this.iconsSection.setIconMasked(setIconMaskedCheckbox.checked);
     });
     this.iconsSection.appendRow().appendChild(setIconMaskedCheckbox);
     const documentationLink = UI.XLink.XLink.create(
@@ -1233,8 +1233,8 @@ export class AppManifestView extends Common.ObjectWrapper.eventMixin<EventTypes,
     const wcoOsCheckbox =
         UI.UIUtils.CheckboxLabel.create(i18nString(UIStrings.selectWindowControlsOverlayEmulationOs), false);
 
-    wcoOsCheckbox.checkboxElement.addEventListener('click', async () => {
-      await this.overlayModel?.toggleWindowControlsToolbar(wcoOsCheckbox.checkboxElement.checked);
+    wcoOsCheckbox.addEventListener('click', async () => {
+      await this.overlayModel?.toggleWindowControlsToolbar(wcoOsCheckbox.checked);
     });
 
     const osSelectElement = wcoOsCheckbox.createChild('select');
@@ -1252,7 +1252,7 @@ export class AppManifestView extends Common.ObjectWrapper.eventMixin<EventTypes,
           osSelectElement.options[osSelectElement.selectedIndex].value as SDK.OverlayModel.EmulatedOSType;
       if (this.overlayModel) {
         this.overlayModel.setWindowControlsPlatform(selectedOS);
-        await this.overlayModel.toggleWindowControlsToolbar(wcoOsCheckbox.checkboxElement.checked);
+        await this.overlayModel.toggleWindowControlsToolbar(wcoOsCheckbox.checked);
       }
     });
 

front_end/panels/application/CookieItemsView.ts

@@ -108,7 +108,7 @@ class CookiePreviewWidget extends UI.Widget.VBox {
         i18nString(UIStrings.showUrlDecoded), this.showDecodedSetting.get(), undefined, 'show-url-decoded');
     toggle.title = i18nString(UIStrings.showUrlDecoded);
     toggle.classList.add('cookie-preview-widget-toggle');
-    toggle.checkboxElement.addEventListener('click', () => this.showDecoded(!this.showDecodedSetting.get()));
+    toggle.addEventListener('click', () => this.showDecoded(!this.showDecodedSetting.get()));
     header.appendChild(toggle);
     this.toggle = toggle;
 
@@ -128,7 +128,7 @@ class CookiePreviewWidget extends UI.Widget.VBox {
       return;
     }
     this.showDecodedSetting.set(decoded);
-    this.toggle.checkboxElement.checked = decoded;
+    this.toggle.checked = decoded;
     this.updatePreview();
   }
 

front_end/panels/application/StorageView.ts

@@ -227,7 +227,7 @@ export class StorageView extends UI.ThrottledWidget.ThrottledWidget {
     this.quotaOverrideCheckbox.setAttribute(
         'jslog', `${VisualLogging.toggle('simulate-custom-quota').track({change: true})}`);
     quotaOverrideCheckboxRow.appendChild(this.quotaOverrideCheckbox);
-    this.quotaOverrideCheckbox.checkboxElement.addEventListener('click', this.onClickCheckbox.bind(this), false);
+    this.quotaOverrideCheckbox.addEventListener('click', this.onClickCheckbox.bind(this), false);
     this.quotaOverrideControlRow = quota.appendRow();
     this.quotaOverrideEditor = this.quotaOverrideControlRow.createChild('input', 'quota-override-notification-editor');
     this.quotaOverrideEditor.setAttribute(
@@ -343,7 +343,7 @@ export class StorageView extends UI.ThrottledWidget.ThrottledWidget {
 
     if (oldOrigin !== this.securityOrigin) {
       this.quotaOverrideControlRow.classList.add('hidden');
-      this.quotaOverrideCheckbox.checkboxElement.checked = false;
+      this.quotaOverrideCheckbox.checked = false;
       this.quotaOverrideErrorMessage.textContent = '';
     }
     void this.doUpdate();
@@ -357,7 +357,7 @@ export class StorageView extends UI.ThrottledWidget.ThrottledWidget {
 
     if (oldStorageKey !== this.storageKey) {
       this.quotaOverrideControlRow.classList.add('hidden');
-      this.quotaOverrideCheckbox.checkboxElement.checked = false;
+      this.quotaOverrideCheckbox.checked = false;
       this.quotaOverrideErrorMessage.textContent = '';
     }
     void this.doUpdate();
@@ -406,12 +406,12 @@ export class StorageView extends UI.ThrottledWidget.ThrottledWidget {
   private async onClickCheckbox(): Promise<void> {
     if (this.quotaOverrideControlRow.classList.contains('hidden')) {
       this.quotaOverrideControlRow.classList.remove('hidden');
-      this.quotaOverrideCheckbox.checkboxElement.checked = true;
+      this.quotaOverrideCheckbox.checked = true;
       this.quotaOverrideEditor.value = this.previousOverrideFieldValue;
       this.quotaOverrideEditor.focus();
     } else if (this.target && this.securityOrigin) {
       this.quotaOverrideControlRow.classList.add('hidden');
-      this.quotaOverrideCheckbox.checkboxElement.checked = false;
+      this.quotaOverrideCheckbox.checked = false;
       await this.clearQuotaForOrigin(this.target, this.securityOrigin);
       this.quotaOverrideErrorMessage.textContent = '';
     }