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

package/components/chart/Chart.vue2.js

@@ -1,35 +1,35 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
-import { useVModel as V } from "@vueuse/core";
-import $ from "./ChartLegend.vue.js";
-import K from "./SettingsHeader.vue.js";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; import { defineComponent as O, ref as E, computed as i, openBlock as n, createElementBlock as m, Fragment as x, createBlock as C, unref as r, isRef as c, withCtx as s, renderSlot as d, createCommentVNode as I, createElementVNode as D, mergeProps as b, normalizeClass as N, createVNode as k, createSlots as M, renderList as $ } from "vue";
+import { useVModel as L } from "@vueuse/core";
+import K from "./ChartLegend.vue.js";
+import z from "./SettingsHeader.vue.js";
 import A from "./ChartPlane.vue.js";
-import { useColorsMap as z } from "./composables/useColorsMap.js";
-import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
-import { ChartType as j, DateInterval as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
-import { useChartHeight as Q } from "./composables/useChartHeight.js";
-import { TotalType as W, calculateTotal as Z } from "../../utils/totals.js";
-const _ = {
+import { useColorsMap as R } from "./composables/useColorsMap.js";
+import { DEFAULT_TICK_COUNT as X, DEFAULT_MIN_VISIBLE as Y, DEFAULT_MAX_VISIBLE as j } from "./consts.js";
+import { ChartType as q, DateInterval as G, TooltipOrder as J, TrendDirection as Q } from "./types.js";
+import { useChartHeight as W } from "./composables/useChartHeight.js";
+import { TotalType as Z, calculateTotal as _ } from "../../utils/totals.js";
+const ee = {
   key: 0,
   class: "chart-sidebar"
-}, ue = /* @__PURE__ */ U({
+}, pe = /* @__PURE__ */ O({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
     visibleIds: { default: () => [] },
-    chartType: { default: j.Line },
+    chartType: { default: q.Line },
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    xAxisDateInterval: { default: q.DAILY },
-    tickCount: { default: R },
+    xAxisDateInterval: { default: G.DAILY },
+    tickCount: { default: X },
     truncateTickLabels: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     empty: { type: Boolean, default: !1 },
     withAnimation: { type: Boolean, default: !0 },
     totalsChart: { type: Boolean, default: !1 },
-    tooltipTotalType: { default: W.Total },
-    tooltipTotalCalcFn: { type: Function, default: Z },
-    tooltipOrder: { default: G.Legend },
+    tooltipTotalType: { default: Z.Total },
+    tooltipTotalCalcFn: { type: Function, default: _ },
+    tooltipOrder: { default: J.Legend },
     valueSuffix: { default: "" },
     valuePrefix: { default: "" },
     header: { default: "" },
@@ -37,15 +37,15 @@ const _ = {
     subheaderTooltip: { default: null },
     keepSubheaderVisible: { type: Boolean, default: !1 },
     trendValue: { default: null },
-    trendDirection: { default: J.UP },
+    trendDirection: { default: Q.UP },
     trendTooltip: { default: null },
     noteText: { default: "" },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: X },
-    maxVisible: { default: Y },
+    minVisible: { default: Y },
+    maxVisible: { default: j },
     maxLimitTooltipText: { default: "" },
     sortSelected: { default: null },
     sortOptions: { default: () => [] },
@@ -53,12 +53,11 @@ const _ = {
     fullHeight: { type: Boolean, default: !1 },
     fullHeightBottomSpacing: { default: 50 },
     withSettingsHeader: { type: Boolean, default: !0 },
-    extraCharts: { default: () => [] },
-    colorVariant: { default: "default" }
+    extraCharts: { default: () => [] }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
-  setup(a, { emit: p }) {
-    const e = a, r = V(e, "chartType", p), c = V(e, "sortSelected", p), f = O(null), y = n(() => ({
+  setup(B, { emit: V }) {
+    const e = B, u = V, o = L(e, "chartType", u), p = L(e, "sortSelected", u), f = E(null), g = i(() => ({
       dataSets: e.dataSets,
       visibleIds: e.visibleIds,
       parsing: e.parsing,
@@ -77,8 +76,8 @@ const _ = {
       noDataSubtitle: e.noDataSubtitle,
       withAnimation: e.withAnimation,
       typeSwitcher: !e.withSettingsHeader,
-      height: P.value,
-      compactHeader: x.value > 1,
+      height: U.value,
+      compactHeader: v.value > 1,
       trendValue: e.trendValue,
       trendDirection: e.trendDirection,
       trendTooltip: e.trendTooltip,
@@ -92,80 +91,80 @@ const _ = {
       highlightedId: f.value,
       valueSuffix: e.valueSuffix,
       valuePrefix: e.valuePrefix
-    })), B = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: h } = z({
-      dataSets: B,
-      visibleIds: T,
-      variant: e.colorVariant
-    }), w = n(() => e.dataSets.map((t) => ({
+    })), F = i(() => e.dataSets), y = i(() => e.visibleIds), T = i(() => e.extraCharts.length), v = i(() => 1 + T.value), w = (t) => t === T.value - 1, { colorsMap: h } = R({
+      dataSets: F,
+      visibleIds: y
+    }), H = i(() => 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: H, eachPlaneHeight: P } = Q({
-      chartPlanesCount: x,
+    }))), { containerProps: P, eachPlaneHeight: U } = W({
+      chartPlanesCount: v,
       useFullHeight: e.fullHeight,
       bottomSpacing: e.fullHeightBottomSpacing
     });
-    return (t, o) => (s(), m(C, null, [
-      a.withSettingsHeader ? (s(), I(K, {
+    return (t, l) => (n(), m(x, null, [
+      t.withSettingsHeader ? (n(), C(z, {
         key: 0,
-        "chart-type": i(r),
-        "onUpdate:chart-type": o[0] || (o[0] = (l) => b(r) ? r.value = l : null),
-        "hide-legend": a.hideLegend
+        "chart-type": r(o),
+        "onUpdate:chartType": l[0] || (l[0] = (a) => c(o) ? o.value = a : null),
+        "hide-legend": t.hideLegend
       }, {
-        "before-chart-type": d(() => [
-          u(t.$slots, "before-chart-type", {}, void 0, !0)
+        "before-chart-type": s(() => [
+          d(t.$slots, "before-chart-type", {}, void 0, !0)
         ]),
-        metric: d(() => [
-          u(t.$slots, "metric", {}, void 0, !0)
+        metric: s(() => [
+          d(t.$slots, "metric", {}, void 0, !0)
         ]),
-        breakdowns: d(() => [
-          u(t.$slots, "breakdowns", {}, void 0, !0)
+        breakdowns: s(() => [
+          d(t.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["chart-type", "hide-legend"])) : D("", !0),
-      k("div", g({ class: "chart-container" }, i(H)), [
-        k("section", {
-          class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
+      }, 8, ["chart-type", "hide-legend"])) : I("", !0),
+      D("div", b({ class: "chart-container" }, r(P)), [
+        D("section", {
+          class: N(["chart-planes", [{ "with-legend": !t.hideLegend }]])
         }, [
-          L(A, g({
-            "chart-type": i(r),
-            "onUpdate:chart-type": o[1] || (o[1] = (l) => b(r) ? r.value = l : null)
-          }, i(y)), N({ _: 2 }, [
+          k(A, b({
+            "chart-type": r(o),
+            "onUpdate:chartType": l[1] || (l[1] = (a) => c(o) ? o.value = a : null)
+          }, g.value), M({ _: 2 }, [
             t.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
-              fn: d(() => [
-                u(t.$slots, "subheader-tooltip", {}, void 0, !0)
+              fn: s(() => [
+                d(t.$slots, "subheader-tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(A, g({
+          (n(!0), m(x, null, $(t.extraCharts, (a, S) => (n(), C(A, b({
             key: S,
-            class: "extra-chart-plane"
-          }, { ...i(y), ...l }, {
-            "chart-type": i(r),
-            "colors-map": i(h),
+            class: "extra-chart-plane",
+            ref_for: !0
+          }, { ...g.value, ...a }, {
+            "chart-type": r(o),
+            "colors-map": r(h),
             "type-switcher": !1,
-            "tooltip-respects-top-edge": !F(S)
+            "tooltip-respects-top-edge": !w(S)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
         ], 2),
-        a.hideLegend ? D("", !0) : (s(), m("section", _, [
-          L($, {
-            "sort-selected": i(c),
-            "onUpdate:sort-selected": o[2] || (o[2] = (l) => b(c) ? c.value = l : null),
+        t.hideLegend ? I("", !0) : (n(), m("section", ee, [
+          k(K, {
+            "sort-selected": r(p),
+            "onUpdate:sortSelected": l[2] || (l[2] = (a) => c(p) ? p.value = a : null),
             "highlighted-id": f.value,
-            "onUpdate:highlighted-id": o[3] || (o[3] = (l) => f.value = l),
-            items: i(w),
-            "visible-ids": i(T),
-            "max-limit-tooltip-text": a.maxLimitTooltipText,
-            "sort-options": a.sortOptions,
-            "sort-option-name-key": a.sortOptionNameKey,
-            "min-visible": a.minVisible,
-            "max-visible": a.maxVisible,
-            "onUpdate:visibleIds": o[4] || (o[4] = (l) => p("update:visibleIds", l))
+            "onUpdate:highlightedId": l[3] || (l[3] = (a) => f.value = a),
+            items: H.value,
+            "visible-ids": y.value,
+            "max-limit-tooltip-text": t.maxLimitTooltipText,
+            "sort-options": t.sortOptions,
+            "sort-option-name-key": t.sortOptionNameKey,
+            "min-visible": t.minVisible,
+            "max-visible": t.maxVisible,
+            "onUpdate:visibleIds": l[4] || (l[4] = (a) => u("update:visibleIds", a))
           }, null, 8, ["sort-selected", "highlighted-id", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key", "min-visible", "max-visible"])
         ]))
       ], 16)
@@ -173,5 +172,5 @@ const _ = {
   }
 });
 export {
-  ue as default
+  pe as default
 };

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

@@ -1,5 +1,5 @@
 import { ChartType, TrendDirection } from '@/components/chart/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     typeSwitcher: boolean;
     header?: string;
@@ -28,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendValue: any;
     trendDirection: TrendDirection;
     noteText: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (type: ChartType) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     typeSwitcher: boolean;
     header?: string;
@@ -59,20 +59,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendValue: any;
     trendDirection: TrendDirection;
     noteText: string;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:chartType"?: (type: ChartType) => any;
-}, {
+}>, {
     header: string;
-    compact: boolean;
     chartType: ChartType;
-    trendTooltip: any;
+    trendTooltip: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     subheader: string;
-    subheaderTooltip: any;
+    subheaderTooltip: {
+        header?: string;
+        text?: string;
+    };
     typeSwitcher: boolean;
+    compact: boolean;
     trendValue: string | number;
     trendDirection: TrendDirection;
     noteText: string;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;

package/components/chart/ChartHeader.vue2.js

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

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

@@ -1,5 +1,5 @@
 import { TrendDirection } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: TrendDirection;
     trendTooltip?: {
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: any;
     direction: TrendDirection;
     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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: TrendDirection;
     trendTooltip?: {
@@ -23,11 +23,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: any;
     direction: TrendDirection;
     trendTooltip: any;
-}>>>, {
+}>>> & Readonly<{}>, {
     value: number | string;
     direction: TrendDirection;
-    trendTooltip: any;
-}>;
+    trendTooltip: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: 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/ChartHeaderTrend.vue2.js

@@ -1,87 +1,87 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as d, createTextVNode as a, toDisplayString as i, createCommentVNode as n, pushScopeId as g, popScopeId as C } from "vue";
-import l from "../typography/v4/Typography.vue.js";
-import b from "../icon/v4/IconV4.vue.js";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; import { defineComponent as y, computed as g, openBlock as n, createElementBlock as T, normalizeClass as h, createVNode as u, unref as t, withCtx as r, createElementVNode as m, createBlock as d, createTextVNode as a, toDisplayString as p, createCommentVNode as l } from "vue";
+import i from "../typography/v4/Typography.vue.js";
+import C from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import k from "../tooltip/v4/TooltipV4.vue.js";
-import { TrendDirection as m } from "./types.js";
-const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
+import { TrendDirection as f } from "./types.js";
+const b = { class: "trend-tooltip" }, _ = {
   key: 2,
   class: "separator"
-}, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
+}, z = /* @__PURE__ */ y({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
-    direction: { default: m.UP },
+    direction: { default: f.UP },
     trendTooltip: { default: null }
   },
-  setup(e) {
-    const c = e, T = v(
-      () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
+  setup(v) {
+    const s = v, c = g(
+      () => s.trendTooltip?.header || s.trendTooltip?.rangeCurrent || s.trendTooltip?.rangePrevious
     );
-    return (I, S) => (r(), p("div", {
-      class: y(["chart-trend", [`chart-trend--${e.direction}`]])
+    return (e, o) => (n(), T("div", {
+      class: h(["chart-trend", [`chart-trend--${e.direction}`]])
     }, [
       u(t(k), {
-        disabled: !t(T)
+        disabled: !c.value
       }, {
-        tooltip: o(() => [
-          s("div", x, [
-            e.trendTooltip?.header ? (r(), d(t(l), {
+        tooltip: r(() => [
+          m("div", b, [
+            e.trendTooltip?.header ? (n(), d(t(i), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
-              default: o(() => [
-                a(i(e.trendTooltip.header), 1)
+              default: r(() => [
+                a(p(e.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : n("", !0),
-            e.trendTooltip?.rangeCurrent ? (r(), d(t(l), {
+            })) : l("", !0),
+            e.trendTooltip?.rangeCurrent ? (n(), d(t(i), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
-              default: o(() => [
-                a(i(e.trendTooltip.rangeCurrent), 1)
+              default: r(() => [
+                a(p(e.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : n("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
-              P,
-              u(t(l), {
+            })) : l("", !0),
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (n(), T("div", _, [
+              o[1] || (o[1] = m("hr", null, null, -1)),
+              u(t(i), {
                 class: "separator__text",
                 variant: "caption"
               }, {
-                default: o(() => [
+                default: r(() => o[0] || (o[0] = [
                   a(" vs. ")
-                ]),
+                ])),
                 _: 1
               }),
-              _
-            ])) : n("", !0),
-            e.trendTooltip?.rangePrevious ? (r(), d(t(l), {
+              o[2] || (o[2] = m("hr", null, null, -1))
+            ])) : l("", !0),
+            e.trendTooltip?.rangePrevious ? (n(), d(t(i), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
-              default: o(() => [
-                a(i(e.trendTooltip.rangePrevious), 1)
+              default: r(() => [
+                a(p(e.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : n("", !0)
+            })) : l("", !0)
           ])
         ]),
-        default: o(() => [
-          e.direction !== t(m).NEUTRAL ? (r(), d(t(b), {
+        default: r(() => [
+          e.direction !== t(f).NEUTRAL ? (n(), d(t(C), {
             key: 0,
             class: "trend-icon",
             type: "bold",
             name: `arrow-${e.direction}`,
             size: "15px"
-          }, null, 8, ["name"])) : n("", !0),
-          u(t(l), { variant: "chipLabel" }, {
-            default: o(() => [
-              a(i(e.value), 1)
+          }, null, 8, ["name"])) : l("", !0),
+          u(t(i), { variant: "chipLabel" }, {
+            default: r(() => [
+              a(p(e.value), 1)
             ]),
             _: 1
           })
@@ -92,5 +92,5 @@ const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-to
   }
 });
 export {
-  L as default
+  z as default
 };

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

@@ -1,5 +1,5 @@
 import { LegendItem } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -19,11 +19,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
     "update:highlightedId": (id: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -43,11 +43,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
     "onUpdate:highlightedId"?: (id: string | number) => any;
-}, {
+}>, {
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId: string | number;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected: any;
     sortOptions: unknown[];
     sortOptionNameKey: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {