@ironsource/shared-ui 2.2.0-rc.4 → 2.2.0-rc.41

package/components/alert/index.d.ts

@@ -7,14 +7,13 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
             actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -31,7 +30,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -58,10 +57,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -73,7 +68,7 @@ declare const AlertTypes: () => ({
         }>> & {
             onClose?: () => any;
             onActionButtonClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "actionSize" | "rounded" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,7 +96,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -128,10 +123,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -150,14 +141,13 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
             actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }, {}, string> & {
@@ -194,7 +184,7 @@ declare const AlertTypes: () => ({
             default: string;
         };
         color: {
-            type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+            type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
         description: {
@@ -221,10 +211,6 @@ declare const AlertTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        actionSize: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -254,7 +240,7 @@ declare const AlertTypes: () => ({
         default: string;
     };
     color: {
-        type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+        type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
         default: string;
     };
     description: {
@@ -281,10 +267,6 @@ declare const AlertTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    actionSize: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -303,14 +285,13 @@ declare const AlertTypes: () => ({
     title: string;
     testId: string;
     variant: "outlined" | "standard";
-    color: "danger" | "info" | "success" | "warning";
+    color: "default" | "danger" | "info" | "success" | "warning";
     description: string;
     dismissible: boolean;
     actionText: string;
     actionVariant: "contained" | "outlined";
     actionIconName: string;
     actionLoading: boolean;
-    actionSize: "small" | "medium";
     rounded: boolean;
     hideIcon: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-18bc6c0d"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,11 +1,11 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
-import c from "../icon/v4/IconV4.vue.js";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css"; import { defineComponent as x, computed as s, openBlock as m, createElementBlock as c, normalizeClass as I, createElementVNode as o, mergeProps as r, unref as t, createVNode as i, withCtx as C, createTextVNode as v, toDisplayString as b, createCommentVNode as A } from "vue";
+import p from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import T from "../typography/v4/Typography.vue.js";
 import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as N } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, D = /* @__PURE__ */ h({
+import { useTestIdAttrs as z } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as n } from "../../testids/index.js";
+const N = { class: "image-container" }, w = ["src", "alt"], k = ["data-platform"], B = { class: "name-container" }, O = /* @__PURE__ */ x({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -17,62 +17,61 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
     showAbIcon: { type: Boolean, default: !1 }
   },
   emits: ["copyToClipboard"],
-  setup(t, { emit: f }) {
-    const a = t, y = o(
+  setup(e, { emit: y }) {
+    const a = e, f = s(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), u = o(
-      () => a.type === "normal" ? "24px" : "20px"
-    ), x = o(
+    ), u = s(
       () => a.type === "small" ? "18px" : null
-    ), I = o(
+    ), h = s(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = N(a.testId, l);
-    return (S, d) => (m(), p("div", {
-      class: C(["app-header", `size-${t.type}`])
+    ), l = z(a.testId, n);
+    return (P, d) => (m(), c("div", {
+      class: I(["app-header", `size-${e.type}`])
     }, [
-      n("div", w, [
-        n("img", {
-          src: t.image,
-          alt: t.name
-        }, null, 8, k)
+      o("div", N, [
+        o("img", {
+          src: e.image,
+          alt: e.name
+        }, null, 8, w)
       ]),
-      n("div", r({
-        class: "icon-container",
-        "data-platform": t.platform
-      }, e(s)[e(l).APP_PLATFORM]), [
-        i(e(c), {
+      o("div", r({
+        class: ["icon-container", `icon-container--${e.type}`],
+        "data-platform": e.platform
+      }, t(l)[t(n).APP_PLATFORM]), [
+        i(t(p), {
           type: "branded",
-          name: e(y),
-          size: e(u)
-        }, null, 8, ["name", "size"])
-      ], 16, B),
-      n("div", P, [
-        i(e(T), r({
-          variant: e(I),
+          name: t(f),
+          size: "24px",
+          circled: e.type === "small"
+        }, null, 8, ["name", "circled"])
+      ], 16, k),
+      o("div", B, [
+        i(t(T), r({
+          variant: t(h),
           class: "title"
-        }, e(s)[e(l).TITLE]), {
-          default: b(() => [
-            v(z(t.name), 1)
+        }, t(l)[t(n).TITLE]), {
+          default: C(() => [
+            v(b(e.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(g), {
-          text: t.appKey,
+        i(t(g), {
+          text: e.appKey,
           size: "medium",
           class: "inline-copy",
-          "hide-text-value": t.type === "small",
-          "test-id": t.testId,
-          "icon-size": e(x),
+          "hide-text-value": e.type === "small",
+          "test-id": e.testId,
+          "icon-size": t(u),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey,
-          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+          "tooltip-text": e.appKey,
+          onCopy: d[0] || (d[0] = (V) => y("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (m(), p("div", r({
+      e.showAbIcon ? (m(), c("div", r({
         key: 0,
         class: "ab-icon-wrapper"
-      }, e(s)[e(l).AB_ICON]), [
-        i(e(c), {
+      }, t(l)[t(n).AB_ICON]), [
+        i(t(p), {
           type: "ab-test",
           name: "ab",
           size: "28px"
@@ -82,5 +81,5 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
   }
 });
 export {
-  D as default
+  O as default
 };

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
+/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a59af1ad"]]);
 export {
-  c as default
+  s as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";

package/components/button/v4/ToggleButtonGroupAB.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleButtonGroupAB.vue2.js";
 /* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2076b5ab"]]);
+// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fc9ddf5"]]);
 export {
   s as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
 import c from "./ButtonV4.vue.js";
 import { useVModel as R } from "@vueuse/core";
 import x from "../../icon/v4/IconV4.vue.js";

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

@@ -53,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
     colorVariant?: ColorVariant;
+    height?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -99,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader: boolean;
     extraCharts: () => any[];
     colorVariant: string;
+    height: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -156,6 +158,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
     colorVariant?: ColorVariant;
+    height?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -202,6 +205,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withSettingsHeader: boolean;
     extraCharts: () => any[];
     colorVariant: string;
+    height: any;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -209,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     header: string;
     testId: string;
+    height: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;

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_22477735_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-22477735"]]);
+// import "../../Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a4d7b67a"]]);
 export {
-  p as default
+  s as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as g, Fragment as S, createBlock as D, unref as l, isRef as b, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as y, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
 import { useVModel as B } from "@vueuse/core";
 import K from "./ChartLegend.vue.js";
 import X from "./SettingsHeader.vue.js";
@@ -60,7 +60,8 @@ const at = {
     fullHeightBottomSpacing: { default: 50 },
     withSettingsHeader: { type: Boolean, default: !0 },
     extraCharts: { default: () => [] },
-    colorVariant: { default: "default" }
+    colorVariant: { default: "default" },
+    height: { default: void 0 }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
   setup(e, { emit: c }) {
@@ -106,23 +107,24 @@ const at = {
       dataSets: E,
       visibleIds: I,
       variant: t.colorVariant
-    }), w = d(() => t.dataSets.map((a) => ({
+    }), H = d(() => t.dataSets.map((a) => ({
       id: a.id,
       label: a.label,
       caption: a.caption || null,
       color: m.value[a.id] || null,
       icon: a.icon || null,
       iconType: a.iconType || "branded"
-    }))), { containerProps: H, eachPlaneHeight: N } = Z({
+    }))), { containerProps: w, eachPlaneHeight: N } = Z({
       chartPlanesCount: C,
       useFullHeight: t.fullHeight,
-      bottomSpacing: t.fullHeightBottomSpacing
+      bottomSpacing: t.fullHeightBottomSpacing,
+      customHeight: t.height
     }), O = et(t.testId, p);
-    return (a, i) => (n(), b(S, null, [
+    return (a, i) => (n(), g(S, null, [
       e.withSettingsHeader ? (n(), D(X, {
         key: 0,
         "chart-type": l(r),
-        "onUpdate:chart-type": i[0] || (i[0] = (o) => y(r) ? r.value = o : null),
+        "onUpdate:chart-type": i[0] || (i[0] = (o) => b(r) ? r.value = o : null),
         "hide-legend": e.hideLegend,
         "test-id": e.testId
       }, {
@@ -137,16 +139,16 @@ const at = {
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend", "test-id"])) : A("", !0),
-      L("div", g({ class: "chart-container" }, {
-        ...l(H),
+      L("div", y({ class: "chart-container" }, {
+        ...l(w),
         ...l(O)[l(p).CONTAINER]
       }), [
         L("section", {
           class: $(["chart-planes", [{ "with-legend": !e.hideLegend }]])
         }, [
-          k(V, g({
+          k(V, y({
             "chart-type": l(r),
-            "onUpdate:chart-type": i[1] || (i[1] = (o) => y(r) ? r.value = o : null)
+            "onUpdate:chart-type": i[1] || (i[1] = (o) => b(r) ? r.value = o : null)
           }, l(v)), M({ _: 2 }, [
             a.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
@@ -156,7 +158,7 @@ const at = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (n(!0), b(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
+          (n(!0), g(S, null, R(e.extraCharts, (o, T) => (n(), D(V, y({
             key: T,
             class: "extra-chart-plane"
           }, { ...l(v), ...o }, {
@@ -167,13 +169,13 @@ const at = {
             "test-id": `${e.testId}-${l(p).EXTRA_CHART}-${T}`
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
         ], 2),
-        e.hideLegend ? A("", !0) : (n(), b("section", at, [
+        e.hideLegend ? A("", !0) : (n(), g("section", at, [
           k(K, {
             "sort-selected": l(f),
-            "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(f) ? f.value = o : null),
+            "onUpdate:sort-selected": i[2] || (i[2] = (o) => b(f) ? f.value = o : null),
             "highlighted-id": h.value,
             "onUpdate:highlighted-id": i[3] || (i[3] = (o) => h.value = o),
-            items: l(w),
+            items: l(H),
             "visible-ids": l(I),
             "max-limit-tooltip-text": e.maxLimitTooltipText,
             "sort-options": e.sortOptions,

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_9a603520_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9a603520"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3a061c08"]]);
 export {
   r as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import N from "../switch/v4/SwitchV4.vue.js";
 import P from "../tooltip/v4/TooltipV4.vue.js";
@@ -82,7 +82,7 @@ const U = { class: "header-texts" }, z = { class: "header-row" }, M = { class: "
             default: d(() => [
               m(t(k), {
                 class: "header-text",
-                variant: e.compact ? "h5" : "chart2"
+                variant: e.compact ? "h5" : "h1"
               }, {
                 default: d(() => [
                   b(v(e.header), 1)

package/components/chart/composables/useChartHeight.d.ts

@@ -1,5 +1,5 @@
 import { UseChartHeightArgs } from '@/components/chart/types';
-export declare const useChartHeight: ({ chartPlanesCount, useFullHeight, bottomSpacing, }: UseChartHeightArgs) => {
+export declare const useChartHeight: ({ chartPlanesCount, useFullHeight, bottomSpacing, customHeight, }: UseChartHeightArgs) => {
     containerProps: import("vue").ComputedRef<Record<string, unknown>>;
     eachPlaneHeight: import("vue").ComputedRef<string>;
 };

package/components/chart/composables/useChartHeight.js

@@ -1,24 +1,25 @@
-import { ref as g, computed as o } from "vue";
-import { useElementBounding as m, useWindowScroll as f } from "@vueuse/core";
-import { useFullPageHeight as p } from "../../../composables/useFullPageHeight.js";
-import { DEFAULT_CHART_PLANE_HEIGHT as E, HEADER_HEIGHT as v, MIN_PLANE_HEIGHT as r } from "../consts.js";
-const T = ({
+import { ref as f, computed as r } from "vue";
+import { useElementBounding as m, useWindowScroll as p } from "@vueuse/core";
+import { useFullPageHeight as E } from "../../../composables/useFullPageHeight.js";
+import { DEFAULT_CHART_PLANE_HEIGHT as v, HEADER_HEIGHT as d, MIN_PLANE_HEIGHT as n } from "../consts.js";
+const I = ({
   chartPlanesCount: e,
-  useFullHeight: n,
-  bottomSpacing: i = 50
+  useFullHeight: i,
+  bottomSpacing: c = 50,
+  customHeight: o
 }) => {
-  const t = g(), { height: c } = m(t), { cssHeightValue: l } = p({
+  const t = f(), { height: l } = m(t), { cssHeightValue: u } = E({
     elem: t,
-    bottomSpacing: i
-  }), { y: s } = f(), u = o(() => n && !s.value ? l.value : E + v + "px"), h = o(() => ({
+    bottomSpacing: c
+  }), { y: s } = p(), h = r(() => o || (i && !s.value ? u.value : v + d + "px")), a = r(() => ({
     ref: t,
-    style: { height: u.value }
-  })), a = o(() => e.value === 1 ? "100%" : c.value / e.value < r ? `${r}px` : 100 / e.value + "%");
+    style: { height: h.value }
+  })), H = r(() => e.value === 1 ? "100%" : l.value / e.value < n ? `${n}px` : 100 / e.value + "%");
   return {
-    containerProps: h,
-    eachPlaneHeight: a
+    containerProps: a,
+    eachPlaneHeight: H
   };
 };
 export {
-  T as useChartHeight
+  I as useChartHeight
 };

package/components/chart/index.d.ts

@@ -7,6 +7,7 @@ declare const ChartTypes: () => ({
         $props: Partial<{
             header: string;
             testId: string;
+            height: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -59,6 +60,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -244,7 +249,7 @@ declare const ChartTypes: () => ({
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "height" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -267,6 +272,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -459,6 +468,7 @@ declare const ChartTypes: () => ({
         }, string, {
             header: string;
             testId: string;
+            height: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -531,6 +541,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -729,6 +743,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -921,6 +939,7 @@ declare const ChartTypes: () => ({
 }, string, {
     header: string;
     testId: string;
+    height: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;

package/components/chart/types.d.ts

@@ -64,6 +64,7 @@ export type UseChartHeightArgs = {
     chartPlanesCount: Ref<number>;
     useFullHeight: boolean;
     bottomSpacing?: number;
+    customHeight?: string;
 };
 export type HexColor = `#${string}`;
 export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./CheckboxV4.vue2.js";
 /* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-88525d86"]]);
 export {
-  t as default
+  c as default
 };