@ironsource/shared-ui 2.1.11-test.47 → 2.1.11-test.49

package/components/button/v4/ToggleButtonGroupAB.stories.d.ts

@@ -0,0 +1,182 @@
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+                testId: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import('vue').PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import('vue').PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import('vue').PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import('floating-vue').Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "testId">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                testId: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import('vue').PropType<"a" | "b">;
+                    required: true;
+                };
+                withPopover: {
+                    type: import('vue').PropType<boolean>;
+                    required: true;
+                };
+                popoverProps: {
+                    type: import('vue').PropType<{
+                        autoHide?: boolean;
+                        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                        disabled?: boolean;
+                        placement?: import('floating-vue').Placement;
+                        distance?: number;
+                        skidding?: number;
+                        testId?: string;
+                        popperClass?: string;
+                    }>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+            }, {
+                toggle: import('vue').ComputedRef<(value?: boolean) => boolean>;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                testId: string;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean>): import('vue').WatchStopHandle;
+        } & Readonly<import('vue').ExtractPropTypes<{
+            testId: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import('vue').PropType<"a" | "b">;
+                required: true;
+            };
+            withPopover: {
+                type: import('vue').PropType<boolean>;
+                required: true;
+            };
+            popoverProps: {
+                type: import('vue').PropType<{
+                    autoHide?: boolean;
+                    trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                    disabled?: boolean;
+                    placement?: import('floating-vue').Placement;
+                    distance?: number;
+                    skidding?: number;
+                    testId?: string;
+                    popperClass?: string;
+                }>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import('vue').ShallowUnwrapRef<{
+            toggle: import('vue').ComputedRef<(value?: boolean) => boolean>;
+        }> & {} & import('vue').ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        testId: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import('vue').PropType<"a" | "b">;
+            required: true;
+        };
+        withPopover: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+        };
+        popoverProps: {
+            type: import('vue').PropType<{
+                autoHide?: boolean;
+                trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+                disabled?: boolean;
+                placement?: import('floating-vue').Placement;
+                distance?: number;
+                skidding?: number;
+                testId?: string;
+                popperClass?: string;
+            }>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {
+        toggle: import('vue').ComputedRef<(value?: boolean) => boolean>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        testId: string;
+    }, {}, string> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            "popover-content"?(_: {}): any;
+        };
+    });
+    argTypes: any;
+};
+export default _default;
+export declare const Basic: any;
+export declare const WithoutPopover: any;

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

@@ -0,0 +1,17 @@
+import { Meta } from '@storybook/vue3';
+declare const _default: Meta;
+export default _default;
+export declare const Default: any;
+export declare const TotalBar: any;
+export declare const TotalStacked: any;
+export declare const MultipleLineWithoutAnimation: any;
+export declare const MultipleLine: any;
+export declare const MultipleBar: any;
+export declare const MultipleStack: any;
+export declare const MultipleStackBars: any;
+export declare const TotalsChart: any;
+export declare const LotsOfData: any;
+export declare const Loading: any;
+export declare const SinglePoint: any;
+export declare const EmptyChart: any;
+export declare const LoadDataExample: any;

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

@@ -19,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
     maxLimitTooltipText?: string;
+    withAnimation?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -40,6 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader: boolean;
     withSubheaderTooltip: boolean;
     maxLimitTooltipText: string;
+    withAnimation: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -63,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
     maxLimitTooltipText?: string;
+    withAnimation?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -84,15 +87,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader: boolean;
     withSubheaderTooltip: boolean;
     maxLimitTooltipText: string;
+    withAnimation: boolean;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {
     header: string;
     loading: boolean;
+    parsing: ChartParsingConfig;
     xAxisFormat: ValueFormat;
     yAxisFormat: ValueFormat;
-    parsing: ChartParsingConfig;
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
@@ -107,6 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
+    withAnimation: boolean;
 }>, {
     metric?(_: {}): any;
     breakdowns?(_: {}): any;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-04b9d6b3"]]);
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-277fde76"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,23 +1,23 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; import { defineComponent as j, ref as g, computed as l, onMounted as q, watch as T, nextTick as J, openBlock as d, createElementBlock as C, Fragment as O, createBlock as h, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
-import { useVModel as _ } from "@vueuse/core";
-import { Chart as N, ArcElement as ee, LineElement as te, BarElement as ae, PointElement as oe, LineController as ie, BarController as le, PieController as re, ScatterController as ne, CategoryScale as se, LinearScale as de, Filler as ue, Tooltip as ce } from "chart.js";
-import { HoverVerticalLine as pe } from "./plugins/HoverVerticalLine.js";
-import { formatValue as H, calcStepSize as me } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as fe, DEFAULT_MIN_VISIBLE as he, DEFAULT_MAX_VISIBLE as ve, COLOR_PALETTE as ye, POINT_BORDER_COLOR as be, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as U, GRID_LINE_COLOR as z } from "./consts.js";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css"; import { defineComponent as q, computed as l, ref as g, onMounted as J, watch as T, nextTick as Q, openBlock as d, createElementBlock as C, Fragment as O, createBlock as f, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Y, createVNode as F, normalizeStyle as _ } from "vue";
+import { useVModel as ee } from "@vueuse/core";
+import { Chart as N, ArcElement as te, LineElement as ae, BarElement as oe, PointElement as ie, LineController as le, BarController as re, PieController as ne, ScatterController as se, CategoryScale as de, LinearScale as ue, Filler as ce, Tooltip as pe } from "chart.js";
+import { HoverVerticalLine as me } from "./plugins/HoverVerticalLine.js";
+import { formatValue as H, calcStepSize as he } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as fe, DEFAULT_MIN_VISIBLE as ve, DEFAULT_MAX_VISIBLE as ye, COLOR_PALETTE as be, POINT_BORDER_COLOR as ge, TICK_LABEL_COLOR as U, TICK_LABEL_FONT as P, GRID_LINE_COLOR as z } from "./consts.js";
 import { ChartType as n } from "./types.js";
