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

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

@@ -35213,25 +35213,32 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
   }
 }, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2b9338"]]), snackbarAnimation = "";
 let snackbarId = 0;
-const renderSnackbar = function(g, y, j, z) {
+const renderSnackbar = function(g) {
+  const { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le } = g;
   if (!document.getElementById("snackbar")) {
-    const ae = document.createElement("div");
-    ae.id = "snackbar", document.body.appendChild(ae);
+    const de = document.createElement("div");
+    de.id = "snackbar", document.body.appendChild(de);
   }
-  const V = document.createElement("div");
-  V.id = `snackbar-${snackbarId}`, V.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(V);
-  const re = createApp({
+  const ie = document.createElement("div");
+  ie.id = `snackbar-${snackbarId}`, ie.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(ie);
+  const pe = createApp({
     render() {
       return h$2(TransitionGroup, { name: "fade", mode: "out-in" }, () => [
-        h$2(PlSnackbar, { icon: g, color: y, title: j, message: z })
+        h$2(PlSnackbar, { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le })
       ]);
     }
   });
-  re.mount(`#snackbar-${snackbarId}`), setTimeout(() => {
-    V.classList.remove("slideIn-animation"), V.classList.add("fadeOut-animation"), V.addEventListener("animationend", () => {
-      re.unmount(), V.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++;
+}, 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
 }, pinia = createPinia(), PlPlugin = {
   install(g) {
     var y, j, z, L, V, re, ae, le, ue, ie, pe, de, Ne, Ie, he, Ce, Oe, Ue, $e, xe, At, Dt, qe, kt, _n, Lt, vn, In, Cn, On, An, kn;
@@ -35239,7 +35246,7 @@ const renderSnackbar = function(g, y, j, z) {
   },
   apiJs: ApiJs,
   loader: loadingAndSetup,
-  renderSnackbar
+  PlNotification
 };
 export {
   PlBody1,