@ironsource/shared-ui 2.2.0-test.22 → 2.2.0-test.24

package/Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-a4d7b67a]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%;overflow:hidden}.chart-planes[data-v-a4d7b67a]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-a4d7b67a]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-a4d7b67a]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-a4d7b67a]{border-left:1px solid var(--common-divider)}

package/FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css

@@ -0,0 +1 @@
+.form-card[data-v-98458a8f]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-98458a8f]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-98458a8f]{width:220px;height:20px}.card-content[data-v-98458a8f]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-98458a8f]{padding:0}.form-actions[data-v-98458a8f]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-98458a8f]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-98458a8f]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-98458a8f]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-98458a8f]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css

@@ -0,0 +1 @@
+div[data-v-9ae00876]{display:block}

package/Tag.vue_vue_type_style_index_0_scoped_7c9f1b76_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-7c9f1b76],.font-chart-2[data-v-7c9f1b76],.font-chart-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-7c9f1b76],.tag-input[data-v-7c9f1b76],.font-chip-label[data-v-7c9f1b76],.font-table-label[data-v-7c9f1b76],.font-button[data-v-7c9f1b76],.font-heading-6[data-v-7c9f1b76],.font-heading-5[data-v-7c9f1b76],.font-heading-4[data-v-7c9f1b76],.font-heading-3[data-v-7c9f1b76],.font-heading-2[data-v-7c9f1b76],.font-heading-1[data-v-7c9f1b76],.font-title[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-7c9f1b76],.font-input-label[data-v-7c9f1b76],.font-overline[data-v-7c9f1b76],.font-subtitle-2[data-v-7c9f1b76],.font-subtitle-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-7c9f1b76],.font-body-2[data-v-7c9f1b76],.font-body-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-7c9f1b76]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-7c9f1b76]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-7c9f1b76]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-7c9f1b76]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-7c9f1b76]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-7c9f1b76]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-7c9f1b76]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-7c9f1b76]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-7c9f1b76]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-7c9f1b76]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-7c9f1b76],.font-tab-label2[data-v-7c9f1b76]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-7c9f1b76],.tag-input[data-v-7c9f1b76],.font-chip-label[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem}h1[data-v-7c9f1b76],h2[data-v-7c9f1b76],h3[data-v-7c9f1b76],h4[data-v-7c9f1b76],h5[data-v-7c9f1b76],h6[data-v-7c9f1b76]{margin:0}.rounded-tag[data-v-7c9f1b76]{border-radius:100px}.tag-editing[data-v-7c9f1b76]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-7c9f1b76]{background-color:var(--action-hover)}.tag-hover-outline[data-v-7c9f1b76]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-7c9f1b76]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-7c9f1b76]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-7c9f1b76]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-7c9f1b76]{margin-right:.25rem}.tag-label[data-v-7c9f1b76]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-7c9f1b76]{color:var(--action-disabled)}.tag-label--hidden[data-v-7c9f1b76]{visibility:hidden}.tag-input[data-v-7c9f1b76]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-7c9f1b76]:focus{outline:none}.tag-input-outline[data-v-7c9f1b76]::placeholder{color:var(--action-disabled)}.clear-button[data-v-7c9f1b76]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-7c9f1b76]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-7c9f1b76]{color:var(--error-dark)}.clear-button--invalid[data-v-7c9f1b76]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-7c9f1b76]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-7c9f1b76]{cursor:text}.empty-tag[data-v-7c9f1b76]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-7c9f1b76]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}

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 e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_3e022c94_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3e022c94"]]);
+/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a4d7b67a"]]);
 export {
-  c as default
+  s as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_3e022c94_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/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/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-86feae7b"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-98458a8f"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,4 +1,4 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
 import b from "../typography/v4/Typography.vue.js";
 import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";
@@ -7,7 +7,7 @@ import "../button/v4/ToggleButtonGroupAB.vue.js";
 import { FormCardTestIdModifiers as o } from "../../testids/index.js";
 import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import i from "../skeleton/v4/SkeletonV4.vue.js";
-const p = { class: "form-card" }, h = {
+const h = { class: "form-card" }, p = {
   key: 1,
   class: "content-skeleton-container"
 }, F = /* @__PURE__ */ B({
@@ -27,7 +27,7 @@ const p = { class: "form-card" }, h = {
   setup(t, { emit: y }) {
     const l = N(t.testId, o);
     return (r, s) => (d(), c("div", null, [
-      f("div", p, [
+      f("div", h, [
         f("header", n({ class: "card-header" }, e(l)[e(o).TITLE]), [
           t.isLoading ? (d(), T(e(i), {
             key: 1,
@@ -46,7 +46,7 @@ const p = { class: "form-card" }, h = {
         f("div", n({
           class: ["card-content", { "card-content--no-padding": t.noPadding }]
         }, e(l)[e(o).CONTENT]), [
-          t.isLoading ? (d(), c("div", h, [
+          t.isLoading ? (d(), c("div", p, [
             a(e(i), {
               type: "rectangle",
               size: 20,
@@ -85,7 +85,7 @@ const p = { class: "form-card" }, h = {
             class: "form-action",
             loading: t.saveLoading
           }, e(l)[e(o).SAVE_BUTTON], {
-            disabled: t.saveDisabled || t.isLoading,
+            disabled: t.saveDisabled || t.isLoading || t.saveLoading,
             onClick: s[1] || (s[1] = (L) => y("save"))
           }), {
             default: u(() => [

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -18,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -33,6 +38,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -44,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -51,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onIsOpen?: (value: boolean) => any;
 }, {
     testId: string;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
     placement: Placement;
     disabled: boolean;
     distance: number;

package/components/popover/v4/PopoverV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; //*');
 // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
 export {
   r as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as a, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as r, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
 import { Dropdown as w } from "floating-vue";
 import { popoverCommon as $ } from "../common/Popover.common.js";
 const O = ["data-testid"], H = /* @__PURE__ */ k({
@@ -11,6 +11,7 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
     placement: { default: "bottom-start" },
     distance: { default: 0 },
     skidding: { default: 0 },
+    delay: { default: 0 },
     testId: { default: "" },
     popperClass: { default: "" },
     container: { default: "body" }
@@ -26,24 +27,25 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
         d(o);
       }
     );
-    const r = (o) => {
+    const a = (o) => {
       i.trigger === o && (t.value = !t.value);
     };
     return f({
       toggle: d
-    }), (o, n) => (p(), y(a(w), {
+    }), (o, n) => (p(), y(r(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!a(t),
+      shown: !!r(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
+      delay: e.delay,
       container: e.container,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
       popper: u(() => [
-        a(t) ? (p(), h("div", {
+        r(t) ? (p(), h("div", {
           key: 0,
           ref_key: "popup",
           ref: c,
@@ -57,15 +59,15 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
         C("div", {
           ref_key: "triggerRef",
           ref: v,
-          onClick: n[0] || (n[0] = (l) => r("click")),
-          onMouseenter: n[1] || (n[1] = (l) => r("hover")),
-          onMouseleave: n[2] || (n[2] = (l) => r("hover"))
+          onClick: n[0] || (n[0] = (l) => a("click")),
+          onMouseenter: n[1] || (n[1] = (l) => a("hover")),
+          onMouseleave: n[2] || (n[2] = (l) => a("hover"))
         }, [
           g(o.$slots, "trigger", {}, void 0, !0)
         ], 544)
       ]),
       _: 3
-    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "delay", "container", "popper-class"]));
   }
 });
 export {

package/components/popover/v4/index.d.ts

@@ -5,6 +5,10 @@ declare const PopoverTypes: () => ({
         $data: {};
         $props: Partial<{
             testId: string;
+            delay: number | {
+                show: number;
+                hide: number;
+            };
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
@@ -19,6 +23,13 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -57,7 +68,7 @@ declare const PopoverTypes: () => ({
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "delay" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,6 +87,13 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -120,6 +138,10 @@ declare const PopoverTypes: () => ({
             isOpen: (value: boolean) => void;
         }, string, {
             testId: string;
+            delay: number | {
+                show: number;
+                hide: number;
+            };
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
@@ -154,6 +176,13 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        delay: {
+            type: import("vue").PropType<number | {
+                show: number;
+                hide: number;
+            }>;
+            default: number;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -203,6 +232,13 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    delay: {
+        type: import("vue").PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
@@ -247,6 +283,10 @@ declare const PopoverTypes: () => ({
     isOpen: (value: boolean) => void;
 }, string, {
     testId: string;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;

package/components/tag/Tag.vue.d.ts

@@ -16,6 +16,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectable?: boolean;
     maxLength?: number;
     maxLengthTooltip?: string;
+    validationPattern?: string;
+    validationErrorText?: string;
 }>, {
     isInvalid: boolean;
     label: string;
@@ -32,11 +34,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxLength: any;
     iconType: string;
     maxLengthTooltip: string;
+    validationPattern: string;
+    validationErrorText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:label": (value: string) => void;
     remove: () => void;
     stopEditing: () => void;
     "update:isSelected": (value: boolean) => void;
+    validationError: (value: string) => void;
+    validationSuccess: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     isSelected: boolean;
@@ -54,6 +60,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectable?: boolean;
     maxLength?: number;
     maxLengthTooltip?: string;
+    validationPattern?: string;
+    validationErrorText?: string;
 }>, {
     isInvalid: boolean;
     label: string;
@@ -70,11 +78,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxLength: any;
     iconType: string;
     maxLengthTooltip: string;
+    validationPattern: string;
+    validationErrorText: string;
 }>>> & {
     onRemove?: () => any;
     "onUpdate:label"?: (value: string) => any;
     onStopEditing?: () => any;
     "onUpdate:isSelected"?: (value: boolean) => any;
+    onValidationError?: (value: string) => any;
+    onValidationSuccess?: () => any;
 }, {
     label: string;
     testId: string;
@@ -91,6 +103,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isInvalid: boolean;
     selectable: boolean;
     maxLengthTooltip: string;
+    validationPattern: string;
+    validationErrorText: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/tag/Tag.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tag.vue2.js";
 /* empty css          */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-78f19cb0"]]);
+// import "../../Tag.vue_vue_type_style_index_0_scoped_7c9f1b76_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7c9f1b76"]]);
 export {
   c as default
 };