Tweak popup timing

js/plugin/main.ts

@@ -32,6 +32,8 @@ import { BrowserIDMixin } from "./browserID";
   x Information about interaction requirement
   x Information about fullykiosk
   - Commands
+    - Change targets from the frontend
+    - Send browser ID to the backend in service calls?
     x Rename browser_mod commands to browser_mod services
     x Framework
     x ll-custom handling

js/plugin/popups.ts

@@ -3,6 +3,8 @@ import { property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { provideHass, loadLoadCardHelpers, hass_base_el } from "../helpers";
 
+let aaa = 0;
+
 class BrowserModPopup extends LitElement {
   @property() open;
   @property() content;
@@ -20,8 +22,16 @@ class BrowserModPopup extends LitElement {
   _timeoutTimer;
   @property() _style;
 
-  closeDialog() {
+  _resolveClosed;
+
+  closedCallback() {
+    this._resolveClosed?.();
+    this._resolveClosed = undefined;
+  }
+
+  async closeDialog() {
     this.open = false;
+    await new Promise((resolve) => (this._resolveClosed = resolve));
     clearInterval(this._timeoutTimer);
   }
 
@@ -86,23 +96,23 @@ class BrowserModPopup extends LitElement {
     this._style = style;
   }
 
-  _primary() {
+  async _primary() {
     if (this._actions?.dismiss_action) this._actions.dismiss_action = undefined;
-    this.closeDialog();
+    await this.closeDialog();
     this._actions?.right_button_action?.();
   }
-  _secondary() {
+  async _secondary() {
     if (this._actions?.dismiss_action) this._actions.dismiss_action = undefined;
-    this.closeDialog();
+    await this.closeDialog();
     this._actions?.left_button_action?.();
   }
-  _dismiss() {
-    this.closeDialog();
+  async _dismiss() {
+    await this.closeDialog();
     this._actions?.dismiss_action?.();
   }
-  _timeout() {
+  async _timeout() {
     if (this._actions?.dismiss_action) this._actions.dismiss_action = undefined;
-    this.closeDialog();
+    await this.closeDialog();
     this._actions?.timeout_action?.();
   }
 
@@ -112,7 +122,7 @@ class BrowserModPopup extends LitElement {
     return html`
       <ha-dialog
         open
-        @closed=${this._dismiss}
+        @closed=${this.closedCallback}
         .heading=${this.title !== undefined}
         ?hideActions=${this.actions === undefined}
         .scrimClickAction=${this.dismissable ? this._dismiss : ""}

js/plugin/services.ts

@@ -23,6 +23,7 @@ export const ServicesMixin = (SuperClass) => {
         data:
           [title: <string>]
           [content: <string | Lovelace Card Configuration>]
+          [size: <NORMAL/wide/fullscreen>]
           [right_button: <string>]
           [right_button_action: <service call>]
           [left_button: <string>]
@@ -31,6 +32,7 @@ export const ServicesMixin = (SuperClass) => {
           [dismiss_action: <service call>]
           [timeout: <number>]
           [timeout_action: <service call>]
+          [style: <string>]
 
       More-info:
         service: browser_mod.more_info
@@ -95,6 +97,8 @@ export const ServicesMixin = (SuperClass) => {
       let _service: String = service;
       if (!_service.startsWith("browser_mod.") && _service.includes(".")) {
         // CALL HOME ASSISTANT SERVICE
+        const [domain, srv] = _service.split(".");
+        return this.hass.callService(domain, srv, data);
       }
 
       if (_service.startsWith("browser_mod.")) {