Allow multiple tap/hold/doubletap actions.

src/data/lovelace.ts

@@ -148,6 +148,11 @@ export interface CustomActionConfig extends BaseActionConfig {
   action: "fire-dom-event";
 }
 
+export interface MultipleActionConfig extends BaseActionConfig {
+  action: "multiple";
+  actions: ActionConfig[];
+}
+
 export interface BaseActionConfig {
   confirmation?: ConfirmationRestrictionConfig;
 }
@@ -168,7 +173,8 @@ export type ActionConfig =
   | UrlActionConfig
   | MoreInfoActionConfig
   | NoActionConfig
-  | CustomActionConfig;
+  | CustomActionConfig
+  | MultipleActionConfig;
 
 type LovelaceUpdatedEvent = HassEventBase & {
   event_type: "lovelace_updated";

src/panels/lovelace/common/handle-action.ts

@@ -40,69 +40,74 @@ export const handleAction = async (
     };
   }
 
-  if (
+  const actionConfigs =
-    actionConfig.confirmation &&
+    actionConfig.action === "multiple" ? actionConfig.actions : [actionConfig];
-    (!actionConfig.confirmation.exemptions ||
-      !actionConfig.confirmation.exemptions.some(
-        (e) => e.user === hass!.user!.id
-      ))
-  ) {
-    forwardHaptic("warning");
 
+  for await (actionConfig of actionConfigs) {
     if (
-      !(await showConfirmationDialog(node, {
+      actionConfig.confirmation &&
-        text:
+      (!actionConfig.confirmation.exemptions ||
-          actionConfig.confirmation.text ||
+        !actionConfig.confirmation.exemptions.some(
-          hass.localize(
+          (e) => e.user === hass!.user!.id
-            "ui.panel.lovelace.cards.action_confirmation",
+        ))
-            "action",
-            actionConfig.action
-          ),
-      }))
     ) {
-      return;
+      forwardHaptic("warning");
-    }
-  }
 
-  switch (actionConfig.action) {
+      if (
-    case "more-info": {
+        !(await showConfirmationDialog(node, {
-      if (config.entity || config.camera_image) {
+          text:
-        fireEvent(node, "hass-more-info", {
+            actionConfig.confirmation.text ||
-          entityId: config.entity ? config.entity : config.camera_image!,
+            hass.localize(
-        });
+              "ui.panel.lovelace.cards.action_confirmation",
-      }
+              "action",
-      break;
+              actionConfig.action
-    }
+            ),
-    case "navigate":
+        }))
-      if (actionConfig.navigation_path) {
+      ) {
-        navigate(node, actionConfig.navigation_path);
-      }
-      break;
-    case "url": {
-      if (actionConfig.url_path) {
-        window.open(actionConfig.url_path);
-      }
-      break;
-    }
-    case "toggle": {
-      if (config.entity) {
-        toggleEntity(hass, config.entity!);
-        forwardHaptic("light");
-      }
-      break;
-    }
-    case "call-service": {
-      if (!actionConfig.service) {
-        forwardHaptic("failure");
         return;
       }
-      const [domain, service] = actionConfig.service.split(".", 2);
-      hass.callService(domain, service, actionConfig.service_data);
-      forwardHaptic("light");
-      break;
     }
-    case "fire-dom-event": {
+
-      fireEvent(node, "ll-custom", actionConfig);
+    switch (actionConfig.action) {
+      case "more-info": {
+        if (config.entity || config.camera_image) {
+          fireEvent(node, "hass-more-info", {
+            entityId: config.entity ? config.entity : config.camera_image!,
+          });
+        }
+        break;
+      }
+      case "navigate":
+        if (actionConfig.navigation_path) {
+          navigate(node, actionConfig.navigation_path);
+        }
+        break;
+      case "url": {
+        if (actionConfig.url_path) {
+          window.open(actionConfig.url_path);
+        }
+        break;
+      }
+      case "toggle": {
+        if (config.entity) {
+          toggleEntity(hass, config.entity!);
+          forwardHaptic("light");
+        }
+        break;
+      }
+      case "call-service": {
+        if (!actionConfig.service) {
+          forwardHaptic("failure");
+          return;
+        }
+        const [domain, service] = actionConfig.service.split(".", 2);
+        hass.callService(domain, service, actionConfig.service_data);
+        forwardHaptic("light");
+        break;
+      }
+      case "fire-dom-event": {
+        fireEvent(node, "ll-custom", actionConfig);
+      }
     }
   }
 };

src/panels/lovelace/components/hui-action-editor.ts

@@ -130,6 +130,15 @@ export class HuiActionEditor extends LitElement {
             </b>
           `
         : ""}
+      ${this.config?.action === "multiple"
+        ? html`
+            <b>
+              ${this.hass!.localize(
+                "ui.panel.lovelace.editor.action-editor.editor_multiple_actions"
+              )}
+            </b>
+          `
+        : ""}
     `;
   }
 

src/panels/lovelace/editor/config-elements/hui-button-card-editor.ts

@@ -46,6 +46,7 @@ const actions = [
   "url",
   "call-service",
   "none",
+  "multiple",
 ];
 
 @customElement("hui-button-card-editor")

src/panels/lovelace/editor/config-elements/hui-light-card-editor.ts

@@ -82,6 +82,7 @@ export class HuiLightCardEditor extends LitElement
       "url",
       "call-service",
       "none",
+      "multiple",
     ];
 
     return html`

src/panels/lovelace/editor/config-elements/hui-picture-card-editor.ts

@@ -60,7 +60,7 @@ export class HuiPictureCardEditor extends LitElement
       return html``;
     }
 
-    const actions = ["navigate", "url", "call-service", "none"];
+    const actions = ["navigate", "url", "call-service", "none", "multiple"];
 
     return html`
       <div class="card-config">

src/panels/lovelace/editor/config-elements/hui-picture-entity-card-editor.ts

@@ -104,7 +104,14 @@ export class HuiPictureEntityCardEditor extends LitElement
       return html``;
     }
 
