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

package/components/chart/ChartHeaderTrend.vue2.js

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

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

@@ -10,8 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     loading?: boolean;
     noDataIcon?: string;
     noDataTitle?: string;
@@ -25,9 +27,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     totalsChart?: boolean;
     colorsMap: Record<string, string>;
 }>, {
@@ -40,8 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount: number;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
+    subheaderTooltip: any;
     loading: boolean;
     noDataIcon: string;
     noDataTitle: string;
@@ -55,9 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     trendValue: any;
     trendDirection: string;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    trendTooltip: any;
     totalsChart: boolean;
     colorsMap: () => {};
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -72,8 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltipHeader?: string;
-    subheaderTooltipText?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     loading?: boolean;
     noDataIcon?: string;
     noDataTitle?: string;
@@ -87,9 +90,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
-    trendTooltipHeader?: string;
-    trendTooltipRangeCurrent?: string;
-    trendTooltipRangePrevious?: string;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     totalsChart?: boolean;
     colorsMap: Record<string, string>;
 }>, {
@@ -102,8 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount: number;
     header: string;
     subheader: string;
-    subheaderTooltipHeader: any;
-    subheaderTooltipText: any;
+    subheaderTooltip: any;
     loading: boolean;
     noDataIcon: string;
     noDataTitle: string;
@@ -117,9 +121,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     trendValue: any;
     trendDirection: string;
-    trendTooltipHeader: any;
-    trendTooltipRangeCurrent: any;
-    trendTooltipRangePrevious: any;
+    trendTooltip: any;
     totalsChart: boolean;
     colorsMap: () => {};
 }>>> & {
@@ -134,13 +136,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     parsing: ChartParsingConfig;
     dataSets: ChartDataSet[];
+    trendTooltip: any;
     typeSwitcher: boolean;
     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/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-import o from "./ChartPlane.vue2.js";
-/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bb382dc4"]]);
+import e from "./ChartPlane.vue2.js";
+/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ae87f435"]]);
 export {
-  a as default
+  s as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,23 +1,23 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css"; import { defineComponent as J, useCssVars as Q, unref as d, computed as o, ref as g, onMounted as X, watch as C, nextTick as _, openBlock as h, createElementBlock as ee, createElementVNode as m, createVNode as te, isRef as ae, createSlots as oe, withCtx as le, renderSlot as re, normalizeStyle as ie, createBlock as b, createCommentVNode as V } from "vue";
-import { Chart as O, ArcElement as ne, LineElement as se, BarElement as de, PointElement as ue, LineController as ce, BarController as pe, PieController as fe, ScatterController as he, CategoryScale as me, LinearScale as ve, Filler as Te, Tooltip as ye } from "chart.js";
-import { HoverVerticalLine as ge } from "./plugins/HoverVerticalLine.js";
-import { formatValue as F, calcStepSize as Ce } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as be, TOTALS_HELPER_KEY as I, POINT_BORDER_COLOR as xe, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as N, GRID_LINE_COLOR as M, HEADER_HEIGHT as ke, COMPACT_HEADER_HEIGHT as Se } from "./consts.js";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css"; import { defineComponent as q, useCssVars as J, unref as c, computed as o, ref as C, onMounted as Q, watch as b, nextTick as X, openBlock as h, createElementBlock as tt, createElementVNode as m, createVNode as et, isRef as at, createSlots as ot, withCtx as lt, renderSlot as rt, normalizeStyle as it, createBlock as g, createCommentVNode as H } from "vue";
+import { Chart as O, ArcElement as nt, LineElement as st, BarElement as ct, PointElement as dt, LineController as ut, BarController as pt, PieController as ft, ScatterController as ht, CategoryScale as mt, LinearScale as vt, Filler as yt, Tooltip as Tt } from "chart.js";
+import { HoverVerticalLine as Ct } from "./plugins/HoverVerticalLine.js";
+import { formatValue as F, calcStepSize as bt } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as gt, TOTALS_HELPER_KEY as I, POINT_BORDER_COLOR as kt, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as N, GRID_LINE_COLOR as M, HEADER_HEIGHT as xt, COMPACT_HEADER_HEIGHT as St } from "./consts.js";
 import { ChartType as n } from "./types.js";
