@ironsource/shared-ui 2.1.12-rc.25 → 2.1.12-rc.27

package/components/chart/ChartLegend.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css"; import { defineComponent as F, ref as H, computed as v, openBlock as s, createElementBlock as u, createElementVNode as r, createVNode as c, unref as o, createBlock as g, isRef as R, createCommentVNode as x, mergeProps as T, withCtx as p, createTextVNode as I, Fragment as $, renderList as z, normalizeClass as K, withModifiers as q, toDisplayString as V } from "vue";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css"; import { defineComponent as F, ref as H, computed as v, openBlock as s, createElementBlock as u, createElementVNode as r, createVNode as c, unref as o, createBlock as g, isRef as R, createCommentVNode as x, mergeProps as T, withCtx as p, createTextVNode as I, Fragment as $, renderList as z, normalizeClass as K, withModifiers as q, toDisplayString as V } from "vue";
 import { useVModel as C, useVirtualList as G } from "@vueuse/core";
 import k from "../typography/v4/Typography.vue.js";
 import X from "../checkbox/v4/CheckboxV4.vue.js";

package/components/chart/ChartPlane.vue.d.ts

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -66,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -106,6 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -145,6 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -172,13 +176,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     valueSuffix: string;
     valuePrefix: string;
-    dataSets: ChartDataSet[];
     trendTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     typeSwitcher: boolean;
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
+    dataSets: ChartDataSet[];
     tickCount: number;
     truncateTickLabels: boolean;
     keepSubheaderVisible: boolean;

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-import e from "./ChartPlane.vue2.js";
-/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-903fc6ae"]]);
+import o from "./ChartPlane.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4f67d41d"]]);
 export {
-  s as default
+  a as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,28 +1,27 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as f, createElementBlock as S, createVNode as ue, isRef as ce, createSlots as de, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as L, normalizeStyle as he, createBlock as E } from "vue";
-import { Chart as N, ArcElement as me, LineElement as ve, BarElement as ye, PointElement as Te, LineController as Ce, BarController as be, PieController as ge, ScatterController as xe, CategoryScale as ke, LinearScale as Se, Filler as Ae, Tooltip as Le } from "chart.js";
-import { HoverVerticalLine as Ee } from "./plugins/HoverVerticalLine.js";
-import { prepareTickLabel as Re, formatValue as Be, calcStepSize as De } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as F, BASE_COLOR_KEY as K, CHART_PADDING as Ie, POINT_BORDER_COLOR as He, TICK_LABEL_COLOR as M, TICK_LABEL_FONT as U, TICKS_EXTRA_PADDING as Ve, GRID_LINE_COLOR as z, HEADER_HEIGHT as we, COMPACT_HEADER_HEIGHT as Pe, HOVER_AREA_TRANSPARENCY as Ne, HOVER_TRANSPARENCY as C } from "./consts.js";
-import { ChartType as u, DateInterval as Fe, TooltipOrder as Y, TrendDirection as Ke } from "./types.js";
-import { useTooltipPosition as Me } from "./composables/useTooltipPosition.js";
-import Ue from "./ChartTooltip.vue.js";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; import { defineComponent as ae, useCssVars as oe, unref as s, computed as l, ref as k, onMounted as le, watch as v, nextTick as re, openBlock as p, createElementBlock as A, createVNode as ie, isRef as ne, createSlots as se, withCtx as ue, renderSlot as de, createCommentVNode as S, createElementVNode as L, normalizeStyle as ce, createBlock as E } from "vue";
+import { Chart as P, ArcElement as fe, LineElement as pe, BarElement as he, PointElement as me, LineController as ve, BarController as ye, PieController as Te, ScatterController as Ce, CategoryScale as be, LinearScale as ge, Filler as xe, Tooltip as ke } from "chart.js";
+import { HoverVerticalLine as Ae } from "./plugins/HoverVerticalLine.js";
+import { prepareTickLabel as Se, formatValue as Le } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as Ee, TOTALS_HELPER_KEY as w, BASE_COLOR_KEY as V, CHART_PADDING as Re, POINT_BORDER_COLOR as Be, TICK_LABEL_COLOR as N, TICK_LABEL_FONT as F, TICKS_EXTRA_PADDING as De, GRID_LINE_COLOR as K, HEADER_HEIGHT as Oe, COMPACT_HEADER_HEIGHT as Ie, HOVER_AREA_TRANSPARENCY as He, HOVER_TRANSPARENCY as y } from "./consts.js";
+import { ChartType as u, DateInterval as Pe, TooltipOrder as M, TrendDirection as we } from "./types.js";
+import { useTooltipPosition as Ve } from "./composables/useTooltipPosition.js";
+import Ne from "./ChartTooltip.vue.js";
 import { hexColorToRgba as h } from "../../utils/color.js";
