@ironsource/shared-ui 2.1.12-rc.14 → 2.1.12-rc.16

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

@@ -3,11 +3,13 @@ import { TotalType } from '@/utils/totals';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     chartType?: ChartType;
     parsing?: ChartParsingConfig;
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     tickCount?: number;
+    truncateTickLabels?: boolean;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
@@ -38,10 +40,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     chartType: ChartType;
     dataSets: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     xAxisFormat: string;
     yAxisFormat: string;
     parsing: any;
     tickCount: number;
+    truncateTickLabels: boolean;
     header: string;
     subheader: string;
     subheaderTooltip: any;
@@ -66,11 +70,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     chartType?: ChartType;
     parsing?: ChartParsingConfig;
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     tickCount?: number;
+    truncateTickLabels?: boolean;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
@@ -101,10 +107,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     chartType: ChartType;
     dataSets: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     xAxisFormat: string;
     yAxisFormat: string;
     parsing: any;
     tickCount: number;
+    truncateTickLabels: boolean;
     header: string;
     subheader: string;
     subheaderTooltip: any;
@@ -131,10 +139,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: string;
     loading: boolean;
     visibleIds: unknown[];
+    highlightedId: string | number;
     chartType: ChartType;
     xAxisFormat: ValueFormat;
-    yAxisFormat: ValueFormat;
+    totalsChart: boolean;
     parsing: ChartParsingConfig;
+    yAxisFormat: ValueFormat;
     dataSets: ChartDataSet[];
     trendTooltip: any;
     typeSwitcher: boolean;
