@ironsource/shared-ui 2.1.11-rc.29 → 2.1.11-rc.32

package/Chart.vue_vue_type_style_index_0_scoped_b6e14d9b_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-b6e14d9b]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px;width:100%}.header-wrapper[data-v-b6e14d9b]{height:76px}.chart-content[data-v-b6e14d9b]{width:100%}.chart-content.with-legend[data-v-b6e14d9b]{width:calc(100% - 222px)}.chart-sidebar[data-v-b6e14d9b]{border-left:1px solid var(--common-divider)}.chart[data-v-b6e14d9b]{width:100%;height:312px;position:relative}.chart__canvas[data-v-b6e14d9b]{width:100%;height:100%}.chart__tooltip[data-v-b6e14d9b]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-088fa9b9]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-088fa9b9]{color:var(--text-secondary)}.header-texts[data-v-088fa9b9]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-088fa9b9]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-f00a9b1f],.disabled-tooltip[data-v-f00a9b1f] .container{width:100%}.chart-legend[data-v-f00a9b1f]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-f00a9b1f]{padding:12px 0 4px}.legend[data-v-f00a9b1f]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-f00a9b1f]{list-style:none;padding:0}.legend__list>li[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-f00a9b1f]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-f00a9b1f]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-f00a9b1f]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-f00a9b1f]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-f00a9b1f]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-f00a9b1f]{color:var(--text-secondary, #646464)}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-6744325c]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.tooltip-title-wrapper[data-v-6744325c]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .tooltip-sub-title[data-v-6744325c]{color:var(--text-secondary)}.color-box[data-v-6744325c]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-6744325c]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-6744325c]{list-style:none;margin:0;padding:0}.list__item[data-v-6744325c]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-6744325c]:last-child{margin-bottom:0}.platform-icon[data-v-6744325c]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-6744325c]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-6744325c]{max-width:90%}.tooltip-footer[data-v-6744325c]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-6744325c]{flex-grow:1}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-2aee12ad]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 43px}.inline-search[data-v-2aee12ad]{width:100%}.contain-accept[data-v-2aee12ad]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-2aee12ad]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-2aee12ad]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

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

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -18,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -37,6 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -50,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -59,6 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -78,6 +82,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: ChartType) => any;
@@ -90,10 +96,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
     chartType: ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
     dataSets: ChartDataSet[];
     hideLegend: boolean;
     tickCount: number;
@@ -103,6 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
+    "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_8f471697_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-8f471697"]]);
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_b6e14d9b_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b6e14d9b"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

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

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_088fa9b9_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-088fa9b9"]]);
 export {
-  s as default
+  r 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_088fa9b9_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;