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

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

@@ -2022,6 +2022,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
             onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
@@ -2036,7 +2037,7 @@ declare const DropdownTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -2290,6 +2291,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
             onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -2307,6 +2309,7 @@ declare const DropdownTypes: () => (({
             onsearch: (value: string) => void;
             loadMore: () => void;
             allSelectedChanged: (value: boolean) => void;
+            unsavedSelectionUpdate: (value: unknown[]) => void;
         }, string, {
             theme: string;
             testId: string;
@@ -2636,6 +2639,7 @@ declare const DropdownTypes: () => (({
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
         onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2897,6 +2901,7 @@ declare const DropdownTypes: () => (({
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
     onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2914,6 +2919,7 @@ declare const DropdownTypes: () => (({
     onsearch: (value: string) => void;
     loadMore: () => void;
     allSelectedChanged: (value: boolean) => void;
+    unsavedSelectionUpdate: (value: unknown[]) => void;
 }, string, {
     theme: string;
     testId: string;
@@ -3125,6 +3131,7 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             disabledOptionKey: string;
             optionEndTextIconKey: string;
+            debug: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -3209,10 +3216,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string[] | number[]>;
                 required: true;
             };
+            debug: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey" | "debug">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3310,6 +3322,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string[] | number[]>;
                 required: true;
             };
+            debug: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3332,6 +3349,7 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             disabledOptionKey: string;
             optionEndTextIconKey: string;
+            debug: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -3436,6 +3454,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string[] | number[]>;
             required: true;
         };
+        debug: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3527,6 +3550,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string[] | number[]>;
         required: true;
     };
+    debug: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3549,6 +3577,7 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     disabledOptionKey: string;
     optionEndTextIconKey: string;
+    debug: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
@@ -3576,6 +3605,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3617,6 +3654,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => Promise<void>>;
         default: any;
     };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: {
         label: string;
@@ -3648,6 +3693,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3689,6 +3742,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => Promise<void>>;
         default: any;
     };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: {
@@ -3703,9 +3764,13 @@ declare const DropdownTypes: () => (({
     isOpen: boolean;
     infiniteLoading: boolean;
     optionNameKey: string;
+    optionFlagKey: string;
+    groupedOptions: boolean;
     comparingKey: string;
     minCharsToStart: number;
     searchQuery: string;
     loadMoreFn: () => Promise<void>;
+    fetchDataDebounceTime: number;
+    autoFocusSearch: boolean;
 }>)[];
 export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };

package/components/emptyState/v4/EmptyStateV4.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyStateV4.vue2.js";
 /* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; //*');
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-24001caa"]]);
+// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; //*');
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-18728498"]]);
 export {
-  p as default
+  s as default
 };

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
 import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
 import I from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";

package/components/filtersPanel/v4/FiltersPanelV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./FiltersPanelV4.vue2.js";
 /* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-111b200a"]]);
+// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-383011d3"]]);
 export {
-  a as default
+  p as default
 };

package/components/filtersPanel/v4/FiltersPanelV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
+ import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
 const p = { class: "filters-panel" }, m = ["data-testid"], v = /* @__PURE__ */ d({
   __name: "FiltersPanelV4",
   props: {

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c7965a69"]]);
+/* 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"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,4 +1,4 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_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_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 b from "../typography/v4/Typography.vue.js";
 import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -1,4 +1,9 @@
 import { VNode } from 'vue';
+import { Button } from '@/components/button/v4';
+type ButtonProps = InstanceType<typeof Button>['$props'] & {
+    onClick?: () => void;
+    closeOnClick?: boolean;
+};
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     customClass: string;
     dangerouslyUseHTMLString: boolean;
@@ -15,64 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showClose?: boolean;
     title?: string;
     zIndex?: number;
-    actionButtons: (Partial<{
-        testId: string;
-        variant: "text" | "contained" | "outlined";
-        disabled: boolean;
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    actionButtons: ButtonProps[];
     testId: string;
 }>, {
     type: string;
@@ -100,64 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showClose?: boolean;
     title?: string;
     zIndex?: number;
-    actionButtons: (Partial<{
-        testId: string;
-        variant: "text" | "contained" | "outlined";
-        disabled: boolean;
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    actionButtons: ButtonProps[];
     testId: string;
 }>, {
     type: string;

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
-import c from "./SnackbarV4.vue2.js";
-/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; //*');
-const a = /* @__PURE__ */ o(c, [["__scopeId", "data-v-49c5ccea"]]);
+import o from "./SnackbarV4.vue2.js";
+/* empty css                 */import a from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
+const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
 export {
-  a as default
+  r as default
 };

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,18 +1,18 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as M, computed as $, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
-import U from "../../icon/v4/IconV4.vue.js";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+import D from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import D from "../../button/v4/ButtonV4.vue.js";
-import H from "../../button/v4/IconButtonV4.vue.js";
+import H from "../../button/v4/ButtonV4.vue.js";
+import F from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import S from "../../typography/v4/Typography.vue.js";
-import { snackbarCommon as F } from "../common/snackbar.common.js";
-import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import b from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as G } from "../common/snackbar.common.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
 import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
-const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
+const R = ["id"], j = { class: "container" }, q = { class: "texts" }, J = { class: "message" }, K = { class: "action-wrapper" }, Q = {
   key: 0,
   class: "actions"
-}, Q = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ M({
+}, W = { class: "close-button-wrapper" }, lt = /* @__PURE__ */ $({
   __name: "SnackbarV4",
   props: {
     customClass: null,
@@ -32,15 +32,15 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
     testId: { default: "" }
   },
   emits: ["destroy"],
-  setup(t) {
-    const u = t, {
-      visible: b,
-      horizontalClass: p,
-      positionStyle: w,
+  setup(e) {
+    const m = e, {
+      visible: p,
+      horizontalClass: w,
+      positionStyle: L,
       clearTimer: k,
       startTimer: C,
-      close: L
-    } = F(u), E = {
+      close: y
+    } = G(m), E = {
       info: {
         iconName: "info",
         class: "snackbar-icon-info"
@@ -53,83 +53,85 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
         iconName: "check-circle",
         class: "snackbar-icon-success"
       }
-    }, y = $(() => E[u.type]), r = G(u.testId, i);
-    return (m, o) => (n(), c(A, {
+    }, v = A(() => E[m.type]), r = P(m.testId, i), M = ({ closeOnClick: c, onClick: o }) => () => {
+      c && y(), o && o();
+    };
+    return (c, o) => (n(), d(O, {
       name: "snackbar",
-      onBeforeLeave: t.onClose,
-      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
+      onBeforeLeave: e.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => c.$emit("destroy"))
     }, {
       default: f(() => [
-        g(a("div", l({
-          id: t.id,
-          class: ["snackbar light-theme-v4", [t.customClass, e(p)]],
-          style: e(w),
+        I(a("div", l({
+          id: e.id,
+          class: ["snackbar light-theme-v4", [e.customClass, t(w)]],
+          style: t(L),
           role: "alert"
-        }, e(r)[e(i).CONTAINER], {
+        }, t(r)[t(i).CONTAINER], {
           onMouseenter: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(k) && e(k)(...s)),
+          (...s) => t(k) && t(k)(...s)),
           onMouseleave: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(C) && e(C)(...s)),
+          (...s) => t(C) && t(C)(...s)),
           onClick: o[2] || (o[2] = //@ts-ignore
-          (...s) => t.onClick && t.onClick(...s))
+          (...s) => e.onClick && e.onClick(...s))
         }), [
-          a("div", R, [
-            a("div", j, [
-              t.title ? (n(), c(e(S), l({
+          a("div", j, [
+            a("div", q, [
+              e.title ? (n(), d(t(b), l({
                 key: 0,
                 variant: "h4",
                 class: "title"
-              }, e(r)[e(i).TITLE]), {
+              }, t(r)[t(i).TITLE]), {
                 default: f(() => [
-                  z(e(U), l({
-                    name: e(y).iconName,
+                  z(t(D), l({
+                    name: t(v).iconName,
                     type: "fill",
                     size: "20px",
-                    class: [e(y).class, "icon-container"]
-                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
-                  I(" " + T(t.title), 1)
+                    class: [t(v).class, "icon-container"]
+                  }, t(r)[t(i).ICON]), null, 16, ["name", "class"]),
+                  T(" " + h(e.title), 1)
                 ]),
                 _: 1
-              }, 16)) : d("", !0),
-              g(a("div", q, [
-                h(m.$slots, "default", {}, () => [
-                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
+              }, 16)) : u("", !0),
+              I(a("div", J, [
+                B(c.$slots, "default", {}, () => [
+                  e.dangerouslyUseHTMLString ? u("", !0) : (n(), d(t(b), l({
                     key: 0,
                     variant: "body2"
-                  }, e(r)[e(i).MESSAGE]), {
+                  }, t(r)[t(i).MESSAGE]), {
                     default: f(() => [
-                      I(T(t.message), 1)
+                      T(h(e.message), 1)
                     ]),
                     _: 1
                   }, 16))
                 ], !0)
               ], 512), [
-                [B, t.message]
+                [N, e.message]
               ]),
-              a("div", J, [
-                h(m.$slots, "actions", {}, () => [
-                  t.actionButtons ? (n(), N("div", K, [
-                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
-                      key: v,
-                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
+              a("div", K, [
+                B(c.$slots, "actions", {}, () => [
+                  e.actionButtons ? (n(), S("div", Q, [
+                    (n(!0), S(V, null, x(e.actionButtons, (s, g) => (n(), d(t(H), l({
+                      key: g,
+                      "data-testid": e.testId ? `${e.testId}-${t(i).ACTION_BUTTON}-${g}` : "",
                       size: "small"
-                    }, { ...s }), null, 16, ["data-testid"]))), 128))
-                  ])) : d("", !0)
+                    }, { ...s, onClick: M(s) }), null, 16, ["data-testid"]))), 128))
+                  ])) : u("", !0)
                 ], !0)
               ])
             ]),
-            a("div", Q, [
-              t.showClose ? (n(), c(e(H), l({
+            a("div", W, [
+              e.showClose ? (n(), d(t(F), l({
                 key: 0,
                 "icon-name": "x",
                 size: "small"
-              }, e(r)[e(i).CLOSE], {
-                onClick: x(e(L), ["stop"])
-              }), null, 16, ["onClick"])) : d("", !0)
+              }, t(r)[t(i).CLOSE], {
+                onClick: U(t(y), ["stop"])
+              }), null, 16, ["onClick"])) : u("", !0)
             ])
           ])
-        ], 16, P), [
-          [B, e(b)]
+        ], 16, R), [
+          [N, t(p)]
         ])
       ]),
       _: 3
@@ -137,5 +139,5 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
   }
 });
 export {
-  ae as default
+  lt as default
 };

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableItem.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9dd4d372"]]);
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
 export {
-  s as default
+  c as default
 };