myio-js-library 0.1.504 → 0.1.506

package/dist/index.cjs

@@ -1164,7 +1164,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.504",
+  version: "0.1.506",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -14674,8 +14674,10 @@ function renderCardComponentV5({
     temperature,
     temperatureMin,
     temperatureMax,
-    temperatureStatus
+    temperatureStatus,
     // 'ok' | 'above' | 'below' | undefined
+    // Per-device exclude_groups_totals attribute (SERVER_SCOPE) — drives the orange marker
+    excludeGroupsTotals
   } = entityObject;
   const MyIOToast2 = (function() {
     let toastContainer = null;
@@ -14904,6 +14906,20 @@ function renderCardComponentV5({
         height: 100%;
       }
 
+      /* Subtle orange marker \u2014 device flagged in exclude_groups_totals */
+      .myio-enhanced-card-container-v5.myio-card-excluded::after {
+        content: '';
+        position: absolute;
+        left: 12px;
+        right: 12px;
+        bottom: 3px;
+        height: 3px;
+        border-radius: 2px;
+        background: linear-gradient(90deg, rgba(245, 158, 11, 0), #f59e0b 50%, rgba(245, 158, 11, 0));
+        pointer-events: none;
+        z-index: 5;
+      }
+
       .myio-enhanced-card-container-v5 .myio-draggable-card {
         width: 100%;
         border-radius: 10px;
@@ -15196,6 +15212,12 @@ function renderCardComponentV5({
     `;
   container.innerHTML = cardHTML;
   const enhancedCardElement = container.querySelector(".device-card-centered");
+  try {
+    const _excl = typeof excludeGroupsTotals === "string" ? JSON.parse(excludeGroupsTotals) : excludeGroupsTotals;
+    const _isExcluded = !!(_excl && _excl.enabled === true && (_excl.groups && Object.values(_excl.groups).some((v) => v === true) || Array.isArray(_excl.excludedGroups) && _excl.excludedGroups.length > 0));
+    if (_isExcluded) container.classList.add("myio-card-excluded");
+  } catch (e) {
+  }
   if (!document.getElementById("myio-enhanced-card-layout-styles-v5")) {
     const layoutStyle = document.createElement("style");
     layoutStyle.id = "myio-enhanced-card-layout-styles-v5";
@@ -16035,8 +16057,8 @@ var INFO_TOOLTIP_CSS = `
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.08);
-  min-width: 320px;
-  max-width: 400px;
+  width: 395px;
+  max-width: 90vw;
   font-size: 12px;
   color: #1e293b;
   overflow: hidden;
@@ -27013,28 +27035,22 @@ function validateOptions(options) {
   }
 }
 function normalizeToSaoPauloISO(dateLike, endOfDay = false) {
-  let date;
+  let ymd;
   if (typeof dateLike === "string") {
-    if (/^\d{4}-\d{2}-\d{2}$/.test(dateLike)) {
-      date = /* @__PURE__ */ new Date(dateLike + "T00:00:00-03:00");
-    } else {
-      date = new Date(dateLike);
-    }
+    ymd = dateLike.split("T")[0];
   } else {
-    date = new Date(dateLike);
-  }
-  const saoPauloOffset = -3 * 60;
-  const localOffset = date.getTimezoneOffset();
-  const offsetDiff = saoPauloOffset - localOffset;
-  if (offsetDiff !== 0) {
-    date.setMinutes(date.getMinutes() + offsetDiff);
+    const SP_OFFSET_MS = 3 * 60 * 60 * 1e3;
+    const d = new Date(dateLike.getTime() - SP_OFFSET_MS);
+    const y = d.getUTCFullYear();
+    const mo = String(d.getUTCMonth() + 1).padStart(2, "0");
+    const da = String(d.getUTCDate()).padStart(2, "0");
+    ymd = `${y}-${mo}-${da}`;
   }
-  if (endOfDay) {
-    date.setHours(23, 59, 59, 999);
-  } else {
-    date.setHours(0, 0, 0, 0);
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(ymd)) {
+    throw new Error(`normalizeToSaoPauloISO: formato de data inv\xE1lido: "${String(dateLike)}"`);
   }
-  return date.toISOString().replace("Z", "-03:00");
+  const time = endOfDay ? "T23:59:59.000" : "T00:00:00.000";
+  return `${ymd}${time}-03:00`;
 }
 function resolveDeviceAttributes(attributes) {
   return {
@@ -31491,10 +31507,12 @@ var EnergyModal = class {
         return;
       }
       this.view.showLoadingState();
+      const normalizedStart = normalizeToSaoPauloISO(startISO, false);
+      const normalizedEnd = normalizeToSaoPauloISO(endISO, true);
       const energyData = await this.dataFetcher.fetchEnergyData({
         ingestionId: this.context.resolved.ingestionId,
-        startISO,
-        endISO,
+        startISO: normalizedStart,
+        endISO: normalizedEnd,
         granularity: this.params.granularity || "1d",
         readingType: this.params.readingType
       });
@@ -32941,6 +32959,235 @@ function attachFilterOrderingModal(props) {
   };
 }
 
+// src/components/telemetry-grid-shopping/export.ts
+var import_jspdf = require("jspdf");
+function makeCols(unit) {
+  return [
+    { key: "idx", label: "#", pdfW: 10 },
+    { key: "nome", label: "Nome", pdfW: 100 },
+    { key: "identificador", label: "Identificador", pdfW: 60 },
+    { key: "consumo", label: unit ? `Consumo (${unit})` : "Consumo", pdfW: 50 },
+    { key: "perc", label: "%", pdfW: 20 }
+  ];
+}
+function buildRow(d, idx) {
+  const fmtVal = () => {
+    if (d.val === null || d.val === void 0) return "\u2014";
+    return Number(d.val).toLocaleString("pt-BR", { maximumFractionDigits: 3, useGrouping: false });
+  };
+  const pd = resolvePercentDecimals();
+  return {
+    idx: String(idx + 1),
+    nome: d.labelOrName || d.name || "\u2014",
+    identificador: d.deviceIdentifier || "\u2014",
+    consumo: fmtVal(),
+    perc: d.perc !== void 0 ? `${d.perc.toFixed(pd).replace(".", ",")}%` : "\u2014"
+  };
+}
+function fmtPeriod(period) {
+  if (!period?.startISO) return "";
+  const fmt2 = (iso) => new Date(iso).toLocaleDateString("pt-BR");
+  return period.endISO ? `${fmt2(period.startISO)} \u2014 ${fmt2(period.endISO)}` : fmt2(period.startISO);
+}
+function slugify(s) {
+  return s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^\w]+/g, "-").toLowerCase().replace(/^-+|-+$/g, "").slice(0, 40);
+}
+function datestamp() {
+  const d = /* @__PURE__ */ new Date();
+  const p = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}${p(d.getMonth() + 1)}${p(d.getDate())}-${p(d.getHours())}${p(d.getMinutes())}`;
+}
+function buildFilenameBase(label, customerName) {
+  const parts = [];
+  const cSlug = customerName ? slugify(customerName) : "";
+  if (cSlug) parts.push(cSlug);
+  parts.push(slugify(label));
+  parts.push(datestamp());
+  return parts.join("-");
+}
+function triggerDownload(blob, filename) {
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function escXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function truncate(s, max) {
+  return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+}
+function exportGridCsv(devices, label, unit, period, customerName) {
+  const periodLabel = fmtPeriod(period);
+  const metaRows = [
+    `"${label}"`,
+    customerName ? `"Cliente";"${customerName}"` : null,
+    periodLabel ? `"Per\xEDodo";"${periodLabel}"` : null,
+    `"Gerado em";"${(/* @__PURE__ */ new Date()).toLocaleString("pt-BR")}"`,
+    ""
+  ].filter((v) => v !== null);
+  const cols = makeCols(unit);
+  const header = cols.map((c) => `"${c.label}"`).join(";");
+  const rows = devices.map((d, i) => {
+    const r = buildRow(d, i);
+    return cols.map((c) => `"${String(r[c.key]).replace(/"/g, '""')}"`).join(";");
+  });
+  const csv = "\uFEFF" + [...metaRows, header, ...rows].join("\r\n");
+  triggerDownload(
+    new Blob([csv], { type: "text/csv;charset=utf-8;" }),
+    `${buildFilenameBase(label, customerName)}.csv`
+  );
+}
+function exportGridXls(devices, label, unit, period, customerName) {
+  const periodLabel = fmtPeriod(period);
+  const cols = makeCols(unit);
+  const span = cols.length - 1;
+  const metaRow = (key, val) => `<Row><Cell ss:StyleID="m"><Data ss:Type="String">${escXml(key)}</Data></Cell><Cell ss:MergeAcross="${span - 1}"><Data ss:Type="String">${escXml(val)}</Data></Cell></Row>`;
+  const headerCells = cols.map(
+    (c) => `<Cell ss:StyleID="h"><Data ss:Type="String">${escXml(c.label)}</Data></Cell>`
+  ).join("");
+  const dataRows = devices.map((d, i) => {
+    const r = buildRow(d, i);
+    const cells = cols.map((c) => {
+      const v = escXml(String(r[c.key]));
+      return `<Cell><Data ss:Type="String">${v}</Data></Cell>`;
+    }).join("");
+    return `<Row>${cells}</Row>`;
+  }).join("\n");
+  const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
+  xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
+  <Styles>
+    <Style ss:ID="h">
+      <Font ss:Bold="1" ss:Color="#FFFFFF"/>
+      <Interior ss:Color="#3E1A7D" ss:Pattern="Solid"/>
+    </Style>
+    <Style ss:ID="m">
+      <Font ss:Bold="1"/>
+      <Interior ss:Color="#F0EDF9" ss:Pattern="Solid"/>
+    </Style>
+  </Styles>
+  <Worksheet ss:Name="${escXml(label.slice(0, 31))}">
+    <Table>
+      ${metaRow("Relat\xF3rio", label)}
+      ${customerName ? metaRow("Cliente", customerName) : ""}
+      ${periodLabel ? metaRow("Per\xEDodo", periodLabel) : ""}
+      ${metaRow("Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR"))}
+      <Row/>
+      <Row>${headerCells}</Row>
+      ${dataRows}
+    </Table>
+  </Worksheet>
+</Workbook>`;
+  triggerDownload(
+    new Blob([xml], { type: "application/vnd.ms-excel;charset=utf-8;" }),
+    `${buildFilenameBase(label, customerName)}.xls`
+  );
+}
+function exportGridPdf(devices, label, unit, period, customerName) {
+  const generatedAt = (/* @__PURE__ */ new Date()).toLocaleString("pt-BR");
+  const doc = new import_jspdf.jsPDF({ orientation: "landscape", unit: "mm", format: "a4" });
+  const PW = doc.internal.pageSize.getWidth();
+  const PH = doc.internal.pageSize.getHeight();
+  const MARGIN = 10;
+  const HDR_H = 13;
+  const FTR_H = 10;
+  const ROW_H = 7;
+  const HEAD_H = 8;
+  const TABLE_Y = HDR_H + MARGIN;
+  const MAX_Y = PH - FTR_H - MARGIN;
+  const TABLE_W = PW - MARGIN * 2;
+  const cols = makeCols(unit);
+  const rawTotal = cols.reduce((s, c) => s + c.pdfW, 0);
+  const scale = TABLE_W / rawTotal;
+  const colWidths = cols.map((c) => c.pdfW * scale);
+  const colX = (ci) => MARGIN + colWidths.slice(0, ci).reduce((s, w) => s + w, 0);
+  function drawPageHeader(pageNo2) {
+    doc.setFillColor(62, 26, 125);
+    doc.rect(0, 0, PW, HDR_H, "F");
+    doc.setTextColor(255, 255, 255);
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(10);
+    const titleText = customerName ? `${customerName} \u2014 ${label}` : label;
+    doc.text(titleText, MARGIN, HDR_H / 2 + 1.5);
+    doc.setFont("helvetica", "normal");
+    doc.setFontSize(8);
+    const periodLabel = fmtPeriod(period);
+    const periodPart = periodLabel ? `Per\xEDodo: ${periodLabel}  \u2022  ` : "";
+    const info = `${periodPart}Gerado em: ${generatedAt}  \u2022  ${devices.length} dispositivo(s)  \u2022  Unidade: ${unit}  \u2022  P\xE1g. ${pageNo2}`;
+    doc.text(info, PW - MARGIN, HDR_H / 2 + 1.5, { align: "right" });
+  }
+  function drawColumnHeaders(y) {
+    doc.setFillColor(240, 237, 250);
+    doc.rect(MARGIN, y, TABLE_W, HEAD_H, "F");
+    doc.setTextColor(62, 26, 125);
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(7);
+    cols.forEach((c, ci) => {
+      const x = colX(ci) + 1.5;
+      doc.text(c.label, x, y + HEAD_H / 2 + 2.5);
+    });
+    doc.setDrawColor(200, 195, 220);
+    doc.setLineWidth(0.2);
+    doc.rect(MARGIN, y, TABLE_W, HEAD_H);
+  }
+  function drawDataRow(r, y, even) {
+    if (even) {
+      doc.setFillColor(250, 249, 255);
+      doc.rect(MARGIN, y, TABLE_W, ROW_H, "F");
+    }
+    doc.setTextColor(40, 40, 40);
+    doc.setFont("helvetica", "normal");
+    doc.setFontSize(6.5);
+    cols.forEach((c, ci) => {
+      const x = colX(ci) + 1.5;
+      const maxChars = Math.floor(colWidths[ci] / 1.8);
+      const text = truncate(String(r[c.key]), maxChars);
+      doc.text(text, x, y + ROW_H / 2 + 2.2);
+    });
+    doc.setDrawColor(230, 228, 240);
+    doc.setLineWidth(0.1);
+    doc.line(MARGIN, y + ROW_H, MARGIN + TABLE_W, y + ROW_H);
+  }
+  function drawFooter2() {
+    doc.setFillColor(250, 249, 255);
+    doc.rect(0, PH - FTR_H, PW, FTR_H, "F");
+    doc.setDrawColor(210, 205, 230);
+    doc.setLineWidth(0.2);
+    doc.line(MARGIN, PH - FTR_H + 0.5, PW - MARGIN, PH - FTR_H + 0.5);
+    doc.setTextColor(120, 110, 150);
+    doc.setFont("helvetica", "normal");
+    doc.setFontSize(7);
+    doc.text(
+      `Gerado em ${generatedAt}  \u2014  MyIO`,
+      MARGIN,
+      PH - FTR_H + 6
+    );
+  }
+  let pageNo = 1;
+  let currentY = TABLE_Y;
+  drawPageHeader(pageNo);
+  drawColumnHeaders(currentY);
+  currentY += HEAD_H;
+  devices.forEach((d, i) => {
+    if (currentY + ROW_H > MAX_Y) {
+      drawFooter2();
+      doc.addPage();
+      pageNo++;
+      currentY = TABLE_Y;
+      drawPageHeader(pageNo);
+      drawColumnHeaders(currentY);
+      currentY += HEAD_H;
+    }
+    drawDataRow(buildRow(d, i), currentY, i % 2 === 0);
+    currentY += ROW_H;
+  });
+  drawFooter2();
+  doc.save(`${buildFilenameBase(label, customerName)}.pdf`);
+}
+
 // src/components/premium-modals/report-all/AllReportModal.ts
 var DOMAIN_CONFIG2 = {
   energy: {
@@ -33011,6 +33258,8 @@ var AllReportModal = class {
   considerExclusion = true;
   // Raw API response kept so the exclusion toggle can re-map without a new fetch.
   lastApiResponse = null;
+  // Search period of the last load — fed to the PDF/XLS export headers.
+  exportPeriod = null;
   // Cleanup for the InfoTooltip attached to the exclusion-flag info icon.
   exclusionTooltipCleanup = null;
   // Debug logging helper
@@ -33129,6 +33378,12 @@ var AllReportModal = class {
             <button id="export-btn" class="myio-btn myio-btn-secondary" disabled>
               Exportar CSV
             </button>
+            <button id="export-pdf-btn" class="myio-btn myio-btn-secondary" disabled>
+              Exportar PDF
+            </button>
+            <button id="export-xls-btn" class="myio-btn myio-btn-secondary" disabled>
+              Exportar XLS
+            </button>
             <button id="filter-btn" class="myio-btn myio-btn-secondary" style="background: var(--myio-brand-700); color: white;">
               \u{1F50D} Filtros & Ordena\xE7\xE3o
             </button>
@@ -33180,6 +33435,8 @@ var AllReportModal = class {
     const searchInput = document.getElementById("search-input");
     loadBtn?.addEventListener("click", () => this.loadData());
     exportBtn?.addEventListener("click", () => this.exportCSV());
+    document.getElementById("export-pdf-btn")?.addEventListener("click", () => this.exportPDF());
+    document.getElementById("export-xls-btn")?.addEventListener("click", () => this.exportXLS());
     filterBtn?.addEventListener("click", () => this.openFilterModal());
     const granToggle = document.getElementById("granularity-toggle");
     granToggle?.addEventListener("click", (e) => {
@@ -33250,6 +33507,7 @@ var AllReportModal = class {
     try {
       const { startISO, endISO } = this.dateRangePicker.getDates();
       this.debugLog("\u{1F4C5} Date range selected", { startISO, endISO });
+      this.exportPeriod = { startISO, endISO };
       if (!startISO || !endISO) {
         this.showError("Selecione um per\xEDodo v\xE1lido");
         return;
@@ -33277,6 +33535,10 @@ var AllReportModal = class {
       this.renderSummary();
       this.renderTable();
       exportBtn.disabled = false;
+      const pdfBtn = document.getElementById("export-pdf-btn");
+      const xlsBtn = document.getElementById("export-xls-btn");
+      if (pdfBtn) pdfBtn.disabled = false;
+      if (xlsBtn) xlsBtn.disabled = false;
       this.debugLog("\u{1F389} Load process completed successfully");
       this.emit("loaded", {
         date: { start: startDate, end: endDate },
@@ -33569,6 +33831,41 @@ var AllReportModal = class {
     const csvContent = toCsv(csvData);
     this.downloadCSV(csvContent, `relatorio-geral-lojas-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`);
   }
+  // Maps the report rows to the TelemetryDevice shape consumed by the shared
+  // TELEMETRY grid exporters (only labelOrName/name/deviceIdentifier/val/perc are read).
+  buildExportDevices() {
+    const sorted = [...this.data].sort((a, b) => b.consumption - a.consumption);
+    const total = sorted.reduce((s, r) => s + (r.consumption || 0), 0);
+    return sorted.map((r) => ({
+      labelOrName: r.name,
+      name: r.name,
+      deviceIdentifier: r.identifier,
+      val: r.consumption,
+      perc: total > 0 ? r.consumption / total * 100 : 0
+    }));
+  }
+  // PDF export — same premium layout as the TELEMETRY grid export.
+  exportPDF() {
+    if (!this.data.length) return;
+    exportGridPdf(
+      this.buildExportDevices(),
+      this.resolveTitle(),
+      this.domainConfig.unit,
+      this.exportPeriod,
+      null
+    );
+  }
+  // XLS export (XML Spreadsheet) — same as the TELEMETRY grid export.
+  exportXLS() {
+    if (!this.data.length) return;
+    exportGridXls(
+      this.buildExportDevices(),
+      this.resolveTitle(),
+      this.domainConfig.unit,
+      this.exportPeriod,
+      null
+    );
+  }
   async fetchCustomerTotals(startISO, endISO) {
     if (this.params.fetcher) {
       const token2 = this.params.api.ingestionToken || await this.authClient.getBearer();
@@ -69988,8 +70285,7 @@ var ENERGY_SUMMARY_TOOLTIP_CSS = `
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.08);
-  min-width: 380px;
-  width: max-content;
+  width: 395px;
   max-width: 90vw;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 12px;