-import { useTooltipPosition as ge } from "./composables/useTooltipPosition.js";
-import Te from "./ChartTooltip.vue.js";
-import Ce from "./ChartLegend.vue.js";
-import ke from "./ChartHeader.vue.js";
-import { hexColorToRgba as xe } from "../../utils/color.js";
-import { useChartValues as Le } from "./composables/useChartValues.js";
-import Se from "./ChartLoader.vue.js";
-import we from "../emptyState/v4/EmptyStateV4.vue.js";
-import Be from "./SettingsHeader.vue.js";
-const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee = { class: "chart" }, Re = {
+import { useTooltipPosition as Te } from "./composables/useTooltipPosition.js";
+import Ce from "./ChartTooltip.vue.js";
+import ke from "./ChartLegend.vue.js";
+import xe from "./ChartHeader.vue.js";
+import { hexColorToRgba as Le } from "../../utils/color.js";
+import { useChartValues as Se } from "./composables/useChartValues.js";
+import we from "./ChartLoader.vue.js";
+import Be from "../emptyState/v4/EmptyStateV4.vue.js";
+import Ie from "./SettingsHeader.vue.js";
+const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve = { class: "chart" }, Re = {
   key: 0,
   class: "chart-sidebar"
-}, je = /* @__PURE__ */ j({
+}, qe = /* @__PURE__ */ q({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
@@ -31,20 +31,20 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
     subheader: { default: "" },
     withSubheaderTooltip: { type: Boolean, default: !1 },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: he },
-    maxVisible: { default: ve },
+    minVisible: { default: ve },
+    maxVisible: { default: ye },
     loading: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-x" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
     withSettingsHeader: { type: Boolean, default: !0 },
-    maxLimitTooltipText: { default: "" }
+    maxLimitTooltipText: { default: "" },
+    withAnimation: { type: Boolean, default: !0 }
   },
   emits: ["update:chartType", "update:visibleIds"],
   setup(a, { emit: L }) {
     const t = a;
     N.register(
-      ee,
       te,
       ae,
       oe,
@@ -56,30 +56,33 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
       de,
       ue,
       ce,
-      pe
+      pe,
+      me
     );
-    const c = _(t, "chartType", L), m = g(null);
+    const c = ee(t, "chartType", L), M = l(
+      () => t.withAnimation ? "" : "none"
+    ), m = g(null);
     let s = null;
     const S = l(() => t.dataSets.length === 0), w = l(() => !t.loading && !S.value), y = () => {
       m.value && (s && s.destroy(), s = new N(m.value, I.value));
-    }, M = () => {
-      s && (s.data.datasets = b.value, s.options = I.value.options, s.update());
+    }, $ = () => {
+      s && (s.data.datasets = b.value, s.options = I.value.options, s.update(M.value));
     };
-    q(y), T(() => t.chartType, y), T(w, async (e) => {
-      e && (await J(), y());
-    }), T([() => t.visibleIds, () => t.dataSets], M);
-    const f = l(
+    J(y), T(() => t.chartType, y), T(w, async (e) => {
+      e && (await Q(), y());
+    }), T([() => t.visibleIds, () => t.dataSets], $);
+    const h = l(
       () => t.chartType === n.StackedLine || t.chartType === n.StackedBar
-    ), $ = l(
+    ), K = l(
       () => t.chartType === n.Line || t.chartType === n.StackedLine
     ), B = l(
       () => t.dataSets.filter((e) => t.visibleIds.includes(e.id))
     ), b = l(() => B.value.map((e, o) => {
-      const i = e.color || ye[o] || "#000000";
+      const i = e.color || be[o] || "#000000";
       return {
         ...e,
-        fill: f.value ? "start" : void 0,
-        backgroundColor: xe(
+        fill: h.value ? "start" : void 0,
+        backgroundColor: Le(
           i,
           t.chartType === n.StackedLine ? 10 : 70
         ),
@@ -111,7 +114,7 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
           plugins: {
             legend: { display: !1 },
             title: { display: !1 },
-            hoverVerticalLine: $.value,
+            hoverVerticalLine: K.value,
             // tooltip
             tooltip: {
               enabled: !1,
@@ -121,7 +124,7 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               },
               callbacks: {
                 footer: (e) => {
-                  const o = e.reduce((i, X) => i + (X.parsed.y || 0), 0);
+                  const o = e.reduce((i, j) => i + (j.parsed.y || 0), 0);
                   return ["Total", String(o)];
                 }
               }
@@ -149,7 +152,7 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: be
+              pointHoverBackgroundColor: ge
             },
             bar: {
               borderRadius: 4
@@ -160,12 +163,12 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
             x: {
               beginAtZero: !0,
               border: { display: !1 },
-              stacked: f.value,
+              stacked: h.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: P,
-                font: U,
+                color: U,
+                font: P,
                 padding: 4,
                 callback: function(e) {
                   return H(
@@ -188,16 +191,16 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               beginAtZero: !0,
               border: { display: !1 },
               // hide left borderline
-              stacked: f.value,
+              stacked: h.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: P,
-                font: U,
+                color: U,
+                font: P,
                 padding: 8,
-                stepSize: V.value,
-                min: R.value,
-                max: V.value * t.tickCount,
+                stepSize: R.value,
+                min: V.value,
+                max: R.value * t.tickCount,
                 callback: (e) => H(e, t.yAxisFormat)
               },
               // grid lines
@@ -210,32 +213,32 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
           }
         }
       })
-    ), K = l(
+    ), W = l(
       () => b.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
-    ), W = l(() => t.dataSets.map((e) => ({
+    ), Z = l(() => t.dataSets.map((e) => ({
       id: e.id,
       label: e.label,
       caption: e.caption || null,
-      color: K.value[e.id] || null,
+      color: W.value[e.id] || null,
       icon: e.icon || null,
       iconType: e.iconType || "branded"
-    }))), A = g(null), r = g(null), { position: E } = ge(
+    }))), A = g(null), r = g(null), { position: E } = Te(
       m,
       A,
       r
-    ), Z = l(() => ({
+    ), G = l(() => ({
       left: `${E.value.left}px`,
       top: `${E.value.top}px`,
       opacity: r.value?.opacity || 0
-    })), { minValue: R, maxValue: G } = Le({
+    })), { minValue: V, maxValue: X } = Se({
       parsingConfig: t.parsing,
       dataSets: B,
-      isStacked: f
-    }), V = l(
-      () => me(R.value, G.value, t.tickCount)
+      isStacked: h
+    }), R = l(
+      () => he(V.value, X.value, t.tickCount)
     );
     return (e, o) => (d(), C(O, null, [
-      a.withSettingsHeader ? (d(), h(Be, {
+      a.withSettingsHeader ? (d(), f(Ie, {
         key: 0,
         "chart-type": u(c),
         "onUpdate:chart-type": o[0] || (o[0] = (i) => D(c) ? c.value = i : null),
@@ -249,13 +252,13 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : v("", !0),
-      p("div", Ie, [
+      p("div", Ae, [
         u(w) ? (d(), C(O, { key: 0 }, [
           p("section", {
-            class: Q(["chart-content", [{ "with-legend": !a.hideLegend }]])
+            class: Y(["chart-content", [{ "with-legend": !a.hideLegend }]])
           }, [
-            p("div", Ae, [
-              F(ke, {
+            p("div", Ee, [
+              F(xe, {
                 "chart-type": u(c),
                 "onUpdate:chart-type": o[1] || (o[1] = (i) => D(c) ? c.value = i : null),
                 "with-settings-header": a.withSettingsHeader,
@@ -269,7 +272,7 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
                 _: 3
               }, 8, ["chart-type", "with-settings-header", "header", "subheader", "with-subheader-tooltip"])
             ]),
-            p("div", Ee, [
+            p("div", Ve, [
               p("canvas", {
                 ref_key: "chartRef",
                 ref: m,
@@ -279,9 +282,9 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
                 ref_key: "tooltipRef",
                 ref: A,
                 class: "chart__tooltip",
-                style: Y(u(Z))
+                style: _(u(G))
               }, [
-                r.value ? (d(), h(Te, {
+                r.value ? (d(), f(Ce, {
                   key: 0,
                   title: String(r.value.title),
                   "data-points": r.value.dataPoints,
@@ -294,14 +297,14 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
             ])
           ], 2),
           a.hideLegend ? v("", !0) : (d(), C("section", Re, [
-            F(Ce, {
-              items: u(W),
+            F(ke, {
+              items: u(Z),
               "visible-ids": a.visibleIds,
               "max-limit-tooltip-text": a.maxLimitTooltipText,
               "onUpdate:visibleIds": o[2] || (o[2] = (i) => L("update:visibleIds", i))
             }, null, 8, ["items", "visible-ids", "max-limit-tooltip-text"])
           ]))
-        ], 64)) : a.loading ? (d(), h(Se, { key: 1 })) : u(S) ? (d(), h(u(we), {
+        ], 64)) : a.loading ? (d(), f(we, { key: 1 })) : u(S) ? (d(), f(u(Be), {
           key: 2,
           title: a.noDataTitle,
           subtitle: a.noDataSubtitle,
@@ -312,5 +315,5 @@ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
   }
 });
 export {
-  je as default
+  qe as default
 };