adverich-kun-ui 0.1.132 → 0.1.133

package/dist/components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js

@@ -0,0 +1,102 @@
+import { watch as h, computed as g, createElementBlock as n, openBlock as r, normalizeClass as x, Fragment as v, renderList as b, unref as M, createBlock as y } from "vue";
+import k from "./KunModalFooter.vue.js";
+import { useKunModalFooter as V } from "../composables/useKunModalFooter.js";
+const _ = {
+  __name: "KunMultipleModalFooter",
+  props: {
+    messages: {
+      type: Array,
+      default: () => []
+    },
+    position: {
+      type: String,
+      default: "bottom-right"
+    },
+    stackDirection: {
+      type: String,
+      default: "bottom-to-top"
+      // bottom-to-top, top-to-bottom
+    },
+    width: {
+      type: String,
+      default: "300px"
+    },
+    height: {
+      type: String,
+      default: "auto"
+    }
+  },
+  emits: ["update:messages", "removeMessage"],
+  setup(i, { emit: d }) {
+    const { useMessages: a, useAddMessage: c } = V(), l = i, s = d;
+    h(() => l.messages, (o) => {
+      o.forEach((e) => {
+        c(
+          e.text,
+          e.id,
+          e.color,
+          5e3,
+          (t) => {
+            u(t);
+          }
+        );
+      });
+    }, { deep: !0 });
+    function u(o) {
+      a.value = a.value.filter((e) => e.id !== o), s("update:messages", a.value.map((e) => ({
+        id: e.id,
+        text: e.text,
+        color: e.color
+      })));
+    }
+    function m(o) {
+      const e = a.value.findIndex((t) => t.id === o);
+      e !== -1 && (a.value.splice(e, 1), s("update:messages", a.value.map((t) => ({
+        id: t.id,
+        text: t.text,
+        color: t.color
+      }))));
+    }
+    const p = g(() => {
+      const o = {
+        "bottom-left": "bottom-4 left-4",
+        "bottom-right": "bottom-4 right-4",
+        "bottom-center": "bottom-4 left-1/2 transform -translate-x-1/2",
+        "top-left": "top-4 left-4",
+        "top-right": "top-4 right-4",
+        "top-center": "top-4 left-1/2 transform -translate-x-1/2"
+      }, e = l.stackDirection === "bottom-to-top" ? "flex-col-reverse" : "flex-col";
+      return [
+        "fixed z-[9999]",
+        // Posicionamiento fijo y z-index alto
+        o[l.position] || "bottom-4 right-4",
+        // Posición predeterminada
+        "flex",
+        // Contenedor flexbox
+        e,
+        // Dirección del apilamiento
+        "gap-3"
+        // Espacio entre los mensajes
+      ];
+    });
+    return (o, e) => (r(), n("div", {
+      class: x(p.value)
+    }, [
+      (r(!0), n(v, null, b(M(a), (t) => (r(), y(k, {
+        key: t.id,
+        modelValue: t.modelValue,
+        "onUpdate:modelValue": (f) => t.modelValue = f,
+        message: t.text,
+        color: t.color,
+        id: t.id,
+        width: i.width,
+        height: i.height,
+        isFixed: !1,
+        onRemoveMessage: m
+      }, null, 8, ["modelValue", "onUpdate:modelValue", "message", "color", "id", "width", "height"]))), 128))
+    ], 2));
+  }
+};
+export {
+  _ as default
+};

package/dist/components/KunModalFooter/src/composables/useKunModalFooter.js

@@ -0,0 +1,18 @@
+import { ref as c } from "vue";
+function m() {
+  const e = c([]);
+  function n(s, u, i = "blue", a = 5e3, o) {
+    if (e.value.some((f) => f.id === u)) return;
+    const t = u ?? Date.now(), l = { id: t, text: s, color: i, modelValue: !0 };
+    e.value.push(l), setTimeout(() => {
+      r(t), o && o(t);
+    }, a);
+  }
+  function r(s) {
+    e.value = e.value.filter((u) => u.id !== s);
+  }
+  return { useMessages: e, useAddMessage: n };
+}
+export {
+  m as useKunModalFooter
+};