-import { useChartValues as ze } from "./composables/useChartValues.js";
-import Ye from "./ChartHeader.vue.js";
-import { useMemoize as _e, useVModel as Ge } from "@vueuse/core";
-import $e from "../emptyState/v4/EmptyStateV4.vue.js";
-import We from "./ChartLoader.vue.js";
-import { DEFAULT_CHART_COLOR as Ze } from "./colorPalette.js";
-import { TotalType as _, calculateTotal as Xe } from "../../utils/totals.js";
-import { isNullOrUndefined as je } from "../../utils/utils.js";
-import { storeOriginalDatasetColors as qe, restoreOriginalDatasetColors as Je } from "./utils/highlightUtils.js";
-const Qe = { class: "chart-plane-container" }, et = {
+import Fe from "./ChartHeader.vue.js";
+import { useMemoize as Ke, useVModel as Me } from "@vueuse/core";
+import Ue from "../emptyState/v4/EmptyStateV4.vue.js";
+import Ye from "./ChartLoader.vue.js";
+import { DEFAULT_CHART_COLOR as Ge } from "./colorPalette.js";
+import { TotalType as U, calculateTotal as _e } from "../../utils/totals.js";
+import { isNullOrUndefined as $e } from "../../utils/utils.js";
+import { storeOriginalDatasetColors as ze, restoreOriginalDatasetColors as We } from "./utils/highlightUtils.js";
+const Ze = { class: "chart-plane-container" }, Xe = {
   key: 0,
   class: "header-wrapper"
-}, tt = {
+}, je = {
   key: 1,
   class: "chart-plane"
-}, at = { class: "chart" }, gt = /* @__PURE__ */ re({
+}, qe = { class: "chart" }, mt = /* @__PURE__ */ ae({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
@@ -32,8 +31,8 @@ const Qe = { class: "chart-plane-container" }, et = {
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    xAxisDateInterval: { default: Fe.DAILY },
-    tickCount: { default: Oe },
+    xAxisDateInterval: { default: Pe.DAILY },
+    tickCount: { default: Ee },
     truncateTickLabels: { type: Boolean, default: !1 },
     header: { default: "" },
     subheader: { default: "" },
@@ -48,12 +47,13 @@ const Qe = { class: "chart-plane-container" }, et = {
     typeSwitcher: { type: Boolean, default: !0 },
     height: { default: "100%" },
     compactHeader: { type: Boolean, default: !1 },
+    noteText: { default: "" },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
-    tooltipTotalType: { default: _.Total },
-    tooltipTotalCalcFn: { type: Function, default: Xe },
-    tooltipOrder: { default: Y.Legend },
+    tooltipTotalType: { default: U.Total },
+    tooltipTotalCalcFn: { type: Function, default: _e },
+    tooltipOrder: { default: M.Legend },
     trendValue: { default: null },
-    trendDirection: { default: Ke.UP },
+    trendDirection: { default: we.UP },
     trendTooltip: { default: null },
     totalsChart: { type: Boolean, default: !1 },
     colorsMap: { default: () => ({}) },
@@ -61,14 +61,17 @@ const Qe = { class: "chart-plane-container" }, et = {
     valuePrefix: { default: "" }
   },
   emits: ["update:chartType"],
-  setup(o, { emit: G }) {
+  setup(o, { emit: Y }) {
     const e = o;
-    ie((t) => ({
-      d271311a: s(ee),
-      "6c5bc85e": o.height
+    oe((t) => ({
+      "11153e48": s(q),
+      30644433: o.height
     }));
-    const $ = _e(Re);
-    N.register(
+    const G = Ke(Se);
+    P.register(
+      fe,
+      pe,
+      he,
       me,
       ve,
       ye,
@@ -78,41 +81,46 @@ const Qe = { class: "chart-plane-container" }, et = {
       ge,
       xe,
       ke,
-      Se,
-      Ae,
-      Le,
-      Ee
+      Ae
     );
-    const b = Ge(e, "chartType", G), W = l(
+    const T = Me(e, "chartType", Y), _ = l(
       () => e.withAnimation ? "" : "none"
     ), m = k(null);
     let n = null;
-    const R = l(() => e.empty || e.dataSets.length === 0), d = l(() => !e.loading && !R.value), g = () => {
-      m.value && (n && n.destroy(), n = new N(m.value, I.value));
-    }, Z = () => {
-      n && (n.data.datasets = O.value, n.options = I.value.options, n.update(W.value));
+    const R = l(() => e.empty || e.dataSets.length === 0), c = l(() => !e.loading && !R.value), C = () => {
+      m.value && (n && n.destroy(), n = new P(m.value, O.value));
+    }, $ = () => {
+      n && (n.data.datasets = D.value, n.options = O.value.options, n.update(_.value));
     };
-    ne(g), T(() => e.chartType, g), T(d, async (t) => {
-      t && (await se(), g());
-    }), T([() => e.visibleIds, () => e.dataSets], Z);
-    const p = l(() => e.totalsChart), v = l(
-      () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || p.value
-    ), x = l(
+    le(C), v(() => e.chartType, C), v(c, async (t) => {
+      t && (await re(), C());
+    }), v(
+      [
+        () => e.visibleIds,
+        () => e.dataSets,
+        () => e.valuePrefix,
+        () => e.valueSuffix
+      ],
+      $
+    );
+    const f = l(() => e.totalsChart), b = l(
+      () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || f.value
+    ), g = l(
       () => e.chartType === u.Line || e.chartType === u.StackedLine
-    ), B = l(() => p.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: F } : e.parsing), X = l(() => p.value ? e.dataSets.map((t) => ({
+    ), z = l(() => f.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: w } : e.parsing), W = l(() => f.value ? e.dataSets.map((t) => ({
       ...t,
       data: t.data.map((i) => ({
         ...i,
-        [F]: t.label
+        [w]: t.label
       }))
-    })) : e.dataSets), y = l(
-      () => X.value.filter((t) => e.visibleIds.includes(t.id))
-    ), j = (t) => e.colorsMap[t] || Ze, D = l(
-      () => y.value.length && y.value.every(
+    })) : e.dataSets), x = l(
+      () => W.value.filter((t) => e.visibleIds.includes(t.id))
+    ), Z = (t) => e.colorsMap[t] || Ge, B = l(
+      () => x.value.length && x.value.every(
         (t) => t.data.length === 1
       )
-    ), O = l(() => y.value.map((t, i) => {
-      const a = j(t.id), r = v.value ? i !== 0 ? "-1" : "start" : void 0;
+    ), D = l(() => x.value.map((t, i) => {
+      const a = Z(t.id), r = b.value ? i !== 0 ? "-1" : "start" : void 0;
       return {
         ...t,
         fill: r,
@@ -128,36 +136,36 @@ const Qe = { class: "chart-plane-container" }, et = {
         // draw a bit outside the chart area
         icon: t.icon || null,
         iconType: t.iconType || "branded",
-        [K]: a
+        [V]: a
         // store base color for later use
       };
-    })), q = l(
-      () => e.tooltipTotalType === _.Total ? "Total" : "Mean"
-    ), I = l(() => ({
+    })), X = l(
+      () => e.tooltipTotalType === U.Total ? "Total" : "Mean"
+    ), O = l(() => ({
       type: e.chartType == u.Bar || e.chartType === u.StackedBar ? "bar" : "line",
       // Chart Data
       data: {
-        datasets: O.value
+        datasets: D.value
       },
       // Chart Options
       options: {
-        parsing: B.value,
+        parsing: z.value,
         interaction: {
           intersect: !1,
-          mode: p.value ? "point" : "index",
+          mode: f.value ? "point" : "index",
           axis: "x"
         },
         // plugins
         plugins: {
           legend: { display: !1 },
           title: { display: !1 },
-          hoverVerticalLine: x.value,
+          hoverVerticalLine: g.value,
           // tooltip
           tooltip: {
             enabled: !1,
             position: "average",
             external: ({ tooltip: t }) => {
-              c.value = { ...t };
+              d.value = { ...t };
             },
             callbacks: {
               footer: (t) => {
@@ -165,11 +173,11 @@ const Qe = { class: "chart-plane-container" }, et = {
                   i,
                   e.tooltipTotalType
                 );
-                return [q.value, String(a)];
+                return [X.value, String(a)];
               }
             },
             itemSort: (t, i) => {
-              if (e.tooltipOrder === Y.YAxis) {
+              if (e.tooltipOrder === M.YAxis) {
                 const a = t.parsed.y || 0, r = i.parsed.y || 0;
                 return a === r ? 0 : a > r ? -1 : 1;
               }
@@ -181,7 +189,7 @@ const Qe = { class: "chart-plane-container" }, et = {
         responsive: !0,
         maintainAspectRatio: !1,
         layout: {
-          padding: Ie
+          padding: Re
         },
         // basic styles
         elements: {
@@ -190,12 +198,12 @@ const Qe = { class: "chart-plane-container" }, et = {
             tension: 0.3
           },
           point: {
-            radius: D.value ? 3 : 1,
+            radius: B.value ? 3 : 1,
             hitRadius: 8,
             borderWidth: 0,
             hoverRadius: 4,
             hoverBorderWidth: 2,
-            pointHoverBackgroundColor: He
+            pointHoverBackgroundColor: Be
           },
           bar: {
             borderRadius: 4
@@ -205,31 +213,31 @@ const Qe = { class: "chart-plane-container" }, et = {
           // Horizontal Axis (X)
           x: {
             beginAtZero: !0,
-            offset: !x.value || D.value,
+            offset: !g.value || B.value,
             border: { display: !1 },
-            stacked: v.value,
+            stacked: b.value,
             // stack on top of each other
             // ticks
             ticks: {
-              color: M,
-              font: U,
+              color: N,
+              font: F,
               padding: 4,
               maxRotation: 0,
               autoSkip: !e.truncateTickLabels,
               autoSkipPadding: 8,
               callback: function(t, i, a) {
-                const r = this.getLabelForValue(t), oe = x.value && !p.value ? a.length - 1 : a.length, le = this.chart.scales?.x?.width / oe - Ve;
-                return $({
+                const r = this.getLabelForValue(t), ee = g.value && !f.value ? a.length - 1 : a.length, te = this.chart.scales?.x?.width / ee - De;
+                return G({
                   label: r,
                   format: e.xAxisFormat,
-                  availableSpace: le,
+                  availableSpace: te,
                   truncate: e.truncateTickLabels
                 });
               }
             },
             // grid lines
             grid: {
-              color: z,
+              color: K,
               drawOnChartArea: !1,
               drawTicks: !0,
               drawBorder: !1,
@@ -241,88 +249,82 @@ const Qe = { class: "chart-plane-container" }, et = {
             beginAtZero: !0,
             border: { display: !1 },
             // hide left borderline
-            stacked: v.value,
+            stacked: b.value,
             // stack on top of each other
             // ticks
             ticks: {
-              color: M,
-              font: U,
+              color: N,
+              font: F,
+              count: e.tickCount + 1,
               padding: 8,
-              stepSize: P.value,
-              min: w.value,
-              max: P.value * e.tickCount,
-              callback: (t) => Be(t, e.yAxisFormat)
+              min: 0,
+              callback: (t) => e.valuePrefix + Le(t, e.yAxisFormat) + e.valueSuffix
             },
             // grid lines
             grid: {
-              color: z,
+              color: K,
               drawOnChartArea: !0,
               drawTicks: !1
             }
           }
         }
       }
-    })), H = k(null), c = k(null), { position: V } = Me(
+    })), I = k(null), d = k(null), { position: H } = Ve(
       m,
-      H,
-      c,
+      I,
+      d,
       e.tooltipRespectsTopEdge
-    ), J = l(() => ({
-      left: `${V.value.left}px`,
-      top: `${V.value.top}px`,
-      opacity: c.value?.opacity || 0
-    })), { minValue: w, maxValue: Q } = ze({
-      parsingConfig: B.value,
-      dataSets: y,
-      isStacked: v
-    }), P = l(
-      () => De(w.value, Q.value, e.tickCount)
-    ), ee = l(
-      () => (e.compactHeader ? Pe : we) + "px"
+    ), j = l(() => ({
+      left: `${H.value.left}px`,
+      top: `${H.value.top}px`,
+      opacity: d.value?.opacity || 0
+    })), q = l(
+      () => (e.compactHeader ? Ie : Oe) + "px"
     );
-    T(
+    v(
       () => e.highlightedId,
       (t) => {
-        n && (je(t) ? ae() : te(t), n.update());
+        n && ($e(t) ? Q() : J(t), n.update());
       }
     );
-    const te = (t) => {
+    const J = (t) => {
       (n?.data.datasets || []).forEach((a) => {
-        qe(a);
-        const r = a[K];
+        ze(a);
+        const r = a[V];
         a.id === t ? e.chartType === u.StackedLine && (a.backgroundColor = h(
           r,
-          Ne
-        )) : (a.backgroundColor = h(r, C), a.borderColor = h(r, C), a.pointBackgroundColor = h(r, C), a.pointHoverBorderColor = h(r, C));
+          He
+        )) : (a.backgroundColor = h(r, y), a.borderColor = h(r, y), a.pointBackgroundColor = h(r, y), a.pointHoverBorderColor = h(r, y));
       });
-    }, ae = () => {
-      (n?.data.datasets || []).forEach(Je);
+    }, Q = () => {
+      (n?.data.datasets || []).forEach(We);
     };
-    return (t, i) => (f(), S("div", Qe, [
-      s(d) || o.keepSubheaderVisible ? (f(), S("div", et, [
-        ue(Ye, {
-          "chart-type": s(b),
-          "onUpdate:chart-type": i[0] || (i[0] = (a) => ce(b) ? b.value = a : null),
-          "type-switcher": s(d) ? o.typeSwitcher : !1,
-          header: s(d) ? o.header : null,
+    return (t, i) => (p(), A("div", Ze, [
+      s(c) || o.keepSubheaderVisible ? (p(), A("div", Xe, [
+        ie(Fe, {
+          "chart-type": s(T),
+          "onUpdate:chart-type": i[0] || (i[0] = (a) => ne(T) ? T.value = a : null),
+          "type-switcher": s(c) ? o.typeSwitcher : !1,
+          header: s(c) ? o.header : null,
           subheader: o.subheader,
           "subheader-tooltip": o.subheaderTooltip,
           "trend-tooltip": o.trendTooltip,
           compact: o.compactHeader,
-          "trend-value": s(d) ? o.trendValue : null,
-          "trend-direction": o.trendDirection
-        }, de({ _: 2 }, [
+          "trend-value": s(c) ? o.trendValue : null,
+          "trend-direction": o.trendDirection,
+          "note-text": o.noteText
+        }, se({ _: 2 }, [
           t.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: pe(() => [
-              fe(t.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: ue(() => [
+              de(t.$slots, "subheader-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
-      ])) : A("", !0),
-      s(d) ? (f(), S("section", tt, [
-        L("div", at, [
+        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction", "note-text"])
+      ])) : S("", !0),
+      s(c) ? (p(), A("section", je, [
+        L("div", qe, [
           L("canvas", {
             ref_key: "chartRef",
             ref: m,
@@ -330,39 +332,39 @@ const Qe = { class: "chart-plane-container" }, et = {
           }, null, 512),
           L("div", {
             ref_key: "tooltipRef",
-            ref: H,
+            ref: I,
             class: "chart__tooltip",
-            style: he(s(J))
+            style: ce(s(j))
           }, [
-            c.value ? (f(), E(Ue, {
+            d.value ? (p(), E(Ne, {
               key: 0,
-              "totals-chart": s(p),
-              title: String(c.value.title),
-              "data-points": c.value.dataPoints,
+              "totals-chart": s(f),
+              title: String(d.value.title),
+              "data-points": d.value.dataPoints,
               "x-axis-format": o.xAxisFormat,
               "y-axis-format": o.yAxisFormat,
               "x-axis-date-interval": o.xAxisDateInterval,
-              "total-label": c.value.footer?.[0],
-              "total-value": Number(c.value.footer?.[1]),
+              "total-label": d.value.footer?.[0],
+              "total-value": Number(d.value.footer?.[1]),
               "value-suffix": o.valueSuffix,
               "value-prefix": o.valuePrefix
-            }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value", "value-suffix", "value-prefix"])) : A("", !0)
+            }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value", "value-suffix", "value-prefix"])) : S("", !0)
           ], 4)
         ])
-      ])) : o.loading ? (f(), E(We, {
+      ])) : o.loading ? (p(), E(Ye, {
         key: 2,
         class: "chart-loading"
-      })) : s(R) ? (f(), E(s($e), {
+      })) : s(R) ? (p(), E(s(Ue), {
         key: 3,
         class: "chart-empty",
         variant: null,
         title: o.noDataTitle,
         subtitle: o.noDataSubtitle,
         "icon-name": o.noDataIcon
-      }, null, 8, ["title", "subtitle", "icon-name"])) : A("", !0)
+      }, null, 8, ["title", "subtitle", "icon-name"])) : S("", !0)
     ]));
   }
 });
 export {
-  gt as default
+  mt as default
 };

package/components/chart/ChartTooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChartTooltip.vue2.js";
 /* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e53c6287"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3315b68f"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as c, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as f, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as s, toDisplayString as u } from "vue";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as c, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as f, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as u, toDisplayString as s } from "vue";
 import d from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
@@ -59,14 +59,14 @@ const C = { class: "chart-tooltip" }, g = {
               "is-truncated": ""
             }, {
               default: n(() => [
-                s(u(e.dataset.label), 1)
+                u(s(e.dataset.label), 1)
               ]),
               _: 2
             }, 1024)
           ]),
           i(l(d), { variant: "body2" }, {
             default: n(() => [
-              s(u(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat) + t.valueSuffix), 1)
+              u(s(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat, !0) + t.valueSuffix), 1)
             ]),
             _: 2
           }, 1024)
@@ -78,13 +78,13 @@ const C = { class: "chart-tooltip" }, g = {
           class: "flex-grow"
         }, {
           default: n(() => [
-            s(u(t.totalLabel), 1)
+            u(s(t.totalLabel), 1)
           ]),
           _: 1
         }),
         i(l(d), { variant: "body2" }, {
           default: n(() => [
-            s(u(t.valuePrefix + l(x)(t.totalValue, t.yAxisFormat) + t.valueSuffix), 1)
+            u(s(t.valuePrefix + l(x)(t.totalValue, t.yAxisFormat, !0) + t.valueSuffix), 1)
           ]),
           _: 1
         })