myio-js-library 0.1.415 → 0.1.416

package/dist/index.cjs

@@ -1122,7 +1122,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.415",
+  version: "0.1.416",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -105080,9 +105080,9 @@ function mapApiStats(api) {
 }
 function mapApiTrend(apiTrend) {
   return (apiTrend || []).map((point) => ({
-    label: point.period,
-    timestamp: new Date(point.period).getTime() || 0,
-    total: point.count,
+    label: point.label || point.period,
+    timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+    total: point.total ?? point.count,
     bySeverity: point.bySeverity ? {
       CRITICAL: point.bySeverity.CRITICAL ?? 0,
       HIGH: point.bySeverity.HIGH ?? 0,
@@ -105913,6 +105913,9 @@ var AlarmsNotificationsPanelView = class {
   groupedAlarms = [];
   // View mode: 'card' (default) or 'list' (table)
   viewMode = "card";
+  // Trend chart data (fetched once when Dashboard tab first opens)
+  trendData = [];
+  trendFetched = false;
   // Group mode:
   //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
   //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -106301,18 +106304,32 @@ var AlarmsNotificationsPanelView = class {
     this.emit("cards-rendered", this.groupedAlarms.length);
   }
   /**
-   * Render dashboard tab content
+   * Render dashboard tab content.
+   * Trend data is fetched asynchronously on first open and injected when ready.
    */
   renderDashboardContent(state6) {
     if (!this.root) return;
     const container = this.root.querySelector("#dashboardContent");
     if (!container) return;
     if (container.children.length > 0) {
-      updateDashboard(container, state6.stats);
+      updateDashboard(container, state6.stats, this.trendData);
     } else {
-      container.innerHTML = renderDashboard(state6.stats);
+      container.innerHTML = renderDashboard(state6.stats, this.trendData);
     }
     this.emit("stats-updated", state6.stats);
+    if (!this.trendFetched && this.params.tenantId) {
+      this.trendFetched = true;
+      AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+        this.trendData = data;
+        const trendArea = container.querySelector(
+          ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+        );
+        if (trendArea) {
+          updateDashboard(container, this.controller.getState().stats, this.trendData);
+        }
+      }).catch(() => {
+      });
+    }
   }
   // =====================================================================
   // Bulk Selection

package/dist/index.d.cts

@@ -14437,6 +14437,8 @@ interface AlarmsNotificationsPanelParams {
     alarmsApiBaseUrl?: string;
     /** Alarms API key (required — no hardcoded fallback) */
     alarmsApiKey?: string;
+    /** GCDR Tenant ID — required for trend/stats API calls (query param tenantId) */
+    tenantId?: string;
     /** Theme mode (default: 'dark') */
     themeMode?: ThemeMode;
     /** Enable debug logging */
@@ -14751,6 +14753,8 @@ declare class AlarmsNotificationsPanelView {
     private selectedTitles;
     private groupedAlarms;
     private viewMode;
+    private trendData;
+    private trendFetched;
     private groupMode;
     private sortCol;
     private sortDir;
@@ -14784,7 +14788,8 @@ declare class AlarmsNotificationsPanelView {
      */
     private renderListContent;
     /**
-     * Render dashboard tab content
+     * Render dashboard tab content.
+     * Trend data is fetched asynchronously on first open and injected when ready.
      */
     private renderDashboardContent;
     private handleAlarmSelect;
@@ -17985,6 +17990,13 @@ interface AlarmStatsApiResponse {
 }
 interface AlarmTrendApiPoint {
     period: string;
+    /** Pre-formatted display label returned by the API (e.g. "23/02") */
+    label?: string;
+    /** Millisecond timestamp returned by the API */
+    timestamp?: number;
+    /** Total alarm count (preferred field) */
+    total?: number;
+    /** Total alarm count (alias — same value as total) */
     count: number;
     bySeverity?: Record<string, number>;
 }

package/dist/index.js

@@ -546,7 +546,7 @@ var init_template_card = __esm({
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.415",
+  version: "0.1.416",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -104504,9 +104504,9 @@ function mapApiStats(api) {
 }
 function mapApiTrend(apiTrend) {
   return (apiTrend || []).map((point) => ({
-    label: point.period,
-    timestamp: new Date(point.period).getTime() || 0,
-    total: point.count,
+    label: point.label || point.period,
+    timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+    total: point.total ?? point.count,
     bySeverity: point.bySeverity ? {
       CRITICAL: point.bySeverity.CRITICAL ?? 0,
       HIGH: point.bySeverity.HIGH ?? 0,
@@ -105337,6 +105337,9 @@ var AlarmsNotificationsPanelView = class {
   groupedAlarms = [];
   // View mode: 'card' (default) or 'list' (table)
   viewMode = "card";
+  // Trend chart data (fetched once when Dashboard tab first opens)
+  trendData = [];
+  trendFetched = false;
   // Group mode:
   //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
   //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -105725,18 +105728,32 @@ var AlarmsNotificationsPanelView = class {
     this.emit("cards-rendered", this.groupedAlarms.length);
   }
   /**
-   * Render dashboard tab content
+   * Render dashboard tab content.
+   * Trend data is fetched asynchronously on first open and injected when ready.
    */
   renderDashboardContent(state6) {
     if (!this.root) return;
     const container = this.root.querySelector("#dashboardContent");
     if (!container) return;
     if (container.children.length > 0) {
-      updateDashboard(container, state6.stats);
+      updateDashboard(container, state6.stats, this.trendData);
     } else {
-      container.innerHTML = renderDashboard(state6.stats);
+      container.innerHTML = renderDashboard(state6.stats, this.trendData);
     }
     this.emit("stats-updated", state6.stats);
+    if (!this.trendFetched && this.params.tenantId) {
+      this.trendFetched = true;
+      AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+        this.trendData = data;
+        const trendArea = container.querySelector(
+          ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+        );
+        if (trendArea) {
+          updateDashboard(container, this.controller.getState().stats, this.trendData);
+        }
+      }).catch(() => {
+      });
+    }
   }
   // =====================================================================
   // Bulk Selection

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

@@ -551,7 +551,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.415"};
+    version: "0.1.416"};
 
   // src/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -104231,9 +104231,9 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   }
   function mapApiTrend(apiTrend) {
     return (apiTrend || []).map((point) => ({
-      label: point.period,
-      timestamp: new Date(point.period).getTime() || 0,
-      total: point.count,
+      label: point.label || point.period,
+      timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+      total: point.total ?? point.count,
       bySeverity: point.bySeverity ? {
         CRITICAL: point.bySeverity.CRITICAL ?? 0,
         HIGH: point.bySeverity.HIGH ?? 0,
@@ -105010,7 +105010,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   }
   function renderDashboard(stats, trendData) {
     const kpiCards = renderKPICards(stats);
-    const trendChart = renderTrendChart([]);
+    const trendChart = renderTrendChart(trendData || []);
     const stateDonut = renderStateDonutChart(stats.byState);
     const severityBars = renderSeverityBarChart(stats.bySeverity);
     return `
@@ -105040,7 +105040,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     updateKPIValues(container, stats);
     const trendArea = container.querySelector(".alarms-chart-card:nth-child(1) .alarms-chart-area");
     if (trendArea) {
-      trendArea.innerHTML = renderTrendChart([]);
+      trendArea.innerHTML = renderTrendChart(trendData || []);
     }
     const stateArea = container.querySelector(".alarms-chart-card:nth-child(2) .alarms-chart-area");
     if (stateArea) {
@@ -105064,6 +105064,9 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     groupedAlarms = [];
     // View mode: 'card' (default) or 'list' (table)
     viewMode = "card";
+    // Trend chart data (fetched once when Dashboard tab first opens)
+    trendData = [];
+    trendFetched = false;
     // Group mode:
     //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
     //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -105452,18 +105455,32 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
       this.emit("cards-rendered", this.groupedAlarms.length);
     }
     /**
-     * Render dashboard tab content
+     * Render dashboard tab content.
+     * Trend data is fetched asynchronously on first open and injected when ready.
      */
     renderDashboardContent(state6) {
       if (!this.root) return;
       const container = this.root.querySelector("#dashboardContent");
       if (!container) return;
       if (container.children.length > 0) {
-        updateDashboard(container, state6.stats);
+        updateDashboard(container, state6.stats, this.trendData);
       } else {
-        container.innerHTML = renderDashboard(state6.stats);
+        container.innerHTML = renderDashboard(state6.stats, this.trendData);
       }
       this.emit("stats-updated", state6.stats);
+      if (!this.trendFetched && this.params.tenantId) {
+        this.trendFetched = true;
+        AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+          this.trendData = data;
+          const trendArea = container.querySelector(
+            ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+          );
+          if (trendArea) {
+            updateDashboard(container, this.controller.getState().stats, this.trendData);
+          }
+        }).catch(() => {
+        });
+      }
     }
     // =====================================================================
     // Bulk Selection