myio-js-library 0.1.293 → 0.1.296

package/dist/index.cjs

@@ -10575,7 +10575,7 @@ function renderCardComponentHeadOffice(containerEl, params) {
   ensureCss();
   const state6 = normalizeParams(params);
   const root = buildDOM(state6);
-  state6.isSelected = params.isSelected || false;
+  state6.isSelected = typeof params.isSelected === "function" ? params.isSelected() : params.isSelected || false;
   containerEl.appendChild(root);
   bindEvents(root, state6, state6.callbacks);
   paint(root, state6);
@@ -59702,6 +59702,7 @@ var MenuView = class {
   availableShoppings = [];
   /**
    * Update available shoppings
+   * RFC-0126: Dispatches myio:customers-ready event for MAIN orchestrator
    */
   updateShoppings(shoppings) {
     this.availableShoppings = shoppings;
@@ -59709,6 +59710,17 @@ var MenuView = class {
       shoppings.forEach((s) => this.filterSelection.add(s.value));
     }
     this.renderFilterList();
+    window.dispatchEvent(
+      new CustomEvent("myio:customers-ready", {
+        detail: {
+          count: shoppings.length,
+          customers: shoppings
+        }
+      })
+    );
+    if (this.configTemplate.enableDebugMode) {
+      console.log("[MenuView] myio:customers-ready dispatched:", shoppings.length, "customers");
+    }
   }
   /**
    * Get selected shoppings
@@ -60049,9 +60061,22 @@ var MenuView = class {
   }
   /**
    * Handle filter apply
+   * RFC-0126: Dispatches myio:filter-applied event for MAIN orchestrator
    */
   handleFilterApply() {
     const selected = this.getSelectedShoppings();
+    window.custumersSelected = selected;
+    window.dispatchEvent(
+      new CustomEvent("myio:filter-applied", {
+        detail: {
+          selection: selected,
+          ts: Date.now()
+        }
+      })
+    );
+    if (this.configTemplate.enableDebugMode) {
+      console.log("[MenuView] myio:filter-applied dispatched:", selected.length, "selected");
+    }
     this.emit("filter-apply", selected);
     this.closeFilterModal();
   }
@@ -61846,6 +61871,8 @@ var TelemetryGridView = class {
       container: headerContainer,
       domain: this.controller.getDomain(),
       idPrefix: contextConfig.idPrefix,
+      themeMode: this.controller.getThemeMode(),
+      // RFC-0125: Pass theme from controller
       labels: {
         total: contextConfig.headerLabel,
         consumption: `${domainConfig.headerLabel} ${contextConfig.headerLabel}`
@@ -62074,24 +62101,27 @@ var TelemetryGridView = class {
         modalClass: "telemetry-modal",
         primaryColor: this.getCSSVariableValue("--telemetry-primary") || "#f59e0b",
         itemIdAttr: "data-device-id",
-        getItems: () => this.controller.getDevices(),
-        getItemStatus: (item) => item.deviceStatus || this.controller.calculateDeviceStatus(item),
+        themeMode: this.controller.getThemeMode(),
+        // RFC-0125: Pass theme from controller
         filterTabs: [
           { id: "all", label: "Todos", filter: () => true },
           {
             id: "online",
             label: "Online",
-            filter: (d) => d.deviceStatus === "power_on"
+            filter: (d) => {
+              const status = (d.deviceStatus || "").toLowerCase();
+              return status === "power_on" || status === "normal" || status === "standby" || status === "alert";
+            }
           },
           {
             id: "offline",
             label: "Offline",
-            filter: (d) => d.deviceStatus === "offline"
+            filter: (d) => (d.deviceStatus || "").toLowerCase() === "offline"
           },
           {
             id: "notInstalled",
             label: "Nao Instalado",
-            filter: (d) => d.deviceStatus === "not_installed"
+            filter: (d) => (d.deviceStatus || "").toLowerCase() === "not_installed"
           },
           {
             id: "withConsumption",
@@ -62110,20 +62140,23 @@ var TelemetryGridView = class {
             }
           }
         ],
-        sortOptions: [
-          { id: "cons_desc", label: `${domainConfig.headerLabel} (maior)`, icon: "\u2193" },
-          { id: "cons_asc", label: `${domainConfig.headerLabel} (menor)`, icon: "\u2191" },
-          { id: "alpha_asc", label: "Nome (A-Z)", icon: "A" },
-          { id: "alpha_desc", label: "Nome (Z-A)", icon: "Z" },
-          { id: "shopping_asc", label: "Shopping (A-Z)", icon: "\u{1F3E2}" },
-          { id: "shopping_desc", label: "Shopping (Z-A)", icon: "\u{1F3E2}" }
-        ],
-        onFilterChange: (selectedIds) => {
-          this.controller.setDeviceFilter(selectedIds);
+        getItemId: (d) => d.entityId || "",
+        getItemLabel: (d) => d.labelOrName || d.deviceIdentifier || "",
+        getItemValue: (d) => Number(d.val) || Number(d.value) || 0,
+        getItemSubLabel: (d) => d.deviceStatus || "",
+        formatValue: (val) => domainConfig.formatValue ? domainConfig.formatValue(val) : `${val.toFixed(2)}`,
+        onApply: (filters) => {
+          this.log("Filter applied:", filters);
+          if (filters.selectedIds !== void 0) {
+            this.controller.setDeviceFilter(filters.selectedIds);
+          }
+          if (filters.sortMode) {
+            this.controller.setSortMode(filters.sortMode);
+            this.emit("sort-change", filters.sortMode);
+          }
         },
-        onSortChange: (sortMode) => {
-          this.controller.setSortMode(sortMode);
-          this.emit("sort-change", sortMode);
+        onClose: () => {
+          this.log("Filter modal closed");
         }
       });
     }

package/dist/index.d.cts

@@ -8582,6 +8582,7 @@ declare class MenuView {
     private availableShoppings;
     /**
      * Update available shoppings
+     * RFC-0126: Dispatches myio:customers-ready event for MAIN orchestrator
      */
     updateShoppings(shoppings: Shopping$1[]): void;
     /**
@@ -8618,6 +8619,7 @@ declare class MenuView {
     private buildFilterTooltipData;
     /**
      * Handle filter apply
+     * RFC-0126: Dispatches myio:filter-applied event for MAIN orchestrator
      */
     private handleFilterApply;
     /**
@@ -8966,6 +8968,7 @@ interface HeaderGridConfig {
     container: string | HTMLElement;
     domain: TelemetryDomain;
     idPrefix: string;
+    themeMode?: ThemeMode;
     labels: {
         total: string;
         consumption: string;
@@ -8985,10 +8988,11 @@ interface FilterTab$1 {
     label: string;
     filter: (device: TelemetryDevice) => boolean;
 }
-interface SortOption {
-    id: SortMode$1;
-    label: string;
-    icon: string;
+interface AppliedFilters$1 {
+    selectedIds: Set<string> | null;
+    sortMode: SortMode$1;
+    statusFilter?: string;
+    consumptionFilter?: string;
 }
 interface FilterModalConfig {
     widgetName: string;
@@ -8996,12 +9000,15 @@ interface FilterModalConfig {
     modalClass: string;
     primaryColor: string;
     itemIdAttr: string;
-    getItems: () => TelemetryDevice[];
-    getItemStatus: (item: TelemetryDevice) => string;
+    themeMode?: ThemeMode;
     filterTabs: FilterTab$1[];
-    sortOptions: SortOption[];
-    onFilterChange: (selectedIds: Set<string> | null) => void;
-    onSortChange: (sortMode: SortMode$1) => void;
+    getItemId?: (item: TelemetryDevice) => string;
+    getItemLabel?: (item: TelemetryDevice) => string;
+    getItemValue?: (item: TelemetryDevice) => number;
+    getItemSubLabel?: (item: TelemetryDevice) => string;
+    formatValue?: (val: number) => string;
+    onApply?: (filters: AppliedFilters$1) => void;
+    onClose?: () => void;
 }
 interface FilterModalController$1 {
     open: (devices: TelemetryDevice[]) => void;

package/dist/index.js

@@ -10324,7 +10324,7 @@ function renderCardComponentHeadOffice(containerEl, params) {
   ensureCss();
   const state6 = normalizeParams(params);
   const root = buildDOM(state6);
-  state6.isSelected = params.isSelected || false;
+  state6.isSelected = typeof params.isSelected === "function" ? params.isSelected() : params.isSelected || false;
   containerEl.appendChild(root);
   bindEvents(root, state6, state6.callbacks);
   paint(root, state6);
@@ -59451,6 +59451,7 @@ var MenuView = class {
   availableShoppings = [];
   /**
    * Update available shoppings
+   * RFC-0126: Dispatches myio:customers-ready event for MAIN orchestrator
    */
   updateShoppings(shoppings) {
     this.availableShoppings = shoppings;
@@ -59458,6 +59459,17 @@ var MenuView = class {
       shoppings.forEach((s) => this.filterSelection.add(s.value));
     }
     this.renderFilterList();
+    window.dispatchEvent(
+      new CustomEvent("myio:customers-ready", {
+        detail: {
+          count: shoppings.length,
+          customers: shoppings
+        }
+      })
+    );
+    if (this.configTemplate.enableDebugMode) {
+      console.log("[MenuView] myio:customers-ready dispatched:", shoppings.length, "customers");
+    }
   }
   /**
    * Get selected shoppings
@@ -59798,9 +59810,22 @@ var MenuView = class {
   }
   /**
    * Handle filter apply
+   * RFC-0126: Dispatches myio:filter-applied event for MAIN orchestrator
    */
   handleFilterApply() {
     const selected = this.getSelectedShoppings();
+    window.custumersSelected = selected;
+    window.dispatchEvent(
+      new CustomEvent("myio:filter-applied", {
+        detail: {
+          selection: selected,
+          ts: Date.now()
+        }
+      })
+    );
+    if (this.configTemplate.enableDebugMode) {
+      console.log("[MenuView] myio:filter-applied dispatched:", selected.length, "selected");
+    }
     this.emit("filter-apply", selected);
     this.closeFilterModal();
   }
@@ -61595,6 +61620,8 @@ var TelemetryGridView = class {
       container: headerContainer,
       domain: this.controller.getDomain(),
       idPrefix: contextConfig.idPrefix,
+      themeMode: this.controller.getThemeMode(),
+      // RFC-0125: Pass theme from controller
       labels: {
         total: contextConfig.headerLabel,
         consumption: `${domainConfig.headerLabel} ${contextConfig.headerLabel}`
@@ -61823,24 +61850,27 @@ var TelemetryGridView = class {
         modalClass: "telemetry-modal",
         primaryColor: this.getCSSVariableValue("--telemetry-primary") || "#f59e0b",
         itemIdAttr: "data-device-id",
-        getItems: () => this.controller.getDevices(),
-        getItemStatus: (item) => item.deviceStatus || this.controller.calculateDeviceStatus(item),
+        themeMode: this.controller.getThemeMode(),
+        // RFC-0125: Pass theme from controller
         filterTabs: [
           { id: "all", label: "Todos", filter: () => true },
           {
             id: "online",
             label: "Online",
-            filter: (d) => d.deviceStatus === "power_on"
+            filter: (d) => {
+              const status = (d.deviceStatus || "").toLowerCase();
+              return status === "power_on" || status === "normal" || status === "standby" || status === "alert";
+            }
           },
           {
             id: "offline",
             label: "Offline",
-            filter: (d) => d.deviceStatus === "offline"
+            filter: (d) => (d.deviceStatus || "").toLowerCase() === "offline"
           },
           {
             id: "notInstalled",
             label: "Nao Instalado",
-            filter: (d) => d.deviceStatus === "not_installed"
+            filter: (d) => (d.deviceStatus || "").toLowerCase() === "not_installed"
           },
           {
             id: "withConsumption",
@@ -61859,20 +61889,23 @@ var TelemetryGridView = class {
             }
           }
         ],
-        sortOptions: [
-          { id: "cons_desc", label: `${domainConfig.headerLabel} (maior)`, icon: "\u2193" },
-          { id: "cons_asc", label: `${domainConfig.headerLabel} (menor)`, icon: "\u2191" },
-          { id: "alpha_asc", label: "Nome (A-Z)", icon: "A" },
-          { id: "alpha_desc", label: "Nome (Z-A)", icon: "Z" },
-          { id: "shopping_asc", label: "Shopping (A-Z)", icon: "\u{1F3E2}" },
-          { id: "shopping_desc", label: "Shopping (Z-A)", icon: "\u{1F3E2}" }
-        ],
-        onFilterChange: (selectedIds) => {
-          this.controller.setDeviceFilter(selectedIds);
+        getItemId: (d) => d.entityId || "",
+        getItemLabel: (d) => d.labelOrName || d.deviceIdentifier || "",
+        getItemValue: (d) => Number(d.val) || Number(d.value) || 0,
+        getItemSubLabel: (d) => d.deviceStatus || "",
+        formatValue: (val) => domainConfig.formatValue ? domainConfig.formatValue(val) : `${val.toFixed(2)}`,
+        onApply: (filters) => {
+          this.log("Filter applied:", filters);
+          if (filters.selectedIds !== void 0) {
+            this.controller.setDeviceFilter(filters.selectedIds);
+          }
+          if (filters.sortMode) {
+            this.controller.setSortMode(filters.sortMode);
+            this.emit("sort-change", filters.sortMode);
+          }
         },
-        onSortChange: (sortMode) => {
-          this.controller.setSortMode(sortMode);
-          this.emit("sort-change", sortMode);
+        onClose: () => {
+          this.log("Filter modal closed");
         }
       });
     }

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

@@ -10311,7 +10311,7 @@
     ensureCss();
     const state6 = normalizeParams(params);
     const root = buildDOM(state6);
-    state6.isSelected = params.isSelected || false;
+    state6.isSelected = typeof params.isSelected === "function" ? params.isSelected() : params.isSelected || false;
     containerEl.appendChild(root);
     bindEvents(root, state6, state6.callbacks);
     paint(root, state6);
@@ -59257,6 +59257,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     availableShoppings = [];
     /**
      * Update available shoppings
+     * RFC-0126: Dispatches myio:customers-ready event for MAIN orchestrator
      */
     updateShoppings(shoppings) {
       this.availableShoppings = shoppings;
@@ -59264,6 +59265,17 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
         shoppings.forEach((s) => this.filterSelection.add(s.value));
       }
       this.renderFilterList();
+      window.dispatchEvent(
+        new CustomEvent("myio:customers-ready", {
+          detail: {
+            count: shoppings.length,
+            customers: shoppings
+          }
+        })
+      );
+      if (this.configTemplate.enableDebugMode) {
+        console.log("[MenuView] myio:customers-ready dispatched:", shoppings.length, "customers");
+      }
     }
     /**
      * Get selected shoppings
@@ -59604,9 +59616,22 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     }
     /**
      * Handle filter apply
+     * RFC-0126: Dispatches myio:filter-applied event for MAIN orchestrator
      */
     handleFilterApply() {
       const selected = this.getSelectedShoppings();
+      window.custumersSelected = selected;
+      window.dispatchEvent(
+        new CustomEvent("myio:filter-applied", {
+          detail: {
+            selection: selected,
+            ts: Date.now()
+          }
+        })
+      );
+      if (this.configTemplate.enableDebugMode) {
+        console.log("[MenuView] myio:filter-applied dispatched:", selected.length, "selected");
+      }
       this.emit("filter-apply", selected);
       this.closeFilterModal();
     }
@@ -61401,6 +61426,8 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
         container: headerContainer,
         domain: this.controller.getDomain(),
         idPrefix: contextConfig.idPrefix,
+        themeMode: this.controller.getThemeMode(),
+        // RFC-0125: Pass theme from controller
         labels: {
           total: contextConfig.headerLabel,
           consumption: `${domainConfig.headerLabel} ${contextConfig.headerLabel}`
@@ -61629,24 +61656,27 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
           modalClass: "telemetry-modal",
           primaryColor: this.getCSSVariableValue("--telemetry-primary") || "#f59e0b",
           itemIdAttr: "data-device-id",
-          getItems: () => this.controller.getDevices(),
-          getItemStatus: (item) => item.deviceStatus || this.controller.calculateDeviceStatus(item),
+          themeMode: this.controller.getThemeMode(),
+          // RFC-0125: Pass theme from controller
           filterTabs: [
             { id: "all", label: "Todos", filter: () => true },
             {
               id: "online",
               label: "Online",
-              filter: (d) => d.deviceStatus === "power_on"
+              filter: (d) => {
+                const status = (d.deviceStatus || "").toLowerCase();
+                return status === "power_on" || status === "normal" || status === "standby" || status === "alert";
+              }
             },
             {
               id: "offline",
               label: "Offline",
-              filter: (d) => d.deviceStatus === "offline"
+              filter: (d) => (d.deviceStatus || "").toLowerCase() === "offline"
             },
             {
               id: "notInstalled",
               label: "Nao Instalado",
-              filter: (d) => d.deviceStatus === "not_installed"
+              filter: (d) => (d.deviceStatus || "").toLowerCase() === "not_installed"
             },
             {
               id: "withConsumption",
@@ -61665,20 +61695,23 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
               }
             }
           ],
-          sortOptions: [
-            { id: "cons_desc", label: `${domainConfig.headerLabel} (maior)`, icon: "\u2193" },
-            { id: "cons_asc", label: `${domainConfig.headerLabel} (menor)`, icon: "\u2191" },
-            { id: "alpha_asc", label: "Nome (A-Z)", icon: "A" },
-            { id: "alpha_desc", label: "Nome (Z-A)", icon: "Z" },
-            { id: "shopping_asc", label: "Shopping (A-Z)", icon: "\u{1F3E2}" },
-            { id: "shopping_desc", label: "Shopping (Z-A)", icon: "\u{1F3E2}" }
-          ],
-          onFilterChange: (selectedIds) => {
-            this.controller.setDeviceFilter(selectedIds);
+          getItemId: (d) => d.entityId || "",
+          getItemLabel: (d) => d.labelOrName || d.deviceIdentifier || "",
+          getItemValue: (d) => Number(d.val) || Number(d.value) || 0,
+          getItemSubLabel: (d) => d.deviceStatus || "",
+          formatValue: (val) => domainConfig.formatValue ? domainConfig.formatValue(val) : `${val.toFixed(2)}`,
+          onApply: (filters) => {
+            this.log("Filter applied:", filters);
+            if (filters.selectedIds !== void 0) {
+              this.controller.setDeviceFilter(filters.selectedIds);
+            }
+            if (filters.sortMode) {
+              this.controller.setSortMode(filters.sortMode);
+              this.emit("sort-change", filters.sortMode);
+            }
           },
-          onSortChange: (sortMode) => {
-            this.controller.setSortMode(sortMode);
-            this.emit("sort-change", sortMode);
+          onClose: () => {
+            this.log("Filter modal closed");
           }
         });
       }