@@ -143,6 +153,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;
+    truncateTickLabels: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -151,7 +162,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
-    totalsChart: boolean;
     colorsMap: Record<string, string>;
 }>, {
     "subheader-tooltip"?(_: {}): any;

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

package/components/chart/ChartPlane.vue2.js

@@ -1,32 +1,36 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css"; import { defineComponent as q, useCssVars as J, unref as c, computed as o, ref as C, onMounted as Q, watch as b, nextTick as X, openBlock as h, createElementBlock as tt, createElementVNode as m, createVNode as et, isRef as at, createSlots as ot, withCtx as lt, renderSlot as rt, normalizeStyle as it, createBlock as g, createCommentVNode as H } from "vue";
-import { Chart as O, ArcElement as nt, LineElement as st, BarElement as ct, PointElement as dt, LineController as ut, BarController as pt, PieController as ft, ScatterController as ht, CategoryScale as mt, LinearScale as vt, Filler as yt, Tooltip as Tt } from "chart.js";
-import { HoverVerticalLine as Ct } from "./plugins/HoverVerticalLine.js";
-import { formatValue as F, calcStepSize as bt } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as gt, TOTALS_HELPER_KEY as I, POINT_BORDER_COLOR as kt, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as N, GRID_LINE_COLOR as M, HEADER_HEIGHT as xt, COMPACT_HEADER_HEIGHT as St } from "./consts.js";
-import { ChartType as n } from "./types.js";
-import { useTooltipPosition as Lt } from "./composables/useTooltipPosition.js";
-import Et from "./ChartTooltip.vue.js";
-import { hexColorToRgba as At } from "../../utils/color.js";
-import { useChartValues as Bt } from "./composables/useChartValues.js";
-import Rt from "./ChartHeader.vue.js";
-import { useVModel as wt } from "@vueuse/core";
-import Dt from "../emptyState/v4/EmptyStateV4.vue.js";
-import Vt from "./ChartLoader.vue.js";
-import { DEFAULT_CHART_COLOR as Ht } from "./colorPalette.js";
-import { TotalType as z, calculateTotal as Ot } from "../../utils/totals.js";
-const Ft = {
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css"; import { defineComponent as ot, useCssVars as lt, unref as d, computed as l, ref as k, onMounted as rt, watch as v, nextTick as it, openBlock as y, createElementBlock as nt, createElementVNode as T, createVNode as st, isRef as ct, createSlots as dt, withCtx as ut, renderSlot as pt, normalizeStyle as ft, createBlock as S, createCommentVNode as N } from "vue";
+import { Chart as P, ArcElement as ht, LineElement as mt, BarElement as vt, PointElement as yt, LineController as Tt, BarController as Ct, PieController as gt, ScatterController as bt, CategoryScale as kt, LinearScale as St, Filler as At, Tooltip as xt } from "chart.js";
+import { HoverVerticalLine as Et } from "./plugins/HoverVerticalLine.js";
+import { prepareTickLabel as Lt, formatValue as Rt, calcStepSize as Bt } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as Dt, TOTALS_HELPER_KEY as F, BASE_COLOR_KEY as _, CHART_PADDING as A, POINT_BORDER_COLOR as Ot, TICK_LABEL_COLOR as K, TICK_LABEL_FONT as M, TICKS_EXTRA_PADDING as Ht, GRID_LINE_COLOR as z, HEADER_HEIGHT as wt, COMPACT_HEADER_HEIGHT as Vt, HOVER_AREA_TRANSPARENCY as It, HOVER_TRANSPARENCY as C } from "./consts.js";
+import { ChartType as s } from "./types.js";
+import { useTooltipPosition as Nt } from "./composables/useTooltipPosition.js";
+import Pt from "./ChartTooltip.vue.js";
+import { hexColorToRgba as u } from "../../utils/color.js";
+import { useChartValues as Ft } from "./composables/useChartValues.js";
+import _t from "./ChartHeader.vue.js";
+import { useMemoize as Kt, useVModel as Mt } from "@vueuse/core";
+import zt from "../emptyState/v4/EmptyStateV4.vue.js";
+import Ut from "./ChartLoader.vue.js";
+import { DEFAULT_CHART_COLOR as Gt } from "./colorPalette.js";
+import { TotalType as U, calculateTotal as Yt } from "../../utils/totals.js";
+import { isNullOrUndefined as $t } from "../../utils/utils.js";
+import { storeOriginalDatasetColors as Wt, restoreOriginalDatasetColors as Zt } from "./utils/highlightUtils.js";
+const Xt = {
   key: 0,
   class: "chart-plane"
-}, It = { class: "header-wrapper" }, Pt = { class: "chart" }, te = /* @__PURE__ */ q({
+}, jt = { class: "header-wrapper" }, qt = { class: "chart" }, ve = /* @__PURE__ */ ot({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
     visibleIds: { default: () => [] },
-    chartType: { default: n.Line },
+    highlightedId: { default: null },
+    chartType: { default: s.Line },
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: gt },
+    tickCount: { default: Dt },
+    truncateTickLabels: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
     subheaderTooltip: { default: null },
@@ -39,8 +43,8 @@ const Ft = {
     height: { default: "100%" },
     compactHeader: { type: Boolean, default: !1 },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
-    tooltipTotalType: { default: z.Total },
-    tooltipTotalCalcFn: { type: Function, default: Ot },
+    tooltipTotalType: { default: U.Total },
+    tooltipTotalCalcFn: { type: Function, default: Yt },
     trendValue: { default: null },
     trendDirection: { default: "up" },
     trendTooltip: { default: null },
@@ -48,108 +52,112 @@ const Ft = {
     colorsMap: { default: () => ({}) }
   },
   emits: ["update:chartType"],
-  setup(a, { emit: K }) {
-    const t = a;
-    J((e) => ({
-      "4640c185": c(j),
-      "07515470": a.height
-    })), O.register(
-      nt,
-      st,
-      ct,
-      dt,
-      ut,
-      pt,
-      ft,
+  setup(o, { emit: G }) {
+    const t = o;
+    lt((e) => ({
+      "2e8f327a": d(Q),
+      f7b2eb36: o.height
+    }));
+    const Y = Kt(Lt);
+    P.register(
       ht,
       mt,
       vt,
       yt,
       Tt,
-      Ct
+      Ct,
+      gt,
+      bt,
+      kt,
+      St,
+      At,
+      xt,
+      Et
     );
-    const v = wt(t, "chartType", K), U = o(
+    const g = Mt(t, "chartType", G), $ = l(
       () => t.withAnimation ? "" : "none"
-    ), d = C(null);
-    let s = null;
-    const k = o(() => t.dataSets.length === 0), x = o(() => !t.loading && !k.value), y = () => {
-      d.value && (s && s.destroy(), s = new O(d.value, B.value));
-    }, $ = () => {
-      s && (s.data.datasets = A.value, s.options = B.value.options, s.update(U.value));
+    ), f = k(null);
+    let r = null;
+    const x = l(() => t.dataSets.length === 0), E = l(() => !t.loading && !x.value), b = () => {
+      f.value && (r && r.destroy(), r = new P(f.value, O.value));
+    }, W = () => {
+      r && (r.data.datasets = D.value, r.options = O.value.options, r.update($.value));
     };
-    Q(y), b(() => t.chartType, y), b(x, async (e) => {
-      e && (await X(), y());
-    }), b([() => t.visibleIds, () => t.dataSets], $);
-    const u = o(() => t.totalsChart), p = o(
-      () => t.chartType === n.StackedLine || t.chartType === n.StackedBar || u.value
-    ), S = o(
-      () => t.chartType === n.Line || t.chartType === n.StackedLine
-    ), L = o(() => u.value ? { ...t.parsing, xAxisKey: I } : t.parsing), G = o(() => u.value ? t.dataSets.map((e) => ({
+    rt(b), v(() => t.chartType, b), v(E, async (e) => {
+      e && (await it(), b());
+    }), v([() => t.visibleIds, () => t.dataSets], W);
+    const p = l(() => t.totalsChart), h = l(
+      () => t.chartType === s.StackedLine || t.chartType === s.StackedBar || p.value
+    ), L = l(
+      () => t.chartType === s.Line || t.chartType === s.StackedLine
+    ), R = l(() => p.value && !t.parsing.xAxisKey ? { ...t.parsing, xAxisKey: F } : t.parsing), Z = l(() => p.value ? t.dataSets.map((e) => ({
       ...e,
-      data: e.data.map((r) => ({
-        ...r,
-        [I]: e.label
+      data: e.data.map((n) => ({
+        ...n,
+        [F]: e.label
       }))
-    })) : t.dataSets), f = o(
-      () => G.value.filter((e) => t.visibleIds.includes(e.id))
-    ), W = (e) => t.colorsMap[e] || Ht, E = o(
-      () => f.value.length && f.value.every(
+    })) : t.dataSets), m = l(
+      () => Z.value.filter((e) => t.visibleIds.includes(e.id))
+    ), X = (e) => t.colorsMap[e] || Gt, B = l(
+      () => m.value.length && m.value.every(
         (e) => e.data.length === 1
       )
-    ), A = o(() => f.value.map((e, r) => {
-      const i = W(e.id), T = p.value ? r !== 0 ? "-1" : "start" : void 0;
+    ), D = l(() => m.value.map((e, n) => {
+      const a = X(e.id), i = h.value ? n !== 0 ? "-1" : "start" : void 0;
       return {
         ...e,
-        fill: T,
-        backgroundColor: At(
-          i,
-          t.chartType === n.StackedLine ? 10 : 70
+        fill: i,
+        backgroundColor: u(
+          a,
+          t.chartType === s.StackedLine ? 10 : 70
         ),
-        borderColor: i,
-        pointBackgroundColor: i,
-        pointHoverBorderColor: i,
+        borderColor: a,
+        pointBackgroundColor: a,
+        pointHoverBorderColor: a,
         maxBarThickness: 50,
         clip: 5,
         // draw a bit outside the chart area
         icon: e.icon || null,
-        iconType: e.iconType || "branded"
+        iconType: e.iconType || "branded",
+        [_]: a
+        // store base color for later use
       };
-    })), _ = o(
-      () => t.tooltipTotalType === z.Total ? "Total" : "Mean"
-    ), B = o(
+    })), j = l(
+      () => t.tooltipTotalType === U.Total ? "Total" : "Mean"
+    ), O = l(
       () => ({
-        type: t.chartType == n.Bar || t.chartType === n.StackedBar ? "bar" : "line",
+        type: t.chartType == s.Bar || t.chartType === s.StackedBar ? "bar" : "line",
         // Chart Data
         data: {
-          datasets: A.value
+          datasets: D.value
         },
         // Chart Options
         options: {
-          parsing: L.value,
+          parsing: R.value,
           interaction: {
             intersect: !1,
-            mode: u.value ? "point" : "index",
+            mode: p.value ? "point" : "index",
             axis: "x"
           },
           // plugins
           plugins: {
             legend: { display: !1 },
             title: { display: !1 },
-            hoverVerticalLine: S.value,
+            hoverVerticalLine: L.value,
             // tooltip
             tooltip: {
               enabled: !1,
               position: "average",
               external: ({ tooltip: e }) => {
-                l.value = { ...e };
+                c.value = { ...e };
               },
               callbacks: {
                 footer: (e) => {
-                  const r = e.map((T) => T.parsed.y || 0), i = t.tooltipTotalCalcFn(
-                    r,
+                  const n = e.map((i) => i.parsed.y || 0), a = t.tooltipTotalCalcFn(
+                    n,
                     t.tooltipTotalType
                   );
-                  return [_.value, String(i)];
+                  return [j.value, String(a)];
                 }
               }
             }
@@ -158,11 +166,7 @@ const Ft = {
           responsive: !0,
           maintainAspectRatio: !1,
           layout: {
-            padding: {
-              left: 18,
-              top: 18,
-              bottom: 11
-            }
+            padding: A
           },
           // basic styles
           elements: {
@@ -171,12 +175,12 @@ const Ft = {
               tension: 0.3
             },
             point: {
-              radius: E.value ? 3 : 1,
+              radius: B.value ? 3 : 1,
               hitRadius: 8,
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: kt
+              pointHoverBackgroundColor: Ot
             },
             bar: {
               borderRadius: 4
@@ -186,25 +190,28 @@ const Ft = {
             // Horizontal Axis (X)
             x: {
               beginAtZero: !0,
-              offset: !S.value || E.value,
+              offset: !L.value || B.value,
               border: { display: !1 },
-              stacked: p.value,
+              stacked: h.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: P,
-                font: N,
+                color: K,
+                font: M,
                 padding: 4,
-                callback: function(e) {
-                  return F(
-                    this.getLabelForValue(e),
-                    t.xAxisFormat
-                  );
+                callback: function(e, n, a) {
+                  const i = this.getLabelForValue(e), at = this.chart.width / a.length - (A.left + A.right + Ht);
+                  return Y({
+                    label: i,
+                    format: t.xAxisFormat,
+                    availableSpace: at,
+                    truncate: t.truncateTickLabels
+                  });
                 }
               },
               // grid lines
               grid: {
-                color: M,
+                color: z,
                 drawOnChartArea: !1,
                 drawTicks: !0,
                 drawBorder: !1,
@@ -216,21 +223,21 @@ const Ft = {
               beginAtZero: !0,
               border: { display: !1 },
               // hide left borderline
-              stacked: p.value,
+              stacked: h.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: P,
-                font: N,
+                color: K,
+                font: M,
                 padding: 8,
-                stepSize: V.value,
-                min: D.value,
-                max: V.value * t.tickCount,
-                callback: (e) => F(e, t.yAxisFormat)
+                stepSize: I.value,
+                min: V.value,
+                max: I.value * t.tickCount,
+                callback: (e) => Rt(e, t.yAxisFormat)
               },
               // grid lines
               grid: {
-                color: M,
+                color: z,
                 drawOnChartArea: !0,
                 drawTicks: !1
               }
@@ -238,82 +245,101 @@ const Ft = {
           }
         }
       })
-    ), R = C(null), l = C(null), { position: w } = Lt(
-      d,
-      R,
-      l,
+    ), H = k(null), c = k(null), { position: w } = Nt(
+      f,
+      H,
+      c,
       t.tooltipRespectsTopEdge
-    ), Z = o(() => ({
+    ), q = l(() => ({
       left: `${w.value.left}px`,
       top: `${w.value.top}px`,
-      opacity: l.value?.opacity || 0
-    })), { minValue: D, maxValue: Y } = Bt({
-      parsingConfig: L.value,
-      dataSets: f,
-      isStacked: p
-    }), V = o(
-      () => bt(D.value, Y.value, t.tickCount)
-    ), j = o(
-      () => (t.compactHeader ? St : xt) + "px"
+      opacity: c.value?.opacity || 0
+    })), { minValue: V, maxValue: J } = Ft({
+      parsingConfig: R.value,
+      dataSets: m,
+      isStacked: h
+    }), I = l(
+      () => Bt(V.value, J.value, t.tickCount)
+    ), Q = l(
+      () => (t.compactHeader ? Vt : wt) + "px"
     );
-    return (e, r) => c(x) ? (h(), tt("section", Ft, [
-      m("div", It, [
-        et(Rt, {
-          "chart-type": c(v),
-          "onUpdate:chart-type": r[0] || (r[0] = (i) => at(v) ? v.value = i : null),
-          "type-switcher": a.typeSwitcher,
-          header: a.header,
-          subheader: a.subheader,
-          "subheader-tooltip": a.subheaderTooltip,
-          "trend-tooltip": a.trendTooltip,
-          compact: a.compactHeader,
-          "trend-value": a.trendValue,
-          "trend-direction": a.trendDirection
-        }, ot({ _: 2 }, [
+    v(
+      () => t.highlightedId,
+      (e) => {
+        r && ($t(e) ? et() : tt(e), r.update());
+      }
+    );
+    const tt = (e) => {
+      (r?.data.datasets || []).forEach((a) => {
+        Wt(a);
+        const i = a[_];
+        a.id === e ? t.chartType === s.StackedLine && (a.backgroundColor = u(
+          i,
+          It
+        )) : (a.backgroundColor = u(i, C), a.borderColor = u(i, C), a.pointBackgroundColor = u(i, C), a.pointHoverBorderColor = u(i, C));
+      });
+    }, et = () => {
+      (r?.data.datasets || []).forEach(Zt);
+    };
+    return (e, n) => d(E) ? (y(), nt("section", Xt, [
+      T("div", jt, [
+        st(_t, {
+          "chart-type": d(g),
+          "onUpdate:chart-type": n[0] || (n[0] = (a) => ct(g) ? g.value = a : null),
+          "type-switcher": o.typeSwitcher,
+          header: o.header,
+          subheader: o.subheader,
+          "subheader-tooltip": o.subheaderTooltip,
+          "trend-tooltip": o.trendTooltip,
+          compact: o.compactHeader,
+          "trend-value": o.trendValue,
+          "trend-direction": o.trendDirection
+        }, dt({ _: 2 }, [
           e.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: lt(() => [
-              rt(e.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: ut(() => [
+              pt(e.$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"])
       ]),
-      m("div", Pt, [
-        m("canvas", {
+      T("div", qt, [
+        T("canvas", {
           ref_key: "chartRef",
-          ref: d,
+          ref: f,
           class: "chart__canvas"
         }, null, 512),
-        m("div", {
+        T("div", {
           ref_key: "tooltipRef",
-          ref: R,
+          ref: H,
           class: "chart__tooltip",
-          style: it(c(Z))
+          style: ft(d(q))
         }, [
-          l.value ? (h(), g(Et, {
+          c.value ? (y(), S(Pt, {
             key: 0,
-            title: String(l.value.title),
-            "data-points": l.value.dataPoints,
-            "x-axis-format": a.xAxisFormat,
-            "y-axis-format": a.yAxisFormat,
-            "total-label": l.value.footer[0],
-            "total-value": Number(l.value.footer[1])
-          }, null, 8, ["title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : H("", !0)
+            "totals-chart": d(p),
+            title: String(c.value.title),
+            "data-points": c.value.dataPoints,
+            "x-axis-format": o.xAxisFormat,
+            "y-axis-format": o.yAxisFormat,
+            "total-label": c.value.footer[0],
+            "total-value": Number(c.value.footer[1])
+          }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : N("", !0)
         ], 4)
       ])
-    ])) : a.loading ? (h(), g(Vt, {
+    ])) : o.loading ? (y(), S(Ut, {
       key: 1,
       class: "chart-loading"
-    })) : c(k) ? (h(), g(c(Dt), {
+    })) : d(x) ? (y(), S(d(zt), {
       key: 2,
       class: "chart-empty",
-      title: a.noDataTitle,
-      subtitle: a.noDataSubtitle,
-      "icon-name": a.noDataIcon
-    }, null, 8, ["title", "subtitle", "icon-name"])) : H("", !0);
+      title: o.noDataTitle,
+      subtitle: o.noDataSubtitle,
+      "icon-name": o.noDataIcon
+    }, null, 8, ["title", "subtitle", "icon-name"])) : N("", !0);
   }
 });
 export {
-  te as default
+  ve as default
 };

package/components/chart/ChartStoryArgs.d.ts

@@ -88,6 +88,12 @@ export declare const chartStoryArgs: {
     tickCount: {
         description: string;
     };
+    truncateTickLabels: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
     loading: {
         description: string;
         control: {

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     yAxisFormat?: ValueFormat;
     totalLabel?: string;
     totalValue?: number;
+    totalsChart?: boolean;
 }>, {
     title: string;
     dataPoints: () => any[];
@@ -13,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     yAxisFormat: any;
     totalLabel: string;
     totalValue: any;
+    totalsChart: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     dataPoints: MyTooltipItem<'line'>[];
@@ -20,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     yAxisFormat?: ValueFormat;
     totalLabel?: string;
     totalValue?: number;
+    totalsChart?: boolean;
 }>, {
     title: string;
     dataPoints: () => any[];
@@ -27,10 +30,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     yAxisFormat: any;
     totalLabel: string;
     totalValue: any;
+    totalsChart: boolean;
 }>>>, {
     title: string;
-    dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat: ValueFormat;
+    dataPoints: MyTooltipItem<'line'>[];
+    totalsChart: boolean;
     yAxisFormat: ValueFormat;
     totalLabel: string;
     totalValue: number;

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_25d0e129_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25d0e129"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-81cdfd5e"]]);
 export {
   s as default
 };