@factoringplus/pl-components-pack-v3 0.11.0 → 0.11.2

package/README.md

@@ -1,17 +1,17 @@
-# Библиотека компонентов Vue 3
-
-## Установка
-
-```bash
-npm i @factoringplus/pl-components-pack-v3
-```
-
-### Добавление компонентов в проект
-
-```bash
-// src/main.js
-import components from '@factoringplus/pl-components-pack-v3';
-import '@factoringplus/pl-components-pack-v3/dist/style.css';
-
-app.use(components)
-```
+# Библиотека компонентов Vue 3
+
+## Установка
+
+```bash
+npm i @factoringplus/pl-components-pack-v3
+```
+
+### Добавление компонентов в проект
+
+```bash
+// src/main.js
+import components from '@factoringplus/pl-components-pack-v3';
+import '@factoringplus/pl-components-pack-v3/dist/style.css';
+
+app.use(components)
+```

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

@@ -19010,8 +19010,8 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
   setup(g, { expose: y, emit: j }) {
     const z = g;
     useCssVars((Mn) => ({
-      "0fbc7555": xe.value,
-      bb227d16: Et.value
+      "5191b125": xe.value,
+      "7b3be145": Et.value
     }));
     const L = computed$1({
       get: () => z.modelValue,
@@ -19029,7 +19029,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       }, 300);
     }, Ce = (Mn = null) => {
       var bn;
-      const En = (bn = Mn.target.closest("[id]")) == null ? void 0 : bn.id;
+      const En = (bn = Mn == null ? void 0 : Mn.target.closest("[id]")) == null ? void 0 : bn.id;
       En && En !== Ie || Ne.value || (ue.value ? he() : Oe());
     }, Ve = computed$1(() => ({
       "--dialog-container-width": /px|rem|em|%/.test(pe.value) ? pe.value : `${pe.value}px`,
@@ -20427,7 +20427,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       createElementVNode("span", null, toDisplayString(y.label), 1)
     ], 2)) : createCommentVNode("", !0);
   }
-}), plTabCard_vue_vue_type_style_index_0_scoped_5d0a6b4e_lang = "", PlTabCard = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-5d0a6b4e"]]), plMultitab_vue_vue_type_style_index_0_scoped_b000d762_lang = "", _hoisted_1$J = { class: "pl-multitab-container" }, _sfc_main$13 = {
+}), plTabCard_vue_vue_type_style_index_0_scoped_5d0a6b4e_lang = "", PlTabCard = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-5d0a6b4e"]]), plMultitab_vue_vue_type_style_index_0_scoped_a888db5d_lang = "", _hoisted_1$J = { class: "pl-multitab-container" }, _sfc_main$13 = {
   __name: "pl-multitab",
   props: {
     modelValue: {
@@ -20487,7 +20487,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       ]);
     };
   }
-}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-b000d762"]]), PlMultitabPlugin = {
+}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-a888db5d"]]), PlMultitabPlugin = {
   install(g) {
     g.component("PlMultitab", PlMultitab);
   }
@@ -20757,7 +20757,7 @@ function declOfNum(g, y) {
   const z = g % 10;
   return z > 1 && z < 5 ? y[1] : z == 1 ? y[0] : y[2];
 }
-const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoisted_1$H = { class: "pl-autocomplete__wrapper" }, _hoisted_2$C = { class: "pl-autocomplete__select-container" }, _hoisted_3$u = {
+const plAutocompete_vue_vue_type_style_index_0_scoped_dc250816_lang = "", _hoisted_1$H = { class: "pl-autocomplete__wrapper" }, _hoisted_2$C = { class: "pl-autocomplete__select-container" }, _hoisted_3$u = {
   key: 0,
   class: "pl-autocomplete__label-container"
 }, _hoisted_4$p = { class: "pl-autocomplete__label-container-text" }, _hoisted_5$h = {
@@ -20869,7 +20869,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoist
   setup(g, { emit: y }) {
     const j = g;
     useCssVars((qe) => ({
-      "521a63b8": j.width
+      "16a48efa": j.width
     }));
     const z = `id-${uniqid()}`, L = ref([]);
     if (j.prop) {
@@ -21054,7 +21054,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoist
       ]);
     };
   }
-}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-e082e824"]]), PlAutocompletePlugin = {
+}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-dc250816"]]), PlAutocompletePlugin = {
   install(g) {
     g.component("PlAutocomplete", PlAutocomplete);
   }
@@ -21432,7 +21432,7 @@ const PlButtonPlugin = {
       ], 2);
     };
   }
-}, plSelectPlus_vue_vue_type_style_index_0_scoped_1b69d579_lang = "", _hoisted_1$D = { class: "pl-select__wrapper" }, _hoisted_2$z = {
+}, plSelectPlus_vue_vue_type_style_index_0_scoped_56b7d99b_lang = "", _hoisted_1$D = { class: "pl-select__wrapper" }, _hoisted_2$z = {
   key: 0,
   class: "pl-select__label-container"
 }, _hoisted_3$r = { class: "pl-select__label-container-text" }, _hoisted_4$m = {
@@ -21517,7 +21517,7 @@ const PlButtonPlugin = {
   setup(g, { emit: y }) {
     const j = g;
     useCssVars((Ve) => ({
-      "49389beb": j.width
+      "70ce61be": j.width
     }));
     const z = `id-${uniqid()}`, L = ref([]);
     if (j.prop) {
@@ -21663,7 +21663,7 @@ const PlButtonPlugin = {
       ]);
     };
   }
-}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-1b69d579"]]), PlSelectPlusPlugin = {
+}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-56b7d99b"]]), PlSelectPlusPlugin = {
   install(g) {
     g.component("PlSelectPlus", PlSelectPlus);
   }