package/dist/index.js

@@ -1,6 +1,6 @@
 /* empty css                 */
-import i from "./components/KunAlert/src/components/KunAlert.vue.js";
-import o from "./components/KunAppbar/src/components/KunAppbar.vue.js";
+import o from "./components/KunAlert/src/components/KunAlert.vue.js";
+import i from "./components/KunAppbar/src/components/KunAppbar.vue.js";
 import t from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
 import a from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
 import s from "./components/KunAvatar/src/components/KunAvatar.vue.js";
@@ -11,39 +11,40 @@ import _ from "./components/KunCardActions/src/components/KunCardActions.vue.js"
 import e from "./components/KunCardItem/src/components/KunCardItem.vue.js";
 import p from "./components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
 import c from "./components/KunCardText/src/components/KunCardText.vue.js";
-import $ from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
-import l from "./components/KunChip/src/components/KunChip.vue.js";
+import l from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
+import $ from "./components/KunChip/src/components/KunChip.vue.js";
 import d from "./components/KunCol/src/components/KunCol.vue.js";
 import L from "./components/KunContainer/src/components/KunContainer.vue.js";
 import C from "./components/KunCurrency/src/components/KunCurrency.vue.js";
 import I from "./components/KunDivider/src/components/KunDivider.vue.js";
 import b from "./components/KunForm/src/components/KunForm.vue.js";
-import T from "./components/KunIcon/src/components/KunIcon.vue.js";
-import A from "./components/KunList/src/components/KunList.vue.js";
+import A from "./components/KunIcon/src/components/KunIcon.vue.js";
+import T from "./components/KunList/src/components/KunList.vue.js";
 import S from "./components/KunListGroup/src/components/KunListGroup.vue.js";
-import x from "./components/KunListImg/src/components/KunListImg.vue.js";
-import F from "./components/KunListItem/src/components/KunListItem.vue.js";
-import h from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
-import v from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
-import g from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import w from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import B from "./components/KunListItemText/src/components/KunListItemText.vue.js";
-import y from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
-import M from "./components/kunMenu/src/components/kunMenu.vue.js";
+import F from "./components/KunListImg/src/components/KunListImg.vue.js";
+import x from "./components/KunListItem/src/components/KunListItem.vue.js";
+import M from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
+import h from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+import v from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import g from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import w from "./components/KunListItemText/src/components/KunListItemText.vue.js";
+import B from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
+import y from "./components/kunMenu/src/components/kunMenu.vue.js";
 import D from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
