@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53

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

@@ -43,6 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -79,6 +81,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -124,6 +128,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -160,6 +166,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>>> & {
     "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {
@@ -198,6 +206,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
     colorsMap: Record<string, string>;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
 }>, {
     "subheader-tooltip"?(_: {}): any;
 }>;

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-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"]]);
+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_dd60ff0e_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dd60ff0e"]]);
 export {
   a as default
 };

package/components/chart/ChartPlane.vue2.js

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

package/components/chart/ChartStoryArgs.d.ts

@@ -176,4 +176,21 @@ export declare const chartStoryArgs: {
         };
         options: TooltipOrder[];
     };
+    colorVariant: {
+        description: string;
+        control: string;
+        options: string[];
+    };
+    indicateIncompleteData: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    tooltipExcludeTotalItem: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
 };

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_3315b68f_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3315b68f"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3d0780bb"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,4 +1,4 @@
- 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 "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as f, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as c, 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";
@@ -26,7 +26,7 @@ const C = { class: "chart-tooltip" }, g = {
   },
   setup(t) {
     return (F, S) => (a(), o("div", C, [
-      t.title ? (a(), c(k, {
+      t.title ? (a(), f(k, {
         key: 0,
         title: t.title,
         "data-points": t.dataPoints,
@@ -39,20 +39,20 @@ const C = { class: "chart-tooltip" }, g = {
           key: e.datasetIndex,
           class: "list__item"
         }, [
-          f("span", {
+          c("span", {
             class: "color-box",
             style: h({
               backgroundColor: String(e.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          e.dataset.icon ? (a(), c(l(b), {
+          e.dataset.icon ? (a(), f(l(b), {
             key: 0,
             class: "platform-icon",
             type: e.dataset.iconType,
             name: e.dataset.icon,
             size: "16px"
           }, null, 8, ["type", "name"])) : r("", !0),
-          f("div", V, [
+          c("div", V, [
             i(l(d), {
               variant: "body2",
               class: "flex-grow truncated-label",
@@ -66,7 +66,7 @@ const C = { class: "chart-tooltip" }, g = {
           ]),
           i(l(d), { variant: "body2" }, {
             default: n(() => [
-              u(s(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat, !0) + t.valueSuffix), 1)
+              u(s(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat, !0, !1) + t.valueSuffix), 1)
             ]),
             _: 2
           }, 1024)

package/components/chart/TooltipHeader.vue.js

@@ -1,7 +1,7 @@
 import o from "./TooltipHeader.vue2.js";
 /* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5160f12d"]]);
+// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-da3532aa"]]);
 export {
-  s as default
+  p as default
 };