myio-js-library 0.1.192 → 0.1.195

package/dist/index.cjs

@@ -33530,6 +33530,65 @@ var ENERGY_SUMMARY_TOOLTIP_CSS = `
   color: #ffffff;
 }
 
+/* Excluded Devices Notice */
+.energy-summary-tooltip__excluded-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 10px 12px;
+  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+  border-radius: 8px;
+  margin-top: 12px;
+  border: 1px solid #f59e0b;
+}
+
+.energy-summary-tooltip__excluded-icon {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+.energy-summary-tooltip__excluded-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.energy-summary-tooltip__excluded-title {
+  font-weight: 600;
+  font-size: 11px;
+  color: #92400e;
+  margin-bottom: 4px;
+}
+
+.energy-summary-tooltip__excluded-list {
+  font-size: 10px;
+  color: #78350f;
+  line-height: 1.4;
+}
+
+.energy-summary-tooltip__excluded-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 2px 0;
+  border-bottom: 1px dashed rgba(120, 53, 15, 0.2);
+}
+
+.energy-summary-tooltip__excluded-item:last-child {
+  border-bottom: none;
+}
+
+.energy-summary-tooltip__excluded-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 200px;
+}
+
+.energy-summary-tooltip__excluded-value {
+  font-weight: 600;
+  flex-shrink: 0;
+  margin-left: 8px;
+}
+
 /* Responsive adjustments */
 @media (max-width: 600px) {
   .energy-summary-tooltip__content {
@@ -33679,6 +33738,38 @@ var EnergySummaryTooltip = {
       `;
     }).join("");
   },