-import { useTooltipPosition as Le } from "./composables/useTooltipPosition.js";
-import Re from "./ChartTooltip.vue.js";
-import { hexColorToRgba as Ee } from "../../utils/color.js";
-import { useChartValues as Ae } from "./composables/useChartValues.js";
-import Be from "./ChartHeader.vue.js";
-import { useVModel as He } from "@vueuse/core";
-import we from "../emptyState/v4/EmptyStateV4.vue.js";
-import De from "./ChartLoader.vue.js";
-import { DEFAULT_CHART_COLOR as Ve } from "./colorPalette.js";
-import { TotalType as z, calculateTotal as Oe } from "../../utils/totals.js";
-const Fe = {
+import { useTooltipPosition as Lt } from "./composables/useTooltipPosition.js";
+import Et from "./ChartTooltip.vue.js";
+import { hexColorToRgba as At } from "../../utils/color.js";
+import { useChartValues as Bt } from "./composables/useChartValues.js";
+import Rt from "./ChartHeader.vue.js";
+import { useVModel as wt } from "@vueuse/core";
+import Dt from "../emptyState/v4/EmptyStateV4.vue.js";
+import Vt from "./ChartLoader.vue.js";
+import { DEFAULT_CHART_COLOR as Ht } from "./colorPalette.js";
+import { TotalType as z, calculateTotal as Ot } from "../../utils/totals.js";
+const Ft = {
   key: 0,
   class: "chart-plane"
-}, Ie = { class: "header-wrapper" }, Pe = { class: "chart" }, et = /* @__PURE__ */ J({
+}, It = { class: "header-wrapper" }, Pt = { class: "chart" }, te = /* @__PURE__ */ q({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
@@ -26,11 +26,10 @@ const Fe = {
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: be },
+    tickCount: { default: gt },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltipHeader: { default: null },
-    subheaderTooltipText: { default: null },
+    subheaderTooltip: { default: null },
     loading: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
@@ -41,72 +40,70 @@ const Fe = {
     compactHeader: { type: Boolean, default: !1 },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
     tooltipTotalType: { default: z.Total },
-    tooltipTotalCalcFn: { type: Function, default: Oe },
+    tooltipTotalCalcFn: { type: Function, default: Ot },
     trendValue: { default: null },
     trendDirection: { default: "up" },
-    trendTooltipHeader: { default: null },
-    trendTooltipRangeCurrent: { default: null },
-    trendTooltipRangePrevious: { default: null },
+    trendTooltip: { default: null },
     totalsChart: { type: Boolean, default: !1 },
     colorsMap: { default: () => ({}) }
   },
   emits: ["update:chartType"],
   setup(a, { emit: K }) {
-    const e = a;
-    Q((t) => ({
-      "1232aefa": d(q),
-      "0162f236": a.height
+    const t = a;
+    J((e) => ({
+      "4640c185": c(j),
+      "07515470": a.height
     })), O.register(
-      ne,
-      se,
-      de,
-      ue,
-      ce,
-      pe,
-      fe,
-      he,
-      me,
-      ve,
-      Te,
-      ye,
-      ge
+      nt,
+      st,
+      ct,
+      dt,
+      ut,
+      pt,
+      ft,
+      ht,
+      mt,
+      vt,
+      yt,
+      Tt,
+      Ct
     );
-    const v = He(e, "chartType", K), U = o(
-      () => e.withAnimation ? "" : "none"
-    ), u = g(null);
+    const v = wt(t, "chartType", K), U = o(
+      () => t.withAnimation ? "" : "none"
+    ), d = C(null);
     let s = null;
-    const x = o(() => e.dataSets.length === 0), k = o(() => !e.loading && !x.value), T = () => {
-      u.value && (s && s.destroy(), s = new O(u.value, A.value));
+    const k = o(() => t.dataSets.length === 0), x = o(() => !t.loading && !k.value), y = () => {
+      d.value && (s && s.destroy(), s = new O(d.value, B.value));
     }, $ = () => {
-      s && (s.data.datasets = E.value, s.options = A.value.options, s.update(U.value));
+      s && (s.data.datasets = A.value, s.options = B.value.options, s.update(U.value));
     };
-    X(T), C(() => e.chartType, T), C(k, async (t) => {
-      t && (await _(), T());
-    }), C([() => e.visibleIds, () => e.dataSets], $);
-    const c = o(() => e.totalsChart), p = o(
-      () => e.chartType === n.StackedLine || e.chartType === n.StackedBar || c.value
+    Q(y), b(() => t.chartType, y), b(x, async (e) => {
+      e && (await X(), y());
+    }), b([() => t.visibleIds, () => t.dataSets], $);
+    const u = o(() => t.totalsChart), p = o(
+      () => t.chartType === n.StackedLine || t.chartType === n.StackedBar || u.value
     ), S = o(
-      () => e.chartType === n.Line || e.chartType === n.StackedLine
-    ), L = o(() => c.value ? { ...e.parsing, xAxisKey: I } : e.parsing), G = o(() => c.value ? e.dataSets.map((t) => ({
-      ...t,
-      data: t.data.map((r) => ({
+      () => t.chartType === n.Line || t.chartType === n.StackedLine
+    ), L = o(() => u.value ? { ...t.parsing, xAxisKey: I } : t.parsing), G = o(() => u.value ? t.dataSets.map((e) => ({
+      ...e,
+      data: e.data.map((r) => ({
         ...r,
-        [I]: t.label
+        [I]: e.label
       }))
-    })) : e.dataSets), f = o(
-      () => G.value.filter((t) => e.visibleIds.includes(t.id))
-    ), W = (t) => e.colorsMap[t] || Ve, R = o(
+    })) : t.dataSets), f = o(
+      () => G.value.filter((e) => t.visibleIds.includes(e.id))
+    ), W = (e) => t.colorsMap[e] || Ht, E = o(
       () => f.value.length && f.value.every(
-        (t) => t.data.length === 1
+        (e) => e.data.length === 1
       )
-    ), E = o(() => f.value.map((t, r) => {
-      const i = W(t.id), y = p.value ? r !== 0 ? "-1" : "start" : void 0;
+    ), A = o(() => f.value.map((e, r) => {
+      const i = W(e.id), T = p.value ? r !== 0 ? "-1" : "start" : void 0;
       return {
-        ...t,
-        fill: y,
-        backgroundColor: Ee(
+        ...e,
+        fill: T,
+        backgroundColor: At(
           i,
-          e.chartType === n.StackedLine ? 10 : 70
+          t.chartType === n.StackedLine ? 10 : 70
         ),
         borderColor: i,
         pointBackgroundColor: i,
@@ -114,24 +111,24 @@ const Fe = {
         maxBarThickness: 50,
         clip: 5,
         // draw a bit outside the chart area
-        icon: t.icon || null,
-        iconType: t.iconType || "branded"
+        icon: e.icon || null,
+        iconType: e.iconType || "branded"
       };
-    })), Z = o(
-      () => e.tooltipTotalType === z.Total ? "Total" : "Mean"
-    ), A = o(
+    })), _ = o(
+      () => t.tooltipTotalType === z.Total ? "Total" : "Mean"
+    ), B = o(
       () => ({
-        type: e.chartType == n.Bar || e.chartType === n.StackedBar ? "bar" : "line",
+        type: t.chartType == n.Bar || t.chartType === n.StackedBar ? "bar" : "line",
         // Chart Data
         data: {
-          datasets: E.value
+          datasets: A.value
         },
         // Chart Options
         options: {
           parsing: L.value,
           interaction: {
             intersect: !1,
-            mode: c.value ? "point" : "index",
+            mode: u.value ? "point" : "index",
             axis: "x"
           },
           // plugins
@@ -143,16 +140,16 @@ const Fe = {
             tooltip: {
               enabled: !1,
               position: "average",
-              external: ({ tooltip: t }) => {
-                l.value = { ...t };
+              external: ({ tooltip: e }) => {
+                l.value = { ...e };
               },
               callbacks: {
-                footer: (t) => {
-                  const r = t.map((y) => y.parsed.y || 0), i = e.tooltipTotalCalcFn(
+                footer: (e) => {
+                  const r = e.map((T) => T.parsed.y || 0), i = t.tooltipTotalCalcFn(
                     r,
-                    e.tooltipTotalType
+                    t.tooltipTotalType
                   );
-                  return [Z.value, String(i)];
+                  return [_.value, String(i)];
                 }
               }
             }
@@ -174,12 +171,12 @@ const Fe = {
               tension: 0.3
             },
             point: {
-              radius: R.value ? 3 : 1,
+              radius: E.value ? 3 : 1,
               hitRadius: 8,
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: xe
+              pointHoverBackgroundColor: kt
             },
             bar: {
               borderRadius: 4
@@ -189,7 +186,7 @@ const Fe = {
             // Horizontal Axis (X)
             x: {
               beginAtZero: !0,
-              offset: !S.value || R.value,
+              offset: !S.value || E.value,
               border: { display: !1 },
               stacked: p.value,
               // stack on top of each other
@@ -198,10 +195,10 @@ const Fe = {
                 color: P,
                 font: N,
                 padding: 4,
-                callback: function(t) {
+                callback: function(e) {
                   return F(
-                    this.getLabelForValue(t),
-                    e.xAxisFormat
+                    this.getLabelForValue(e),
+                    t.xAxisFormat
                   );
                 }
               },
@@ -226,10 +223,10 @@ const Fe = {
                 color: P,
                 font: N,
                 padding: 8,
-                stepSize: D.value,
-                min: w.value,
-                max: D.value * e.tickCount,
-                callback: (t) => F(t, e.yAxisFormat)
+                stepSize: V.value,
+                min: D.value,
+                max: V.value * t.tickCount,
+                callback: (e) => F(e, t.yAxisFormat)
               },
               // grid lines
               grid: {
@@ -241,63 +238,60 @@ const Fe = {
           }
         }
       })
-    ), B = g(null), l = g(null), { position: H } = Le(
-      u,
-      B,
+    ), R = C(null), l = C(null), { position: w } = Lt(
+      d,
+      R,
       l,
-      e.tooltipRespectsTopEdge
-    ), Y = o(() => ({
-      left: `${H.value.left}px`,
-      top: `${H.value.top}px`,
+      t.tooltipRespectsTopEdge
+    ), Z = o(() => ({
+      left: `${w.value.left}px`,
+      top: `${w.value.top}px`,
       opacity: l.value?.opacity || 0
-    })), { minValue: w, maxValue: j } = Ae({
+    })), { minValue: D, maxValue: Y } = Bt({
       parsingConfig: L.value,
       dataSets: f,
       isStacked: p
-    }), D = o(
-      () => Ce(w.value, j.value, e.tickCount)
-    ), q = o(
-      () => (e.compactHeader ? Se : ke) + "px"
+    }), V = o(
+      () => bt(D.value, Y.value, t.tickCount)
+    ), j = o(
+      () => (t.compactHeader ? St : xt) + "px"
     );
-    return (t, r) => d(k) ? (h(), ee("section", Fe, [
-      m("div", Ie, [
-        te(Be, {
-          "chart-type": d(v),
-          "onUpdate:chart-type": r[0] || (r[0] = (i) => ae(v) ? v.value = i : null),
+    return (e, r) => c(x) ? (h(), tt("section", Ft, [
+      m("div", It, [
+        et(Rt, {
+          "chart-type": c(v),
+          "onUpdate:chart-type": r[0] || (r[0] = (i) => at(v) ? v.value = i : null),
           "type-switcher": a.typeSwitcher,
           header: a.header,
           subheader: a.subheader,
-          "subheader-tooltip-header": a.subheaderTooltipHeader,
-          "subheader-tooltip-text": a.subheaderTooltipText,
-          "trend-tooltip-header": a.trendTooltipHeader,
-          "trend-tooltip-range-current": a.trendTooltipRangeCurrent,
-          "trend-tooltip-range-previous": a.trendTooltipRangePrevious,
+          "subheader-tooltip": a.subheaderTooltip,
+          "trend-tooltip": a.trendTooltip,
           compact: a.compactHeader,
           "trend-value": a.trendValue,
           "trend-direction": a.trendDirection
-        }, oe({ _: 2 }, [
-          t.$slots["subheader-tooltip"] ? {
+        }, ot({ _: 2 }, [
+          e.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: le(() => [
-              re(t.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: lt(() => [
+              rt(e.$slots, "subheader-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip-header", "subheader-tooltip-text", "trend-tooltip-header", "trend-tooltip-range-current", "trend-tooltip-range-previous", "compact", "trend-value", "trend-direction"])
+        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
       ]),
-      m("div", Pe, [
+      m("div", Pt, [
         m("canvas", {
           ref_key: "chartRef",
-          ref: u,
+          ref: d,
           class: "chart__canvas"
         }, null, 512),
         m("div", {
           ref_key: "tooltipRef",
-          ref: B,
+          ref: R,
           class: "chart__tooltip",
-          style: ie(d(Y))
+          style: it(c(Z))
         }, [
-          l.value ? (h(), b(Re, {
+          l.value ? (h(), g(Et, {
             key: 0,
             title: String(l.value.title),
             "data-points": l.value.dataPoints,
@@ -305,21 +299,21 @@ const Fe = {
             "y-axis-format": a.yAxisFormat,
             "total-label": l.value.footer[0],
             "total-value": Number(l.value.footer[1])
-          }, null, 8, ["title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : V("", !0)
+          }, null, 8, ["title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : H("", !0)
         ], 4)
       ])
-    ])) : a.loading ? (h(), b(De, {
+    ])) : a.loading ? (h(), g(Vt, {
       key: 1,
       class: "chart-loading"
-    })) : d(x) ? (h(), b(d(we), {
+    })) : c(k) ? (h(), g(c(Dt), {
       key: 2,
       class: "chart-empty",
       title: a.noDataTitle,
       subtitle: a.noDataSubtitle,
       "icon-name": a.noDataIcon
-    }, null, 8, ["title", "subtitle", "icon-name"])) : V("", !0);
+    }, null, 8, ["title", "subtitle", "icon-name"])) : H("", !0);
   }
 });
 export {
-  et as default
+  te as default
 };