@ironsource/shared-ui 2.2.0-rc.2 → 2.2.0-rc.21

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,13 +1,13 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; import { defineComponent as y, computed as x, openBlock as c, createElementBlock as T, createBlock as C, unref as e, mergeProps as n, withCtx as r, createTextVNode as h, toDisplayString as z, createCommentVNode as I, createVNode as s } from "vue";
-import k from "../icon/v4/IconV4.vue.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; import { defineComponent as v, ref as g, computed as h, watch as k, resolveComponent as z, openBlock as m, createElementBlock as I, createBlock as B, unref as t, mergeProps as y, withCtx as T, createTextVNode as S, toDisplayString as w, createCommentVNode as V, createVNode as n } from "vue";
+import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import S from "../typography/v4/Typography.vue.js";
-import { useClipboard as V } from "@vueuse/core";
-import { Snackbar as v } from "../snackbar/v4/index.js";
-import B from "../tooltip/v4/TooltipV4.vue.js";
-import { useTestIdAttrs as b } from "../../utils/testIds.js";
-import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
-const X = /* @__PURE__ */ y({
+import L from "../typography/v4/Typography.vue.js";
+import { useClipboard as N } from "@vueuse/core";
+import { Snackbar as c } from "../snackbar/v4/index.js";
+import P from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as A } from "../../utils/testIds.js";
+import { InlineCopyTestIdModifiers as s } from "../../testids/index.js";
+const F = /* @__PURE__ */ v({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
@@ -18,57 +18,86 @@ const X = /* @__PURE__ */ y({
     tooltipHeader: { default: "" },
     tooltipText: { default: "Copy to clipboard" },
     tooltipPlacement: { default: "bottom" },
-    valueToCopy: { default: "" }
+    valueToCopy: { default: "" },
+    asyncCopy: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    loadingTitle: { default: "" }
   },
   emits: ["copy"],
-  setup(t, { emit: p }) {
-    const o = t, { copy: d, copied: m } = V({}), u = x(() => {
-      switch (o.size) {
+  setup(o, { emit: r }) {
+    const e = o, a = g(null), { copy: d, copied: p } = N({}), C = h(() => {
+      switch (e.size) {
         case "medium":
           return "0.875rem";
         case "small":
         default:
           return "0.75rem";
       }
-    }), f = async () => {
-      const i = o.valueToCopy || o.text;
-      await d(i), m.value && v({
-        title: "Copied successfully",
-        type: "success",
-        duration: 2e3
-      }), p("copy");
-    }, l = b(o.testId, a);
-    return (i, N) => (c(), T("div", {
-      class: "inline-copy",
-      onClick: f
-    }, [
-      t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
-        key: 0,
-        variant: "caption",
-        style: { fontSize: e(u) }
-      }, e(l)[e(a).TEXT]), {
-        default: r(() => [
-          h(z(t.text), 1)
-        ]),
-        _: 1
-      }, 16, ["style"])),
-      s(e(B), {
-        text: t.tooltipText,
-        header: t.tooltipHeader,
-        placement: t.tooltipPlacement
-      }, {
-        default: r(() => [
-          s(e(k), n({
-            class: "icon-copy",
-            name: "copy",
-            size: t.iconSize || "16px"
-          }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
-        ]),
-        _: 1
-      }, 8, ["text", "header", "placement"])
-    ]));
+    });
+    k(
+      () => e.isLoading,
+      async (l, f) => {
+        if (f && !l && a.value) {
+          const i = e.valueToCopy || e.text;
+          a.value.close(), await d(i), p.value && c({
+            title: "Copied successfully",
+            type: "success",
+            duration: 2e3
+          }), a.value = null;
+        }
+      }
+    );
+    const x = async () => {
+      if (e.asyncCopy)
+        a.value = c({
+          title: e.loadingTitle,
+          type: "loading",
+          isLoading: !0
+        }), r("copy");
+      else {
+        const l = e.valueToCopy || e.text;
+        await d(l), p.value && c({
+          title: "Copied successfully",
+          type: "success",
+          duration: 2e3
+        }), r("copy");
+      }
+    }, u = A(e.testId, s);
+    return (l, f) => {
+      const i = z("Loader");
+      return m(), I("div", {
+        class: "inline-copy",
+        onClick: x
+      }, [
+        o.hideTextValue ? V("", !0) : (m(), B(t(L), y({
+          key: 0,
+          variant: "caption",
+          style: { fontSize: t(C) }
+        }, t(u)[t(s).TEXT]), {
+          default: T(() => [
+            S(w(o.text), 1)
+          ]),
+          _: 1
+        }, 16, ["style"])),
+        n(i, { "stroke-width": 2 }),
+        n(t(P), {
+          text: o.tooltipText,
+          header: o.tooltipHeader,
+          placement: o.tooltipPlacement
+        }, {
+          default: T(() => [
+            n(t(b), y({
+              class: "icon-copy",
+              name: "copy",
+              size: o.iconSize || "16px"
+            }, t(u)[t(s).COPY_BTN]), null, 16, ["size"])
+          ]),
+          _: 1
+        }, 8, ["text", "header", "placement"])
+      ]);
+    };
   }
 });
 export {
-  X as default
+  F as default
 };

package/components/inlineCopy/index.d.ts

@@ -23,6 +23,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideTextValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -40,6 +44,14 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    asyncCopy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -66,6 +78,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideTextValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -83,6 +99,14 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    asyncCopy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onCopy?: () => any;
 }, {
@@ -91,9 +115,12 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
     tooltipText: string;
     tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     size: "small" | "medium";
+    isLoading: boolean;
     hideTextValue: boolean;
     iconSize: string;
     tooltipHeader: string;
     valueToCopy: string;
+    asyncCopy: boolean;
+    loadingTitle: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3b7a3661"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import R from "../../tooltip/v4/TooltipV4.vue.js";

package/components/link/Link.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-import o from "./Link.vue2.js";
-/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
+import e from "./Link.vue2.js";
+/* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fe0e7f6f"]]);
 export {
-  p as default
+  t as default
 };

package/components/link/Link.vue2.js

@@ -1,4 +1,4 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
+ import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import r from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";

package/components/link/index.d.ts

@@ -4,7 +4,7 @@ declare const LinkTypes: () => ({
         $data: {};
         $props: Partial<{
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -21,7 +21,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -86,7 +86,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -135,7 +135,7 @@ declare const LinkTypes: () => ({
             click: () => void;
         }, string, {
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -172,7 +172,7 @@ declare const LinkTypes: () => ({
             default: string;
         };
         variant: {
-            type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+            type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
             default: string;
         };
         withTooltip: {
@@ -227,7 +227,7 @@ declare const LinkTypes: () => ({
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+        type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
         default: string;
     };
     withTooltip: {
@@ -276,7 +276,7 @@ declare const LinkTypes: () => ({
     click: () => void;
 }, string, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
 /* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
 export {
-  p as default
+  c as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButtonV4.vue2.js";
 /* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05c7bca2"]]);
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
 export {
-  s as default
+  c as default
 };

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import { radioGroupKey as G } from "../common/useRadio.js";
 import { RadioTestIdModifiers as r } from "../../../testids/index.js";

package/components/snackbar/common/notify.js

@@ -1,4 +1,4 @@
-import { isVNode as x, createVNode as N, render as v } from "vue";
+import { isVNode as x, createVNode as b, render as h } from "vue";
 import { snackbarTypes as C } from "./snackbar.types.js";
 const p = {
   "top-left": [],
@@ -7,38 +7,38 @@ const p = {
   "bottom-right": []
 }, g = 16;
 let A = 1;
-const E = 2e3, H = (h) => {
-  const i = function(e = {}, t = null) {
+const E = 2e3, H = (v) => {
+  const l = function(e = {}, t = null) {
     (typeof e == "string" || x(e)) && (e = { message: e });
     const o = e.position || "top-right";
     let n = e.zIndex || E, s = p[o].reduce(
-      (m, { vm: b }) => m + (b.el?.offsetHeight || 0) + g,
+      (m, { vm: N }) => m + (N.el?.offsetHeight || 0) + g,
       e.offset || 0
     );
     s += g;
-    const l = () => n++, d = `notification_${A++}`, u = e.onClose, f = {
+    const f = () => n++, d = `notification_${A++}`, u = e.onClose, i = {
       ...e,
-      zIndex: l(),
+      zIndex: f(),
       offset: s,
       id: d,
       onClose: () => {
         y(d, o, u);
       }
-    }, c = document.body, a = document.createElement("div"), r = N(
-      h,
-      f,
-      x(f.message) ? {
-        default: () => f.message
+    }, c = document.body, a = document.createElement("div"), r = b(
+      v,
+      i,
+      x(i.message) ? {
+        default: () => i.message
       } : null
     );
-    return r.appContext = t ?? i._context, r.props.onDestroy = () => {
-      v(null, a);
-    }, v(r, a), p[o].push({ vm: r }), c.appendChild(a?.firstElementChild), {
+    return r.appContext = t ?? l._context, r.props.onDestroy = () => {
+      h(null, a);
+    }, h(r, a), p[o].push({ vm: r }), c.appendChild(a?.firstElementChild), {
       // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
       // for out component, so that all closing steps will not be skipped.
       close: () => {
-        const m = r.component?.proxy;
-        m && (m.visible = !1);
+        const m = r.component?.exposed;
+        m?.close && m.close();
       }
     };
   };
@@ -48,22 +48,22 @@ const E = 2e3, H = (h) => {
     );
     if (s === -1)
       return;
-    const { vm: l } = n[s];
-    if (!l)
+    const { vm: f } = n[s];
+    if (!f)
       return;
-    o?.(l);
-    const d = l.el?.offsetHeight, u = t.split("-")[0];
+    o?.(f);
+    const d = f.el?.offsetHeight, u = t.split("-")[0];
     n.splice(s, 1);
-    const f = n.length;
-    for (let c = s; c < f; c++) {
+    const i = n.length;
+    for (let c = s; c < i; c++) {
       const { el: a, component: r } = n[c].vm;
       r.props.offset = Number.parseInt(a.style[u], 10) - d - g;
     }
   }
   C.forEach((e) => {
-    i[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
+    l[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
       message: t
-    }), i({
+    }), l({
       ...t,
       type: e
     }));
@@ -75,7 +75,7 @@ const E = 2e3, H = (h) => {
         o && (o.visible = !1);
       });
   }
-  return i.closeAll = I, i._context = null, i;
+  return l.closeAll = I, l._context = null, l;
 };
 export {
   H as default

package/components/snackbar/common/snackbar.common.js

@@ -1,44 +1,44 @@
-import { ref as v, computed as n, onMounted as p } from "vue";
-import { useEventListener as C, useTimeoutFn as h } from "@vueuse/core";
+import { ref as y, computed as o, onMounted as C } from "vue";
+import { useEventListener as h, useTimeoutFn as p } from "@vueuse/core";
 import k from "../../icon/v3/icons/Close.vue.js";
 import x from "../../icon/v3/icons/Check.vue.js";
 const w = (t) => {
   const r = {
     success: x,
     error: k
-  }, o = v(!1);
+  }, e = y(!1);
   let c;
-  const a = n(() => {
-    const e = t.type;
-    return e && r[t.type] ? e : "";
-  }), l = n(() => r[t.type] || t.icon || ""), f = n(
+  const a = o(() => {
+    const n = t.type;
+    return n && r[t.type] ? n : "";
+  }), l = o(() => r[t.type] || t.icon || ""), f = o(
     () => t.position.endsWith("right") ? "right" : "left"
-  ), m = n(
+  ), m = o(
     () => t.position.startsWith("top") ? "top" : "bottom"
-  ), y = n(() => ({
+  ), d = o(() => ({
     [m.value]: `${t.offset}px`,
     zIndex: t.zIndex
   }));
   function i() {
-    t.duration > 0 && ({ stop: c } = h(() => {
-      o.value && s();
+    t.duration > 0 && ({ stop: c } = p(() => {
+      e.value && s();
     }, t.duration));
   }
   function u() {
     c?.();
   }
   function s() {
-    o.value = !1;
+    e.value = !1;
   }
-  function d({ code: e }) {
-    e === "Delete" || e === "Backspace" ? u() : e === "Escape" ? o.value && s() : i();
+  function v({ code: n }) {
+    n === "Delete" || n === "Backspace" ? u() : n === "Escape" ? e.value && s() : i();
   }
-  return p(() => {
-    i(), o.value = !0;
-  }), C(document, "keydown", d), {
-    visible: o,
+  return C(() => {
+    t.isLoading || i(), e.value = !0;
+  }), h(document, "keydown", v), {
+    visible: e,
     horizontalClass: f,
-    positionStyle: y,
+    positionStyle: d,
     clearTimer: u,
     startTimer: i,
     iconComponent: l,

package/components/snackbar/common/snackbar.types.d.ts

@@ -16,13 +16,14 @@ export interface SnackbarProps {
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type: 'success' | 'error' | 'info';
+    type: 'success' | 'error' | 'info' | 'loading';
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     showClose?: boolean;
     title?: string;
     actionButtons: ButtonProps[];
     zIndex?: number;
     testId?: string;
+    isLoading?: boolean;
 }
 export type SnackbarOptions = Omit<SnackbarProps, 'id'> & {
     appendTo?: HTMLElement | string;

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

@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex?: number;
     actionButtons: ButtonProps[];
     testId: string;
+    isLoading: boolean;
 }>, {
     type: string;
     zIndex: number;
@@ -30,7 +31,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     position: string;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    isLoading: boolean;
+}>, {
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     customClass: string;
@@ -50,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex?: number;
     actionButtons: ButtonProps[];
     testId: string;
+    isLoading: boolean;
 }>, {
     type: string;
     zIndex: number;
@@ -58,6 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     position: string;
     testId: string;
+    isLoading: boolean;
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
@@ -68,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex: number;
     duration: number;
     showClose: boolean;
+    isLoading: boolean;
 }>, {
     default?(_: {}): any;
     actions?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
 /* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; //*');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1b650c39"]]);
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; //*');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35c79635"]]);
 export {
   r as default
 };