myio-js-library 0.1.72 → 0.1.74

package/dist/index.cjs

@@ -10887,9 +10887,7 @@ var STRINGS = {
     title: "Demanda",
     period: "Per\xEDodo",
     maximum: "M\xE1xima",
-    at: "no dia",
-    atTime: "\xE1s",
-    timeUnit: "hs",
+    at: "em",
     exportPdf: "Exportar PDF",
     exportCsv: "Exportar CSV",
     fullscreen: "Tela cheia",
@@ -10913,8 +10911,6 @@ var STRINGS = {
     period: "Period",
     maximum: "Maximum",
     at: "on",
-    atTime: "at",
-    timeUnit: "",
     exportPdf: "Export PDF",
     exportCsv: "Export CSV",
     fullscreen: "Fullscreen",
@@ -11372,9 +11368,7 @@ function formatDateTime(date, locale) {
   return date.toLocaleDateString(locale, {
     day: "2-digit",
     month: "2-digit",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
+    year: "numeric"
   });
 }
 async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11401,11 +11395,13 @@ async function fetchTelemetryData(token, deviceId, startDate, endDate, queryPara
   const data = await response.json();
   return data;
 }
-function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation) {
+function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation, timezoneOffset) {
   const seriesKeys = keys.split(",").map((k) => k.trim());
   const seriesData = [];
   let globalPeak = null;
   let isEmpty = true;
+  const tzOffset = timezoneOffset !== void 0 ? timezoneOffset : -3;
+  const tzOffsetMs = tzOffset * 60 * 60 * 1e3;
   const colors = ["#4A148C", "#2196F3", "#4CAF50", "#FF9800", "#F44336", "#9C27B0", "#795548", "#607D8B"];
   seriesKeys.forEach((key, index) => {
     const rawSeries = rawData[key] || [];
@@ -11421,7 +11417,7 @@ function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, ag
       for (let i = 0; i < sortedData.length; i++) {
         const current = sortedData[i];
         const value = parseFloat(current.value) * correctionFactor;
-        const timestamp = current.ts;
+        const timestamp = current.ts + tzOffsetMs;
         points.push({
           x: timestamp,
           y: value
@@ -11439,8 +11435,9 @@ function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, ag
           const deltaHours = (currentTs - previousTs) / (1e3 * 60 * 60);
           if (deltaWh > 0 && deltaHours > 0) {
             const demandKw = deltaWh / 1e3 / deltaHours * correctionFactor;
+            const timestamp = currentTs + tzOffsetMs;
             points.push({
-              x: currentTs,
+              x: timestamp,
               y: demandKw
             });
           }
@@ -11655,10 +11652,10 @@ async function openDemandModal(params) {
     btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
     try {
       const BOM = "\uFEFF";
-      let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
+      let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
       chartData.series.forEach((series) => {
         series.points.forEach((point) => {
-          const dateStr2 = formatDateTime(new Date(point.x), locale);
+          const dateStr2 = formatDate2(new Date(point.x), locale);
           const value = point.y.toFixed(2);
           csv += `${dateStr2},${series.label},${value}
 `;
@@ -11730,12 +11727,12 @@ async function openDemandModal(params) {
         currentY += 10;
         const samplePoints = chartData.series[0].points.slice(0, 10);
         doc.setFontSize(10);
-        doc.text("Data/Hora", 20, currentY);
+        doc.text("Data", 20, currentY);
         doc.text(params.yAxisLabel || strings.demand, 100, currentY);
         currentY += 7;
         samplePoints.forEach((point) => {
           currentY = ensureRoom(doc, currentY, 10);
-          const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
+          const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
           doc.text(dateStr, 20, currentY);
           doc.text(point.y.toFixed(2), 100, currentY);
           currentY += 7;
@@ -11759,8 +11756,14 @@ async function openDemandModal(params) {
   function initializeDateInputs() {
     const startDate = new Date(currentStartDate);
     const endDate = new Date(currentEndDate);
-    dateStartInput.value = startDate.toISOString().split("T")[0];
-    dateEndInput.value = endDate.toISOString().split("T")[0];
+    const formatLocalDate = (date) => {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    };
+    dateStartInput.value = formatLocalDate(startDate);
+    dateEndInput.value = formatLocalDate(endDate);
   }
   async function updatePeriod() {
     periodErrorEl.style.display = "none";
@@ -11830,8 +11833,10 @@ async function openDemandModal(params) {
         params.telemetryQuery?.keys || "consumption",
         params.correctionFactor || 1,
         locale,
-        params.telemetryQuery?.agg || "MAX"
+        params.telemetryQuery?.agg || "MAX",
         // Pass aggregation type
+        params.timezoneOffset
+        // Pass timezone offset (default: -3)
       );
       if (chartData.isEmpty) {
         errorEl.style.display = "flex";
@@ -11846,11 +11851,7 @@ async function openDemandModal(params) {
           month: "2-digit",
           year: "numeric"
         });
-        const timeStr = date.toLocaleTimeString(locale, {
-          hour: "2-digit",
-          minute: "2-digit"
-        });
-        peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
+        peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
         peakEl.style.display = "block";
       }
       const Chart = window.Chart;
@@ -11871,9 +11872,7 @@ async function openDemandModal(params) {
             return date.toLocaleDateString(locale, {
               day: "2-digit",
               month: "2-digit",
-              year: "numeric",
-              hour: "2-digit",
-              minute: "2-digit"
+              year: "numeric"
             });
           },
           label: function(context) {
@@ -11913,9 +11912,7 @@ async function openDemandModal(params) {
                     return date.toLocaleDateString(locale, {
                       day: "2-digit",
                       month: "2-digit",
-                      year: "numeric",
-                      hour: "2-digit",
-                      minute: "2-digit"
+                      year: "numeric"
                     });
                   },
                   label: function(context) {
@@ -11951,10 +11948,8 @@ async function openDemandModal(params) {
                   callback: function(value) {
                     const date = new Date(value);
                     return date.toLocaleDateString(locale, {
-                      month: "2-digit",
                       day: "2-digit",
-                      hour: "2-digit",
-                      minute: "2-digit"
+                      month: "2-digit"
                     });
                   }
                 }

package/dist/index.d.cts

@@ -1292,6 +1292,7 @@ interface DemandModalParams {
     telemetryQuery?: TelemetryQueryParams;
     yAxisLabel?: string;
     correctionFactor?: number;
+    timezoneOffset?: number;
 }
 interface TelemetryQueryParams {
     keys?: string;

package/dist/index.js

@@ -10813,9 +10813,7 @@ var STRINGS = {
     title: "Demanda",
     period: "Per\xEDodo",
     maximum: "M\xE1xima",
-    at: "no dia",
-    atTime: "\xE1s",
-    timeUnit: "hs",
+    at: "em",
     exportPdf: "Exportar PDF",
     exportCsv: "Exportar CSV",
     fullscreen: "Tela cheia",
@@ -10839,8 +10837,6 @@ var STRINGS = {
     period: "Period",
     maximum: "Maximum",
     at: "on",
-    atTime: "at",
-    timeUnit: "",
     exportPdf: "Export PDF",
     exportCsv: "Export CSV",
     fullscreen: "Fullscreen",
@@ -11298,9 +11294,7 @@ function formatDateTime(date, locale) {
   return date.toLocaleDateString(locale, {
     day: "2-digit",
     month: "2-digit",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
+    year: "numeric"
   });
 }
 async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11327,11 +11321,13 @@ async function fetchTelemetryData(token, deviceId, startDate, endDate, queryPara
   const data = await response.json();
   return data;
 }
-function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation) {
+function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation, timezoneOffset) {
   const seriesKeys = keys.split(",").map((k) => k.trim());
   const seriesData = [];
   let globalPeak = null;
   let isEmpty = true;
+  const tzOffset = timezoneOffset !== void 0 ? timezoneOffset : -3;
+  const tzOffsetMs = tzOffset * 60 * 60 * 1e3;
   const colors = ["#4A148C", "#2196F3", "#4CAF50", "#FF9800", "#F44336", "#9C27B0", "#795548", "#607D8B"];
   seriesKeys.forEach((key, index) => {
     const rawSeries = rawData[key] || [];
@@ -11347,7 +11343,7 @@ function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, ag
       for (let i = 0; i < sortedData.length; i++) {
         const current = sortedData[i];
         const value = parseFloat(current.value) * correctionFactor;
-        const timestamp = current.ts;
+        const timestamp = current.ts + tzOffsetMs;
         points.push({
           x: timestamp,
           y: value
@@ -11365,8 +11361,9 @@ function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, ag
           const deltaHours = (currentTs - previousTs) / (1e3 * 60 * 60);
           if (deltaWh > 0 && deltaHours > 0) {
             const demandKw = deltaWh / 1e3 / deltaHours * correctionFactor;
+            const timestamp = currentTs + tzOffsetMs;
             points.push({
-              x: currentTs,
+              x: timestamp,
               y: demandKw
             });
           }
@@ -11581,10 +11578,10 @@ async function openDemandModal(params) {
     btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
     try {
       const BOM = "\uFEFF";
-      let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
+      let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
       chartData.series.forEach((series) => {
         series.points.forEach((point) => {
-          const dateStr2 = formatDateTime(new Date(point.x), locale);
+          const dateStr2 = formatDate2(new Date(point.x), locale);
           const value = point.y.toFixed(2);
           csv += `${dateStr2},${series.label},${value}
 `;
@@ -11656,12 +11653,12 @@ async function openDemandModal(params) {
         currentY += 10;
         const samplePoints = chartData.series[0].points.slice(0, 10);
         doc.setFontSize(10);
-        doc.text("Data/Hora", 20, currentY);
+        doc.text("Data", 20, currentY);
         doc.text(params.yAxisLabel || strings.demand, 100, currentY);
         currentY += 7;
         samplePoints.forEach((point) => {
           currentY = ensureRoom(doc, currentY, 10);
-          const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
+          const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
           doc.text(dateStr, 20, currentY);
           doc.text(point.y.toFixed(2), 100, currentY);
           currentY += 7;
@@ -11685,8 +11682,14 @@ async function openDemandModal(params) {
   function initializeDateInputs() {
     const startDate = new Date(currentStartDate);
     const endDate = new Date(currentEndDate);
-    dateStartInput.value = startDate.toISOString().split("T")[0];
-    dateEndInput.value = endDate.toISOString().split("T")[0];
+    const formatLocalDate = (date) => {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    };
+    dateStartInput.value = formatLocalDate(startDate);
+    dateEndInput.value = formatLocalDate(endDate);
   }
   async function updatePeriod() {
     periodErrorEl.style.display = "none";
@@ -11756,8 +11759,10 @@ async function openDemandModal(params) {
         params.telemetryQuery?.keys || "consumption",
         params.correctionFactor || 1,
         locale,
-        params.telemetryQuery?.agg || "MAX"
+        params.telemetryQuery?.agg || "MAX",
         // Pass aggregation type
+        params.timezoneOffset
+        // Pass timezone offset (default: -3)
       );
       if (chartData.isEmpty) {
         errorEl.style.display = "flex";
@@ -11772,11 +11777,7 @@ async function openDemandModal(params) {
           month: "2-digit",
           year: "numeric"
         });
-        const timeStr = date.toLocaleTimeString(locale, {
-          hour: "2-digit",
-          minute: "2-digit"
-        });
-        peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
+        peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
         peakEl.style.display = "block";
       }
       const Chart = window.Chart;
@@ -11797,9 +11798,7 @@ async function openDemandModal(params) {
             return date.toLocaleDateString(locale, {
               day: "2-digit",
               month: "2-digit",
-              year: "numeric",
-              hour: "2-digit",
-              minute: "2-digit"
+              year: "numeric"
             });
           },
           label: function(context) {
@@ -11839,9 +11838,7 @@ async function openDemandModal(params) {
                     return date.toLocaleDateString(locale, {
                       day: "2-digit",
                       month: "2-digit",
-                      year: "numeric",
-                      hour: "2-digit",
-                      minute: "2-digit"
+                      year: "numeric"
                     });
                   },
                   label: function(context) {
@@ -11877,10 +11874,8 @@ async function openDemandModal(params) {
                   callback: function(value) {
                     const date = new Date(value);
                     return date.toLocaleDateString(locale, {
-                      month: "2-digit",
                       day: "2-digit",
-                      hour: "2-digit",
-                      minute: "2-digit"
+                      month: "2-digit"
                     });
                   }
                 }

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

@@ -10802,9 +10802,7 @@
       title: "Demanda",
       period: "Per\xEDodo",
       maximum: "M\xE1xima",
-      at: "no dia",
-      atTime: "\xE1s",
-      timeUnit: "hs",
+      at: "em",
       exportPdf: "Exportar PDF",
       exportCsv: "Exportar CSV",
       fullscreen: "Tela cheia",
@@ -10828,8 +10826,6 @@
       period: "Period",
       maximum: "Maximum",
       at: "on",
-      atTime: "at",
-      timeUnit: "",
       exportPdf: "Export PDF",
       exportCsv: "Export CSV",
       fullscreen: "Fullscreen",
@@ -11287,9 +11283,7 @@
     return date.toLocaleDateString(locale, {
       day: "2-digit",
       month: "2-digit",
-      year: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
+      year: "numeric"
     });
   }
   async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11316,11 +11310,13 @@
     const data = await response.json();
     return data;
   }
-  function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation) {
+  function processMultiSeriesChartData(rawData, keys, correctionFactor, locale, aggregation, timezoneOffset) {
     const seriesKeys = keys.split(",").map((k) => k.trim());
     const seriesData = [];
     let globalPeak = null;
     let isEmpty = true;
+    const tzOffset = timezoneOffset !== void 0 ? timezoneOffset : -3;
+    const tzOffsetMs = tzOffset * 60 * 60 * 1e3;
     const colors = ["#4A148C", "#2196F3", "#4CAF50", "#FF9800", "#F44336", "#9C27B0", "#795548", "#607D8B"];
     seriesKeys.forEach((key, index) => {
       const rawSeries = rawData[key] || [];
@@ -11336,7 +11332,7 @@
         for (let i = 0; i < sortedData.length; i++) {
           const current = sortedData[i];
           const value = parseFloat(current.value) * correctionFactor;
-          const timestamp = current.ts;
+          const timestamp = current.ts + tzOffsetMs;
           points.push({
             x: timestamp,
             y: value
@@ -11354,8 +11350,9 @@
             const deltaHours = (currentTs - previousTs) / (1e3 * 60 * 60);
             if (deltaWh > 0 && deltaHours > 0) {
               const demandKw = deltaWh / 1e3 / deltaHours * correctionFactor;
+              const timestamp = currentTs + tzOffsetMs;
               points.push({
-                x: currentTs,
+                x: timestamp,
                 y: demandKw
               });
             }
@@ -11570,10 +11567,10 @@
       btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
       try {
         const BOM = "\uFEFF";
-        let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
+        let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
         chartData.series.forEach((series) => {
           series.points.forEach((point) => {
-            const dateStr2 = formatDateTime(new Date(point.x), locale);
+            const dateStr2 = formatDate2(new Date(point.x), locale);
             const value = point.y.toFixed(2);
             csv += `${dateStr2},${series.label},${value}
 `;
@@ -11645,12 +11642,12 @@
           currentY += 10;
           const samplePoints = chartData.series[0].points.slice(0, 10);
           doc.setFontSize(10);
-          doc.text("Data/Hora", 20, currentY);
+          doc.text("Data", 20, currentY);
           doc.text(params.yAxisLabel || strings.demand, 100, currentY);
           currentY += 7;
           samplePoints.forEach((point) => {
             currentY = ensureRoom(doc, currentY, 10);
-            const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
+            const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
             doc.text(dateStr, 20, currentY);
             doc.text(point.y.toFixed(2), 100, currentY);
             currentY += 7;
@@ -11674,8 +11671,14 @@
     function initializeDateInputs() {
       const startDate = new Date(currentStartDate);
       const endDate = new Date(currentEndDate);
-      dateStartInput.value = startDate.toISOString().split("T")[0];
-      dateEndInput.value = endDate.toISOString().split("T")[0];
+      const formatLocalDate = (date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      };
+      dateStartInput.value = formatLocalDate(startDate);
+      dateEndInput.value = formatLocalDate(endDate);
     }
     async function updatePeriod() {
       periodErrorEl.style.display = "none";
@@ -11745,8 +11748,10 @@
           params.telemetryQuery?.keys || "consumption",
           params.correctionFactor || 1,
           locale,
-          params.telemetryQuery?.agg || "MAX"
+          params.telemetryQuery?.agg || "MAX",
           // Pass aggregation type
+          params.timezoneOffset
+          // Pass timezone offset (default: -3)
         );
         if (chartData.isEmpty) {
           errorEl.style.display = "flex";
@@ -11761,11 +11766,7 @@
             month: "2-digit",
             year: "numeric"
           });
-          const timeStr = date.toLocaleTimeString(locale, {
-            hour: "2-digit",
-            minute: "2-digit"
-          });
-          peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
+          peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
           peakEl.style.display = "block";
         }
         const Chart = window.Chart;
@@ -11786,9 +11787,7 @@
               return date.toLocaleDateString(locale, {
                 day: "2-digit",
                 month: "2-digit",
-                year: "numeric",
-                hour: "2-digit",
-                minute: "2-digit"
+                year: "numeric"
               });
             },
             label: function(context) {
@@ -11828,9 +11827,7 @@
                       return date.toLocaleDateString(locale, {
                         day: "2-digit",
                         month: "2-digit",
-                        year: "numeric",
-                        hour: "2-digit",
-                        minute: "2-digit"
+                        year: "numeric"
                       });
                     },
                     label: function(context) {
@@ -11866,10 +11863,8 @@
                     callback: function(value) {
                       const date = new Date(value);
                       return date.toLocaleDateString(locale, {
-                        month: "2-digit",
                         day: "2-digit",
-                        hour: "2-digit",
-                        minute: "2-digit"
+                        month: "2-digit"
                       });
                     }
                   }