@ironsource/shared-ui 2.1.11-rc.6 → 2.1.11-rc.60

package/components/chart/Chart.vue2.js

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

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

@@ -1,16 +1,16 @@
 import { ChartType } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     withSettingsHeader: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
 }>, {
     chartType: ChartType;
     withSettingsHeader: boolean;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (type: ChartType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -18,13 +18,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     withSettingsHeader: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
 }>, {
     chartType: ChartType;
     withSettingsHeader: boolean;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
 }, {
@@ -32,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     chartType: ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
+}>, {
+    "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -52,3 +54,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4c37736e"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b8213498"]]);
 export {
   s as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,66 +1,69 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as x, createElementVNode as V, createVNode as d, unref as t, withCtx as i, createTextVNode as u, toDisplayString as s, createBlock as b, isRef as g, createCommentVNode as k } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
 import h from "../typography/v4/Typography.vue.js";
-import v from "../switch/v4/SwitchV4.vue.js";
+import B from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as r } from "./types.js";
-import B from "../tooltip/v4/TooltipV4.vue.js";
-const C = { class: "chart-header" }, S = { class: "header-texts" }, E = /* @__PURE__ */ y({
+import k from "../tooltip/v4/TooltipV4.vue.js";
+const C = { class: "chart-header" }, x = { class: "header-texts" }, D = /* @__PURE__ */ y({
   __name: "ChartHeader",
   props: {
     chartType: { default: r.Line },
     withSettingsHeader: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltip: { default: "" }
+    withSubheaderTooltip: { type: Boolean, default: !1 }
   },
   emits: ["update:chartType"],
   setup(e, { emit: p }) {
-    const m = e, n = [
+    const m = e, l = [
       { id: r.Line, icon: "chart-line-up" },
       { id: r.Bar, icon: "chart-bar" },
       { id: r.StackedLine, icon: "chart-line" }
-    ], o = T({
+    ], d = T({
       get() {
-        return n.find(({ id: a }) => a === m.chartType);
+        return l.find(({ id: t }) => t === m.chartType);
       },
-      set(a) {
-        p("update:chartType", a.id);
+      set(t) {
+        p("update:chartType", t.id);
       }
     });
-    return (a, l) => (c(), x("div", C, [
-      V("div", S, [
-        d(t(B), {
-          text: e.subheaderTooltip,
-          placement: "right"
+    return (t, n) => (c(), b("div", C, [
+      S("div", x, [
+        i(a(k), {
+          placement: "right",
+          disabled: !e.withSubheaderTooltip
         }, {
-          default: i(() => [
-            d(t(h), {
+          tooltip: o(() => [
+            V(t.$slots, "subheader-tooltip", {}, void 0, !0)
+          ]),
+          default: o(() => [
+            i(a(h), {
               class: "subheader",
               variant: "h5"
             }, {
-              default: i(() => [
-                u(s(e.subheader), 1)
+              default: o(() => [
+                s(u(e.subheader), 1)
               ]),
               _: 1
             })
           ]),
-          _: 1
-        }, 8, ["text"]),
-        d(t(h), { variant: "chart2" }, {
-          default: i(() => [
-            u(s(e.header), 1)
+          _: 3
+        }, 8, ["disabled"]),
+        i(a(h), { variant: "chart2" }, {
+          default: o(() => [
+            s(u(e.header), 1)
           ]),
           _: 1
         })
       ]),
-      e.withSettingsHeader ? k("", !0) : (c(), b(t(v), {
+      e.withSettingsHeader ? w("", !0) : (c(), g(a(B), {
         key: 0,
-        modelValue: t(o),
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => g(o) ? o.value = f : null),
-        options: n
+        modelValue: a(d),
+        "onUpdate:modelValue": n[0] || (n[0] = (f) => v(d) ? d.value = f : null),
+        options: l
       }, null, 8, ["modelValue"]))
     ]));
   }
 });
 export {
-  E as default
+  D as default
 };

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

@@ -4,11 +4,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible?: number;
     maxVisible?: number;
+    maxLimitTooltipText?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -16,11 +18,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible?: number;
     maxVisible?: number;
+    maxLimitTooltipText?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
 }, {
@@ -28,6 +32,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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