-import G from "./components/KunNumberField/src/components/KunNumberField.vue.js";
-import R from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import j from "./components/KunRow/src/components/KunRow.vue.js";
-import k from "./components/KunSlider/src/components/KunSlider.vue.js";
-import q from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import z from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import N from "./components/KunTable/src/components/KunTable.vue.js";
-import E from "./components/KunTextField/src/components/KunTextField.vue.js";
-import H from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import J from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import G from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
+import R from "./components/KunNumberField/src/components/KunNumberField.vue.js";
+import j from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import k from "./components/KunRow/src/components/KunRow.vue.js";
+import q from "./components/KunSlider/src/components/KunSlider.vue.js";
+import z from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import N from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import E from "./components/KunTable/src/components/KunTable.vue.js";
+import H from "./components/KunTextField/src/components/KunTextField.vue.js";
+import J from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import O from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const n = {
-  KunAlert: i,
-  KunAppbar: o,
+  KunAlert: o,
+  KunAppbar: i,
   KunAppbarTitle: t,
   KunAutocomplete: a,
   KunAvatar: s,
@@ -53,45 +54,46 @@ const n = {
   KunCardActions: _,
   KunCardItem: e,
   KunCardSubtitle: p,
-  KunListItemTitle: w,
+  KunListItemTitle: g,
   KunCardText: c,
-  KunCardTitle: $,
-  KunChip: l,
+  KunCardTitle: l,
+  KunChip: $,
   KunCol: d,
   KunContainer: L,
   KunCurrency: C,
   KunDivider: I,
   KunForm: b,
-  KunIcon: T,
-  KunList: A,
+  KunIcon: A,
+  KunList: T,
   KunListGroup: S,
-  KunListImg: x,
-  KunListItem: F,
-  KunListItemAction: h,
-  KunListItemAvatar: v,
-  KunListItemSubtitle: g,
-  KunListItemText: B,
-  KunListSubheader: y,
-  KunMenu: M,
+  KunListImg: F,
+  KunListItem: x,
+  KunListItemAction: M,
+  KunListItemAvatar: h,
+  KunListItemSubtitle: v,
+  KunListItemText: w,
+  KunListSubheader: B,
+  KunMenu: y,
   KunModalFooter: D,
-  KunNumberField: G,
-  KunLoaderCircular: R,
-  KunRow: j,
-  KunSlider: k,
-  KunSpacer: q,
-  KunSwitch: z,
-  KunTable: N,
-  KunTextField: E,
-  KunToolbar: H,
-  KunTooltip: J
+  KunMultipleModalFooter: G,
+  KunNumberField: R,
+  KunLoaderCircular: j,
+  KunRow: k,
+  KunSlider: q,
+  KunSpacer: z,
+  KunSwitch: N,
+  KunTable: E,
+  KunTextField: H,
+  KunToolbar: J,
+  KunTooltip: O
 };
-function Dm(r) {
+function Rm(r) {
   for (const m in n)
     r.component(m, n[m]);
 }
 export {
-  i as KunAlert,
-  o as KunAppbar,
+  o as KunAlert,
+  i as KunAppbar,
   t as KunAppbarTitle,
   a as KunAutocomplete,
   s as KunAvatar,
@@ -102,34 +104,35 @@ export {
   e as KunCardItem,
   p as KunCardSubtitle,
   c as KunCardText,
-  $ as KunCardTitle,
-  l as KunChip,
+  l as KunCardTitle,
+  $ as KunChip,
   d as KunCol,
   L as KunContainer,
   C as KunCurrency,
   I as KunDivider,
   b as KunForm,
-  T as KunIcon,
-  A as KunList,
+  A as KunIcon,
+  T as KunList,
   S as KunListGroup,
-  x as KunListImg,
-  F as KunListItem,
-  h as KunListItemAction,
-  v as KunListItemAvatar,
-  g as KunListItemSubtitle,
-  B as KunListItemText,
-  w as KunListItemTitle,
-  y as KunListSubheader,
-  R as KunLoaderCircular,
-  M as KunMenu,
+  F as KunListImg,
+  x as KunListItem,
+  M as KunListItemAction,
+  h as KunListItemAvatar,
+  v as KunListItemSubtitle,
+  w as KunListItemText,
+  g as KunListItemTitle,
+  B as KunListSubheader,
+  j as KunLoaderCircular,
+  y as KunMenu,
   D as KunModalFooter,
-  j as KunRow,
-  k as KunSlider,
-  q as KunSpacer,
-  z as KunSwitch,
-  N as KunTable,
-  E as KunTextField,
-  H as KunToolbar,
-  J as KunTooltip,
-  Dm as install
+  G as KunMultipleModalFooter,
+  k as KunRow,
+  q as KunSlider,
+  z as KunSpacer,
+  N as KunSwitch,
+  E as KunTable,
+  H as KunTextField,
+  J as KunToolbar,
+  O as KunTooltip,
+  Rm as install
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.132",
+  "version": "0.1.133",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",