myio-js-library 0.1.519 → 0.1.520

package/dist/index.cjs

@@ -1216,7 +1216,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.519",
+  version: "0.1.520",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -17305,8 +17305,10 @@ function renderCardComponentV6({
   showTempRangeTooltip = false,
   customStyle,
   // V6: Per-card style overrides
-  enableActionSelector = false
+  enableActionSelector = false,
   // V6: "step" — single button opens action selection modal
+  actionSelectorOnCardClick = false
+  // V6: card click opens the selector (suppresses the ⋮ button)
 }) {
   const {
     entityId,
@@ -18152,8 +18154,8 @@ function renderCardComponentV6({
       lastDisconnectTime
     }
   });
+  const selectorOptions = [];
   if (enableActionSelector) {
-    const selectorOptions = [];
     if (typeof handleActionDashboard === "function") {
       selectorOptions.push({
         id: "dashboard",
@@ -18181,7 +18183,7 @@ function renderCardComponentV6({
         onSelect: () => handleActionSettings(entityObject, buildSettingsOpts())
       });
     }
-    if (selectorOptions.length > 0) {
+    if (selectorOptions.length > 0 && !actionSelectorOnCardClick) {
       const selectorBtn = document.createElement("button");
       selectorBtn.className = "card-action action-selector";
       selectorBtn.title = "A\xE7\xF5es";
@@ -18368,7 +18370,13 @@ function renderCardComponentV6({
       }
     });
   }
-  if (typeof handleClickCard === "function") {
+  if (enableActionSelector && actionSelectorOnCardClick && selectorOptions.length > 0) {
+    enhancedCardElement.addEventListener("click", (e) => {
+      if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
+        openCardActionSelector({ title: cardEntity.name, options: selectorOptions });
+      }
+    });
+  } else if (typeof handleClickCard === "function") {
     enhancedCardElement.addEventListener("click", (e) => {
       if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
         handleClickCard(entityObject);
@@ -21062,6 +21070,7 @@ var CardGridPanel = class {
       emptyMessage,
       showTempRangeTooltip,
       enableActionSelector,
+      actionSelectorOnCardClick,
       enableSelection,
       enableDragDrop,
       handleSelect
@@ -21120,7 +21129,8 @@ var CardGridPanel = class {
           useNewComponents: true,
           showTempRangeTooltip: showTempRangeTooltip || false,
           customStyle: cardCustomStyle || void 0,
-          enableActionSelector: enableActionSelector || false
+          enableActionSelector: enableActionSelector || false,
+          actionSelectorOnCardClick: actionSelectorOnCardClick || false
         });
       }
       if (cardResult && cardResult[0]) {

package/dist/index.d.cts

@@ -2650,6 +2650,12 @@ interface RenderCardV6Options {
    * provided are shown. Default: false (3 separate buttons).
    */
   enableActionSelector?: boolean;
+  /**
+   * Requires enableActionSelector. When true, the single ⋮ button is not
+   * rendered and the selection modal opens on the card body click instead
+   * (handleClickCard is then ignored). Default: false.
+   */
+  actionSelectorOnCardClick?: boolean;
 }
 
 interface CardResult {
@@ -3171,6 +3177,12 @@ interface CardGridPanelOptions {
      * are shown. Applies to cardType='device' only. Default: false.
      */
     enableActionSelector?: boolean;
+    /**
+     * Requires enableActionSelector. When true, device cards render no action
+     * button at all — the selection modal opens on the card body click instead
+     * (handleClickCard is then ignored). Default: false.
+     */
+    actionSelectorOnCardClick?: boolean;
     /** Callback for ambiente card remote toggle (only for cardType='ambiente') */
     handleToggleRemote?: (isOn: boolean, item: CardGridItem) => void;
     /** Empty state message */

package/dist/index.d.ts

@@ -2650,6 +2650,12 @@ interface RenderCardV6Options {
    * provided are shown. Default: false (3 separate buttons).
    */
   enableActionSelector?: boolean;
+  /**
+   * Requires enableActionSelector. When true, the single ⋮ button is not
+   * rendered and the selection modal opens on the card body click instead
+   * (handleClickCard is then ignored). Default: false.
+   */
+  actionSelectorOnCardClick?: boolean;
 }
 
 interface CardResult {
@@ -3171,6 +3177,12 @@ interface CardGridPanelOptions {
      * are shown. Applies to cardType='device' only. Default: false.
      */
     enableActionSelector?: boolean;
+    /**
+     * Requires enableActionSelector. When true, device cards render no action
+     * button at all — the selection modal opens on the card body click instead
+     * (handleClickCard is then ignored). Default: false.
+     */
+    actionSelectorOnCardClick?: boolean;
     /** Callback for ambiente card remote toggle (only for cardType='ambiente') */
     handleToggleRemote?: (isOn: boolean, item: CardGridItem) => void;
     /** Empty state message */

package/dist/index.js

@@ -535,7 +535,7 @@ var init_template_card = __esm({
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.519",
+  version: "0.1.520",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -15899,8 +15899,10 @@ function renderCardComponentV6({
   showTempRangeTooltip = false,
   customStyle,
   // V6: Per-card style overrides
-  enableActionSelector = false
+  enableActionSelector = false,
   // V6: "step" — single button opens action selection modal
+  actionSelectorOnCardClick = false
+  // V6: card click opens the selector (suppresses the ⋮ button)
 }) {
   const {
     entityId,
@@ -16746,8 +16748,8 @@ function renderCardComponentV6({
       lastDisconnectTime
     }
   });
+  const selectorOptions = [];
   if (enableActionSelector) {
-    const selectorOptions = [];
     if (typeof handleActionDashboard === "function") {
       selectorOptions.push({
         id: "dashboard",
@@ -16775,7 +16777,7 @@ function renderCardComponentV6({
         onSelect: () => handleActionSettings(entityObject, buildSettingsOpts())
       });
     }
-    if (selectorOptions.length > 0) {
+    if (selectorOptions.length > 0 && !actionSelectorOnCardClick) {
       const selectorBtn = document.createElement("button");
       selectorBtn.className = "card-action action-selector";
       selectorBtn.title = "A\xE7\xF5es";
@@ -16962,7 +16964,13 @@ function renderCardComponentV6({
       }
     });
   }
-  if (typeof handleClickCard === "function") {
+  if (enableActionSelector && actionSelectorOnCardClick && selectorOptions.length > 0) {
+    enhancedCardElement.addEventListener("click", (e) => {
+      if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
+        openCardActionSelector({ title: cardEntity.name, options: selectorOptions });
+      }
+    });
+  } else if (typeof handleClickCard === "function") {
     enhancedCardElement.addEventListener("click", (e) => {
       if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
         handleClickCard(entityObject);
@@ -19656,6 +19664,7 @@ var CardGridPanel = class {
       emptyMessage,
       showTempRangeTooltip,
       enableActionSelector,
+      actionSelectorOnCardClick,
       enableSelection,
       enableDragDrop,
       handleSelect
@@ -19714,7 +19723,8 @@ var CardGridPanel = class {
           useNewComponents: true,
           showTempRangeTooltip: showTempRangeTooltip || false,
           customStyle: cardCustomStyle || void 0,
-          enableActionSelector: enableActionSelector || false
+          enableActionSelector: enableActionSelector || false,
+          actionSelectorOnCardClick: actionSelectorOnCardClick || false
         });
       }
       if (cardResult && cardResult[0]) {

package/dist/myio-js-library.umd.js

@@ -5209,7 +5209,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.519"};
+    version: "0.1.520"};
 
   // src/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -20463,8 +20463,10 @@
     showTempRangeTooltip = false,
     customStyle,
     // V6: Per-card style overrides
-    enableActionSelector = false
+    enableActionSelector = false,
     // V6: "step" — single button opens action selection modal
+    actionSelectorOnCardClick = false
+    // V6: card click opens the selector (suppresses the ⋮ button)
   }) {
     const {
       entityId,
@@ -21310,8 +21312,8 @@
         lastDisconnectTime
       }
     });
+    const selectorOptions = [];
     if (enableActionSelector) {
-      const selectorOptions = [];
       if (typeof handleActionDashboard === "function") {
         selectorOptions.push({
           id: "dashboard",
@@ -21339,7 +21341,7 @@
           onSelect: () => handleActionSettings(entityObject, buildSettingsOpts())
         });
       }
-      if (selectorOptions.length > 0) {
+      if (selectorOptions.length > 0 && !actionSelectorOnCardClick) {
         const selectorBtn = document.createElement("button");
         selectorBtn.className = "card-action action-selector";
         selectorBtn.title = "A\xE7\xF5es";
@@ -21526,7 +21528,13 @@
         }
       });
     }
-    if (typeof handleClickCard === "function") {
+    if (enableActionSelector && actionSelectorOnCardClick && selectorOptions.length > 0) {
+      enhancedCardElement.addEventListener("click", (e) => {
+        if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
+          openCardActionSelector({ title: cardEntity.name, options: selectorOptions });
+        }
+      });
+    } else if (typeof handleClickCard === "function") {
       enhancedCardElement.addEventListener("click", (e) => {
         if (!e.target.closest(".card-action") && !e.target.closest(".card-checkbox")) {
           handleClickCard(entityObject);
@@ -24220,6 +24228,7 @@
         emptyMessage,
         showTempRangeTooltip,
         enableActionSelector,
+        actionSelectorOnCardClick,
         enableSelection,
         enableDragDrop,
         handleSelect
@@ -24278,7 +24287,8 @@
             useNewComponents: true,
             showTempRangeTooltip: showTempRangeTooltip || false,
             customStyle: cardCustomStyle || void 0,
-            enableActionSelector: enableActionSelector || false
+            enableActionSelector: enableActionSelector || false,
+            actionSelectorOnCardClick: actionSelectorOnCardClick || false
           });
         }
         if (cardResult && cardResult[0]) {