@factoringplus/pl-components-pack-v3 0.11.10-pre-02 → 0.11.10

package/dist/pl-components-pack-v3.es.js

@@ -35796,10 +35796,7 @@ function _sfc_render$1(g, y) {
     renderSlot(g.$slots, "default", {}, void 0, !0)
   ]);
 }
-const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_4ad1029c_lang = "", _hoisted_1$3 = {
-  key: 0,
-  class: "pl-snackbar__wrapper"
-}, _hoisted_2$3 = { class: "pl-snackbar__icon" }, _hoisted_3$2 = { class: "pl-snackbar__main" }, _hoisted_4$1 = { class: "pl-snackbar__text" }, _hoisted_5$1 = { class: "pl-snackbar__title" }, _hoisted_6$1 = {
+const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_76eaac17_lang = "", _hoisted_1$3 = ["id"], _hoisted_2$3 = { class: "pl-snackbar__icon" }, _hoisted_3$2 = { class: "pl-snackbar__main" }, _hoisted_4$1 = { class: "pl-snackbar__text" }, _hoisted_5$1 = { class: "pl-snackbar__title" }, _hoisted_6$1 = {
   key: 0,
   class: "pl-snackbar__descr"
 }, _hoisted_7$1 = {
@@ -35808,6 +35805,10 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1
 }, _hoisted_8$1 = { class: "pl-snackbar__close" }, _sfc_main$3 = {
   __name: "pl-snackbar",
   props: {
+    id: {
+      type: Number,
+      default: 0
+    },
     icon: {
       type: String,
       default: "Cube24"
@@ -35857,13 +35858,19 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1
     }
     function V() {
       j.value = !1;
+      const re = document.getElementById(`snackbar-${y.id}`);
+      re && re.remove();
     }
     return (re, ae) => (openBlock(), createBlock(TransitionGroup, {
       name: "pl-snackbar-fade",
       mode: "out-in"
     }, {
       default: withCtx(() => [
-        j.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        j.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          id: y.id,
+          class: "pl-snackbar__wrapper"
+        }, [
           createElementVNode("div", _hoisted_2$3, [
             createVNode(_sfc_main$1o, {
               color: y.color,
@@ -35904,12 +35911,12 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1
               onClick: V
             })
           ])
-        ])) : createCommentVNode("", !0)
+        ], 8, _hoisted_1$3)) : createCommentVNode("", !0)
       ]),
       _: 1
     }));
   }
-}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4ad1029c"]]), snackbarAnimation = "";
+}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-76eaac17"]]), snackbarAnimation = "";
 let snackbarId = 0;
 const renderSnackbar = function(g) {
   const { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le, blockHide: ue } = g;
@@ -35918,7 +35925,7 @@ const renderSnackbar = function(g) {
     Ne.id = "snackbar", document.body.appendChild(Ne);
   }
   const pe = document.createElement("div");
-  pe.id = `snackbar-${snackbarId}`, pe.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(pe);
+  pe.id = `snackbar-${snackbarId}`, pe == null || pe.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(pe);
   const de = createApp({
     render() {
       return h$2(TransitionGroup, { name: "pl-snackbar-fade", mode: "out-in" }, () => [
@@ -35938,9 +35945,9 @@ const renderSnackbar = function(g) {
     }
   });
   return de.mount(`#snackbar-${snackbarId}`), ue || setTimeout(() => {
-    pe.classList.remove("slideIn-animation"), pe.classList.add("fadeOut-animation"), pe.addEventListener("animationend", () => {
+    pe && (pe.classList.remove("slideIn-animation"), pe.classList.add("fadeOut-animation"), pe.addEventListener("animationend", () => {
       de.unmount(), pe.remove();
-    });
+    }));
   }, 4200), snackbarId++, {
     id: pe.id,
     close: () => {
@@ -35949,9 +35956,9 @@ const renderSnackbar = function(g) {
   };
 };
 function removeSnackbar(g) {
-  g.classList.remove("slideIn-animation"), g.classList.add("fadeOut-animation"), g.addEventListener("animationend", () => {
+  g && (g.classList.remove("slideIn-animation"), g.classList.add("fadeOut-animation"), g.addEventListener("animationend", () => {
     g && g.remove();
-  });
+  }));
 }
 const closeSnackbar = (g) => {
   const y = document.getElementById(g);