adverich-kun-ui 0.1.124 → 0.1.126

package/dist/components/kunMenu/src/components/kunMenu.vue.js

@@ -1,86 +1,87 @@
-import { onMounted as S, nextTick as T, onUnmounted as z, watch as B, onBeforeUnmount as V, createBlock as P, createCommentVNode as A, openBlock as D, Teleport as N, createVNode as W, Transition as I, withCtx as U, withDirectives as F, createElementVNode as O, mergeProps as Y, unref as n, withKeys as $, withModifiers as j, renderSlot as q, vShow as G } from "vue";
-import { useKunMenu as J } from "../composables/useKunMenu.js";
-import { kunMenuProps as Q } from "../composables/kunMenuProps.js";
-import { useKunMenuStyles as R } from "../composables/useKunMenuStyles.js";
+import { onMounted as S, nextTick as T, onUnmounted as B, watch as V, onBeforeUnmount as z, createBlock as P, createCommentVNode as A, openBlock as D, Teleport as N, createVNode as W, Transition as $, withCtx as I, withDirectives as R, createElementVNode as U, mergeProps as F, unref as n, withKeys as O, withModifiers as Y, renderSlot as j, vShow as q } from "vue";
+import { useKunMenu as G } from "../composables/useKunMenu.js";
+import { kunMenuProps as J } from "../composables/kunMenuProps.js";
+import { useKunMenuStyles as Q } from "../composables/useKunMenuStyles.js";
 import { useKunMenuComposable as X } from "../composables/useKunMenuComposable.js";
 /* empty css             */
 import Z from "../../../../_virtual/_plugin-vue_export-helper.js";
 const x = {
   __name: "kunMenu",
-  props: Q,
+  props: J,
   emits: ["update:modelValue", "click:outside", "handleEscape"],
   setup(f, { emit: h }) {
-    const l = f, u = h, {
+    var v;
+    const r = f, u = h, {
       menuVisible: d,
       handleActivatorClick: m,
-      handleHover: i,
+      handleHover: s,
       handleFocus: c,
-      handleEscape: v,
+      handleEscape: p,
       hideMenu: w
-    } = J(l, u), {
-      initializeMenu: E,
-      repositionMenu: s,
+    } = G(r, u), {
+      initializeMenu: g,
+      repositionMenu: a,
       contentEl: o,
-      activatorEl: p,
-      originClass: g,
+      originClass: E,
       computedMaxHeight: k,
       menuPositionStyle: y
-    } = R(l, m, i, c), { onClickOutside: L } = X(), { addEventListeners: M, removeEventListeners: b } = L(
+    } = Q(r, m, s, c), { onClickOutside: L } = X(), { addEventListeners: M, removeEventListeners: b } = L(
       o,
       () => {
         w(), u("click:outside");
       },
-      [p]
+      [(v = r.parentRef) == null ? void 0 : v.$el]
     );
     S(() => {
       T(() => {
-        E(), window.addEventListener("resize", s);
+        g(), window.addEventListener("resize", a);
       });
-    }), z(() => {
+    }), B(() => {
       const e = o.value;
-      e && e.removeEventListener("wheel", a), window.removeEventListener("resize", s);
-    }), B(d, (e) => {
+      e && e.removeEventListener("wheel", l), window.removeEventListener("resize", a);
+    }), V(d, (e) => {
       const t = o.value;
-      t && (e ? (s(), t.addEventListener("wheel", a, { passive: !1 }), M()) : (t.removeEventListener("wheel", a), b()));
+      t && (e ? (a(), t.addEventListener("wheel", l, { passive: !1 }), M()) : (t.removeEventListener("wheel", l), b()));
     });
-    function a(e) {
+    function l(e) {
       const t = o.value;
       if (!t) return;
-      const r = e.deltaY > 0, H = t.scrollTop + t.clientHeight >= t.scrollHeight, K = t.scrollTop <= 0;
-      (r && H || !r && K) && e.preventDefault();
+      const i = e.deltaY > 0, H = t.scrollTop + t.clientHeight >= t.scrollHeight, K = t.scrollTop <= 0;
+      (i && H || !i && K) && e.preventDefault();
     }
     function C() {
-      const e = p.value;
-      e && (e.removeEventListener("click", m), e.removeEventListener("mouseenter", () => i("enter")), e.removeEventListener("mouseleave", () => i("leave")), e.removeEventListener("focus", c));
+      var t;
+      const e = (t = r.parentRef) == null ? void 0 : t.$el;
+      e && (e.removeEventListener("click", m), e.removeEventListener("mouseenter", () => s("enter")), e.removeEventListener("mouseleave", () => s("leave")), e.removeEventListener("focus", c));
     }
-    return V(() => {
+    return z(() => {
       C();
     }), (e, t) => e.attach !== !0 ? (D(), P(N, {
       key: 0,
       to: e.attach || "body"
     }, [
-      W(I, { name: e.transition }, {
-        default: U(() => [
-          F(O("div", Y({
+      W($, { name: e.transition }, {
+        default: I(() => [
+          R(U("div", F({
             ref_key: "contentEl",
             ref: o,
             role: "menu",
             tabindex: "-1",
-            class: ["relative shadow-xl overflow-y-auto focus:outline-none z-50 bg-gray-200 dark:bg-gray-800 border border-gray-300 dark:border-gray-700", [e.contentClass, n(g), e.width, e.height, e.minWidth, e.maxWidth, e.minHeight, e.maxHeight, e.zIndex]],
+            class: ["relative shadow-xl rounded-b overflow-y-auto focus:outline-none bg-gray-200 dark:bg-gray-800 border border-gray-300 dark:border-gray-700", [e.contentClass, n(E), e.width, e.height, e.minWidth, e.maxWidth, e.minHeight, e.maxHeight, e.zIndex]],
             style: { ...n(y), maxHeight: n(k) }
           }, e.contentProps, {
-            onKeydown: t[0] || (t[0] = $(j((...r) => n(v) && n(v)(...r), ["stop"]), ["escape"]))
+            onKeydown: t[0] || (t[0] = O(Y((...i) => n(p) && n(p)(...i), ["stop"]), ["escape"]))
           }), [
-            q(e.$slots, "default", {}, void 0, !0)
+            j(e.$slots, "default", {}, void 0, !0)
           ], 16), [
-            [G, n(d)]
+            [q, n(d)]
           ])
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["to"])) : A("", !0);
   }
-}, se = /* @__PURE__ */ Z(x, [["__scopeId", "data-v-e29439e3"]]);
+}, se = /* @__PURE__ */ Z(x, [["__scopeId", "data-v-8cdd3474"]]);
 export {
   se as default
 };

package/dist/components/kunMenu/src/composables/kunMenuProps.js

@@ -1,4 +1,4 @@
-const t = {
+const o = {
   modelValue: Boolean,
   activator: [String, Object],
   activatorProps: {
@@ -38,6 +38,7 @@ const t = {
     type: [String, Number],
     default: "w-full"
   },
+  zIndex: { type: String, default: "z-50" },
   offset: [String, Number, Array],
   openDelay: {
     type: [String, Number],
@@ -50,16 +51,31 @@ const t = {
   location: {
     type: String,
     default: "bottom",
-    validator: (e) => ["top", "bottom", "left", "right"].includes(e)
+    validator: (t) => ["top", "bottom", "left", "right"].includes(t)
   },
   origin: {
     type: String,
-    default: "auto"
+    default: "auto",
+    validator: (t) => [
+      "auto",
+      "top left",
+      "top center",
+      "top right",
+      "bottom left",
+      "bottom center",
+      "bottom right",
+      "left top",
+      "left center",
+      "left bottom",
+      "right top",
+      "right center",
+      "right bottom"
+    ].includes(t)
   },
   transition: {
     type: String,
     default: "scale",
-    validator: (e) => ["fade", "slide-y", "slide-x", "scale"].includes(e)
+    validator: (t) => ["fade", "slide-y", "slide-x", "scale"].includes(t)
   },
   persistent: Boolean,
   zIndex: [String, Number],
@@ -78,5 +94,5 @@ const t = {
   }
 };
 export {
-  t as kunMenuProps
+  o as kunMenuProps
 };

package/dist/components/kunMenu/src/composables/useKunMenuStyles.js

@@ -1,51 +1,49 @@
-import { ref as c, computed as g } from "vue";
-function w(e, v, r, h) {
-  const s = c({}), u = c(null), d = c(null), x = {
+import { ref as a, computed as c } from "vue";
+function E(n, u, o, f) {
+  const l = a({}), s = a(null), d = {
     top: { class: "origin-bottom" },
     bottom: { class: "origin-top" },
     left: { class: "origin-right" },
     right: { class: "origin-left" }
-  }, E = g(() => {
+  }, m = c(() => {
     var t;
-    return ((t = x[e.location]) == null ? void 0 : t.class) || "origin-top";
+    return ((t = d[n.location]) == null ? void 0 : t.class) || "origin-top";
   });
-  function f(t = 0) {
-    var m;
-    const n = (m = e.parentRef) == null ? void 0 : m.$el;
-    if (!(n instanceof HTMLElement)) return;
-    const i = n.getBoundingClientRect();
-    if ((i.width < 10 || i.height < 10) && t < 10) {
-      requestAnimationFrame(() => f(t + 1));
+  function r(t = 0) {
+    const i = n.parentRef;
+    if (!(i instanceof HTMLElement)) return;
+    const e = i.getBoundingClientRect();
+    if ((e.width < 10 || e.height < 10) && t < 10) {
+      requestAnimationFrame(() => r(t + 1));
       return;
     }
-    const o = n.parentElement, a = o ? window.getComputedStyle(o) : {}, l = parseInt(a.marginTop, 10) || 0, b = parseInt(a.paddingTop, 10) || 0, H = l + b, L = n.offsetWidth - n.clientWidth, T = e.hideDetails ? 0 : 15;
-    s.value = {
+    const x = i.offsetWidth - i.clientWidth, p = n.hideDetails ? 0 : 19;
+    l.value = {
       position: "absolute",
-      top: `${i.bottom - H - T}px`,
-      left: `${i.left}px`,
-      width: `${i.width + L}px`
+      top: `${e.bottom - p}px`,
+      left: `${e.left}px`,
+      width: `${e.width + x}px`
     };
   }
-  function p() {
-    var n, i, o, a, l;
-    let t = null;
-    if (e.activator === "parent" ? t = ((n = e.parentRef) == null ? void 0 : n.$el) || ((i = d.value) == null ? void 0 : i.parentElement) : e.activator && typeof e.activator == "object" && (t = ((o = e.activator) == null ? void 0 : o.$el) || ((l = (a = e.activator) == null ? void 0 : a.$refs) == null ? void 0 : l.input) || e.activator), !(t instanceof HTMLElement)) {
+  function g() {
+    var i, e;
+    const t = ((i = n.parentRef) == null ? void 0 : i.$el) || ((e = s.value) == null ? void 0 : e.parentElement);
+    if (!(t instanceof HTMLElement)) {
       console.warn("[KunMenu] Activator no válido:", t);
       return;
     }
-    t instanceof HTMLElement && (u.value = t, t.addEventListener("click", v), t.addEventListener("mouseenter", () => r("enter")), t.addEventListener("mouseleave", () => r("leave")), t.addEventListener("focus", h));
+    t.addEventListener("click", u), t.addEventListener("mouseenter", () => o("enter")), t.addEventListener("mouseleave", () => o("leave")), t.addEventListener("focus", f);
   }
-  const M = g(() => typeof e.maxHeight == "number" ? e.maxHeight + "px" : e.maxHeight);
+  const h = c(() => typeof n.maxHeight == "number" ? n.maxHeight + "px" : n.maxHeight);
   return {
-    initializeMenu: p,
-    repositionMenu: f,
-    contentEl: d,
-    activatorEl: u,
-    originClass: E,
-    computedMaxHeight: M,
-    menuPositionStyle: s
+    initializeMenu: g,
+    repositionMenu: r,
+    contentEl: s,
+    originClass: m,
+    computedMaxHeight: h,
+    menuPositionStyle: l
   };
 }
 export {
-  w as useKunMenuStyles
+  E as useKunMenuStyles
 };

package/dist/icons/IconAccountOutline.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as c } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const r = {}, a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function l(m, t) {
+  return o(), e("svg", a, t[0] || (t[0] = [
+    c("path", {
+      fill: "currentColor",
+      d: "M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m0 7c2.67 0 8 1.33 8 4v3H4v-3c0-2.67 5.33-4 8-4m0 1.9c-2.97 0-6.1 1.46-6.1 2.1v1.1h12.2V17c0-.64-3.13-2.1-6.1-2.1"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(r, [["render", l]]);
+export {
+  f as default
+};

package/dist/icons/IconClose.vue.js

@@ -1,16 +1,20 @@
-import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import n from "../_virtual/_plugin-vue_export-helper.js";
-const l = {}, c = {
+import { createElementBlock as e, openBlock as o, createElementVNode as l } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
 };
-function s(f, e) {
-  return t(), o("svg", c, e[0] || (e[0] = [
-    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+function s(i, t) {
+  return o(), e("svg", c, t[0] || (t[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"
+    }, null, -1)
   ]));
 }
-const i = /* @__PURE__ */ n(l, [["render", s]]);
+const _ = /* @__PURE__ */ r(n, [["render", s]]);
 export {
-  i as default
+  _ as default
 };

package/dist/icons/IconPencil.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function m(s, e) {
+  return o(), t("svg", c, e[0] || (e[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "m14.06 9l.94.94L5.92 19H5v-.92zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83l3.75 3.75l1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ l(n, [["render", m]]);
+export {
+  _ as default
+};

package/dist/icons/IconTrashOutline.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function s(h, t) {
+  return o(), e("svg", c, t[0] || (t[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM8 9h8v10H8zm7.5-5l-1-1h-5l-1 1H5v2h14V4z"
+    }, null, -1)
+  ]));
+}
+const a = /* @__PURE__ */ n(l, [["render", s]]);
+export {
+  a as default
+};

package/dist/icons/index.js

@@ -1,27 +1,33 @@
 import o from "./IconAsterisk.vue.js";
 import e from "./IconCheck.vue.js";
-import r from "./IconClose.vue.js";
-import t from "./IconDelete.vue.js";
-import n from "./IconEdit.vue.js";
+import t from "./IconClose.vue.js";
+import n from "./IconDelete.vue.js";
+import r from "./IconEdit.vue.js";
 import i from "./IconMenuDownOutline.vue.js";
 import m from "./IconMenuUpOutline.vue.js";
 import c from "./IconSearch.vue.js";
 import f from "./IconStar.vue.js";
-import p from "./IconEyeOutline.vue.js";
-import l from "./IconEyeOffOutline.vue.js";
-const w = {
+import l from "./IconEyeOutline.vue.js";
+import p from "./IconEyeOffOutline.vue.js";
+import u from "./IconAccountOutline.vue.js";
+import I from "./IconPencil.vue.js";
+import O from "./IconTrashOutline.vue.js";
+const x = {
   asterisk: o,
   check: e,
-  close: r,
-  delete: t,
-  edit: n,
+  close: t,
+  delete: n,
+  edit: r,
   menuDownOutline: i,
   menuUpOutline: m,
   search: c,
   star: f,
-  eyeOutline: p,
-  eyeOffOutline: l
+  eyeOutline: l,
+  eyeOffOutline: p,
+  accountOutline: u,
+  pencil: I,
+  trashOutline: O
 };
 export {
-  w as icons
+  x as icons
 };

package/package.json

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