Prevent scrim close on lovelace editor dialogs (#29653)

* Prevent scrim close on lovelace editor dialogs

* Prevent other editors

src/panels/lovelace/editor/badge-editor/hui-dialog-edit-badge.ts

@@ -82,8 +82,6 @@ export class HuiDialogEditBadge
 
   @state() private _dirty = false;
 
-  @state() private _isEscapeEnabled = true;
-
   public async showDialog(params: EditBadgeDialogParams): Promise<void> {
     this._params = params;
     this._GUImode = true;
@@ -126,9 +124,6 @@ export class HuiDialogEditBadge
 
   private _dialogClosed(): void {
     this._open = false;
-    this._isEscapeEnabled = true;
-    window.removeEventListener("dialog-closed", this._enableEscapeKeyClose);
-    window.removeEventListener("hass-more-info", this._disableEscapeKeyClose);
     this._params = undefined;
     this._badgeConfig = undefined;
     this._error = undefined;
@@ -155,16 +150,6 @@ export class HuiDialogEditBadge
     }
   }
 
-  private _enableEscapeKeyClose = (ev: any) => {
-    if (ev.detail.dialog === "ha-more-info-dialog") {
-      this._isEscapeEnabled = true;
-    }
-  };
-
-  private _disableEscapeKeyClose = () => {
-    this._isEscapeEnabled = false;
-  };
-
   protected render() {
     if (!this._params) {
       return nothing;
@@ -209,7 +194,7 @@ export class HuiDialogEditBadge
         .hass=${this.hass}
         .open=${this._open}
         .width=${this.large ? "full" : "large"}
-        ?prevent-scrim-close=${!this._isEscapeEnabled}
+        prevent-scrim-close
         @keydown=${this._ignoreKeydown}
         @closed=${this._dialogClosed}
         @opened=${this._opened}
@@ -334,8 +319,6 @@ export class HuiDialogEditBadge
   }
 
   private _opened() {
-    window.addEventListener("dialog-closed", this._enableEscapeKeyClose);
-    window.addEventListener("hass-more-info", this._disableEscapeKeyClose);
     this._badgeEditorEl?.focusYamlEditor();
   }
 

src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts

@@ -169,6 +169,7 @@ export class HuiDialogEditCard
         .hass=${this.hass}
         .open=${this._open}
         .width=${this.large ? "full" : "large"}
+        prevent-scrim-close
         @keydown=${this._ignoreKeydown}
         @closed=${this._dialogClosed}
         @opened=${this._opened}

src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts

@@ -158,6 +158,7 @@ export class HuiDialogEditSection
       <ha-dialog
         .hass=${this.hass}
         .open=${this._open}
+        prevent-scrim-close
         @keydown=${this._ignoreKeydown}
         @closed=${this._dialogClosed}
         class=${classMap({

src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts

@@ -212,6 +212,7 @@ export class HuiDialogEditView extends LitElement {
         .hass=${this.hass}
         .open=${this._open}
         width="large"
+        prevent-scrim-close
         @closed=${this._dialogClosed}
         class=${classMap({
           "yaml-mode": this._yamlMode,

src/panels/lovelace/editor/view-header/hui-dialog-edit-view-header.ts

@@ -107,6 +107,7 @@ export class HuiDialogEditViewHeader extends LitElement {
         .open=${this._open}
         header-title=${title}
         width="large"
+        prevent-scrim-close
         @closed=${this._dialogClosed}
         class=${classMap({
           "yaml-mode": this._yamlMode,