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

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,32 +1,94 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css"; import { defineComponent as a, openBlock as n, createElementBlock as o, normalizeClass as i, createVNode as t, unref as r, withCtx as c, createTextVNode as l, toDisplayString as d } from "vue";
-import m from "../typography/v4/Typography.vue.js";
-import p 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";
-const y = /* @__PURE__ */ a({
+import x from "../tooltip/v4/TooltipV4.vue.js";
+const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-tooltip" }, k = {
+  key: 2,
+  class: "separator"
+}, _ = /* @__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" }
+    direction: { default: "up" },
+    trendTooltip: { default: null }
   },
   setup(e) {
-    return (u, s) => (n(), o("div", {
-      class: i(["chart-trend", [`chart-trend--${e.direction}`]])
+    const c = e, m = T(
+      () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
+    );
+    return (N, P) => (r(), p("div", {
+      class: v(["chart-trend", [`chart-trend--${e.direction}`]])
     }, [
-      t(r(p), {
-        class: "trend-icon",
-        type: "bold",
-        name: `arrow-${e.direction}`,
-        size: "13px"
-      }, null, 8, ["name"]),
-      t(r(m), { variant: "chipLabel" }, {
-        default: c(() => [
-          l(d(e.value), 1)
+      l(t(x), {
+        disabled: !t(m)
+      }, {
+        tooltip: o(() => [
+          s("div", b, [
+            e.trendTooltip?.header ? (r(), u(t(n), {
+              key: 0,
+              class: "trend-tooltip__header",
+              variant: "subtitle2"
+            }, {
+              default: o(() => [
+                a(d(e.trendTooltip.header), 1)
+              ]),
+              _: 1
+            })) : i("", !0),
+            e.trendTooltip?.rangeCurrent ? (r(), u(t(n), {
+              key: 1,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: o(() => [
+                a(d(e.trendTooltip.rangeCurrent), 1)
+              ]),
+              _: 1
+            })) : i("", !0),
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", k, [
+              _,
+              l(t(n), {
+                class: "separator__text",
+                variant: "caption"
+              }, {
+                default: o(() => [
+                  a(" vs. ")
+                ]),
+                _: 1
+              }),
+              I
+            ])) : i("", !0),
+            e.trendTooltip?.rangePrevious ? (r(), u(t(n), {
+              key: 3,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: o(() => [
+                a(d(e.trendTooltip.rangePrevious), 1)
+              ]),
+              _: 1
+            })) : i("", !0)
+          ])
+        ]),
+        default: o(() => [
+          l(t(C), {
+            class: "trend-icon",
+            type: "bold",
+            name: `arrow-${e.direction}`,
+            size: "13px"
+          }, null, 8, ["name"]),
+          l(t(n), { variant: "chipLabel" }, {
+            default: o(() => [
+              a(d(e.value), 1)
+            ]),
+            _: 1
+          })
         ]),
         _: 1
-      })
+      }, 8, ["disabled"])
     ], 2));
   }
 });
 export {
-  y as default
+  E as default
 };

package/components/chart/ChartPlane.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[];
@@ -9,6 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     loading?: boolean;
     noDataIcon?: string;
     noDataTitle?: string;
@@ -18,8 +23,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height?: string;
     compactHeader?: boolean;
     tooltipRespectsTopEdge?: boolean;
+    tooltipTotalType?: TotalType;
+    tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     totalsChart?: boolean;
     colorsMap: Record<string, string>;
 }>, {
@@ -32,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount: number;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    subheaderTooltip: any;
     loading: boolean;
     noDataIcon: string;
     noDataTitle: string;
@@ -42,8 +54,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: string;
     compactHeader: boolean;
     tooltipRespectsTopEdge: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     trendValue: any;
     trendDirection: string;
+    trendTooltip: any;
     totalsChart: boolean;
     colorsMap: () => {};
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -58,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
     loading?: boolean;
     noDataIcon?: string;
     noDataTitle?: string;
@@ -67,8 +86,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height?: string;
     compactHeader?: boolean;
     tooltipRespectsTopEdge?: boolean;
+    tooltipTotalType?: TotalType;
+    tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     trendValue?: string | number;
     trendDirection?: "up" | "down";
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
     totalsChart?: boolean;
     colorsMap: Record<string, string>;
 }>, {
@@ -81,7 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount: number;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    subheaderTooltip: any;
     loading: boolean;
     noDataIcon: string;
     noDataTitle: string;
@@ -91,8 +117,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: string;
     compactHeader: boolean;
     tooltipRespectsTopEdge: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     trendValue: any;
     trendDirection: string;
+    trendTooltip: any;
     totalsChart: boolean;
     colorsMap: () => {};
 }>>> & {
@@ -107,8 +136,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     parsing: ChartParsingConfig;
     dataSets: ChartDataSet[];
+    trendTooltip: any;
     typeSwitcher: boolean;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;
@@ -118,6 +149,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withAnimation: boolean;
     compactHeader: boolean;
     tooltipRespectsTopEdge: boolean;
+    tooltipTotalType: TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     totalsChart: boolean;
     colorsMap: Record<string, string>;
 }>, {

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_0f3a67d5_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0f3a67d5"]]);
+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 {
   s as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,22 +1,23 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_0f3a67d5_lang.css"; import { defineComponent as Y, useCssVars as j, unref as c, computed as a, ref as g, onMounted as q, watch as T, nextTick as J, openBlock as h, createElementBlock as Q, createElementVNode as m, createVNode as X, isRef as ee, createSlots as te, withCtx as ae, renderSlot as oe, normalizeStyle as re, createBlock as b, createCommentVNode as H } from "vue";
-import { Chart as O, ArcElement as le, LineElement as ie, BarElement as ne, PointElement as se, LineController as ce, BarController as de, PieController as ue, ScatterController as pe, CategoryScale as fe, LinearScale as he, Filler as me, Tooltip as ve } from "chart.js";
-import { HoverVerticalLine as ye } from "./plugins/HoverVerticalLine.js";
-import { formatValue as I, calcStepSize as Ce } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as ge, TOTALS_HELPER_KEY as F, POINT_BORDER_COLOR as Te, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as N, GRID_LINE_COLOR as _, HEADER_HEIGHT as be, COMPACT_HEADER_HEIGHT as ke } 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 xe } from "./composables/useTooltipPosition.js";
-import Se from "./ChartTooltip.vue.js";
-import { hexColorToRgba as Le } from "../../utils/color.js";
-import { useChartValues as Ee } from "./composables/useChartValues.js";
-import Ae from "./ChartHeader.vue.js";
-import { useVModel as Be } from "@vueuse/core";
-import Re from "../emptyState/v4/EmptyStateV4.vue.js";
-import we from "./ChartLoader.vue.js";
-import { DEFAULT_CHART_COLOR as De } from "./colorPalette.js";
-const Ve = {
+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"
-}, He = { class: "header-wrapper" }, Oe = { class: "chart" }, qe = /* @__PURE__ */ Y({
+}, It = { class: "header-wrapper" }, Pt = { class: "chart" }, te = /* @__PURE__ */ q({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
@@ -25,9 +26,10 @@ const Ve = {
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: ge },
+    tickCount: { default: gt },
     header: { default: "" },
     subheader: { default: "" },
+    subheaderTooltip: { default: null },
     loading: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
@@ -37,66 +39,69 @@ const Ve = {
     height: { default: "100%" },
     compactHeader: { type: Boolean, default: !1 },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
+    tooltipTotalType: { default: z.Total },
+    tooltipTotalCalcFn: { type: Function, default: Ot },
     trendValue: { default: null },
     trendDirection: { default: "up" },
+    trendTooltip: { default: null },
     totalsChart: { type: Boolean, default: !1 },
     colorsMap: { default: () => ({}) }
   },
   emits: ["update:chartType"],
-  setup(o, { emit: M }) {
-    const t = o;
-    j((e) => ({
-      "0e9a8448": c(Z),
-      "5ae0eb9a": o.height
+  setup(a, { emit: K }) {
+    const t = a;
+    J((e) => ({
+      "4640c185": c(j),
+      "07515470": a.height
     })), O.register(
-      le,
-      ie,
-      ne,
-      se,
-      ce,
-      de,
-      ue,
-      pe,
-      fe,
-      he,
-      me,
-      ve,
-      ye
+      nt,
+      st,
+      ct,
+      dt,
+      ut,
+      pt,
+      ft,
+      ht,
+      mt,
+      vt,
+      yt,
+      Tt,
+      Ct
     );
-    const v = Be(t, "chartType", M), z = a(
+    const v = wt(t, "chartType", K), U = o(
       () => t.withAnimation ? "" : "none"
-    ), d = g(null);
+    ), d = C(null);
     let s = null;
-    const k = a(() => t.dataSets.length === 0), x = a(() => !t.loading && !k.value), y = () => {
+    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));
-    }, K = () => {
-      s && (s.data.datasets = A.value, s.options = B.value.options, s.update(z.value));
+    }, $ = () => {
+      s && (s.data.datasets = A.value, s.options = B.value.options, s.update(U.value));
     };
-    q(y), T(() => t.chartType, y), T(x, async (e) => {
-      e && (await J(), y());
-    }), T([() => t.visibleIds, () => t.dataSets], K);
-    const u = a(() => t.totalsChart), p = a(
+    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 = a(
+    ), S = o(
       () => t.chartType === n.Line || t.chartType === n.StackedLine
-    ), L = a(() => u.value ? { ...t.parsing, xAxisKey: F } : t.parsing), U = a(() => u.value ? t.dataSets.map((e) => ({
+    ), L = o(() => u.value ? { ...t.parsing, xAxisKey: I } : t.parsing), G = o(() => u.value ? t.dataSets.map((e) => ({
       ...e,
-      data: e.data.map((l) => ({
-        ...l,
-        [F]: e.label
+      data: e.data.map((r) => ({
+        ...r,
+        [I]: e.label
       }))
-    })) : t.dataSets), f = a(
-      () => U.value.filter((e) => t.visibleIds.includes(e.id))
-    ), $ = (e) => t.colorsMap[e] || De, E = a(
+    })) : 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(
         (e) => e.data.length === 1
       )
-    ), A = a(() => f.value.map((e, l) => {
-      const i = $(e.id), C = p.value ? l !== 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 {
         ...e,
-        fill: C,
-        backgroundColor: Le(
+        fill: T,
+        backgroundColor: At(
           i,
           t.chartType === n.StackedLine ? 10 : 70
         ),
@@ -109,7 +114,9 @@ const Ve = {
         icon: e.icon || null,
         iconType: e.iconType || "branded"
       };
-    })), B = a(
+    })), _ = o(
+      () => t.tooltipTotalType === z.Total ? "Total" : "Mean"
+    ), B = o(
       () => ({
         type: t.chartType == n.Bar || t.chartType === n.StackedBar ? "bar" : "line",
         // Chart Data
@@ -134,12 +141,15 @@ const Ve = {
               enabled: !1,
               position: "average",
               external: ({ tooltip: e }) => {
-                r.value = { ...e };
+                l.value = { ...e };
               },
               callbacks: {
                 footer: (e) => {
-                  const l = e.reduce((i, C) => i + (C.parsed.y || 0), 0);
-                  return ["Total", String(l)];
+                  const r = e.map((T) => T.parsed.y || 0), i = t.tooltipTotalCalcFn(
+                    r,
+                    t.tooltipTotalType
+                  );
+                  return [_.value, String(i)];
                 }
               }
             }
@@ -166,7 +176,7 @@ const Ve = {
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: Te
+              pointHoverBackgroundColor: kt
             },
             bar: {
               borderRadius: 4
@@ -186,7 +196,7 @@ const Ve = {
                 font: N,
                 padding: 4,
                 callback: function(e) {
-                  return I(
+                  return F(
                     this.getLabelForValue(e),
                     t.xAxisFormat
                   );
@@ -194,7 +204,7 @@ const Ve = {
               },
               // grid lines
               grid: {
-                color: _,
+                color: M,
                 drawOnChartArea: !1,
                 drawTicks: !0,
                 drawBorder: !1,
@@ -216,11 +226,11 @@ const Ve = {
                 stepSize: V.value,
                 min: D.value,
                 max: V.value * t.tickCount,
-                callback: (e) => I(e, t.yAxisFormat)
+                callback: (e) => F(e, t.yAxisFormat)
               },
               // grid lines
               grid: {
-                color: _,
+                color: M,
                 drawOnChartArea: !0,
                 drawTicks: !1
               }
@@ -228,46 +238,48 @@ const Ve = {
           }
         }
       })
-    ), R = g(null), r = g(null), { position: w } = xe(
+    ), R = C(null), l = C(null), { position: w } = Lt(
       d,
       R,
-      r,
+      l,
       t.tooltipRespectsTopEdge
-    ), G = a(() => ({
+    ), Z = o(() => ({
       left: `${w.value.left}px`,
       top: `${w.value.top}px`,
-      opacity: r.value?.opacity || 0
-    })), { minValue: D, maxValue: W } = Ee({
+      opacity: l.value?.opacity || 0
+    })), { minValue: D, maxValue: Y } = Bt({
       parsingConfig: L.value,
       dataSets: f,
       isStacked: p
-    }), V = a(
-      () => Ce(D.value, W.value, t.tickCount)
-    ), Z = a(
-      () => (t.compactHeader ? ke : be) + "px"
+    }), V = o(
+      () => bt(D.value, Y.value, t.tickCount)
+    ), j = o(
+      () => (t.compactHeader ? St : xt) + "px"
     );
-    return (e, l) => c(x) ? (h(), Q("section", Ve, [
-      m("div", He, [
-        X(Ae, {
+    return (e, r) => c(x) ? (h(), tt("section", Ft, [
+      m("div", It, [
+        et(Rt, {
           "chart-type": c(v),
-          "onUpdate:chart-type": l[0] || (l[0] = (i) => ee(v) ? v.value = i : null),
-          "type-switcher": o.typeSwitcher,
-          header: o.header,
-          subheader: o.subheader,
-          compact: o.compactHeader,
-          "trend-value": o.trendValue,
-          "trend-direction": o.trendDirection
-        }, te({ _: 2 }, [
+          "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": a.subheaderTooltip,
+          "trend-tooltip": a.trendTooltip,
+          compact: a.compactHeader,
+          "trend-value": a.trendValue,
+          "trend-direction": a.trendDirection
+        }, ot({ _: 2 }, [
           e.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: ae(() => [
-              oe(e.$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", "compact", "trend-value", "trend-direction"])
+        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
       ]),
-      m("div", Oe, [
+      m("div", Pt, [
         m("canvas", {
           ref_key: "chartRef",
           ref: d,
@@ -277,31 +289,31 @@ const Ve = {
           ref_key: "tooltipRef",
           ref: R,
           class: "chart__tooltip",
-          style: re(c(G))
+          style: it(c(Z))
         }, [
-          r.value ? (h(), b(Se, {
+          l.value ? (h(), g(Et, {
             key: 0,
-            title: String(r.value.title),
-            "data-points": r.value.dataPoints,
-            "x-axis-format": o.xAxisFormat,
-            "y-axis-format": o.yAxisFormat,
-            "total-label": r.value.footer[0],
-            "total-value": Number(r.value.footer[1])
+            title: String(l.value.title),
+            "data-points": l.value.dataPoints,
+            "x-axis-format": a.xAxisFormat,
+            "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"])) : H("", !0)
         ], 4)
       ])
-    ])) : o.loading ? (h(), b(we, {
+    ])) : a.loading ? (h(), g(Vt, {
       key: 1,
       class: "chart-loading"
-    })) : c(k) ? (h(), b(c(Re), {
+    })) : c(k) ? (h(), g(c(Dt), {
       key: 2,
       class: "chart-empty",
-      title: o.noDataTitle,
-      subtitle: o.noDataSubtitle,
-      "icon-name": o.noDataIcon
+      title: a.noDataTitle,
+      subtitle: a.noDataSubtitle,
+      "icon-name": a.noDataIcon
     }, null, 8, ["title", "subtitle", "icon-name"])) : H("", !0);
   }
 });
 export {
-  qe as default
+  te as default
 };

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

@@ -10,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
 }, {}>, {
+    "before-chart-type"?(_: {}): any;
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
 }>;

package/components/chart/SettingsHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./SettingsHeader.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_0875167b_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0875167b"]]);
+// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-01f78cd7"]]);
 export {
-  p as default
+  c as default
 };