myio-js-library 0.1.507 → 0.1.508

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.507",
+  version: "0.1.508",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -16048,7 +16048,9 @@ var INFO_TOOLTIP_CSS = `
 }
 
 .myio-info-tooltip.maximized .myio-info-tooltip__content {
-  flex: 1;
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   overflow-y: auto;
 }
 
@@ -74288,7 +74290,7 @@ var COLUMN_SUMMARY_CSS = `
 .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-columns: minmax(520px, 620px) 1fr;
   grid-template-rows: auto 1fr;
   gap: 14px 22px;
 }
@@ -74296,7 +74298,7 @@ var COLUMN_SUMMARY_CSS = `
   display: block; grid-column: 1; grid-row: 1; min-width: 0;
 }
 .myio-info-tooltip.maximized .myio-col-summary__pie {
-  width: 320px; height: 320px; aspect-ratio: auto; margin: 0 auto;
+  width: 500px; height: 500px; aspect-ratio: auto; margin: 0 auto;
 }
 .myio-info-tooltip.maximized .myio-col-summary__lists {
   grid-column: 1; grid-row: 2; min-height: 0; overflow-y: auto;
@@ -74412,7 +74414,7 @@ function buildPieSvg(visible, total) {
 function buildLegend(total) {
   if (!_state) return "";
   const { data, excluded, fmt: fmt2, pd } = _state;
-  const rows = data.devices.map((d, idx) => {
+  const rows = data.devices.map((d, idx) => ({ d, idx })).sort((a, b) => (Number(b.d.value) || 0) - (Number(a.d.value) || 0)).map(({ d, idx }) => {
     const val = Number(d.value) || 0;
     const isExcl = excluded.has(idx);
     const pct = isExcl ? "\u2014" : fmtPct(val, total, pd);

package/dist/index.js

@@ -546,7 +546,7 @@ var init_template_card = __esm({
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.507",
+  version: "0.1.508",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -15430,7 +15430,9 @@ var INFO_TOOLTIP_CSS = `
 }
 
 .myio-info-tooltip.maximized .myio-info-tooltip__content {
-  flex: 1;
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   overflow-y: auto;
 }
 
@@ -73670,7 +73672,7 @@ var COLUMN_SUMMARY_CSS = `
 .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-columns: minmax(520px, 620px) 1fr;
   grid-template-rows: auto 1fr;
   gap: 14px 22px;
 }
@@ -73678,7 +73680,7 @@ var COLUMN_SUMMARY_CSS = `
   display: block; grid-column: 1; grid-row: 1; min-width: 0;
 }
 .myio-info-tooltip.maximized .myio-col-summary__pie {
-  width: 320px; height: 320px; aspect-ratio: auto; margin: 0 auto;
+  width: 500px; height: 500px; aspect-ratio: auto; margin: 0 auto;
 }
 .myio-info-tooltip.maximized .myio-col-summary__lists {
   grid-column: 1; grid-row: 2; min-height: 0; overflow-y: auto;
@@ -73794,7 +73796,7 @@ function buildPieSvg(visible, total) {
 function buildLegend(total) {
   if (!_state) return "";
   const { data, excluded, fmt: fmt2, pd } = _state;
-  const rows = data.devices.map((d, idx) => {
+  const rows = data.devices.map((d, idx) => ({ d, idx })).sort((a, b) => (Number(b.d.value) || 0) - (Number(a.d.value) || 0)).map(({ d, idx }) => {
     const val = Number(d.value) || 0;
     const isExcl = excluded.has(idx);
     const pct = isExcl ? "\u2014" : fmtPct(val, total, pd);

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

@@ -4070,7 +4070,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.507"};
+    version: "0.1.508"};
 
   // src/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -18865,7 +18865,9 @@
 }
 
 .myio-info-tooltip.maximized .myio-info-tooltip__content {
-  flex: 1;
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   overflow-y: auto;
 }
 
@@ -76900,7 +76902,7 @@ ${this._formatFileSize(f.size)} \xB7 ${f.type || "arquivo"}`;
 .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-columns: minmax(520px, 620px) 1fr;
   grid-template-rows: auto 1fr;
   gap: 14px 22px;
 }
@@ -76908,7 +76910,7 @@ ${this._formatFileSize(f.size)} \xB7 ${f.type || "arquivo"}`;
   display: block; grid-column: 1; grid-row: 1; min-width: 0;
 }
 .myio-info-tooltip.maximized .myio-col-summary__pie {
-  width: 320px; height: 320px; aspect-ratio: auto; margin: 0 auto;
+  width: 500px; height: 500px; aspect-ratio: auto; margin: 0 auto;
 }
 .myio-info-tooltip.maximized .myio-col-summary__lists {
   grid-column: 1; grid-row: 2; min-height: 0; overflow-y: auto;
@@ -77024,7 +77026,7 @@ ${this._formatFileSize(f.size)} \xB7 ${f.type || "arquivo"}`;
   function buildLegend(total) {
     if (!_state) return "";
     const { data, excluded, fmt: fmt2, pd } = _state;
-    const rows = data.devices.map((d, idx) => {
+    const rows = data.devices.map((d, idx) => ({ d, idx })).sort((a, b) => (Number(b.d.value) || 0) - (Number(a.d.value) || 0)).map(({ d, idx }) => {
       const val = Number(d.value) || 0;
       const isExcl = excluded.has(idx);
       const pct = isExcl ? "\u2014" : fmtPct(val, total, pd);