adverich-kun-ui 0.1.278 → 0.1.279

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

@@ -1,4 +1,4 @@
-import { onMounted as W, nextTick as x, onUnmounted as P, watch as R, onBeforeUnmount as U, computed as w, createElementBlock as E, openBlock as c, Fragment as I, createBlock as O, createCommentVNode as g, Teleport as Y, createVNode as j, Transition as q, unref as n, withCtx as G, withDirectives as J, createElementVNode as Q, withKeys as X, normalizeStyle as Z, normalizeClass as _, withModifiers as ee, renderSlot as k, vShow as te } from "vue";
+import { onMounted as R, nextTick as W, onUnmounted as x, watch as P, onBeforeUnmount as U, computed as E, createElementBlock as g, openBlock as c, Fragment as I, createBlock as O, createCommentVNode as k, Teleport as Y, createVNode as j, Transition as q, unref as n, withCtx as G, withDirectives as J, createElementVNode as Q, withKeys as X, normalizeStyle as Z, normalizeClass as _, withModifiers as ee, renderSlot as C, vShow as te } from "vue";
 import { useKunMenu as ne } from "../composables/useKunMenu.js";
 import { kunMenuProps as oe } from "../composables/kunMenuProps.js";
 import { useKunMenuStyles as se } from "../composables/useKunMenuStyles.js";
@@ -7,46 +7,48 @@ const de = {
   __name: "kunMenu",
   props: oe,
   emits: ["update:modelValue", "click:outside", "handleEscape"],
-  setup(L, { emit: C }) {
-    var y;
-    const o = L, u = C, {
+  setup(L, { emit: M }) {
+    var w;
+    const o = L, u = M, {
       menuVisible: d,
       handleActivatorClick: m,
       handleHover: a,
       handleFocus: v,
       handleEscape: p,
-      hideMenu: M
+      hideMenu: b
     } = ne(o, u), {
-      initializeMenu: b,
-      repositionMenu: i,
-      contentEl: s,
-      activatorEl: T,
+      initializeMenu: T,
+      repositionMenu: l,
+      contentEl: r,
+      activatorEl: f,
       originClass: H,
       computedMaxHeight: S,
       menuPositionStyle: z
     } = se(o, m, a, v), { onClickOutside: B } = re(), { addEventListeners: K, removeEventListeners: V } = B(
-      s,
+      r,
       () => {
-        M(), u("click:outside");
+        var s;
+        const e = o.parentRef || f.value, t = window.__lastClickEvent;
+        (s = e == null ? void 0 : e.contains) != null && s.call(e, t == null ? void 0 : t.target) || (b(), u("click:outside"));
       },
-      [(y = o.parentRef) == null ? void 0 : y.$el]
+      [(w = o.parentRef) == null ? void 0 : w.$el]
     );
-    W(() => {
-      x(() => {
-        b(), window.addEventListener("resize", i);
+    R(() => {
+      W(() => {
+        T(), window.addEventListener("resize", l);
       });
-    }), P(() => {
-      const e = s.value;
-      e && e.removeEventListener("wheel", l), window.removeEventListener("resize", i);
-    }), R(d, (e) => {
-      const t = s.value;
-      t && (e ? (i(), t.addEventListener("wheel", l, { passive: !1 }), K()) : (t.removeEventListener("wheel", l), V()));
+    }), x(() => {
+      const e = r.value;
+      e && e.removeEventListener("wheel", i), window.removeEventListener("resize", l);
+    }), P(d, (e) => {
+      const t = r.value;
+      t && (e ? (l(), t.addEventListener("wheel", i, { passive: !1 }), K()) : (t.removeEventListener("wheel", i), V()));
     });
-    function l(e) {
-      const t = s.value;
+    function i(e) {
+      const t = r.value;
       if (!t) return;
-      const r = e.deltaY > 0, D = t.scrollTop + t.clientHeight >= t.scrollHeight, N = t.scrollTop <= 0;
-      (r && D || !r && N) && e.preventDefault();
+      const s = e.deltaY > 0, D = t.scrollTop + t.clientHeight >= t.scrollHeight, N = t.scrollTop <= 0;
+      (s && D || !s && N) && e.preventDefault();
     }
     function $() {
       var t;
@@ -56,7 +58,7 @@ const de = {
     U(() => {
       $();
     });
-    const f = w(() => {
+    const h = E(() => {
       switch (o.transition) {
         case "fade":
           return "opacity-0";
@@ -73,8 +75,8 @@ const de = {
         default:
           return "";
       }
-    }), h = w(() => "opacity-100 scale-100 translate-x-0 translate-y-0"), F = h, A = f;
-    return (e, t) => (c(), E(I, null, [
+    }), y = E(() => "opacity-100 scale-100 translate-x-0 translate-y-0"), F = y, A = h;
+    return (e, t) => (c(), g(I, null, [
       e.attach !== !0 ? (c(), O(Y, {
         key: 0,
         to: e.attach || "body"
@@ -82,36 +84,36 @@ const de = {
         j(q, {
           "enter-active-class": "transition ease-out duration-150",
           "leave-active-class": "transition ease-in duration-100",
-          "enter-from-class": f.value,
-          "enter-to-class": h.value,
+          "enter-from-class": h.value,
+          "enter-to-class": y.value,
           "leave-from-class": n(F),
           "leave-to-class": n(A)
         }, {
           default: G(() => [
             J(Q("div", {
               ref_key: "contentEl",
-              ref: s,
+              ref: r,
               role: "menu",
               tabindex: "-1",
               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", [o.class, n(H), e.width, e.height, e.minWidth, e.maxWidth, e.minHeight, e.maxHeight, e.zIndex]]),
               style: Z({ ...n(z), maxHeight: n(S) }),
-              onKeydown: t[0] || (t[0] = X(ee((...r) => n(p) && n(p)(...r), ["stop"]), ["escape"]))
+              onKeydown: t[0] || (t[0] = X(ee((...s) => n(p) && n(p)(...s), ["stop"]), ["escape"]))
             }, [
-              k(e.$slots, "default")
+              C(e.$slots, "default")
             ], 38), [
               [te, n(d)]
             ])
           ]),
           _: 3
         }, 8, ["enter-from-class", "enter-to-class", "leave-from-class", "leave-to-class"])
-      ], 8, ["to"])) : g("", !0),
-      e.$slots.activator ? (c(), E("span", {
+      ], 8, ["to"])) : k("", !0),
+      e.$slots.activator ? (c(), g("span", {
         key: 1,
         ref_key: "activatorEl",
-        ref: T
+        ref: f
       }, [
-        k(e.$slots, "activator")
-      ], 512)) : g("", !0)
+        C(e.$slots, "activator")
+      ], 512)) : k("", !0)
     ], 64));
   }
 };

package/package.json

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