@ironsource/shared-ui 2.1.11-test.52 → 2.1.11-test.55

package/components/chart/Chart.vue2.js

@@ -1,23 +1,23 @@
- 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 "../../Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css"; import { defineComponent as J, computed as i, ref as T, onMounted as Q, watch as C, nextTick as Y, openBlock as d, createElementBlock as k, Fragment as F, createBlock as v, unref as u, isRef as N, withCtx as x, renderSlot as L, createCommentVNode as y, createElementVNode as p, normalizeClass as _, createVNode as H, normalizeStyle as ee } from "vue";
+import { useVModel as te } from "@vueuse/core";
+import { Chart as P, ArcElement as ae, LineElement as oe, BarElement as ie, PointElement as le, LineController as re, BarController as ne, PieController as se, ScatterController as de, CategoryScale as ue, LinearScale as ce, Filler as pe, Tooltip as he } 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 { formatValue as U, calcStepSize as fe } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as ve, DEFAULT_MIN_VISIBLE as ye, DEFAULT_MAX_VISIBLE as be, COLOR_PALETTE as ge, POINT_BORDER_COLOR as Te, TICK_LABEL_COLOR as z, TICK_LABEL_FONT as M, GRID_LINE_COLOR as $ } from "./consts.js";
 import { ChartType as n } from "./types.js";
