@ironsource/shared-ui 2.1.12-test.61 → 2.1.12-test.63

package/components/chart/ChartHeader.vue2.js

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

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

@@ -1,6 +1,7 @@
+import { TrendDirection } from '@is-ssp/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
-    direction?: 'up' | 'down';
+    direction?: TrendDirection;
     trendTooltip?: {
         header?: string;
         rangeCurrent?: string;
@@ -8,11 +9,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     };
 }>, {
     value: any;
-    direction: string;
+    direction: TrendDirection;
     trendTooltip: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
-    direction?: 'up' | 'down';
+    direction?: TrendDirection;
     trendTooltip?: {
         header?: string;
         rangeCurrent?: string;
@@ -20,11 +21,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     };
 }>, {
     value: any;
-    direction: string;
+    direction: TrendDirection;
     trendTooltip: any;
 }>>>, {
     value: number | string;
-    direction: 'up' | 'down';
+    direction: TrendDirection;
     trendTooltip: any;
 }>;
 export default _default;

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-21ce0774"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_78a8c051_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-78a8c051"]]);
 export {
-  s as default
+  a as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,31 +1,32 @@
- 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 "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_78a8c051_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 u, createBlock as s, 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 h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-tooltip" }, k = {
+import { TrendDirection as b } from "./types.js";
+const m = (e) => (g("data-v-78a8c051"), e = e(), y(), e), k = { class: "trend-tooltip" }, _ = {
   key: 2,
   class: "separator"
-}, _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), I = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), E = /* @__PURE__ */ f({
+}, P = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), I = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), $ = /* @__PURE__ */ f({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
-    direction: { default: "up" },
+    direction: { default: b.UP },
     trendTooltip: { default: null }
   },
   setup(e) {
-    const c = e, m = T(
+    const c = e, h = T(
       () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
     );
-    return (N, P) => (r(), p("div", {
+    return (N, S) => (r(), p("div", {
       class: v(["chart-trend", [`chart-trend--${e.direction}`]])
     }, [
       l(t(x), {
-        disabled: !t(m)
+        disabled: !t(h)
       }, {
         tooltip: o(() => [
-          s("div", b, [
-            e.trendTooltip?.header ? (r(), u(t(n), {
+          u("div", k, [
+            e.trendTooltip?.header ? (r(), s(t(n), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
@@ -35,7 +36,7 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
               ]),
               _: 1
             })) : i("", !0),
-            e.trendTooltip?.rangeCurrent ? (r(), u(t(n), {
+            e.trendTooltip?.rangeCurrent ? (r(), s(t(n), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
@@ -45,8 +46,8 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
               ]),
               _: 1
             })) : i("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", k, [
-              _,
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", _, [
+              P,
               l(t(n), {
                 class: "separator__text",
                 variant: "caption"
@@ -58,7 +59,7 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
               }),
               I
             ])) : i("", !0),
-            e.trendTooltip?.rangePrevious ? (r(), u(t(n), {
+            e.trendTooltip?.rangePrevious ? (r(), s(t(n), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
@@ -90,5 +91,5 @@ const h = (e) => (g("data-v-21ce0774"), e = e(), y(), e), b = { class: "trend-to
   }
 });
 export {
-  E as default
+  $ as default
 };

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

@@ -2,6 +2,7 @@ import { LegendItem } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     minVisible?: number;
     maxVisible?: number;
     maxLimitTooltipText?: string;
@@ -11,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {
     items: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
@@ -20,9 +22,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
+    "update:highlightedId": (id: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     minVisible?: number;
     maxVisible?: number;
     maxLimitTooltipText?: string;
@@ -32,6 +36,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {
     items: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
@@ -41,9 +46,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+    "onUpdate:highlightedId"?: (id: string | number) => any;
 }, {
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId: string | number;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;

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_da487aba_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-da487aba"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fd9e4ea2"]]);
 export {
-  s as default
+  a as default
 };

package/components/chart/ChartLegend.vue2.js

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