-    const actions = ["more-info", "toggle", "navigate", "call-service", "none"];
+    const actions = [
+      "more-info",
+      "toggle",
+      "navigate",
+      "call-service",
+      "none",
+      "multiple",
+    ];
     const views = ["auto", "live"];
     const dir = computeRTLDirection(this.hass!);
 

src/panels/lovelace/editor/config-elements/hui-picture-glance-card-editor.ts

@@ -108,7 +108,14 @@ export class HuiPictureGlanceCardEditor extends LitElement
       return html``;
     }
 
-    const actions = ["more-info", "toggle", "navigate", "call-service", "none"];
+    const actions = [
+      "more-info",
+      "toggle",
+      "navigate",
+      "call-service",
+      "none",
+      "multiple",
+    ];
     const views = ["auto", "live"];
 
     return html`

src/panels/lovelace/editor/types.ts

@@ -98,6 +98,7 @@ export const actionConfigStruct = object({
   url_path: optional(string()),
   service: optional(string()),
   service_data: optional(object()),
+  actions: optional(array()),
 });
 
 const buttonEntitiesRowConfigStruct = object({

src/translations/en.json

@@ -2564,6 +2564,7 @@
           "action-editor": {
             "navigation_path": "Navigation Path",
             "url_path": "URL Path",
+            "editor_multiple_actions": "Multiple actions can only be entered in the code editor",
             "editor_service_data": "Service data can only be entered in the code editor",
             "actions": {
               "default_action": "Default Action",
@@ -2572,7 +2573,8 @@
               "toggle": "Toggle",
               "navigate": "Navigate",
               "url": "URL",
-              "none": "No Action"
+              "none": "No Action",
+              "multiple": "Multiple actions"
             }
           },
           "card": {