logitude-dashboard-library 3.2.38 → 3.2.39

package/dist/index.modern.js

@@ -730,11 +730,15 @@ var getGlobalNumberFormatting = function getGlobalNumberFormatting() {
   return numberSeparatorSettings;
 };
 
-var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value, decimalDigitsCount) {
+var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value, decimalDigitsCount, isToolTip) {
   if (decimalDigitsCount === void 0) {
     decimalDigitsCount = -1;
   }
 
+  if (isToolTip === void 0) {
+    isToolTip = false;
+  }
+
   if (isNaN(value) || value == null || value == undefined) return value + "";
   var decimalParts = value.toString().split(".");
   var maxFractionDigits = decimalParts[1] ? decimalParts[1].length : 0;
@@ -742,10 +746,13 @@ var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value,
 
   var _numberSeparatorSettings = getGlobalNumberFormatting();
 
-  var factor = Math.pow(10, decimalDigitsCount);
-  var truncatedValue = Math.floor(value * factor) / factor;
+  if (!isToolTip) {
+    var factor = Math.pow(10, decimalDigitsCount);
+    var truncatedValue = Math.floor(value * factor) / factor;
+    value = truncatedValue;
+  }
 
-  var _val = truncatedValue.toLocaleString('en-US', {
+  var _val = value.toLocaleString('en-US', {
     minimumFractionDigits: 0,
     maximumFractionDigits: decimalDigitsCount
   });
@@ -2105,7 +2112,7 @@ function buildToolTip(widget, value, seriesMeasure, label, index, groupbyId, sec
   var customToolTip = "\n    <div style=\"min-width: 108px;" + padding + "\">\n\n        <div style=\"display: flex;align-items: center;margin-bottom: 6px;\">\n            <span style=\"margin: 0; min-height: 10px; min-width: 10px; height: 10px; width: 10px; background-color: transparent; border-radius: 50%; display: inline-block;\"></span>\n            <p style=\" margin: 0; margin-left: 4px; white-space: pre-line; font-family: 'Manrope'; font-style: normal;font-weight: 400; font-size: 11px; line-height: 100%;  color: #323232;\"> " + getTooltiplabel(label, seriesMeasure) + "</p>\n        </div>\n\n        <hr style=\"margin: 0;border-top: 1px solid #F0F0F0;\">\n\n        <div style=\"display: flex;align-items: center;margin:0;margin-top: 6px;\">\n            <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getMeasureType(seriesMeasure) + "</p>\n            <p style=\"margin: 0;margin-left: 6px; white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getTooltipValue(value, seriesMeasure) + "</p>\n            " + getTooltipPercentage(widget) + " </div> ";
 
   if (RenderStackedChartTotalsAndPercentages(widget, seriesMeasure)) {
-    customToolTip += "<div>\n\n            <hr style=\"margin-top: 6px;border-top: 1px solid #F0F0F0;\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 6px; flex-d align-items: center;margin:0;margin-top: 6px;\">\n                <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getGroupValuePercentage(seriesMeasure, groupbyId, secGroupbyId) + "</p>\n                <p style=\"margin: 0;white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getSumOfGroupValues(seriesMeasure, groupbyId) + "</p>\n            </div>\n\n        </div>";
+    customToolTip += "<div>\n\n            <hr style=\"margin-top: 6px;border-top: 1px solid #F0F0F0;\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 6px; flex-d align-items: center;margin:0;margin-top: 6px;\">\n                <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getGroupValuePercentage(seriesMeasure, groupbyId, secGroupbyId) + "</p>\n            </div>\n\n            <hr style=\"margin-top: 6px;border-top: 1px solid #F0F0F0;\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 6px; flex-d align-items: center;margin:0;margin-top: 6px;\">\n                <p style=\"margin: 0;white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getSumOfGroupValues(seriesMeasure, groupbyId) + "</p>\n            </div>\n\n        </div>";
   }
 
   customToolTip += "</div>";
@@ -2134,7 +2141,7 @@ function getGroupValuePercentage(seriesMeasures, groupbyId, secGroupbyId) {
   var percentageValueInLocalFormat = "0";
 
   if (total !== 0 && value) {
-    percentageValueInLocalFormat = getNumberInSystemLocalFormat(value / total * 100, 2);
+    percentageValueInLocalFormat = getNumberInSystemLocalFormat(value / total * 100, 2, true);
   }
 
   return "<span style=\"margin-right:6px;\">Percentage:</span>" + percentageValueInLocalFormat + "%";
@@ -2146,7 +2153,7 @@ function getSumOfGroupValues(seriesMeasure, groupbyId) {
   }
 
   var total = getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId);
-  return "<span style=\"margin-right:6px;\">Total:</span>" + getNumberInSystemLocalFormat(total, 2);
+  return "<span style=\"margin-right:6px;\">Total:</span>" + getNumberInSystemLocalFormat(total, 2, true);
 }
 
 function getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId) {