@factoringplus/pl-components-pack-v3 0.11.1 → 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) => ({
-      "0a45bbe0": xe.value,
-      "098bb5f0": Et.value
+      "5191b125": xe.value,
+      "7b3be145": Et.value
     }));
     const L = computed$1({
       get: () => z.modelValue,
@@ -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_3d029f35_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"
@@ -35598,59 +35601,58 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
     function V() {
       j.value = !1;
     }
-    return (re, ae) => {
-      const le = resolveDirective("tap");
-      return openBlock(), createBlock(TransitionGroup, {
-        name: "pl-snackbar-fade",
-        mode: "out-in"
-      }, {
-        default: withCtx(() => [
-          j.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(_sfc_main$1l, {
-                color: y.color,
-                name: y.icon,
-                position: "left"
-              }, null, 8, ["color", "name"])
-            ]),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", _hoisted_5, toDisplayString(y.title), 1),
-                y.message ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(y.message), 1)) : createCommentVNode("", !0)
-              ]),
-              y.button || y.buttonAdd ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                y.button ? withDirectives((openBlock(), createBlock(PlBtn, { key: 0 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(g.button), 1)
-                  ]),
-                  _: 1
-                })), [
-                  [le, z]
-                ]) : createCommentVNode("", !0),
-                y.buttonAdd ? withDirectives((openBlock(), createBlock(PlBtn, { key: 1 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(g.buttonAdd), 1)
-                  ]),
-                  _: 1
-                })), [
-                  [le, L]
-                ]) : createCommentVNode("", !0)
-              ])) : createCommentVNode("", !0)
+    return (re, ae) => (openBlock(), createBlock(TransitionGroup, {
+      name: "pl-snackbar-fade",
+      mode: "out-in"
+    }, {
+      default: withCtx(() => [
+        j.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_sfc_main$1l, {
+              color: y.color,
+              name: y.icon,
+              position: "left"
+            }, null, 8, ["color", "name"])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, toDisplayString(y.title), 1),
+              y.message ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(y.message), 1)) : createCommentVNode("", !0)
             ]),
-            createElementVNode("div", _hoisted_8, [
-              createVNode(_sfc_main$1l, {
-                color: "var(--color-text-icons-tertiary)",
-                name: "Close20",
-                onClick: V
-              })
-            ])
-          ])) : createCommentVNode("", !0)
-        ]),
-        _: 1
-      });
-    };
+            y.button || y.buttonAdd ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              y.button ? (openBlock(), createBlock(PlBtn, {
+                key: 0,
+                onClick: z
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(g.button), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", !0),
+              y.buttonAdd ? (openBlock(), createBlock(PlBtn, {
+                key: 1,
+                onClick: L
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(g.buttonAdd), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", !0)
+            ])) : createCommentVNode("", !0)
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            createVNode(_sfc_main$1l, {
+              color: "var(--color-text-icons-tertiary)",
+              name: "Close20",
+              onClick: V
+            })
+          ])
+        ])) : createCommentVNode("", !0)
+      ]),
+      _: 1
+    }));
   }
-}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d029f35"]]), 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;
@@ -35659,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;