@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.41

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css

@@ -0,0 +1 @@
+.button-trigger.open[data-v-604dfc6f]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-604dfc6f]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-604dfc6f]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-604dfc6f]{white-space:nowrap}

package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-04b9d6b3]{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-04b9d6b3]{height:76px}.chart-content[data-v-04b9d6b3]{width:100%}.chart-content.with-legend[data-v-04b9d6b3]{width:calc(100% - 221px)}.chart-sidebar[data-v-04b9d6b3]{border-left:1px solid var(--common-divider)}.chart[data-v-04b9d6b3]{width:100%;height:312px;position:relative}.chart__canvas[data-v-04b9d6b3]{width:100%;height:100%}.chart__tooltip[data-v-04b9d6b3]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css

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

package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css

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

@@ -0,0 +1 @@
+.checkbox[data-v-af4ae3c3]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-af4ae3c3]{outline:solid;border-radius:4px}.icon.unchecked[data-v-af4ae3c3]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-af4ae3c3]{color:var(--action-active)}.checkboxes[data-v-af4ae3c3]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-af4ae3c3]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-af4ae3c3]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-af4ae3c3]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-af4ae3c3]{cursor:not-allowed}.disabled .checkbox-label[data-v-af4ae3c3]{color:var(--text-disabled)}.checkbox-label[data-v-af4ae3c3]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css

@@ -0,0 +1 @@
+.container[data-v-c65df8d7]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c65df8d7]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c65df8d7]{width:56.25rem}.dialog--small[data-v-c65df8d7]{width:37.5rem}.dialog--extraSmall[data-v-c65df8d7]{width:27.75rem}.header[data-v-c65df8d7]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c65df8d7]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c65df8d7]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c65df8d7]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c65df8d7]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c65df8d7]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c65df8d7]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c65df8d7] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c65df8d7]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c65df8d7],.v-leave-active[data-v-c65df8d7]{transition:opacity .25s ease}.v-enter-from[data-v-c65df8d7],.v-leave-to[data-v-c65df8d7]{opacity:0}

package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css

@@ -0,0 +1 @@
+.container[data-v-89fe8aa1]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-89fe8aa1]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-89fe8aa1]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-89fe8aa1]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-89fe8aa1]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-89fe8aa1]{right:1rem}.snackbar.left[data-v-89fe8aa1]{left:1rem}.close-button-wrapper[data-v-89fe8aa1]{width:20px}.snackbar-enter-from.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-89fe8aa1]{opacity:0}.snackbar-leave-to.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-89fe8aa1]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-89fe8aa1]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-89fe8aa1]{color:var(--success-main)}.action-wrapper[data-v-89fe8aa1]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-89fe8aa1]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

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"]]);
+// import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-04b9d6b3"]]);
 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_04b9d6b3_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_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
 };