@@ -71819,7 +72115,7 @@ var EnergySummaryTooltip = {
     };
     summary.byCategory = [entrada, lojas, areaComum];
     summary.totalDevices = entrada.deviceCount + lojas.deviceCount + areaComumDeviceCount;
-    summary.totalConsumption = state6.grandTotal || entrada.consumption;
+    summary.totalConsumption = entrada.consumption || state6.grandTotal || 0;
     const widgetAggregation = receivedData?.deviceStatusAggregation;
     if (widgetAggregation && widgetAggregation.hasData) {
       summary.byStatus = {
@@ -72042,8 +72338,7 @@ var WATER_SUMMARY_TOOLTIP_CSS = `
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.08);
-  min-width: 380px;
-  width: max-content;
+  width: 395px;
   max-width: 90vw;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 12px;
@@ -73877,7 +74172,7 @@ var PIE_COLORS = [
 ];
 var COLUMN_SUMMARY_CSS = `
 .myio-col-summary {
-  max-width: 300px;
+  width: 100%;
   font-family: 'Nunito', 'Segoe UI', system-ui, sans-serif;
 }
 .myio-col-summary__kpis {
@@ -73895,14 +74190,10 @@ var COLUMN_SUMMARY_CSS = `
 .myio-col-summary__kpi-value {
   font-size: 12px; font-weight: 700; color: #1e293b; text-align: right;
 }
-.myio-col-summary__kpi-value--accent {
-  font-size: 14px; color: #3e1a7d;
-}
+.myio-col-summary__kpi-value--accent { font-size: 14px; color: #3e1a7d; }
 .myio-col-summary__body { display: block; }
 .myio-col-summary__lists { display: flex; flex-direction: column; }
-.myio-col-summary__group {
-  display: flex; flex-direction: column; gap: 1px; margin-top: 8px;
-}
+.myio-col-summary__group { display: flex; flex-direction: column; gap: 1px; margin-top: 8px; }
 .myio-col-summary__group-label {
   font-size: 10px; font-weight: 800; letter-spacing: 0.3px;
   text-transform: uppercase; color: #64748b; margin-bottom: 3px;
@@ -73915,9 +74206,7 @@ var COLUMN_SUMMARY_CSS = `
   flex: 1 1 auto; min-width: 0;
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
-.myio-col-summary__val {
-  flex: 0 0 auto; font-weight: 700; color: #16a34a; text-align: right;
-}
+.myio-col-summary__val { flex: 0 0 auto; font-weight: 700; color: #16a34a; text-align: right; }
 .myio-col-summary__pct {
   flex: 0 0 auto; min-width: 44px; text-align: right;
   font-size: 10px; font-weight: 600; color: #64748b;
@@ -73927,25 +74216,43 @@ var COLUMN_SUMMARY_CSS = `
   font-size: 11px; color: #94a3b8;
 }
 
-/* Pie chart \u2014 hidden in the compact view, revealed when maximized. */
+/* Pie chart + legend \u2014 hidden in the compact view, revealed when maximized. */
 .myio-col-summary__chart { display: none; }
 .myio-col-summary__chart-title {
   font-size: 11px; font-weight: 800; letter-spacing: 0.3px;
   text-transform: uppercase; color: #3e1a7d; margin-bottom: 8px;
 }
-.myio-col-summary__chart-body {
-  display: flex; gap: 16px; align-items: flex-start;
+.myio-col-summary__chart-hint {
+  font-size: 10px; font-weight: 500; color: #94a3b8; margin: 0 0 8px;
 }
 .myio-col-summary__pie {
-  width: 190px; height: 190px; border-radius: 50%; flex-shrink: 0;
-  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
+  display: block; width: 100%; height: auto; aspect-ratio: 1 / 1;
+  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));
 }
+.myio-col-summary__slice {
+  stroke: #ffffff; stroke-width: 1.5;
+  transition: opacity 0.12s ease;
+  cursor: pointer;
+}
+.myio-col-summary__slice.is-hl {
+  stroke: #1e293b; stroke-width: 3;
+}
+.myio-col-summary__slice:hover { opacity: 0.85; }
 .myio-col-summary__legend {
-  flex: 1 1 auto; min-width: 0; max-height: 300px; overflow-y: auto;
-  display: flex; flex-direction: column; gap: 1px;
+  display: none;
+  min-width: 0; overflow-y: auto;
+  flex-direction: column; gap: 1px;
 }
 .myio-col-summary__legend-row {
-  display: flex; align-items: center; gap: 6px; padding: 2px 0; font-size: 11px;
+  display: flex; align-items: center; gap: 6px; padding: 3px 5px; font-size: 11px;
+  border-radius: 4px; cursor: pointer;
+  transition: background 0.12s ease;
+}
+.myio-col-summary__legend-row:hover,
+.myio-col-summary__legend-row.is-hl { background: #f1ecfa; }
+.myio-col-summary__legend-row.is-excluded { opacity: 0.45; }
+.myio-col-summary__legend-row.is-excluded .myio-col-summary__legend-name {
+  text-decoration: line-through;
 }
 .myio-col-summary__legend-dot {
   width: 9px; height: 9px; border-radius: 2px; flex-shrink: 0;
@@ -73959,14 +74266,33 @@ var COLUMN_SUMMARY_CSS = `
   flex: 0 0 auto; min-width: 42px; text-align: right; font-size: 10px; color: #64748b;
 }
 
-/* Maximized \u2014 use the extra space: widen, show the pie chart, lists side-by-side. */
-.myio-info-tooltip.maximized .myio-col-summary { max-width: none; }
+/* Maximized \u2014 fill the whole panel: KPIs on top, then a 2-column grid
+   (pie + lists on the left, full-height legend on the right). No dead space. */
+.myio-info-tooltip.maximized .myio-col-summary {
+  max-width: none; height: 100%;
+  display: flex; flex-direction: column;
+}
+.myio-info-tooltip.maximized .myio-col-summary__kpis { flex: 0 0 auto; }
+.myio-info-tooltip.maximized .myio-col-summary__body {
+  flex: 1 1 auto; min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(340px, 440px) 1fr;
+  grid-template-rows: auto 1fr;
+  gap: 14px 22px;
+}
 .myio-info-tooltip.maximized .myio-col-summary__chart {
-  display: block; margin-bottom: 16px;
-  padding-bottom: 14px; border-bottom: 1px solid #e3d9f3;
+  display: block; grid-column: 1; grid-row: 1; min-width: 0;
 }
+.myio-info-tooltip.maximized .myio-col-summary__pie { max-width: 440px; margin: 0 auto; }
 .myio-info-tooltip.maximized .myio-col-summary__lists {
-  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
+  grid-column: 1; grid-row: 2; min-height: 0; overflow-y: auto;
+  display: flex; flex-direction: column; gap: 14px;
+  padding-right: 4px;
+}
+.myio-info-tooltip.maximized .myio-col-summary__legend {
+  display: flex; grid-column: 2; grid-row: 1 / 3;
+  min-height: 0; max-height: none;
+  border-left: 1px solid #e3d9f3; padding-left: 20px;
 }
 .myio-info-tooltip.maximized .myio-col-summary__group { margin-top: 0; }
 `;
@@ -73998,79 +74324,90 @@ function fmtPct(value, total, decimals) {
   const p = total > 0 ? (Number(value) || 0) / total * 100 : 0;
   return p.toFixed(decimals).replace(".", ",") + "%";
 }
-function buildPieChart(devices, total, fmt2, pctDecimals) {
-  const sorted = devices.slice().sort((a, b) => (Number(b.value) || 0) - (Number(a.value) || 0));
-  if (total <= 0 || !sorted.length) {
-    return `<div class="myio-col-summary__chart">
-      <div class="myio-col-summary__empty">Sem dados para o gr\xE1fico.</div>
-    </div>`;
+function sliceColor(originalIndex) {
+  return PIE_COLORS[originalIndex % PIE_COLORS.length];
+}
+function polar(cx, cy, r, deg) {
+  const rad = (deg - 90) * Math.PI / 180;
+  return [cx + r * Math.cos(rad), cy + r * Math.sin(rad)];
+}
+function arcPath(cx, cy, r, a0, a1) {
+  const [x0, y0] = polar(cx, cy, r, a0);
+  const [x1, y1] = polar(cx, cy, r, a1);
+  const large = a1 - a0 > 180 ? 1 : 0;
+  return `M${cx},${cy} L${x0.toFixed(2)},${y0.toFixed(2)} A${r},${r} 0 ${large} 1 ${x1.toFixed(
+    2
+  )},${y1.toFixed(2)} Z`;
+}
+var _state = null;
+var _rootEl = null;
+function visibleDevices() {
+  if (!_state) return [];
+  return _state.data.devices.map((d, idx) => ({ d, idx })).filter((x) => !_state.excluded.has(x.idx));
+}
+function buildPieSvg(visible, total) {
+  if (!_state) return "";
+  const positives = visible.filter((v) => (Number(v.d.value) || 0) > 0);
+  if (!positives.length || total <= 0) {
+    return `<svg class="myio-col-summary__pie" viewBox="0 0 220 220" role="img" aria-label="Sem dados">
+      <circle cx="110" cy="110" r="100" fill="#f1f5f9"></circle>
+      <text x="110" y="115" text-anchor="middle" font-size="12" fill="#94a3b8">sem dados</text>
+    </svg>`;
+  }
+  const { fmt: fmt2, pd } = _state;
+  if (positives.length === 1) {
+    const v = positives[0];
+    const val = Number(v.d.value) || 0;
+    return `<svg class="myio-col-summary__pie" viewBox="0 0 220 220">
+      <circle class="myio-col-summary__slice" data-idx="${v.idx}" cx="110" cy="110" r="100"
+        fill="${sliceColor(v.idx)}"><title>${esc3(v.d.name)} \u2014 ${esc3(fmt2(val))} (${fmtPct(
+      val,
+      total,
+      pd
+    )})</title></circle>
+    </svg>`;
   }
   let acc = 0;
-  const stops = [];
-  const legend = [];
-  sorted.forEach((d, i) => {
-    const v = Number(d.value) || 0;
-    const color = PIE_COLORS[i % PIE_COLORS.length];
-    const start = acc / total * 360;
-    acc += v;
-    const end = acc / total * 360;
-    stops.push(`${color} ${start.toFixed(3)}deg ${end.toFixed(3)}deg`);
-    legend.push(`<div class="myio-col-summary__legend-row">
-      <span class="myio-col-summary__legend-dot" style="background:${color};"></span>
-      <span class="myio-col-summary__legend-name" title="${esc3(d.name)}">${esc3(d.name)}</span>
-      <span class="myio-col-summary__legend-val">${esc3(fmt2(v))}</span>
-      <span class="myio-col-summary__legend-pct">${fmtPct(v, total, pctDecimals)}</span>
-    </div>`);
-  });
-  return `<div class="myio-col-summary__chart">
-    <div class="myio-col-summary__chart-title">Distribui\xE7\xE3o \u2014 ${sorted.length} dispositivos</div>
-    <div class="myio-col-summary__chart-body">
-      <div class="myio-col-summary__pie" style="background: conic-gradient(${stops.join(", ")});"></div>
-      <div class="myio-col-summary__legend">${legend.join("")}</div>
-    </div>
-  </div>`;
-}
-function buildContent(data) {
-  const devices = Array.isArray(data.devices) ? data.devices.slice() : [];
-  const fmt2 = data.formatValue || defaultFormatter(data.unit || "");
-  const pd = resolvePercentDecimals(data.percentDecimals);
-  const count = devices.length;
-  const total = devices.reduce((s, d) => s + (Number(d.value) || 0), 0);
+  const paths = positives.map((v) => {
+    const val = Number(v.d.value) || 0;
+    const a0 = acc / total * 360;
+    acc += val;
+    const a1 = acc / total * 360;
+    return `<path class="myio-col-summary__slice" data-idx="${v.idx}"
+        d="${arcPath(110, 110, 100, a0, a1)}" fill="${sliceColor(v.idx)}"
+        ><title>${esc3(v.d.name)} \u2014 ${esc3(fmt2(val))} (${fmtPct(val, total, pd)})</title></path>`;
+  }).join("");
+  return `<svg class="myio-col-summary__pie" viewBox="0 0 220 220">${paths}</svg>`;
+}
+function buildLegend(total) {
+  if (!_state) return "";
+  const { data, excluded, fmt: fmt2, pd } = _state;
+  const rows = data.devices.map((d, idx) => {
+    const val = Number(d.value) || 0;
+    const isExcl = excluded.has(idx);
+    const pct = isExcl ? "\u2014" : fmtPct(val, total, pd);
+    return `<div class="myio-col-summary__legend-row${isExcl ? " is-excluded" : ""}" data-idx="${idx}"
+          title="Clique para ${isExcl ? "incluir" : "remover"} da pizza">
+        <span class="myio-col-summary__legend-dot" style="background:${sliceColor(idx)};"></span>
+        <span class="myio-col-summary__legend-name">${esc3(d.name)}</span>
+        <span class="myio-col-summary__legend-val">${esc3(fmt2(val))}</span>
+        <span class="myio-col-summary__legend-pct">${pct}</span>
+      </div>`;
+  }).join("");
+  return `<div class="myio-col-summary__legend">${rows}</div>`;
+}
+function buildInner() {
+  if (!_state) return "";
+  const { data, fmt: fmt2, pd } = _state;
+  const visible = visibleDevices();
+  const count = visible.length;
+  const total = visible.reduce((s, v) => s + (Number(v.d.value) || 0), 0);
   const avg = count ? total / count : 0;
   const periodRow = data.periodLabel ? `<div class="myio-col-summary__kpi">
          <span class="myio-col-summary__kpi-label">Per\xEDodo</span>
          <span class="myio-col-summary__kpi-value">${esc3(data.periodLabel)}</span>
        </div>` : "";
-  if (!count) {
-    return `<div class="myio-col-summary">
-      <div class="myio-col-summary__kpis">
-        ${periodRow}
-        <div class="myio-col-summary__kpi">
-          <span class="myio-col-summary__kpi-label">Dispositivos</span>
-          <span class="myio-col-summary__kpi-value">0</span>
-        </div>
-      </div>
-      <div class="myio-col-summary__empty">Nenhum dispositivo.</div>
-    </div>`;
-  }
-  const desc = devices.slice().sort((a, b) => (Number(b.value) || 0) - (Number(a.value) || 0));
-  const top3 = desc.slice(0, 3);
-  const bottom3 = desc.slice(-3).reverse();
-  const near3 = devices.slice().sort(
-    (a, b) => Math.abs((Number(a.value) || 0) - avg) - Math.abs((Number(b.value) || 0) - avg)
-  ).slice(0, 3);
-  const row = (d) => `
-    <div class="myio-col-summary__row">
-      <span class="myio-col-summary__name" title="${esc3(d.name)}">${esc3(d.name)}</span>
-      <span class="myio-col-summary__val">${esc3(fmt2(Number(d.value) || 0))}</span>
-      <span class="myio-col-summary__pct">${fmtPct(Number(d.value) || 0, total, pd)}</span>
-    </div>`;
-  const group = (label, list) => list.length ? `<div class="myio-col-summary__group">
-           <span class="myio-col-summary__group-label">${label}</span>
-           ${list.map(row).join("")}
-         </div>` : "";
-  return `<div class="myio-col-summary">
-    <div class="myio-col-summary__kpis">
+  const kpis = `<div class="myio-col-summary__kpis">
       ${periodRow}
       <div class="myio-col-summary__kpi">
         <span class="myio-col-summary__kpi-label">Dispositivos</span>
@@ -74086,26 +74423,96 @@ function buildContent(data) {
         <span class="myio-col-summary__kpi-label">Consumo total</span>
         <span class="myio-col-summary__kpi-value">${esc3(fmt2(total))}</span>
       </div>
-    </div>
+    </div>`;
+  if (!data.devices.length) {
+    return `${kpis}<div class="myio-col-summary__empty">Nenhum dispositivo.</div>`;
+  }
+  const desc = visible.slice().sort((a, b) => (Number(b.d.value) || 0) - (Number(a.d.value) || 0));
+  const top3 = desc.slice(0, 3);
+  const bottom3 = desc.slice(-3).reverse();
+  const near3 = visible.slice().sort(
+    (a, b) => Math.abs((Number(a.d.value) || 0) - avg) - Math.abs((Number(b.d.value) || 0) - avg)
+  ).slice(0, 3);
+  const row = (v) => `
+    <div class="myio-col-summary__row">
+      <span class="myio-col-summary__name" title="${esc3(v.d.name)}">${esc3(v.d.name)}</span>
+      <span class="myio-col-summary__val">${esc3(fmt2(Number(v.d.value) || 0))}</span>
+      <span class="myio-col-summary__pct">${fmtPct(Number(v.d.value) || 0, total, pd)}</span>
+    </div>`;
+  const group = (label, list) => list.length ? `<div class="myio-col-summary__group">
+           <span class="myio-col-summary__group-label">${label}</span>
+           ${list.map(row).join("")}
+         </div>` : "";
+  return `${kpis}
     <div class="myio-col-summary__body">
-      ${buildPieChart(devices, total, fmt2, pd)}
+      <div class="myio-col-summary__chart">
+        <div class="myio-col-summary__chart-title">Distribui\xE7\xE3o \u2014 ${count} dispositivos</div>
+        <p class="myio-col-summary__chart-hint">Passe o mouse para destacar \xB7 clique na lista para remover da pizza</p>
+        ${buildPieSvg(visible, total)}
+      </div>
+      ${buildLegend(total)}
       <div class="myio-col-summary__lists">
         ${group("\u25B2 3 maiores", top3)}
         ${group("\u25BC 3 menores", bottom3)}
         ${group("\u25CF 3 na m\xE9dia", near3)}
       </div>
-    </div>
-  </div>`;
+    </div>`;
+}
+function setHighlight(idx) {
+  if (!_rootEl) return;
+  _rootEl.querySelectorAll(".is-hl").forEach((el2) => el2.classList.remove("is-hl"));
+  if (idx == null) return;
+  _rootEl.querySelectorAll(`[data-idx="${idx}"]`).forEach((el2) => el2.classList.add("is-hl"));
+}
+function rerender() {
+  if (!_rootEl) return;
+  _rootEl.innerHTML = buildInner();
+}
+function wireRoot(root) {
+  root.addEventListener("mouseover", (e) => {
+    const el2 = e.target?.closest?.("[data-idx]");
+    setHighlight(el2 ? el2.getAttribute("data-idx") : null);
+  });
+  root.addEventListener("mouseout", (e) => {
+    const el2 = e.target?.closest?.("[data-idx]");
+    if (el2) setHighlight(null);
+  });
+  root.addEventListener("click", (e) => {
+    const legendRow = e.target?.closest?.(
+      ".myio-col-summary__legend-row"
+    );
+    if (!legendRow || !_state) return;
+    const idx = Number(legendRow.getAttribute("data-idx"));
+    if (!Number.isInteger(idx)) return;
+    if (_state.excluded.has(idx)) _state.excluded.delete(idx);
+    else _state.excluded.add(idx);
+    rerender();
+  });
 }
 var ColumnSummaryTooltip = {
   /** Shows the column summary tooltip anchored to the trigger element. */
   show(triggerElement, data) {
     injectCSS10();
+    _state = {
+      data: data && Array.isArray(data.devices) ? data : { ...data, devices: [] },
+      excluded: /* @__PURE__ */ new Set(),
+      fmt: data.formatValue || defaultFormatter(data.unit || ""),
+      pd: resolvePercentDecimals(data.percentDecimals)
+    };
     InfoTooltip.show(triggerElement, {
       icon: "\u{1F4CA}",
       title: data.title ? `Resumo \u2014 ${data.title}` : "Resumo da Coluna",
-      content: buildContent(data)
+      content: `<div class="myio-col-summary">${buildInner()}</div>`
     });
+    if (typeof requestAnimationFrame === "function") {
+      requestAnimationFrame(() => {
+        const roots = document.querySelectorAll(
+          ".myio-info-tooltip .myio-col-summary"
+        );
+        _rootEl = roots.length ? roots[roots.length - 1] : null;
+        if (_rootEl) wireRoot(_rootEl);
+      });
+    }
   },
   /** Hides the tooltip immediately. */
   hide() {
@@ -102659,11 +103066,11 @@ var FilterModalComponent = class {
   }
   selectAllDevices() {
     const devices = this.options.devices || [];
-    const visibleDevices = devices.filter((d) => {
+    const visibleDevices2 = devices.filter((d) => {
       const el2 = this.overlay.querySelector(`[data-device-id="${d.id}"]`);
       return el2 && !el2.classList.contains("myio-fm__device-item--hidden");
     });
-    visibleDevices.forEach((device) => {
+    visibleDevices2.forEach((device) => {
       this.selectedDeviceIds.add(device.id);
       this.updateDeviceUI(device.id);
     });
@@ -102671,11 +103078,11 @@ var FilterModalComponent = class {
   }
   selectNoDevices() {
     const devices = this.options.devices || [];
-    const visibleDevices = devices.filter((d) => {
+    const visibleDevices2 = devices.filter((d) => {
       const el2 = this.overlay.querySelector(`[data-device-id="${d.id}"]`);
       return el2 && !el2.classList.contains("myio-fm__device-item--hidden");
     });
-    visibleDevices.forEach((device) => {
+    visibleDevices2.forEach((device) => {
       this.selectedDeviceIds.delete(device.id);
       this.updateDeviceUI(device.id);
     });
@@ -108875,235 +109282,6 @@ function injectStyles10(_container) {
   document.head.appendChild(styleEl);
 }
 
-// src/components/telemetry-grid-shopping/export.ts
-var import_jspdf = require("jspdf");
-function makeCols(unit) {
-  return [
-    { key: "idx", label: "#", pdfW: 10 },
-    { key: "nome", label: "Nome", pdfW: 100 },
-    { key: "identificador", label: "Identificador", pdfW: 60 },
-    { key: "consumo", label: unit ? `Consumo (${unit})` : "Consumo", pdfW: 50 },
-    { key: "perc", label: "%", pdfW: 20 }
-  ];
-}
-function buildRow(d, idx) {
-  const fmtVal = () => {
-    if (d.val === null || d.val === void 0) return "\u2014";
-    return Number(d.val).toLocaleString("pt-BR", { maximumFractionDigits: 3, useGrouping: false });
-  };
-  const pd = resolvePercentDecimals();
-  return {
-    idx: String(idx + 1),
-    nome: d.labelOrName || d.name || "\u2014",
-    identificador: d.deviceIdentifier || "\u2014",
-    consumo: fmtVal(),
-    perc: d.perc !== void 0 ? `${d.perc.toFixed(pd).replace(".", ",")}%` : "\u2014"
-  };
-}
-function fmtPeriod(period) {
-  if (!period?.startISO) return "";
-  const fmt2 = (iso) => new Date(iso).toLocaleDateString("pt-BR");
-  return period.endISO ? `${fmt2(period.startISO)} \u2014 ${fmt2(period.endISO)}` : fmt2(period.startISO);
-}
-function slugify(s) {
-  return s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^\w]+/g, "-").toLowerCase().replace(/^-+|-+$/g, "").slice(0, 40);
-}
-function datestamp() {
-  const d = /* @__PURE__ */ new Date();
-  const p = (n) => String(n).padStart(2, "0");
-  return `${d.getFullYear()}${p(d.getMonth() + 1)}${p(d.getDate())}-${p(d.getHours())}${p(d.getMinutes())}`;
-}
-function buildFilenameBase(label, customerName) {
-  const parts = [];
-  const cSlug = customerName ? slugify(customerName) : "";
-  if (cSlug) parts.push(cSlug);
-  parts.push(slugify(label));
-  parts.push(datestamp());
-  return parts.join("-");
-}
-function triggerDownload(blob, filename) {
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = filename;
-  a.click();
-  setTimeout(() => URL.revokeObjectURL(url), 1e3);
-}
-function escXml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function truncate(s, max) {
-  return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
-}
-function exportGridCsv(devices, label, unit, period, customerName) {
-  const periodLabel = fmtPeriod(period);
-  const metaRows = [
-    `"${label}"`,
-    customerName ? `"Cliente";"${customerName}"` : null,
-    periodLabel ? `"Per\xEDodo";"${periodLabel}"` : null,
-    `"Gerado em";"${(/* @__PURE__ */ new Date()).toLocaleString("pt-BR")}"`,
-    ""
-  ].filter((v) => v !== null);
-  const cols = makeCols(unit);
-  const header = cols.map((c) => `"${c.label}"`).join(";");
-  const rows = devices.map((d, i) => {
-    const r = buildRow(d, i);
-    return cols.map((c) => `"${String(r[c.key]).replace(/"/g, '""')}"`).join(";");
-  });
-  const csv = "\uFEFF" + [...metaRows, header, ...rows].join("\r\n");
-  triggerDownload(
-    new Blob([csv], { type: "text/csv;charset=utf-8;" }),
-    `${buildFilenameBase(label, customerName)}.csv`
-  );
-}
-function exportGridXls(devices, label, unit, period, customerName) {
-  const periodLabel = fmtPeriod(period);
-  const cols = makeCols(unit);
-  const span = cols.length - 1;
-  const metaRow = (key, val) => `<Row><Cell ss:StyleID="m"><Data ss:Type="String">${escXml(key)}</Data></Cell><Cell ss:MergeAcross="${span - 1}"><Data ss:Type="String">${escXml(val)}</Data></Cell></Row>`;
-  const headerCells = cols.map(
-    (c) => `<Cell ss:StyleID="h"><Data ss:Type="String">${escXml(c.label)}</Data></Cell>`
-  ).join("");
-  const dataRows = devices.map((d, i) => {
-    const r = buildRow(d, i);
-    const cells = cols.map((c) => {
-      const v = escXml(String(r[c.key]));
-      return `<Cell><Data ss:Type="String">${v}</Data></Cell>`;
-    }).join("");
-    return `<Row>${cells}</Row>`;
-  }).join("\n");
-  const xml = `<?xml version="1.0" encoding="UTF-8"?>
-<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
-  xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
-  <Styles>
-    <Style ss:ID="h">
-      <Font ss:Bold="1" ss:Color="#FFFFFF"/>
-      <Interior ss:Color="#3E1A7D" ss:Pattern="Solid"/>
-    </Style>
-    <Style ss:ID="m">
-      <Font ss:Bold="1"/>
-      <Interior ss:Color="#F0EDF9" ss:Pattern="Solid"/>
-    </Style>
-  </Styles>
-  <Worksheet ss:Name="${escXml(label.slice(0, 31))}">
-    <Table>
-      ${metaRow("Relat\xF3rio", label)}
-      ${customerName ? metaRow("Cliente", customerName) : ""}
-      ${periodLabel ? metaRow("Per\xEDodo", periodLabel) : ""}
-      ${metaRow("Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR"))}
-      <Row/>
-      <Row>${headerCells}</Row>
-      ${dataRows}
-    </Table>
-  </Worksheet>
-</Workbook>`;
-  triggerDownload(
-    new Blob([xml], { type: "application/vnd.ms-excel;charset=utf-8;" }),
-    `${buildFilenameBase(label, customerName)}.xls`
-  );
-}
-function exportGridPdf(devices, label, unit, period, customerName) {
-  const generatedAt = (/* @__PURE__ */ new Date()).toLocaleString("pt-BR");
-  const doc = new import_jspdf.jsPDF({ orientation: "landscape", unit: "mm", format: "a4" });
-  const PW = doc.internal.pageSize.getWidth();
-  const PH = doc.internal.pageSize.getHeight();
-  const MARGIN = 10;
-  const HDR_H = 13;
-  const FTR_H = 10;
-  const ROW_H = 7;
-  const HEAD_H = 8;
-  const TABLE_Y = HDR_H + MARGIN;
-  const MAX_Y = PH - FTR_H - MARGIN;
-  const TABLE_W = PW - MARGIN * 2;
-  const cols = makeCols(unit);
-  const rawTotal = cols.reduce((s, c) => s + c.pdfW, 0);
-  const scale = TABLE_W / rawTotal;
-  const colWidths = cols.map((c) => c.pdfW * scale);
-  const colX = (ci) => MARGIN + colWidths.slice(0, ci).reduce((s, w) => s + w, 0);
-  function drawPageHeader(pageNo2) {
-    doc.setFillColor(62, 26, 125);
-    doc.rect(0, 0, PW, HDR_H, "F");
-    doc.setTextColor(255, 255, 255);
-    doc.setFont("helvetica", "bold");
-    doc.setFontSize(10);
-    const titleText = customerName ? `${customerName} \u2014 ${label}` : label;
-    doc.text(titleText, MARGIN, HDR_H / 2 + 1.5);
-    doc.setFont("helvetica", "normal");
-    doc.setFontSize(8);
-    const periodLabel = fmtPeriod(period);
-    const periodPart = periodLabel ? `Per\xEDodo: ${periodLabel}  \u2022  ` : "";
-    const info = `${periodPart}Gerado em: ${generatedAt}  \u2022  ${devices.length} dispositivo(s)  \u2022  Unidade: ${unit}  \u2022  P\xE1g. ${pageNo2}`;
-    doc.text(info, PW - MARGIN, HDR_H / 2 + 1.5, { align: "right" });
-  }
-  function drawColumnHeaders(y) {
-    doc.setFillColor(240, 237, 250);
-    doc.rect(MARGIN, y, TABLE_W, HEAD_H, "F");
-    doc.setTextColor(62, 26, 125);
-    doc.setFont("helvetica", "bold");
-    doc.setFontSize(7);
-    cols.forEach((c, ci) => {
-      const x = colX(ci) + 1.5;
-      doc.text(c.label, x, y + HEAD_H / 2 + 2.5);
-    });
-    doc.setDrawColor(200, 195, 220);
-    doc.setLineWidth(0.2);
-    doc.rect(MARGIN, y, TABLE_W, HEAD_H);
-  }
-  function drawDataRow(r, y, even) {
-    if (even) {
-      doc.setFillColor(250, 249, 255);
-      doc.rect(MARGIN, y, TABLE_W, ROW_H, "F");
-    }
-    doc.setTextColor(40, 40, 40);
-    doc.setFont("helvetica", "normal");
-    doc.setFontSize(6.5);
-    cols.forEach((c, ci) => {
-      const x = colX(ci) + 1.5;
-      const maxChars = Math.floor(colWidths[ci] / 1.8);
-      const text = truncate(String(r[c.key]), maxChars);
-      doc.text(text, x, y + ROW_H / 2 + 2.2);
-    });
-    doc.setDrawColor(230, 228, 240);
-    doc.setLineWidth(0.1);
-    doc.line(MARGIN, y + ROW_H, MARGIN + TABLE_W, y + ROW_H);
-  }
-  function drawFooter2() {
-    doc.setFillColor(250, 249, 255);
-    doc.rect(0, PH - FTR_H, PW, FTR_H, "F");
-    doc.setDrawColor(210, 205, 230);
-    doc.setLineWidth(0.2);
-    doc.line(MARGIN, PH - FTR_H + 0.5, PW - MARGIN, PH - FTR_H + 0.5);
-    doc.setTextColor(120, 110, 150);
-    doc.setFont("helvetica", "normal");
-    doc.setFontSize(7);
-    doc.text(
-      `Gerado em ${generatedAt}  \u2014  MyIO`,
-      MARGIN,
-      PH - FTR_H + 6
-    );
-  }
-  let pageNo = 1;
-  let currentY = TABLE_Y;
-  drawPageHeader(pageNo);
-  drawColumnHeaders(currentY);
-  currentY += HEAD_H;
-  devices.forEach((d, i) => {
-    if (currentY + ROW_H > MAX_Y) {
-      drawFooter2();
-      doc.addPage();
-      pageNo++;
-      currentY = TABLE_Y;
-      drawPageHeader(pageNo);
-      drawColumnHeaders(currentY);
-      currentY += HEAD_H;
-    }
-    drawDataRow(buildRow(d, i), currentY, i % 2 === 0);
-    currentY += ROW_H;
-  });
-  drawFooter2();
-  doc.save(`${buildFilenameBase(label, customerName)}.pdf`);
-}
-
 // src/components/telemetry-grid-shopping/TelemetryGridShoppingView.ts
 var TelemetryGridShoppingView = class {
   root;