-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 = {
+import { useTooltipPosition as Ce } from "./composables/useTooltipPosition.js";
+import ke from "./ChartTooltip.vue.js";
+import xe from "./ChartLegend.vue.js";
+import Le from "./ChartHeader.vue.js";
+import { hexColorToRgba as Se } from "../../utils/color.js";
+import { useChartValues as we } from "./composables/useChartValues.js";
+import Be from "./ChartLoader.vue.js";
+import Ie from "../emptyState/v4/EmptyStateV4.vue.js";
+import Ae from "./SettingsHeader.vue.js";
+const Ee = { class: "chart-container" }, Ve = { class: "header-wrapper" }, Re = { class: "chart" }, De = {
   key: 0,
   class: "chart-sidebar"
-}, qe = /* @__PURE__ */ q({
+}, Je = /* @__PURE__ */ J({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
@@ -26,13 +26,13 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: fe },
+    tickCount: { default: ve },
     header: { default: "" },
     subheader: { default: "" },
     withSubheaderTooltip: { type: Boolean, default: !1 },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: ve },
-    maxVisible: { default: ye },
+    minVisible: { default: ye },
+    maxVisible: { default: be },
     loading: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-x" },
     noDataTitle: { default: "No data to display" },
@@ -42,10 +42,9 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
     withAnimation: { type: Boolean, default: !0 }
   },
   emits: ["update:chartType", "update:visibleIds"],
-  setup(a, { emit: L }) {
+  setup(a, { emit: S }) {
     const t = a;
-    N.register(
-      te,
+    P.register(
       ae,
       oe,
       ie,
@@ -57,50 +56,55 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
       ue,
       ce,
       pe,
+      he,
       me
     );
-    const c = ee(t, "chartType", L), M = l(
+    const c = te(t, "chartType", S), K = i(
       () => t.withAnimation ? "" : "none"
-    ), m = g(null);
+    ), h = T(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));
-    }, $ = () => {
-      s && (s.data.datasets = b.value, s.options = I.value.options, s.update(M.value));
+    const w = i(() => t.dataSets.length === 0), B = i(() => !t.loading && !w.value), b = () => {
+      h.value && (s && s.destroy(), s = new P(h.value, E.value));
+    }, W = () => {
+      s && (s.data.datasets = g.value, s.options = E.value.options, s.update(K.value));
     };
-    J(y), T(() => t.chartType, y), T(w, async (e) => {
-      e && (await Q(), y());
-    }), T([() => t.visibleIds, () => t.dataSets], $);
-    const h = l(
+    Q(b), C(() => t.chartType, b), C(B, async (e) => {
+      e && (await Y(), b());
+    }), C([() => t.visibleIds, () => t.dataSets], W);
+    const m = i(
       () => t.chartType === n.StackedLine || t.chartType === n.StackedBar
-    ), K = l(
+    ), I = i(
       () => t.chartType === n.Line || t.chartType === n.StackedLine
-    ), B = l(
+    ), f = i(
       () => t.dataSets.filter((e) => t.visibleIds.includes(e.id))
-    ), b = l(() => B.value.map((e, o) => {
-      const i = e.color || be[o] || "#000000";
+    ), g = i(() => f.value.map((e, o) => {
+      const l = e.color || ge[o] || "#000000";
       return {
         ...e,
-        fill: h.value ? "start" : void 0,
-        backgroundColor: Le(
-          i,
+        fill: m.value ? "start" : void 0,
+        backgroundColor: Se(
+          l,
           t.chartType === n.StackedLine ? 10 : 70
         ),
-        borderColor: i,
-        pointBackgroundColor: i,
-        pointHoverBorderColor: i,
+        borderColor: l,
+        pointBackgroundColor: l,
+        pointHoverBorderColor: l,
         maxBarThickness: 50,
         clip: 5,
         // draw a bit outside the chart area
         icon: e.icon || null,
         iconType: e.iconType || "branded"
       };
-    })), I = l(
+    })), A = i(
+      () => f.value.length && f.value.every(
+        (e) => e.data.length === 1
+      )
+    ), E = i(
       () => ({
         type: t.chartType == n.Bar || t.chartType === n.StackedBar ? "bar" : "line",
         // Chart Data
         data: {
-          datasets: b.value
+          datasets: g.value
         },
         // Chart Options
         options: {
@@ -114,7 +118,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
           plugins: {
             legend: { display: !1 },
             title: { display: !1 },
-            hoverVerticalLine: K.value,
+            hoverVerticalLine: I.value,
             // tooltip
             tooltip: {
               enabled: !1,
@@ -124,7 +128,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
               },
               callbacks: {
                 footer: (e) => {
-                  const o = e.reduce((i, j) => i + (j.parsed.y || 0), 0);
+                  const o = e.reduce((l, q) => l + (q.parsed.y || 0), 0);
                   return ["Total", String(o)];
                 }
               }
@@ -147,12 +151,12 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
               tension: 0.3
             },
             point: {
-              radius: 1,
+              radius: A.value ? 3 : 1,
               hitRadius: 8,
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: ge
+              pointHoverBackgroundColor: Te
             },
             bar: {
               borderRadius: 4
@@ -162,16 +166,17 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
             // Horizontal Axis (X)
             x: {
               beginAtZero: !0,
+              offset: !I.value || A.value,
               border: { display: !1 },
-              stacked: h.value,
+              stacked: m.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: U,
-                font: P,
+                color: z,
+                font: M,
                 padding: 4,
                 callback: function(e) {
-                  return H(
+                  return U(
                     this.getLabelForValue(e),
                     t.xAxisFormat
                   );
@@ -179,7 +184,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
               },
               // grid lines
               grid: {
-                color: z,
+                color: $,
                 drawOnChartArea: !1,
                 drawTicks: !0,
                 drawBorder: !1,
@@ -191,21 +196,21 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
               beginAtZero: !0,
               border: { display: !1 },
               // hide left borderline
-              stacked: h.value,
+              stacked: m.value,
               // stack on top of each other
               // ticks
               ticks: {
-                color: U,
-                font: P,
+                color: z,
+                font: M,
                 padding: 8,
-                stepSize: R.value,
-                min: V.value,
-                max: R.value * t.tickCount,
-                callback: (e) => H(e, t.yAxisFormat)
+                stepSize: O.value,
+                min: D.value,
+                max: O.value * t.tickCount,
+                callback: (e) => U(e, t.yAxisFormat)
               },
               // grid lines
               grid: {
-                color: z,
+                color: $,
                 drawOnChartArea: !0,
                 drawTicks: !1
               }
@@ -213,78 +218,78 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
           }
         }
       })
-    ), W = l(
-      () => b.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
-    ), Z = l(() => t.dataSets.map((e) => ({
+    ), Z = i(
+      () => g.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
+    ), G = i(() => t.dataSets.map((e) => ({
       id: e.id,
       label: e.label,
       caption: e.caption || null,
-      color: W.value[e.id] || null,
+      color: Z.value[e.id] || null,
       icon: e.icon || null,
       iconType: e.iconType || "branded"
-    }))), A = g(null), r = g(null), { position: E } = Te(
-      m,
-      A,
+    }))), V = T(null), r = T(null), { position: R } = Ce(
+      h,
+      V,
       r
-    ), G = l(() => ({
-      left: `${E.value.left}px`,
-      top: `${E.value.top}px`,
+    ), X = i(() => ({
+      left: `${R.value.left}px`,
+      top: `${R.value.top}px`,
       opacity: r.value?.opacity || 0
-    })), { minValue: V, maxValue: X } = Se({
+    })), { minValue: D, maxValue: j } = we({
       parsingConfig: t.parsing,
-      dataSets: B,
-      isStacked: h
-    }), R = l(
-      () => he(V.value, X.value, t.tickCount)
+      dataSets: f,
+      isStacked: m
+    }), O = i(
+      () => fe(D.value, j.value, t.tickCount)
     );
-    return (e, o) => (d(), C(O, null, [
-      a.withSettingsHeader ? (d(), f(Ie, {
+    return (e, o) => (d(), k(F, null, [
+      a.withSettingsHeader ? (d(), v(Ae, {
         key: 0,
         "chart-type": u(c),
-        "onUpdate:chart-type": o[0] || (o[0] = (i) => D(c) ? c.value = i : null),
+        "onUpdate:chart-type": o[0] || (o[0] = (l) => N(c) ? c.value = l : null),
         "hide-legend": a.hideLegend
       }, {
-        metric: k(() => [
-          x(e.$slots, "metric", {}, void 0, !0)
+        metric: x(() => [
+          L(e.$slots, "metric", {}, void 0, !0)
         ]),
-        breakdowns: k(() => [
-          x(e.$slots, "breakdowns", {}, void 0, !0)
+        breakdowns: x(() => [
+          L(e.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["chart-type", "hide-legend"])) : v("", !0),
-      p("div", Ae, [
-        u(w) ? (d(), C(O, { key: 0 }, [
+      }, 8, ["chart-type", "hide-legend"])) : y("", !0),
+      p("div", Ee, [
+        u(B) ? (d(), k(F, { key: 0 }, [
           p("section", {
-            class: Y(["chart-content", [{ "with-legend": !a.hideLegend }]])
+            class: _(["chart-content", [{ "with-legend": !a.hideLegend }]])
           }, [
-            p("div", Ee, [
-              F(xe, {
+            p("div", Ve, [
+              H(Le, {
                 "chart-type": u(c),
-                "onUpdate:chart-type": o[1] || (o[1] = (i) => D(c) ? c.value = i : null),
+                "onUpdate:chart-type": o[1] || (o[1] = (l) => N(c) ? c.value = l : null),
                 "with-settings-header": a.withSettingsHeader,
                 header: a.header,
                 subheader: a.subheader,
                 "with-subheader-tooltip": a.withSubheaderTooltip
               }, {
-                "subheader-tooltip": k(() => [
-                  x(e.$slots, "subheader-tooltip", {}, void 0, !0)
+                "subheader-tooltip": x(() => [
+                  L(e.$slots, "subheader-tooltip", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["chart-type", "with-settings-header", "header", "subheader", "with-subheader-tooltip"])
             ]),
-            p("div", Ve, [
+            p("div", Re, [
               p("canvas", {
                 ref_key: "chartRef",
-                ref: m,
+                ref: h,
                 class: "chart__canvas"
               }, null, 512),
               p("div", {
                 ref_key: "tooltipRef",
-                ref: A,
+                ref: V,
                 class: "chart__tooltip",
-                style: _(u(G))
+                style: ee(u(X))
               }, [
-                r.value ? (d(), f(Ce, {
+                r.value ? (d(), v(ke, {
                   key: 0,
                   title: String(r.value.title),
                   "data-points": r.value.dataPoints,
@@ -292,28 +297,28 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
                   "y-axis-format": a.yAxisFormat,
                   "total-label": r.value.footer[0],
                   "total-value": Number(r.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"])) : y("", !0)
               ], 4)
             ])
           ], 2),
-          a.hideLegend ? v("", !0) : (d(), C("section", Re, [
-            F(ke, {
-              items: u(Z),
+          a.hideLegend ? y("", !0) : (d(), k("section", De, [
+            H(xe, {
+              items: u(G),
               "visible-ids": a.visibleIds,
               "max-limit-tooltip-text": a.maxLimitTooltipText,
-              "onUpdate:visibleIds": o[2] || (o[2] = (i) => L("update:visibleIds", i))
+              "onUpdate:visibleIds": o[2] || (o[2] = (l) => S("update:visibleIds", l))
             }, null, 8, ["items", "visible-ids", "max-limit-tooltip-text"])
           ]))
-        ], 64)) : a.loading ? (d(), f(we, { key: 1 })) : u(S) ? (d(), f(u(Be), {
+        ], 64)) : a.loading ? (d(), v(Be, { key: 1 })) : u(w) ? (d(), v(u(Ie), {
           key: 2,
           title: a.noDataTitle,
           subtitle: a.noDataSubtitle,
           "icon-name": a.noDataIcon
-        }, null, 8, ["title", "subtitle", "icon-name"])) : v("", !0)
+        }, null, 8, ["title", "subtitle", "icon-name"])) : y("", !0)
       ])
     ], 64));
   }
 });
 export {
-  qe as default
+  Je as default
 };

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a1c626cd"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa32a103"]]);
 export {
   s as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,13 +1,16 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; import { defineComponent as M, ref as N, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as i, mergeProps as x, Fragment as S, renderList as P, normalizeClass as A, withCtx as m, withModifiers as F, createBlock as H, createCommentVNode as U, createTextVNode as h, toDisplayString as I } from "vue";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as n, createElementBlock as d, createElementVNode as r, createVNode as s, unref as o, mergeProps as I, withCtx as c, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
 import { useVirtualList as z } from "@vueuse/core";
-import _ from "../typography/v4/Typography.vue.js";
+import f from "../typography/v4/Typography.vue.js";
 import R from "../checkbox/v4/CheckboxV4.vue.js";
 import q from "../search/v4/SearchV4.vue.js";
 import { DEFAULT_MIN_VISIBLE as G, DEFAULT_MAX_VISIBLE as X } from "./consts.js";
 import $ from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import j from "../tooltip/v4/TooltipV4.vue.js";
-const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"], Q = { class: "label-container" }, ae = /* @__PURE__ */ M({
+const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
+  key: 0,
+  class: "empty-list"
+}, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ D({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
@@ -17,70 +20,77 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
     maxLimitTooltipText: { default: "" }
   },
   emits: ["update:visibleIds"],
-  setup(b, { emit: L }) {
-    const o = b, T = 32, d = N(""), g = p(() => {
-      const t = d.value.toLowerCase();
-      return o.items.filter(
-        (l) => l.label.toLowerCase().includes(t)
+  setup(v, { emit: g }) {
+    const l = v, k = 32, p = M(""), T = m(() => {
+      const t = p.value.toLowerCase();
+      return l.items.filter(
+        (i) => i.label.toLowerCase().includes(t)
       );
-    }), s = (t) => o.visibleIds.includes(t.id), f = p(
-      () => o.visibleIds.length >= o.maxVisible
-    ), k = p(
-      () => o.visibleIds.length <= o.minVisible
-    ), c = (t) => k.value && s(t) || f.value && !s(t), C = (t) => !o.maxLimitTooltipText || s(t) || !f.value, V = (t, l) => {
-      L(
+    }), a = (t) => l.visibleIds.includes(t.id), h = m(
+      () => l.visibleIds.length >= l.maxVisible
+    ), y = m(
+      () => l.visibleIds.length <= l.minVisible
+    ), u = (t) => y.value && a(t) || h.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !h.value, V = (t, i) => {
+      g(
         "update:visibleIds",
-        t ? [...o.visibleIds, l.id] : o.visibleIds.filter((e) => e !== l.id)
+        t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
       );
-    }, { list: y, containerProps: w, wrapperProps: E } = z(g, {
-      itemHeight: T,
+    }, { list: x, containerProps: w, wrapperProps: E } = z(T, {
+      itemHeight: k,
       overscan: 10
-    }), B = (t) => {
-      c(t) || V(!s(t), t);
+    }), N = (t) => {
+      u(t) || V(!a(t), t);
     };
-    return (t, l) => (r(), u("div", J, [
-      a("div", K, [
-        n(i(q), {
-          modelValue: d.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => d.value = e)
+    return (t, i) => (n(), d("div", J, [
+      r("div", K, [
+        s(o(q), {
+          modelValue: p.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => p.value = e)
         }, null, 8, ["modelValue"])
       ]),
-      a("div", x({ class: "legend" }, i(w)), [
-        a("ul", x({ class: "legend__list" }, i(E)), [
-          (r(!0), u(S, null, P(i(y), ({ data: e, index: D }) => (r(), u("li", {
-            key: D,
-            class: A({ "disabled-item": c(e) })
+      r("div", I({ class: "legend" }, o(w)), [
+        r("ul", I({ class: "legend__list" }, o(E)), [
+          o(x).length === 0 ? (n(), d("li", O, [
+            s(o(f), { variant: "body2" }, {
+              default: c(() => [
+                b("No results")
+              ]),
+              _: 1
+            })
+          ])) : (n(!0), d(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (n(), d("li", {
+            key: B,
+            class: A({ "disabled-item": u(e) })
           }, [
-            n(i(j), {
-              text: b.maxLimitTooltipText,
+            s(o(j), {
+              text: v.maxLimitTooltipText,
               disabled: C(e),
               class: "disabled-tooltip"
             }, {
-              default: m(() => [
-                a("div", {
+              default: c(() => [
+                r("div", {
                   class: "item-wrapper",
-                  onClick: (v) => B(e)
+                  onClick: (_) => N(e)
                 }, [
-                  n(i(R), {
+                  s(o(R), {
                     color: e.color,
-                    "is-checked": s(e),
-                    disabled: c(e),
-                    onClick: l[1] || (l[1] = F(
-                      (v) => {
-                        v.stopPropagation();
+                    "is-checked": a(e),
+                    disabled: u(e),
+                    onClick: i[1] || (i[1] = F(
+                      (_) => {
+                        _.stopPropagation();
                       },
                       ["stop"]
                     ))
                   }, null, 8, ["color", "is-checked", "disabled"]),
-                  e.icon ? (r(), H(i($), {
+                  e.icon ? (n(), H(o($), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
                   }, null, 8, ["type", "name"])) : U("", !0),
-                  a("div", Q, [
-                    n(i(_), {
+                  r("div", W, [
+                    s(o(f), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
@@ -88,12 +98,12 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
                       "tooltip-text": e.label,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.label), 1)
+                      default: c(() => [
+                        b(L(e.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"]),
-                    n(i(_), {
+                    s(o(f), {
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
@@ -101,13 +111,13 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
                       "tooltip-text": e.caption,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.caption), 1)
+                      default: c(() => [
+                        b(L(e.caption), 1)
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"])
                   ])
-                ], 8, O)
+                ], 8, Q)
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
@@ -118,5 +128,5 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"
   }
 });
 export {
-  ae as default
+  ne as default
 };

package/components/chart/ChartLoader.vue.js

@@ -1,25 +1,7 @@
-import { openBlock as o, createElementBlock as c, pushScopeId as r, popScopeId as s, createElementVNode as t } from "vue";
-/* empty css                  */import a from "../../_virtual/_plugin-vue_export-helper.js";
-const d = {}, i = (e) => (r("data-v-142c444a"), e = e(), s(), e), n = { class: "chart-loader" }, p = /* @__PURE__ */ i(() => /* @__PURE__ */ t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1072 275",
-  preserveAspectRatio: "none",
-  width: "100%",
-  height: "100%",
-  fill: "none"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M499.744 87.7024L499 87.4816C399.137 70.0475 293 138.418 218 173.72C120 219.848 87 235.892 0 275L1072 275C979 -57.3526 836.258 -31.5829 732 59.404C648.885 131.939 570.549 108.704 499.744 87.7024Z",
-    fill: "black",
-    "fill-opacity": "0.05"
-  })
-], -1)), _ = [
-  p
-];
-function l(e, h) {
-  return o(), c("div", n, _);
-}
-const w = /* @__PURE__ */ a(d, [["render", l], ["__scopeId", "data-v-142c444a"]]);
+import o from "./ChartLoader.vue2.js";
+/* empty css                  */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ffa4cc66"]]);
 export {
-  w as default
+  c as default
 };

package/components/chart/ChartLoader.vue2.js

@@ -0,0 +1,15 @@
+ import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; import { defineComponent as e, openBlock as o, createElementBlock as r, createElementVNode as t, createVNode as a } from "vue";
+import c from "../loader/v4/Loader.vue.js";
+const n = { class: "chart-loader" }, s = { class: "chart-loader-wrapper" }, i = /* @__PURE__ */ e({
+  __name: "ChartLoader",
+  setup(d) {
+    return (_, p) => (o(), r("div", n, [
+      t("div", s, [
+        a(c)
+      ])
+    ]));
+  }
+});
+export {
+  i as default
+};