+  /**
+   * Render excluded devices notice (if any devices are excluded from CAG)
+   */
+  renderExcludedNotice(excludedDevices, unit) {
+    if (!excludedDevices || excludedDevices.length === 0) {
+      return "";
+    }
+    const deviceItems = excludedDevices.map((device) => `
+      <div class="energy-summary-tooltip__excluded-item">
+        <span class="energy-summary-tooltip__excluded-label" title="${device.label}">${device.label}</span>
+        <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(device.value, unit)}</span>
+      </div>
+    `).join("");
+    const totalExcluded = excludedDevices.reduce((sum, d) => sum + (d.value || 0), 0);
+    return `
+      <div class="energy-summary-tooltip__excluded-notice">
+        <span class="energy-summary-tooltip__excluded-icon">\u26A0\uFE0F</span>
+        <div class="energy-summary-tooltip__excluded-content">
+          <div class="energy-summary-tooltip__excluded-title">
+            Dispositivos exclu\xEDdos do subtotal CAG (${excludedDevices.length})
+          </div>
+          <div class="energy-summary-tooltip__excluded-list">
+            ${deviceItems}
+            <div class="energy-summary-tooltip__excluded-item" style="font-weight: 700; margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(120, 53, 15, 0.3);">
+              <span>Total exclu\xEDdo:</span>
+              <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(totalExcluded, unit)}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  },
   /**
    * Render full tooltip HTML
    */
@@ -33686,6 +33777,7 @@ var EnergySummaryTooltip = {
     const categoryRows = this.renderCategoryTree(summary.byCategory, summary.unit);
     const statusMatrix = this.renderStatusMatrix(summary.byStatus);
     const timestamp = formatTimestamp3(summary.lastUpdated);
+    const excludedNotice = this.renderExcludedNotice(summary.excludedFromCAG, summary.unit);
     return `
       <div class="energy-summary-tooltip__content">
         <div class="energy-summary-tooltip__header" data-drag-handle>
@@ -33732,6 +33824,7 @@ var EnergySummaryTooltip = {
           <div class="energy-summary-tooltip__status-matrix">
             ${statusMatrix}
           </div>
+          ${excludedNotice}
         </div>
         <div class="energy-summary-tooltip__total">
           <span class="energy-summary-tooltip__total-label">Consumo Total</span>

package/dist/index.d.cts

@@ -3115,6 +3115,11 @@ interface StatusSummary$1 {
     offlineDevices?: DeviceInfo$1[];
     noConsumptionDevices?: DeviceInfo$1[];
 }
+interface ExcludedDevice {
+    id: string;
+    label: string;
+    value: number;
+}
 interface DashboardEnergySummary {
     totalDevices: number;
     totalConsumption: number;
@@ -3122,6 +3127,7 @@ interface DashboardEnergySummary {
     byCategory: CategorySummary[];
     byStatus: StatusSummary$1;
     lastUpdated: string;
+    excludedFromCAG?: ExcludedDevice[];
 }
 declare const EnergySummaryTooltip: {
     containerId: string;
@@ -3137,6 +3143,10 @@ declare const EnergySummaryTooltip: {
      * Render status matrix with expand buttons
      */
     renderStatusMatrix(status: StatusSummary$1): string;
+    /**
+     * Render excluded devices notice (if any devices are excluded from CAG)
+     */
+    renderExcludedNotice(excludedDevices: ExcludedDevice[] | undefined, unit: string): string;
     /**
      * Render full tooltip HTML
      */

package/dist/index.js

@@ -33361,6 +33361,65 @@ var ENERGY_SUMMARY_TOOLTIP_CSS = `
   color: #ffffff;
 }
 
+/* Excluded Devices Notice */
+.energy-summary-tooltip__excluded-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 10px 12px;
+  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+  border-radius: 8px;
+  margin-top: 12px;
+  border: 1px solid #f59e0b;
+}
+
+.energy-summary-tooltip__excluded-icon {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+.energy-summary-tooltip__excluded-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.energy-summary-tooltip__excluded-title {
+  font-weight: 600;
+  font-size: 11px;
+  color: #92400e;
+  margin-bottom: 4px;
+}
+
+.energy-summary-tooltip__excluded-list {
+  font-size: 10px;
+  color: #78350f;
+  line-height: 1.4;
+}
+
+.energy-summary-tooltip__excluded-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 2px 0;
+  border-bottom: 1px dashed rgba(120, 53, 15, 0.2);
+}
+
+.energy-summary-tooltip__excluded-item:last-child {
+  border-bottom: none;
+}
+
+.energy-summary-tooltip__excluded-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 200px;
+}
+
+.energy-summary-tooltip__excluded-value {
+  font-weight: 600;
+  flex-shrink: 0;
+  margin-left: 8px;
+}
+
 /* Responsive adjustments */
 @media (max-width: 600px) {
   .energy-summary-tooltip__content {
@@ -33510,6 +33569,38 @@ var EnergySummaryTooltip = {
       `;
     }).join("");
   },
+  /**
+   * Render excluded devices notice (if any devices are excluded from CAG)
+   */
+  renderExcludedNotice(excludedDevices, unit) {
+    if (!excludedDevices || excludedDevices.length === 0) {
+      return "";
+    }
+    const deviceItems = excludedDevices.map((device) => `
+      <div class="energy-summary-tooltip__excluded-item">
+        <span class="energy-summary-tooltip__excluded-label" title="${device.label}">${device.label}</span>
+        <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(device.value, unit)}</span>
+      </div>
+    `).join("");
+    const totalExcluded = excludedDevices.reduce((sum, d) => sum + (d.value || 0), 0);
+    return `
+      <div class="energy-summary-tooltip__excluded-notice">
+        <span class="energy-summary-tooltip__excluded-icon">\u26A0\uFE0F</span>
+        <div class="energy-summary-tooltip__excluded-content">
+          <div class="energy-summary-tooltip__excluded-title">
+            Dispositivos exclu\xEDdos do subtotal CAG (${excludedDevices.length})
+          </div>
+          <div class="energy-summary-tooltip__excluded-list">
+            ${deviceItems}
+            <div class="energy-summary-tooltip__excluded-item" style="font-weight: 700; margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(120, 53, 15, 0.3);">
+              <span>Total exclu\xEDdo:</span>
+              <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(totalExcluded, unit)}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  },
   /**
    * Render full tooltip HTML
    */
@@ -33517,6 +33608,7 @@ var EnergySummaryTooltip = {
     const categoryRows = this.renderCategoryTree(summary.byCategory, summary.unit);
     const statusMatrix = this.renderStatusMatrix(summary.byStatus);
     const timestamp = formatTimestamp3(summary.lastUpdated);
+    const excludedNotice = this.renderExcludedNotice(summary.excludedFromCAG, summary.unit);
     return `
       <div class="energy-summary-tooltip__content">
         <div class="energy-summary-tooltip__header" data-drag-handle>
@@ -33563,6 +33655,7 @@ var EnergySummaryTooltip = {
           <div class="energy-summary-tooltip__status-matrix">
             ${statusMatrix}
           </div>
+          ${excludedNotice}
         </div>
         <div class="energy-summary-tooltip__total">
           <span class="energy-summary-tooltip__total-label">Consumo Total</span>

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

@@ -33175,6 +33175,65 @@
   color: #ffffff;
 }
 
+/* Excluded Devices Notice */
+.energy-summary-tooltip__excluded-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 10px 12px;
+  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+  border-radius: 8px;
+  margin-top: 12px;
+  border: 1px solid #f59e0b;
+}
+
+.energy-summary-tooltip__excluded-icon {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+.energy-summary-tooltip__excluded-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.energy-summary-tooltip__excluded-title {
+  font-weight: 600;
+  font-size: 11px;
+  color: #92400e;
+  margin-bottom: 4px;
+}
+
+.energy-summary-tooltip__excluded-list {
+  font-size: 10px;
+  color: #78350f;
+  line-height: 1.4;
+}
+
+.energy-summary-tooltip__excluded-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 2px 0;
+  border-bottom: 1px dashed rgba(120, 53, 15, 0.2);
+}
+
+.energy-summary-tooltip__excluded-item:last-child {
+  border-bottom: none;
+}
+
+.energy-summary-tooltip__excluded-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 200px;
+}
+
+.energy-summary-tooltip__excluded-value {
+  font-weight: 600;
+  flex-shrink: 0;
+  margin-left: 8px;
+}
+
 /* Responsive adjustments */
 @media (max-width: 600px) {
   .energy-summary-tooltip__content {
@@ -33324,6 +33383,38 @@
       `;
       }).join("");
     },
+    /**
+     * Render excluded devices notice (if any devices are excluded from CAG)
+     */
+    renderExcludedNotice(excludedDevices, unit) {
+      if (!excludedDevices || excludedDevices.length === 0) {
+        return "";
+      }
+      const deviceItems = excludedDevices.map((device) => `
+      <div class="energy-summary-tooltip__excluded-item">
+        <span class="energy-summary-tooltip__excluded-label" title="${device.label}">${device.label}</span>
+        <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(device.value, unit)}</span>
+      </div>
+    `).join("");
+      const totalExcluded = excludedDevices.reduce((sum, d) => sum + (d.value || 0), 0);
+      return `
+      <div class="energy-summary-tooltip__excluded-notice">
+        <span class="energy-summary-tooltip__excluded-icon">\u26A0\uFE0F</span>
+        <div class="energy-summary-tooltip__excluded-content">
+          <div class="energy-summary-tooltip__excluded-title">
+            Dispositivos exclu\xEDdos do subtotal CAG (${excludedDevices.length})
+          </div>
+          <div class="energy-summary-tooltip__excluded-list">
+            ${deviceItems}
+            <div class="energy-summary-tooltip__excluded-item" style="font-weight: 700; margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(120, 53, 15, 0.3);">
+              <span>Total exclu\xEDdo:</span>
+              <span class="energy-summary-tooltip__excluded-value">${formatConsumption2(totalExcluded, unit)}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    },
     /**
      * Render full tooltip HTML
      */
@@ -33331,6 +33422,7 @@
       const categoryRows = this.renderCategoryTree(summary.byCategory, summary.unit);
       const statusMatrix = this.renderStatusMatrix(summary.byStatus);
       const timestamp = formatTimestamp3(summary.lastUpdated);
+      const excludedNotice = this.renderExcludedNotice(summary.excludedFromCAG, summary.unit);
       return `
       <div class="energy-summary-tooltip__content">
         <div class="energy-summary-tooltip__header" data-drag-handle>
@@ -33377,6 +33469,7 @@
           <div class="energy-summary-tooltip__status-matrix">
             ${statusMatrix}
           </div>
+          ${excludedNotice}
         </div>
         <div class="energy-summary-tooltip__total">
           <span class="energy-summary-tooltip__total-label">Consumo Total</span>