@@ -35393,7 +35393,7 @@ const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_rende
       ]);
     };
   }
-}), plCheckboxPlus_vue_vue_type_style_index_0_scoped_2161ec04_lang = "", PlCheckboxPlus = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2161ec04"]]), PlCheckboxPlusPlugin = {
+}), plCheckboxPlus_vue_vue_type_style_index_0_scoped_bdee0f2e_lang = "", PlCheckboxPlus = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bdee0f2e"]]), PlCheckboxPlusPlugin = {
   install(g) {
     g.component("PlCheckboxPlus", PlCheckboxPlus);
   }
@@ -35540,7 +35540,7 @@ function _sfc_render(g, y) {
     renderSlot(g.$slots, "default", {}, void 0, !0)
   ]);
 }
-const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_fff10204_lang = "", _hoisted_1 = {
+const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_c5869652_lang = "", _hoisted_1 = {
   key: 0,
   class: "pl-snackbar__wrapper"
 }, _hoisted_2 = { class: "pl-snackbar__icon" }, _hoisted_3 = { class: "pl-snackbar__main" }, _hoisted_4 = { class: "pl-snackbar__text" }, _hoisted_5 = { class: "pl-snackbar__title" }, _hoisted_6 = {
@@ -35552,6 +35552,9 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
 }, _hoisted_8 = { class: "pl-snackbar__close" }, _sfc_main = {
   __name: "pl-snackbar",
   props: {
+    // hideOnAction: {
+    //   type: Boolean,
+    // },
     icon: {
       type: String,
       default: "Cube24"
@@ -35573,10 +35576,14 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
       default: ""
     },
     action: {
-      type: Function
+      type: Function,
+      default: () => {
+      }
     },
     actionAdd: {
-      type: Function
+      type: Function,
+      default: () => {
+      }
     },
     message: {
       type: String,
@@ -35645,7 +35652,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
       _: 1
     }));
   }
-}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fff10204"]]), snackbarAnimation = "";
+}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5869652"]]), 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 } = g;
@@ -35654,25 +35661,49 @@ const renderSnackbar = function(g) {
     de.id = "snackbar", document.body.appendChild(de);
   }
   const ie = document.createElement("div");
-  ie.id = `snackbar-${snackbarId}`, ie.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(ie);
-  const pe = createApp({
+  return ie.id = `snackbar-${snackbarId}`, ie.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(ie), createApp({
     render() {
       return h$2(TransitionGroup, { name: "pl-snackbar-fade", mode: "out-in" }, () => [
-        h$2(PlSnackbar, { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le })
+        h$2(PlSnackbar, {
+          id: snackbarId,
+          icon: y,
+          color: j,
+          title: z,
+          message: L,
+          button: V,
+          action: re,
+          buttonAdd: ae,
+          actionAdd: le
+        })
       ]);
     }
+  }).mount(`#snackbar-${snackbarId}`), snackbarId++, {
+    id: ie.id,
+    close: () => {
+      closeSnackbar(ie.id);
+    }
+  };
+};
+function removeSnackbar(g) {
+  g.classList.remove("slideIn-animation"), g.classList.add("fadeOut-animation"), g.addEventListener("animationend", () => {
+    g && g.remove();
   });
-  pe.mount(`#snackbar-${snackbarId}`), setTimeout(() => {
-    ie.classList.remove("slideIn-animation"), ie.classList.add("fadeOut-animation"), ie.addEventListener("animationend", () => {
-      pe.unmount(), ie.remove();
-    });
-  }, 4200), snackbarId++;
+}
+const closeSnackbar = (g) => {
+  const y = document.getElementById(g);
+  removeSnackbar(y);
+}, closeAllSnackbar = () => {
+  const g = document.getElementById("snackbar");
+  removeSnackbar(g);
 }, PlNotification = {
   success: (g) => renderSnackbar({ icon: "CircleCheck24", color: "#0CA31B", ...g }),
   error: (g) => renderSnackbar({ icon: "WarningThree24", color: "#ED3636", ...g }),
   warning: (g) => renderSnackbar({ icon: "WarningTwo24", color: "#FF7D1F", ...g }),
   info: (g) => renderSnackbar({ icon: "Info24", color: "white", ...g }),
-  custom: renderSnackbar
+  custom: renderSnackbar,
+  closeAll: () => {
+    closeAllSnackbar();
+  }
 }, pinia = createPinia(), PlPlugin = {
   install(g) {
     var y, j, z, L, V, re, ae, le, ue, ie, pe, de, Ne, Ie, he, Oe, Ce, Ve, $e, xe, Et, qe, Dt, kt, vn, Lt, Mn, En, bn, Sn, An, jn, Tn, zn, Nn, wn;