myio-js-library 0.1.541 → 0.1.543

package/README.md

@@ -620,13 +620,14 @@ formatWaterVolumeM3(null); // "-"
 
 ##### `formatTankHeadFromCm(valueCm: number, locale?: string): string`
 
-Formats tank head from centimeters to meters of water column (m.c.a.).
+Formats tank head from centimeters to meters of water column (M.C.A).
 
 ```javascript
 import { formatTankHeadFromCm } from 'myio-js-library';
 
-formatTankHeadFromCm(178); // "1,78 m.c.a."
-formatTankHeadFromCm(250); // "2,50 m.c.a."
+formatTankHeadFromCm(178); // "1,78 M.C.A"
+formatTankHeadFromCm(250); // "2,50 M.C.A"
+formatTankHeadFromCm(1220.7); // "12,21 M.C.A"
 formatTankHeadFromCm(null); // "-"
 ```
 

package/dist/index.cjs

@@ -891,7 +891,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.541",
+  version: "0.1.543",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -1095,7 +1095,7 @@ function formatTankHeadFromCm(valueCm, locale = "pt-BR") {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
-  return `${formattedValue} m.c.a.`;
+  return `${formattedValue} M.C.A`;
 }
 function calcDeltaPercent(prev, current) {
   if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -18790,7 +18790,14 @@ function renderCardComponentV5({
   };
   const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
   const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+  const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const formatCardValue = (value, deviceType2) => {
+    if (isTankDevice2) {
+      return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+    }
     const numValue = Number(value) || 0;
     const category = getDeviceCategory(deviceType2);
     if (isEnergyDevice2(deviceType2)) {
@@ -19078,11 +19085,8 @@ function renderCardComponentV5({
     }
     return getStaticDeviceImage(nameType);
   };
-  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
   const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
   const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const calculateTempStatus2 = () => {
     if (temperatureStatus) return temperatureStatus;
     const currentTemp = Number(val) || 0;
@@ -19161,7 +19165,7 @@ function renderCardComponentV5({
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>

package/dist/index.d.cts

@@ -59,10 +59,10 @@ declare function formatWater$1(value: number): string;
  */
 declare function formatWaterVolumeM3(value: number, locale?: string): string;
 /**
- * Formats tank head from centimeters to meters of water column (m.c.a.)
+ * Formats tank head from centimeters to meters of water column (M.C.A)
  * @param valueCm - The tank head value in centimeters
  * @param locale - The locale to use for formatting (defaults to 'pt-BR')
- * @returns Formatted tank head string in m.c.a. unit
+ * @returns Formatted tank head string in M.C.A unit (e.g. "12,21 M.C.A")
  */
 declare function formatTankHeadFromCm(valueCm: number, locale?: string): string;
 /**

package/dist/index.d.ts

@@ -59,10 +59,10 @@ declare function formatWater$1(value: number): string;
  */
 declare function formatWaterVolumeM3(value: number, locale?: string): string;
 /**
- * Formats tank head from centimeters to meters of water column (m.c.a.)
+ * Formats tank head from centimeters to meters of water column (M.C.A)
  * @param valueCm - The tank head value in centimeters
  * @param locale - The locale to use for formatting (defaults to 'pt-BR')
- * @returns Formatted tank head string in m.c.a. unit
+ * @returns Formatted tank head string in M.C.A unit (e.g. "12,21 M.C.A")
  */
 declare function formatTankHeadFromCm(valueCm: number, locale?: string): string;
 /**

package/dist/index.js

@@ -10,7 +10,7 @@ import {
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.541",
+  version: "0.1.543",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -214,7 +214,7 @@ function formatTankHeadFromCm(valueCm, locale = "pt-BR") {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
-  return `${formattedValue} m.c.a.`;
+  return `${formattedValue} M.C.A`;
 }
 function calcDeltaPercent(prev, current) {
   if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -17184,7 +17184,14 @@ function renderCardComponentV5({
   };
   const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
   const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+  const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const formatCardValue = (value, deviceType2) => {
+    if (isTankDevice2) {
+      return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+    }
     const numValue = Number(value) || 0;
     const category = getDeviceCategory(deviceType2);
     if (isEnergyDevice2(deviceType2)) {
@@ -17472,11 +17479,8 @@ function renderCardComponentV5({
     }
     return getStaticDeviceImage(nameType);
   };
-  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
   const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
   const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const calculateTempStatus2 = () => {
     if (temperatureStatus) return temperatureStatus;
     const currentTemp = Number(val) || 0;
@@ -17555,7 +17559,7 @@ function renderCardComponentV5({
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>

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

@@ -5455,7 +5455,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.541"};
+    version: "0.1.543"};
 
   // src/utils/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -5580,7 +5580,7 @@
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
     });
-    return `${formattedValue} m.c.a.`;
+    return `${formattedValue} M.C.A`;
   }
   function calcDeltaPercent(prev, current) {
     if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -22521,7 +22521,14 @@
     };
     const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
     const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+    const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+    const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+    const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+    const _pctDecimals = resolvePercentDecimals(percentDecimals);
     const formatCardValue = (value, deviceType2) => {
+      if (isTankDevice2) {
+        return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+      }
       const numValue = Number(value) || 0;
       getDeviceCategory(deviceType2);
       if (isEnergyDevice2(deviceType2)) {
@@ -22809,11 +22816,8 @@
       }
       return getStaticDeviceImage(nameType);
     };
-    const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
     const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
     const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-    const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-    const _pctDecimals = resolvePercentDecimals(percentDecimals);
     const calculateTempStatus2 = () => {
       if (temperatureStatus) return temperatureStatus;
       const currentTemp = Number(val) || 0;
@@ -22892,7 +22896,7 @@
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>