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

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

@@ -1,5 +1,5 @@
 import { DateInterval, MyTooltipItem, ValueFormat } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     totalsChart: boolean;
     valueSuffix: string;
     valuePrefix: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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'>[];
     xAxisFormat?: ValueFormat;
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     totalsChart: boolean;
     valueSuffix: string;
     valuePrefix: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     title: string;
     xAxisFormat: ValueFormat;
     xAxisDateInterval: DateInterval;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     totalValue: number;
     valueSuffix: string;
     valuePrefix: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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
 };