@ironsource/shared-ui 2.1.12-test.53 → 2.1.12-test.55

package/components/chart/ChartHeader.vue2.js

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

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

@@ -7,10 +7,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    testId?: string;
 }>, {
     value: any;
     direction: TrendDirection;
     trendTooltip: any;
+    testId: string;
 }>, {}, 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?: TrendDirection;
@@ -19,12 +21,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    testId?: string;
 }>, {
     value: any;
     direction: TrendDirection;
     trendTooltip: any;
+    testId: string;
 }>>>, {
     value: number | string;
+    testId: string;
     direction: TrendDirection;
     trendTooltip: any;
 }>;

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_2f916aeb_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2f916aeb"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ca558859"]]);
 export {
   a as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,56 +1,59 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css"; import { defineComponent as g, computed as p, openBlock as n, createElementBlock as m, normalizeClass as y, createVNode as l, unref as t, withCtx as o, createElementVNode as u, createBlock as s, createTextVNode as a, toDisplayString as d, createCommentVNode as c, pushScopeId as C, popScopeId as _ } from "vue";
-import i from "../typography/v4/Typography.vue.js";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css"; import { defineComponent as I, computed as p, openBlock as n, createElementBlock as m, mergeProps as C, unref as e, createVNode as i, withCtx as o, createElementVNode as u, createBlock as c, createTextVNode as a, toDisplayString as l, createCommentVNode as s, pushScopeId as _, popScopeId as x } from "vue";
+import d from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import { TrendDirection as h } from "./types.js";
-const f = (e) => (C("data-v-2f916aeb"), e = e(), _(), e), k = { class: "trend-tooltip" }, N = {
+import k from "../tooltip/v4/TooltipV4.vue.js";
+import { TrendDirection as f } from "./types.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import { ChartTestIdModifiers as T } from "../../testids/index.js";
+const h = (t) => (_("data-v-ca558859"), t = t(), x(), t), P = { class: "trend-tooltip" }, E = {
   key: 2,
   class: "separator"
-}, I = /* @__PURE__ */ f(() => /* @__PURE__ */ u("hr", null, null, -1)), P = /* @__PURE__ */ f(() => /* @__PURE__ */ u("hr", null, null, -1)), U = /* @__PURE__ */ g({
+}, S = /* @__PURE__ */ h(() => /* @__PURE__ */ u("hr", null, null, -1)), V = /* @__PURE__ */ h(() => /* @__PURE__ */ u("hr", null, null, -1)), M = /* @__PURE__ */ I({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
-    direction: { default: h.UP },
-    trendTooltip: { default: null }
+    direction: { default: f.UP },
+    trendTooltip: { default: null },
+    testId: { default: "" }
   },
-  setup(e) {
-    const r = e, T = p(
+  setup(t) {
+    const r = t, v = p(
       () => r.trendTooltip?.header || r.trendTooltip?.rangeCurrent || r.trendTooltip?.rangePrevious
-    ), v = p(
-      () => r.direction === h.NEUTRAL ? "minus" : `arrow-${r.direction}`
-    );
-    return (S, V) => (n(), m("div", {
-      class: y(["chart-trend", [`chart-trend--${e.direction}`]])
-    }, [
-      l(t(x), {
-        disabled: !t(T)
+    ), g = p(
+      () => r.direction === f.NEUTRAL ? "minus" : `arrow-${r.direction}`
+    ), y = N(r.testId, T);
+    return (w, A) => (n(), m("div", C({
+      class: ["chart-trend", [`chart-trend--${t.direction}`]]
+    }, e(y)[e(T).TREND]), [
+      i(e(k), {
+        disabled: !e(v)
       }, {
         tooltip: o(() => [
-          u("div", k, [
-            e.trendTooltip?.header ? (n(), s(t(i), {
+          u("div", P, [
+            t.trendTooltip?.header ? (n(), c(e(d), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.header), 1)
+                a(l(t.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : c("", !0),
-            e.trendTooltip?.rangeCurrent ? (n(), s(t(i), {
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent ? (n(), c(e(d), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.rangeCurrent), 1)
+                a(l(t.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : c("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (n(), m("div", N, [
-              I,
-              l(t(i), {
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent && t.trendTooltip?.rangePrevious ? (n(), m("div", E, [
+              S,
+              i(e(d), {
                 class: "separator__text",
                 variant: "caption"
               }, {
@@ -59,39 +62,39 @@ const f = (e) => (C("data-v-2f916aeb"), e = e(), _(), e), k = { class: "trend-to
                 ]),
                 _: 1
               }),
-              P
-            ])) : c("", !0),
-            e.trendTooltip?.rangePrevious ? (n(), s(t(i), {
+              V
+            ])) : s("", !0),
+            t.trendTooltip?.rangePrevious ? (n(), c(e(d), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.rangePrevious), 1)
+                a(l(t.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : c("", !0)
+            })) : s("", !0)
           ])
         ]),
         default: o(() => [
-          l(t(b), {
+          i(e(b), {
             class: "trend-icon",
             type: "bold",
-            name: t(v),
+            name: e(g),
             size: "15px"
           }, null, 8, ["name"]),
-          l(t(i), { variant: "chipLabel" }, {
+          i(e(d), { variant: "chipLabel" }, {
             default: o(() => [
-              a(d(e.value), 1)
+              a(l(t.value), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 2));
+    ], 16));
   }
 });
 export {
-  U as default
+  M as default
 };

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

@@ -9,6 +9,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected?: unknown;
     sortOptions?: unknown[];
     sortOptionNameKey?: string;
+    testId?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
@@ -19,6 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
@@ -33,6 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected?: unknown;
     sortOptions?: unknown[];
     sortOptionNameKey?: string;
+    testId?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
@@ -43,11 +46,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
+    testId: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
     "onUpdate:highlightedId"?: (id: string | number) => any;
 }, {
+    testId: string;
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId: string | number;

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_6103d8bd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6103d8bd"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_9c4df598_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9c4df598"]]);
 export {
-  s as default
+  c as default
 };

package/components/chart/ChartLegend.vue2.js

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

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

@@ -45,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valuePrefix?: string;
     indicateIncompleteData?: boolean;
     tooltipExcludeTotalItem?: boolean;
+    testId?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -83,6 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valuePrefix: string;
     indicateIncompleteData: boolean;
     tooltipExcludeTotalItem: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -130,6 +132,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valuePrefix?: string;
     indicateIncompleteData?: boolean;
     tooltipExcludeTotalItem?: boolean;
+    testId?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -168,10 +171,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valuePrefix: string;
     indicateIncompleteData: boolean;
     tooltipExcludeTotalItem: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {
     header: string;
+    testId: string;
     height: string;
     loading: boolean;
     visibleIds: unknown[];

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
 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_dd60ff0e_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dd60ff0e"]]);
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_a685cf5e_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a685cf5e"]]);
 export {
-  a as default
+  s as default
 };