myio-js-library 0.1.167 → 0.1.169

package/dist/index.cjs

@@ -23559,9 +23559,15 @@ function createConsumption7DaysChart(config) {
       const canvas = validateCanvas();
       if (!canvas) return;
       try {
-        log("log", `Fetching ${currentPeriod} days of data...`);
-        cachedData = await config.fetchData(currentPeriod);
-        cachedData.fetchTimestamp = Date.now();
+        if (config.initialData) {
+          log("log", "Using initial data (instant display)");
+          cachedData = config.initialData;
+          cachedData.fetchTimestamp = cachedData.fetchTimestamp || Date.now();
+        } else {
+          log("log", `Fetching ${currentPeriod} days of data...`);
+          cachedData = await config.fetchData(currentPeriod);
+          cachedData.fetchTimestamp = Date.now();
+        }
         if (config.onBeforeRender) {
           cachedData = config.onBeforeRender(cachedData);
         }
@@ -23731,7 +23737,7 @@ function createConsumptionModal(config) {
   let currentTheme = config.theme ?? "light";
   let currentChartType = config.defaultChartType ?? "line";
   let currentVizMode = config.defaultVizMode ?? "total";
-  let isMaximized = false;
+  const isMaximized = true;
   const domainCfg = DOMAIN_CONFIG3[config.domain] || { name: config.domain, icon: "\u{1F4CA}" };
   const title = config.title || `${domainCfg.name} - Hist\xF3rico de Consumo`;
   function getThemeColors3() {
@@ -23750,7 +23756,10 @@ function createConsumptionModal(config) {
       title,
       icon: domainCfg.icon,
       theme: currentTheme,
-      isMaximized,
+      isMaximized: true,
+      // Modal is always fullscreen
+      showMaximize: false,
+      // Hide maximize button - modal is already fullscreen
       exportFormats,
       onExport: (format) => {
         if (config.onExport) {
@@ -23768,10 +23777,6 @@ function createConsumptionModal(config) {
         chartInstance?.setTheme(currentTheme);
         updateModal();
       },
-      onMaximize: (maximized) => {
-        isMaximized = maximized;
-        updateModal();
-      },
       onClose: () => {
         instance.close();
       }
@@ -23979,7 +23984,7 @@ function createConsumptionModal(config) {
       typeBarBtn.style.color = currentChartType === "bar" ? "white" : colors.text;
     }
   }
-  function updateModal() {
+  async function updateModal() {
     if (!modalElement) return;
     const cachedData = chartInstance?.getCachedData();
     headerInstance?.destroy();
@@ -23992,9 +23997,11 @@ function createConsumptionModal(config) {
         containerId: `${modalId}-chart`,
         theme: currentTheme,
         defaultChartType: currentChartType,
-        defaultVizMode: currentVizMode
+        defaultVizMode: currentVizMode,
+        initialData: cachedData
+        // RFC-0098: Use initialData for instant re-render
       });
-      chartInstance.update(cachedData);
+      await chartInstance.render();
     }
   }
   const instance = {
@@ -24010,13 +24017,11 @@ function createConsumptionModal(config) {
         containerId: `${modalId}-chart`,
         theme: currentTheme,
         defaultChartType: currentChartType,
-        defaultVizMode: currentVizMode
+        defaultVizMode: currentVizMode,
+        // RFC-0098: Pass initialData to chart config for instant display
+        initialData: config.initialData
       });
-      if (config.initialData) {
-        chartInstance.update(config.initialData);
-      } else {
-        await chartInstance.render();
-      }
+      await chartInstance.render();
     },
     close() {
       if (modalElement) {

package/dist/index.d.cts

@@ -2574,6 +2574,11 @@ interface Consumption7DaysConfig {
      * @returns Promise resolving to consumption data
      */
     fetchData: (period: number) => Promise<Consumption7DaysData>;
+    /**
+     * Initial data to display (skips fetch if provided)
+     * Useful for modal/fullscreen views that reuse cached data
+     */
+    initialData?: Consumption7DaysData;
     /** Large unit for values above threshold (MWh, etc.) - null to disable */
     unitLarge?: string | null;
     /** Threshold value to switch to large unit (1000 for kWh->MWh) */

package/dist/index.js

@@ -23418,9 +23418,15 @@ function createConsumption7DaysChart(config) {
       const canvas = validateCanvas();
       if (!canvas) return;
       try {
-        log("log", `Fetching ${currentPeriod} days of data...`);
-        cachedData = await config.fetchData(currentPeriod);
-        cachedData.fetchTimestamp = Date.now();
+        if (config.initialData) {
+          log("log", "Using initial data (instant display)");
+          cachedData = config.initialData;
+          cachedData.fetchTimestamp = cachedData.fetchTimestamp || Date.now();
+        } else {
+          log("log", `Fetching ${currentPeriod} days of data...`);
+          cachedData = await config.fetchData(currentPeriod);
+          cachedData.fetchTimestamp = Date.now();
+        }
         if (config.onBeforeRender) {
           cachedData = config.onBeforeRender(cachedData);
         }
@@ -23590,7 +23596,7 @@ function createConsumptionModal(config) {
   let currentTheme = config.theme ?? "light";
   let currentChartType = config.defaultChartType ?? "line";
   let currentVizMode = config.defaultVizMode ?? "total";
-  let isMaximized = false;
+  const isMaximized = true;
   const domainCfg = DOMAIN_CONFIG3[config.domain] || { name: config.domain, icon: "\u{1F4CA}" };
   const title = config.title || `${domainCfg.name} - Hist\xF3rico de Consumo`;
   function getThemeColors3() {
@@ -23609,7 +23615,10 @@ function createConsumptionModal(config) {
       title,
       icon: domainCfg.icon,
       theme: currentTheme,
-      isMaximized,
+      isMaximized: true,
+      // Modal is always fullscreen
+      showMaximize: false,
+      // Hide maximize button - modal is already fullscreen
       exportFormats,
       onExport: (format) => {
         if (config.onExport) {
@@ -23627,10 +23636,6 @@ function createConsumptionModal(config) {
         chartInstance?.setTheme(currentTheme);
         updateModal();
       },
-      onMaximize: (maximized) => {
-        isMaximized = maximized;
-        updateModal();
-      },
       onClose: () => {
         instance.close();
       }
@@ -23838,7 +23843,7 @@ function createConsumptionModal(config) {
       typeBarBtn.style.color = currentChartType === "bar" ? "white" : colors.text;
     }
   }
-  function updateModal() {
+  async function updateModal() {
     if (!modalElement) return;
     const cachedData = chartInstance?.getCachedData();
     headerInstance?.destroy();
@@ -23851,9 +23856,11 @@ function createConsumptionModal(config) {
         containerId: `${modalId}-chart`,
         theme: currentTheme,
         defaultChartType: currentChartType,
-        defaultVizMode: currentVizMode
+        defaultVizMode: currentVizMode,
+        initialData: cachedData
+        // RFC-0098: Use initialData for instant re-render
       });
-      chartInstance.update(cachedData);
+      await chartInstance.render();
     }
   }
   const instance = {
@@ -23869,13 +23876,11 @@ function createConsumptionModal(config) {
         containerId: `${modalId}-chart`,
         theme: currentTheme,
         defaultChartType: currentChartType,
-        defaultVizMode: currentVizMode
+        defaultVizMode: currentVizMode,
+        // RFC-0098: Pass initialData to chart config for instant display
+        initialData: config.initialData
       });
-      if (config.initialData) {
-        chartInstance.update(config.initialData);
-      } else {
-        await chartInstance.render();
-      }
+      await chartInstance.render();
     },
     close() {
       if (modalElement) {

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

@@ -23236,9 +23236,15 @@ ${rangeText}`;
         const canvas = validateCanvas();
         if (!canvas) return;
         try {
-          log("log", `Fetching ${currentPeriod} days of data...`);
-          cachedData = await config.fetchData(currentPeriod);
-          cachedData.fetchTimestamp = Date.now();
+          if (config.initialData) {
+            log("log", "Using initial data (instant display)");
+            cachedData = config.initialData;
+            cachedData.fetchTimestamp = cachedData.fetchTimestamp || Date.now();
+          } else {
+            log("log", `Fetching ${currentPeriod} days of data...`);
+            cachedData = await config.fetchData(currentPeriod);
+            cachedData.fetchTimestamp = Date.now();
+          }
           if (config.onBeforeRender) {
             cachedData = config.onBeforeRender(cachedData);
           }
@@ -23408,7 +23414,6 @@ ${rangeText}`;
     let currentTheme = config.theme ?? "light";
     let currentChartType = config.defaultChartType ?? "line";
     let currentVizMode = config.defaultVizMode ?? "total";
-    let isMaximized = false;
     const domainCfg = DOMAIN_CONFIG3[config.domain] || { name: config.domain, icon: "\u{1F4CA}" };
     const title = config.title || `${domainCfg.name} - Hist\xF3rico de Consumo`;
     function getThemeColors3() {
@@ -23427,7 +23432,10 @@ ${rangeText}`;
         title,
         icon: domainCfg.icon,
         theme: currentTheme,
-        isMaximized,
+        isMaximized: true,
+        // Modal is always fullscreen
+        showMaximize: false,
+        // Hide maximize button - modal is already fullscreen
         exportFormats,
         onExport: (format) => {
           if (config.onExport) {
@@ -23445,10 +23453,6 @@ ${rangeText}`;
           chartInstance?.setTheme(currentTheme);
           updateModal();
         },
-        onMaximize: (maximized) => {
-          isMaximized = maximized;
-          updateModal();
-        },
         onClose: () => {
           instance.close();
         }
@@ -23517,10 +23521,10 @@ ${rangeText}`;
       ">
         <div class="myio-consumption-modal-content" style="
           background: ${colors.chartBackground};
-          border-radius: ${isMaximized ? "0" : "10px"};
-          width: ${isMaximized ? "100%" : "95%"};
-          max-width: ${isMaximized ? "100%" : "1200px"};
-          height: ${isMaximized ? "100%" : "85vh"};
+          border-radius: ${"0" };
+          width: ${"100%" };
+          max-width: ${"100%" };
+          height: ${"100%" };
           display: flex;
           flex-direction: column;
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -23656,7 +23660,7 @@ ${rangeText}`;
         typeBarBtn.style.color = currentChartType === "bar" ? "white" : colors.text;
       }
     }
-    function updateModal() {
+    async function updateModal() {
       if (!modalElement) return;
       const cachedData = chartInstance?.getCachedData();
       headerInstance?.destroy();
@@ -23669,9 +23673,11 @@ ${rangeText}`;
           containerId: `${modalId}-chart`,
           theme: currentTheme,
           defaultChartType: currentChartType,
-          defaultVizMode: currentVizMode
+          defaultVizMode: currentVizMode,
+          initialData: cachedData
+          // RFC-0098: Use initialData for instant re-render
         });
-        chartInstance.update(cachedData);
+        await chartInstance.render();
       }
     }
     const instance = {
@@ -23687,13 +23693,11 @@ ${rangeText}`;
           containerId: `${modalId}-chart`,
           theme: currentTheme,
           defaultChartType: currentChartType,
-          defaultVizMode: currentVizMode
+          defaultVizMode: currentVizMode,
+          // RFC-0098: Pass initialData to chart config for instant display
+          initialData: config.initialData
         });
-        if (config.initialData) {
-          chartInstance.update(config.initialData);
-        } else {
-          await chartInstance.render();
-        }
+        await chartInstance.render();
       },
       close() {
         if (modalElement) {