@ironsource/shared-ui 2.1.12-test.59 → 2.1.12-test.60

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

@@ -15,13 +15,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     trendValue?: string | number;
     trendDirection?: "up" | "down";
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -50,13 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
+    subheaderTooltip: any;
     trendValue: any;
     trendDirection: string;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -89,13 +90,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     trendValue?: string | number;
     trendDirection?: "up" | "down";
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -124,13 +129,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
+    subheaderTooltip: any;
     trendValue: any;
     trendDirection: string;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -164,12 +166,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     parsing: ChartParsingConfig;
     dataSets: ChartDataSet[];
+    trendTooltip: any;
     subheader: string;
-    subheaderTooltipHeader: string;
-    subheaderTooltipText: string;
-    trendTooltipHeader: string;
-    trendTooltipRangeCurrent: string;
-    trendTooltipRangePrevious: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
-import o from "./Chart.vue2.js";
-/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-757e7752"]]);
+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 {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,17 +1,17 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css"; import { defineComponent as P, computed as n, openBlock as s, createElementBlock as m, Fragment as x, createBlock as S, unref as o, isRef as f, withCtx as d, renderSlot as u, createCommentVNode as I, createElementVNode as H, mergeProps as T, normalizeClass as E, createVNode as D, createSlots as N, renderList as U } from "vue";
-import { useVModel as F } from "@vueuse/core";
-import R from "./ChartLegend.vue.js";
-import M from "./SettingsHeader.vue.js";
-import L from "./ChartPlane.vue.js";
-import { useColorsMap as O } from "./composables/useColorsMap.js";
-import { DEFAULT_TICK_COUNT as $, DEFAULT_MIN_VISIBLE as K, DEFAULT_MAX_VISIBLE as z } from "./consts.js";
+ 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"
-}, re = /* @__PURE__ */ P({
+}, it = /* @__PURE__ */ E({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
@@ -20,7 +20,7 @@ const J = {
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: $ },
+    tickCount: { default: K },
     loading: { type: Boolean, default: !1 },
     withAnimation: { type: Boolean, default: !0 },
     totalsChart: { type: Boolean, default: !1 },
@@ -28,19 +28,16 @@ const J = {
     tooltipTotalCalcFn: { type: Function, default: G },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltipHeader: { default: null },
-    subheaderTooltipText: { default: null },
+    subheaderTooltip: { default: null },
     trendValue: { default: null },
     trendDirection: { default: "up" },
-    trendTooltipHeader: { default: null },
-    trendTooltipRangeCurrent: { default: null },
-    trendTooltipRangePrevious: { default: null },
+    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: K },
-    maxVisible: { default: z },
+    minVisible: { default: z },
+    maxVisible: { default: R },
     maxLimitTooltipText: { default: "" },
     sortSelected: { default: null },
     sortOptions: { default: () => [] },
@@ -50,103 +47,100 @@ const J = {
     extraCharts: { default: () => [] }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
-  setup(a, { emit: p }) {
-    const e = a, i = F(e, "chartType", p), c = F(e, "sortSelected", p), y = 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,
-      height: V.value,
+  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: C.value > 1,
-      trendValue: e.trendValue,
-      trendDirection: e.trendDirection,
-      trendTooltipHeader: e.trendTooltipHeader,
-      trendTooltipRangeCurrent: e.trendTooltipRangeCurrent,
-      trendTooltipRangePrevious: e.trendTooltipRangePrevious,
-      totalsChart: e.totalsChart,
-      subheaderTooltipHeader: e.subheaderTooltipHeader,
-      subheaderTooltipText: e.subheaderTooltipText,
+      trendValue: t.trendValue,
+      trendDirection: t.trendDirection,
+      trendTooltip: t.trendTooltip,
+      totalsChart: t.totalsChart,
+      subheaderTooltip: t.subheaderTooltip,
       colorsMap: h.value,
-      tooltipTotalType: e.tooltipTotalType,
-      tooltipTotalCalcFn: e.tooltipTotalCalcFn
-    })), k = n(() => e.dataSets), g = n(() => e.visibleIds), b = n(() => e.extraCharts.length), C = n(() => 1 + b.value), w = (t) => t === b.value - 1, { colorsMap: h } = O({
-      dataSets: k,
-      visibleIds: g
-    }), A = n(() => e.dataSets.map((t) => ({
-      id: t.id,
-      label: t.label,
-      caption: t.caption || null,
-      color: h.value[t.id] || null,
-      icon: t.icon || null,
-      iconType: t.iconType || "branded"
-    }))), { containerProps: B, eachPlaneHeight: V } = j({
+      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
+    }), 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: e.fullHeight
+      useFullHeight: t.fullHeight
     });
