@ironsource/shared-ui 2.1.12-rc.13 → 2.1.12-rc.15

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

@@ -1,4 +1,5 @@
 import { ChartDataSet, ChartParsingConfig, ChartType, ValueFormat } from './types';
+import { TotalType } from '@/utils/totals';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
     visibleIds: unknown[];
@@ -10,10 +11,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     withAnimation?: boolean;
     totalsChart?: boolean;
+    tooltipTotalType?: TotalType;
+    tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     trendValue?: string | number;
     trendDirection?: "up" | "down";
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -38,10 +50,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     withAnimation: boolean;
     totalsChart: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     header: string;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: any;
     trendDirection: string;
+    trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -70,10 +86,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     withAnimation?: boolean;
     totalsChart?: boolean;
+    tooltipTotalType?: TotalType;
+    tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     trendValue?: string | number;
     trendDirection?: "up" | "down";
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -98,10 +125,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     withAnimation: boolean;
     totalsChart: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     header: string;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: any;
     trendDirection: string;
+    trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -135,7 +166,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     parsing: ChartParsingConfig;
     dataSets: ChartDataSet[];
+    trendTooltip: any;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;
@@ -143,11 +176,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     totalsChart: boolean;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
 }>, {
+    "before-chart-type"?(_: {}): any;
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
     "subheader-tooltip"?(_: {}): any;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
-import o from "./Chart.vue2.js";
-/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_a0b89669_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a0b89669"]]);
+import e from "./Chart.vue2.js";
+/* empty css            */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-de950ffe"]]);
 export {
-  a as default
+  p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,21 +1,22 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_a0b89669_lang.css"; import { defineComponent as E, computed as n, openBlock as s, createElementBlock as c, Fragment as S, createBlock as T, unref as a, isRef as h, withCtx as m, renderSlot as f, createCommentVNode as I, createElementVNode as D, mergeProps as y, normalizeClass as N, createVNode as L, renderList as U } from "vue";
-import { useVModel as k } from "@vueuse/core";
-import M from "./ChartLegend.vue.js";
-import P from "./SettingsHeader.vue.js";
-import w from "./ChartPlane.vue.js";
-import { useColorsMap as O } from "./composables/useColorsMap.js";
-import { DEFAULT_TICK_COUNT as K, DEFAULT_MIN_VISIBLE as $, DEFAULT_MAX_VISIBLE as z } from "./consts.js";
-import { ChartType as R } from "./types.js";
-import { useChartHeight as X } from "./composables/useChartHeight.js";
-const j = {
+ import "../../Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css"; import { defineComponent as E, computed as n, openBlock as s, createElementBlock as m, Fragment as S, createBlock as x, unref as a, isRef as f, withCtx as d, renderSlot as u, createCommentVNode as I, createElementVNode as D, mergeProps as y, normalizeClass as N, createVNode as F, createSlots as U, renderList as M } from "vue";
+import { useVModel as L } from "@vueuse/core";
+import P from "./ChartLegend.vue.js";
+import O from "./SettingsHeader.vue.js";
+import k from "./ChartPlane.vue.js";
+import { useColorsMap as $ } from "./composables/useColorsMap.js";
+import { DEFAULT_TICK_COUNT as K, DEFAULT_MIN_VISIBLE as z, DEFAULT_MAX_VISIBLE as R } from "./consts.js";
+import { ChartType as X } from "./types.js";
+import { useChartHeight as j } from "./composables/useChartHeight.js";
+import { TotalType as q, calculateTotal as G } from "../../utils/totals.js";
+const J = {
   key: 0,
   class: "chart-sidebar"
-}, te = /* @__PURE__ */ E({
+}, it = /* @__PURE__ */ E({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
     visibleIds: { default: () => [] },
-    chartType: { default: R.Line },
+    chartType: { default: X.Line },
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
@@ -23,16 +24,20 @@ const j = {
     loading: { type: Boolean, default: !1 },
     withAnimation: { type: Boolean, default: !0 },
     totalsChart: { type: Boolean, default: !1 },
+    tooltipTotalType: { default: q.Total },
+    tooltipTotalCalcFn: { type: Function, default: G },
     header: { default: "" },
     subheader: { default: "" },
+    subheaderTooltip: { default: null },
     trendValue: { default: null },
     trendDirection: { default: "up" },
+    trendTooltip: { default: null },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: $ },
-    maxVisible: { default: z },
+    minVisible: { default: z },
+    maxVisible: { default: R },
     maxLimitTooltipText: { default: "" },
     sortSelected: { default: null },
     sortOptions: { default: () => [] },
@@ -42,54 +47,61 @@ const j = {
     extraCharts: { default: () => [] }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
-  setup(o, { emit: d }) {
-    const e = o, r = k(e, "chartType", d), u = k(e, "sortSelected", d), g = n(() => ({
-      dataSets: e.dataSets,
-      visibleIds: e.visibleIds,
-      parsing: e.parsing,
-      xAxisFormat: e.xAxisFormat,
-      yAxisFormat: e.yAxisFormat,
-      tickCount: e.tickCount,
-      header: e.header,
-      subheader: e.subheader,
-      loading: e.loading,
-      noDataIcon: e.noDataIcon,
-      noDataTitle: e.noDataTitle,
-      noDataSubtitle: e.noDataSubtitle,
-      withAnimation: e.withAnimation,
-      typeSwitcher: !e.withSettingsHeader,
+  setup(o, { emit: p }) {
+    const t = o, r = L(t, "chartType", p), c = L(t, "sortSelected", p), T = n(() => ({
+      dataSets: t.dataSets,
+      visibleIds: t.visibleIds,
+      parsing: t.parsing,
+      xAxisFormat: t.xAxisFormat,
+      yAxisFormat: t.yAxisFormat,
+      tickCount: t.tickCount,
+      header: t.header,
+      subheader: t.subheader,
+      loading: t.loading,
+      noDataIcon: t.noDataIcon,
+      noDataTitle: t.noDataTitle,
+      noDataSubtitle: t.noDataSubtitle,
+      withAnimation: t.withAnimation,
+      typeSwitcher: !t.withSettingsHeader,
       height: H.value,
-      compactHeader: v.value > 1,
-      trendValue: e.trendValue,
-      trendDirection: e.trendDirection,
-      totalsChart: e.totalsChart,
-      colorsMap: p.value
-    })), A = n(() => e.dataSets), b = n(() => e.visibleIds), C = n(() => e.extraCharts.length), v = n(() => 1 + C.value), B = (t) => t === C.value - 1, { colorsMap: p } = O({
-      dataSets: A,
+      compactHeader: C.value > 1,
+      trendValue: t.trendValue,
+      trendDirection: t.trendDirection,
+      trendTooltip: t.trendTooltip,
+      totalsChart: t.totalsChart,
+      subheaderTooltip: t.subheaderTooltip,
+      colorsMap: h.value,
+      tooltipTotalType: t.tooltipTotalType,
+      tooltipTotalCalcFn: t.tooltipTotalCalcFn
+    })), w = n(() => t.dataSets), b = n(() => t.visibleIds), g = n(() => t.extraCharts.length), C = n(() => 1 + g.value), A = (e) => e === g.value - 1, { colorsMap: h } = $({
+      dataSets: w,
       visibleIds: b
-    }), F = n(() => e.dataSets.map((t) => ({
-      id: t.id,
-      label: t.label,
-      caption: t.caption || null,
-      color: p.value[t.id] || null,
-      icon: t.icon || null,
-      iconType: t.iconType || "branded"
-    }))), { containerProps: V, eachPlaneHeight: H } = X({
-      chartPlanesCount: v,
-      useFullHeight: e.fullHeight
+    }), B = n(() => t.dataSets.map((e) => ({
+      id: e.id,
+      label: e.label,
+      caption: e.caption || null,
+      color: h.value[e.id] || null,
+      icon: e.icon || null,
+      iconType: e.iconType || "branded"
+    }))), { containerProps: V, eachPlaneHeight: H } = j({
+      chartPlanesCount: C,
+      useFullHeight: t.fullHeight
     });
-    return (t, i) => (s(), c(S, null, [
-      o.withSettingsHeader ? (s(), T(P, {
+    return (e, i) => (s(), m(S, null, [
+      o.withSettingsHeader ? (s(), x(O, {
         key: 0,
         "chart-type": a(r),
-        "onUpdate:chart-type": i[0] || (i[0] = (l) => h(r) ? r.value = l : null),
+        "onUpdate:chart-type": i[0] || (i[0] = (l) => f(r) ? r.value = l : null),
         "hide-legend": o.hideLegend
       }, {
-        metric: m(() => [
-          f(t.$slots, "metric", {}, void 0, !0)
+        "before-chart-type": d(() => [
+          u(e.$slots, "before-chart-type", {}, void 0, !0)
         ]),
-        breakdowns: m(() => [
-          f(t.$slots, "breakdowns", {}, void 0, !0)
+        metric: d(() => [
+          u(e.$slots, "metric", {}, void 0, !0)
+        ]),
+        breakdowns: d(() => [
+          u(e.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : I("", !0),
@@ -97,35 +109,38 @@ const j = {
         D("section", {
           class: N(["chart-planes", [{ "with-legend": !o.hideLegend }]])
         }, [
-          L(w, y({
+          F(k, y({
             "chart-type": a(r),
-            "onUpdate:chart-type": i[1] || (i[1] = (l) => h(r) ? r.value = l : null)
-          }, a(g)), {
-            "subheader-tooltip": m(() => [
-              f(t.$slots, "subheader-tooltip", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 16, ["chart-type"]),
-          (s(!0), c(S, null, U(o.extraCharts, (l, x) => (s(), T(w, y({
-            key: x,
+            "onUpdate:chart-type": i[1] || (i[1] = (l) => f(r) ? r.value = l : null)
+          }, a(T)), U({ _: 2 }, [
+            e.$slots["subheader-tooltip"] ? {
+              name: "subheader-tooltip",
+              fn: d(() => [
+                u(e.$slots, "subheader-tooltip", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["chart-type"]),
+          (s(!0), m(S, null, M(o.extraCharts, (l, v) => (s(), x(k, y({
+            key: v,
             class: "extra-chart-plane"
-          }, { ...a(g), ...l }, {
+          }, { ...a(T), ...l }, {
             "chart-type": a(r),
-            "colors-map": a(p),
+            "colors-map": a(h),
             "type-switcher": !1,
-            "tooltip-respects-top-edge": !B(x)
+            "tooltip-respects-top-edge": !A(v)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
         ], 2),
-        o.hideLegend ? I("", !0) : (s(), c("section", j, [
-          L(M, {
-            "sort-selected": a(u),
-            "onUpdate:sort-selected": i[2] || (i[2] = (l) => h(u) ? u.value = l : null),
-            items: a(F),
+        o.hideLegend ? I("", !0) : (s(), m("section", J, [
+          F(P, {
+            "sort-selected": a(c),
+            "onUpdate:sort-selected": i[2] || (i[2] = (l) => f(c) ? c.value = l : null),
+            items: a(B),
             "visible-ids": a(b),
             "max-limit-tooltip-text": o.maxLimitTooltipText,
             "sort-options": o.sortOptions,
             "sort-option-name-key": o.sortOptionNameKey,
-            "onUpdate:visibleIds": i[3] || (i[3] = (l) => d("update:visibleIds", l))
+            "onUpdate:visibleIds": i[3] || (i[3] = (l) => p("update:visibleIds", l))
           }, null, 8, ["sort-selected", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key"])
         ]))
       ], 16)
@@ -133,5 +148,5 @@ const j = {
   }
 });
 export {
-  te as default
+  it as default
 };

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

@@ -4,6 +4,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
@@ -12,6 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header: string;
     subheader: string;
+    subheaderTooltip: any;
+    trendTooltip: any;
     compact: boolean;
     trendValue: any;
     trendDirection: string;
@@ -22,6 +33,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
@@ -30,6 +50,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header: string;
     subheader: string;
+    subheaderTooltip: any;
+    trendTooltip: any;
     compact: boolean;
     trendValue: any;
     trendDirection: string;
@@ -39,8 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     header: string;
     compact: boolean;
     chartType: ChartType;
+    trendTooltip: any;
     typeSwitcher: boolean;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
 }>, {

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32001725"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css"; //*');
+const f = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1ff0e54f"]]);
 export {
-  s as default
+  f as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,53 +1,81 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css"; import { defineComponent as b, computed as k, openBlock as r, createElementBlock as C, normalizeClass as w, createElementVNode as i, createVNode as n, unref as a, withCtx as d, renderSlot as B, createTextVNode as m, toDisplayString as f, createBlock as c, createCommentVNode as u, isRef as S } from "vue";
-import p from "../typography/v4/Typography.vue.js";
-import g from "../switch/v4/SwitchV4.vue.js";
-import { ChartType as l } from "./types.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import y from "./ChartHeaderTrend.vue.js";
-const D = { class: "header-texts" }, N = { class: "header-row" }, L = { class: "header-row" }, U = /* @__PURE__ */ b({
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css"; import { defineComponent as B, useSlots as g, computed as m, openBlock as r, createElementBlock as N, normalizeClass as D, createElementVNode as n, createVNode as f, unref as t, withCtx as o, renderSlot as L, createBlock as d, createTextVNode as u, toDisplayString as c, createCommentVNode as i, normalizeProps as v, mergeProps as V, isRef as P } from "vue";
+import s from "../typography/v4/Typography.vue.js";
+import z from "../switch/v4/SwitchV4.vue.js";
+import { ChartType as h } from "./types.js";
+import E from "../tooltip/v4/TooltipV4.vue.js";
+import k from "./ChartHeaderTrend.vue.js";
+const H = { class: "header-texts" }, O = { class: "header-row" }, R = { class: "subheader-tooltip" }, U = { class: "header-row" }, I = /* @__PURE__ */ B({
   __name: "ChartHeader",
   props: {
-    chartType: { default: l.Line },
+    chartType: { default: h.Line },
     typeSwitcher: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
+    subheaderTooltip: { default: null },
+    trendTooltip: { default: null },
     compact: { type: Boolean, default: !1 },
     trendValue: { default: null },
     trendDirection: { default: "up" }
   },
   emits: ["update:chartType"],
-  setup(e, { emit: v }) {
-    const V = e, h = [
-      { id: l.Line, icon: "chart-line-up" },
-      { id: l.Bar, icon: "chart-bar" },
-      { id: l.StackedLine, icon: "chart-line" }
-    ], o = k({
+  setup(e, { emit: x }) {
+    const a = e, S = g(), T = [
+      { id: h.Line, icon: "chart-line-up" },
+      { id: h.Bar, icon: "chart-bar" },
+      { id: h.StackedLine, icon: "chart-line" }
+    ], p = m({
       get() {
-        return h.find(({ id: t }) => t === V.chartType);
+        return T.find(({ id: l }) => l === a.chartType);
       },
-      set(t) {
-        v("update:chartType", t.id);
+      set(l) {
+        x("update:chartType", l.id);
       }
-    });
-    return (t, s) => (r(), C("div", {
-      class: w(["chart-header", { "chart-header--compact": e.compact }])
+    }), C = m(() => S["subheader-tooltip"] || a.subheaderTooltip?.text || a.subheaderTooltip?.header), y = m(() => ({
+      value: a.trendValue,
+      direction: a.trendDirection,
+      trendTooltip: a.trendTooltip
+    }));
+    return (l, b) => (r(), N("div", {
+      class: D(["chart-header", { "chart-header--compact": e.compact }])
     }, [
-      i("div", D, [
-        i("div", N, [
-          n(a(x), {
+      n("div", H, [
+        n("div", O, [
+          f(t(E), {
             placement: "right",
-            disabled: !t.$slots["subheader-tooltip"]
+            disabled: !t(C)
           }, {
-            tooltip: d(() => [
-              B(t.$slots, "subheader-tooltip", {}, void 0, !0)
+            tooltip: o(() => [
+              L(l.$slots, "subheader-tooltip", {}, () => [
+                n("div", R, [
+                  e.subheaderTooltip?.header ? (r(), d(t(s), {
+                    key: 0,
+                    variant: "h5"
+                  }, {
+                    default: o(() => [
+                      u(c(e.subheaderTooltip.header), 1)
+                    ]),
+                    _: 1
+                  })) : i("", !0),
+                  e.subheaderTooltip?.text ? (r(), d(t(s), {
+                    key: 1,
+                    variant: "body2",
+                    class: "subheader-tooltip__text"
+                  }, {
+                    default: o(() => [
+                      u(c(e.subheaderTooltip.text), 1)
+                    ]),
+                    _: 1
+                  })) : i("", !0)
+                ])
+              ], !0)
             ]),
-            default: d(() => [
-              n(a(p), {
+            default: o(() => [
+              f(t(s), {
                 class: "subheader",
                 variant: "h5"
               }, {
-                default: d(() => [
-                  m(f(e.subheader + (e.compact ? ":" : "")), 1)
+                default: o(() => [
+                  u(c(e.subheader + (e.compact ? ":" : "")), 1)
                 ]),
                 _: 1
               })
@@ -55,37 +83,29 @@ const D = { class: "header-texts" }, N = { class: "header-row" }, L = { class: "
             _: 3
           }, 8, ["disabled"])
         ]),
-        i("div", L, [
-          n(a(p), {
+        n("div", U, [
+          f(t(s), {
             class: "header-text",
             variant: e.compact ? "h5" : "chart2"
           }, {
-            default: d(() => [
-              m(f(e.header), 1)
+            default: o(() => [
+              u(c(e.header), 1)
             ]),
             _: 1
           }, 8, ["variant"]),
-          !e.compact && e.trendValue !== null ? (r(), c(y, {
-            key: 0,
-            value: e.trendValue,
-            direction: e.trendDirection
-          }, null, 8, ["value", "direction"])) : u("", !0)
+          !e.compact && e.trendValue !== null ? (r(), d(k, v(V({ key: 0 }, t(y))), null, 16)) : i("", !0)
         ]),
-        e.compact && e.trendValue !== null ? (r(), c(y, {
-          key: 0,
-          value: e.trendValue,
-          direction: e.trendDirection
-        }, null, 8, ["value", "direction"])) : u("", !0)
+        e.compact && e.trendValue !== null ? (r(), d(k, v(V({ key: 0 }, t(y))), null, 16)) : i("", !0)
       ]),
-      e.typeSwitcher ? (r(), c(a(g), {
+      e.typeSwitcher ? (r(), d(t(z), {
         key: 0,
-        modelValue: a(o),
-        "onUpdate:modelValue": s[0] || (s[0] = (T) => S(o) ? o.value = T : null),
-        options: h
-      }, null, 8, ["modelValue"])) : u("", !0)
+        modelValue: t(p),
+        "onUpdate:modelValue": b[0] || (b[0] = (w) => P(p) ? p.value = w : null),
+        options: T
+      }, null, 8, ["modelValue"])) : i("", !0)
     ], 2));
   }
 });
 export {
-  U as default
+  I as default
 };

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

@@ -1,18 +1,31 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: 'up' | 'down';
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
 }>, {
     value: any;
     direction: string;
+    trendTooltip: any;
 }>, {}, 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<{
     value?: number | string;
     direction?: 'up' | 'down';
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
 }>, {
     value: any;
     direction: string;
+    trendTooltip: any;
 }>>>, {
     value: number | string;
     direction: 'up' | 'down';
+    trendTooltip: any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e4c673e7"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-21ce0774"]]);
 export {
   s as default
 };