-    return (t, r) => (s(), m(x, null, [
-      a.withSettingsHeader ? (s(), S(M, {
+    return (e, i) => (s(), m(S, null, [
+      o.withSettingsHeader ? (s(), x(O, {
         key: 0,
-        "chart-type": o(i),
-        "onUpdate:chart-type": r[0] || (r[0] = (l) => f(i) ? i.value = l : null),
-        "hide-legend": a.hideLegend
+        "chart-type": a(r),
+        "onUpdate:chart-type": i[0] || (i[0] = (l) => f(r) ? r.value = l : null),
+        "hide-legend": o.hideLegend
       }, {
         "before-chart-type": d(() => [
-          u(t.$slots, "before-chart-type", {}, void 0, !0)
+          u(e.$slots, "before-chart-type", {}, void 0, !0)
         ]),
         metric: d(() => [
-          u(t.$slots, "metric", {}, void 0, !0)
+          u(e.$slots, "metric", {}, void 0, !0)
         ]),
         breakdowns: d(() => [
-          u(t.$slots, "breakdowns", {}, void 0, !0)
+          u(e.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : I("", !0),
-      H("div", T({ class: "chart-container" }, o(B)), [
-        H("section", {
-          class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
+      D("div", y({ class: "chart-container" }, a(V)), [
+        D("section", {
+          class: N(["chart-planes", [{ "with-legend": !o.hideLegend }]])
         }, [
-          D(L, T({
-            "chart-type": o(i),
-            "onUpdate:chart-type": r[1] || (r[1] = (l) => f(i) ? i.value = l : null)
-          }, o(y)), N({ _: 2 }, [
-            t.$slots["subheader-tooltip"] ? {
+          F(k, y({
+            "chart-type": a(r),
+            "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(t.$slots, "subheader-tooltip", {}, void 0, !0)
+                u(e.$slots, "subheader-tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(x, null, U(a.extraCharts, (l, v) => (s(), S(L, T({
+          (s(!0), m(S, null, M(o.extraCharts, (l, v) => (s(), x(k, y({
             key: v,
             class: "extra-chart-plane"
-          }, { ...o(y), ...l }, {
-            "chart-type": o(i),
-            "colors-map": o(h),
+          }, { ...a(T), ...l }, {
+            "chart-type": a(r),
+            "colors-map": a(h),
             "type-switcher": !1,
-            "tooltip-respects-top-edge": !w(v)
+            "tooltip-respects-top-edge": !A(v)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
         ], 2),
-        a.hideLegend ? I("", !0) : (s(), m("section", J, [
-          D(R, {
-            "sort-selected": o(c),
-            "onUpdate:sort-selected": r[2] || (r[2] = (l) => f(c) ? c.value = l : null),
-            items: o(A),
-            "visible-ids": o(g),
-            "max-limit-tooltip-text": a.maxLimitTooltipText,
-            "sort-options": a.sortOptions,
-            "sort-option-name-key": a.sortOptionNameKey,
-            "onUpdate:visibleIds": r[3] || (r[3] = (l) => p("update:visibleIds", l))
+        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) => p("update:visibleIds", l))
           }, null, 8, ["sort-selected", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key"])
         ]))
       ], 16)
@@ -154,5 +148,5 @@ const J = {
   }
 });
 export {
-  re as default
+  it as default
 };

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

@@ -4,11 +4,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
@@ -17,11 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    subheaderTooltip: any;
+    trendTooltip: any;
     compact: boolean;
     trendValue: any;
     trendDirection: string;
@@ -32,11 +33,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
@@ -45,11 +50,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     typeSwitcher: boolean;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    subheaderTooltip: any;
+    trendTooltip: any;
     compact: boolean;
     trendValue: any;
     trendDirection: string;
@@ -59,13 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     header: string;
     compact: boolean;
     chartType: ChartType;
+    trendTooltip: any;
     typeSwitcher: boolean;
     subheader: string;
-    subheaderTooltipHeader: string;
-    subheaderTooltipText: string;
-    trendTooltipHeader: string;
-    trendTooltipRangeCurrent: string;
-    trendTooltipRangePrevious: 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_92052479_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-92052479"]]);
+// 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,28 +1,25 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css"; import { defineComponent as S, useSlots as R, computed as m, openBlock as r, createElementBlock as w, normalizeClass as B, createElementVNode as i, createVNode as f, unref as t, withCtx as o, renderSlot as P, createBlock as d, createTextVNode as u, toDisplayString as c, createCommentVNode as n, normalizeProps as v, mergeProps as g, isRef as N } from "vue";
+ 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 D from "../switch/v4/SwitchV4.vue.js";
+import z from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as h } from "./types.js";
-import L from "../tooltip/v4/TooltipV4.vue.js";
-import V from "./ChartHeaderTrend.vue.js";
-const z = { class: "header-texts" }, E = { class: "header-row" }, O = { class: "subheader-tooltip" }, U = { class: "header-row" }, I = /* @__PURE__ */ S({
+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: h.Line },
     typeSwitcher: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltipHeader: { default: null },
-    subheaderTooltipText: { default: null },
-    trendTooltipHeader: { default: null },
-    trendTooltipRangeCurrent: { default: null },
-    trendTooltipRangePrevious: { default: null },
+    subheaderTooltip: { default: null },
+    trendTooltip: { default: null },
     compact: { type: Boolean, default: !1 },
     trendValue: { default: null },
     trendDirection: { default: "up" }
   },
   emits: ["update:chartType"],
   setup(e, { emit: x }) {
-    const a = e, C = R(), T = [
+    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" }
@@ -33,44 +30,42 @@ const z = { class: "header-texts" }, E = { class: "header-row" }, O = { class: "
       set(l) {
         x("update:chartType", l.id);
       }
-    }), k = m(() => C["subheader-tooltip"] || a.subheaderTooltipText || a.subheaderTooltipHeader), b = m(() => ({
+    }), C = m(() => S["subheader-tooltip"] || a.subheaderTooltip?.text || a.subheaderTooltip?.header), y = m(() => ({
       value: a.trendValue,
       direction: a.trendDirection,
-      tooltipHeader: a.trendTooltipHeader,
-      tooltipRangeCurrent: a.trendTooltipRangeCurrent,
-      tooltipRangePrevious: a.trendTooltipRangePrevious
+      trendTooltip: a.trendTooltip
     }));
-    return (l, y) => (r(), w("div", {
-      class: B(["chart-header", { "chart-header--compact": e.compact }])
+    return (l, b) => (r(), N("div", {
+      class: D(["chart-header", { "chart-header--compact": e.compact }])
     }, [
-      i("div", z, [
-        i("div", E, [
-          f(t(L), {
+      n("div", H, [
+        n("div", O, [
+          f(t(E), {
             placement: "right",
-            disabled: !t(k)
+            disabled: !t(C)
           }, {
             tooltip: o(() => [
-              P(l.$slots, "subheader-tooltip", {}, () => [
-                i("div", O, [
-                  e.subheaderTooltipHeader ? (r(), d(t(s), {
+              L(l.$slots, "subheader-tooltip", {}, () => [
+                n("div", R, [
+                  e.subheaderTooltip?.header ? (r(), d(t(s), {
                     key: 0,
                     variant: "h5"
                   }, {
                     default: o(() => [
-                      u(c(e.subheaderTooltipHeader), 1)
+                      u(c(e.subheaderTooltip.header), 1)
                     ]),
                     _: 1
-                  })) : n("", !0),
-                  e.subheaderTooltipText ? (r(), d(t(s), {
+                  })) : i("", !0),
+                  e.subheaderTooltip?.text ? (r(), d(t(s), {
                     key: 1,
                     variant: "body2",
                     class: "subheader-tooltip__text"
                   }, {
                     default: o(() => [
-                      u(c(e.subheaderTooltipText), 1)
+                      u(c(e.subheaderTooltip.text), 1)
                     ]),
                     _: 1
-                  })) : n("", !0)
+                  })) : i("", !0)
                 ])
               ], !0)
             ]),
@@ -88,7 +83,7 @@ const z = { class: "header-texts" }, E = { class: "header-row" }, O = { class: "
             _: 3
           }, 8, ["disabled"])
         ]),
-        i("div", U, [
+        n("div", U, [
           f(t(s), {
             class: "header-text",
             variant: e.compact ? "h5" : "chart2"
@@ -98,16 +93,16 @@ const z = { class: "header-texts" }, E = { class: "header-row" }, O = { class: "
             ]),
             _: 1
           }, 8, ["variant"]),
-          !e.compact && e.trendValue !== null ? (r(), d(V, v(g({ key: 0 }, t(b))), null, 16)) : n("", !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(), d(V, v(g({ key: 0 }, t(b))), null, 16)) : n("", !0)
+        e.compact && e.trendValue !== null ? (r(), d(k, v(V({ key: 0 }, t(y))), null, 16)) : i("", !0)
       ]),
-      e.typeSwitcher ? (r(), d(t(D), {
+      e.typeSwitcher ? (r(), d(t(z), {
         key: 0,
         modelValue: t(p),
-        "onUpdate:modelValue": y[0] || (y[0] = (H) => N(p) ? p.value = H : null),
+        "onUpdate:modelValue": b[0] || (b[0] = (w) => P(p) ? p.value = w : null),
         options: T
-      }, null, 8, ["modelValue"])) : n("", !0)
+      }, null, 8, ["modelValue"])) : i("", !0)
     ], 2));
   }
 });

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

@@ -1,33 +1,31 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: 'up' | 'down';
-    tooltipHeader?: string;
-    tooltipRangeCurrent?: string;
-    tooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
 }>, {
     value: any;
     direction: string;
-    tooltipHeader: any;
-    tooltipRangeCurrent: any;
-    tooltipRangePrevious: any;
+    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';
-    tooltipHeader?: string;
-    tooltipRangeCurrent?: string;
-    tooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
 }>, {
     value: any;
     direction: string;
-    tooltipHeader: any;
-    tooltipRangeCurrent: any;
-    tooltipRangePrevious: any;
+    trendTooltip: any;
 }>>>, {
     value: number | string;
     direction: 'up' | 'down';
-    tooltipHeader: string;
-    tooltipRangeCurrent: string;
-    tooltipRangePrevious: string;
+    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_d61ed404_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-d61ed404"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-21ce0774"]]);
 export {
-  t as default
+  s as default
 };