adverich-kun-ui 0.1.275 → 0.1.278

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

@@ -1,48 +1,51 @@
-import { ref as f, computed as x } from "vue";
-function T(n, b, g, w) {
-  const h = f({}), a = f(null), m = f(null), M = {
+import { ref as f, computed as E } from "vue";
+function F(n, H, g, b) {
+  const h = f({}), s = f(null), d = f(null), M = {
     top: { class: "origin-bottom" },
     bottom: { class: "origin-top" },
     left: { class: "origin-right" },
     right: { class: "origin-left" }
-  }, H = x(() => {
+  }, w = E(() => {
     var t;
     return ((t = M[n.location]) == null ? void 0 : t.class) || "origin-top";
   });
-  function s(t = 0) {
-    const i = n.parentRef || m.value, o = a.value;
-    if (!(i instanceof HTMLElement) || !(o instanceof HTMLElement)) return;
-    const e = i.getBoundingClientRect();
+  function a(t = 0) {
+    const o = n.parentRef || d.value, i = s.value;
+    if (!(o instanceof HTMLElement) || !(i instanceof HTMLElement)) return;
+    const e = o.getBoundingClientRect();
     if ((e.width < 1 || e.height < 1) && t < 10) {
-      requestAnimationFrame(() => s(t + 1));
+      requestAnimationFrame(() => a(t + 1));
       return;
     }
     requestAnimationFrame(() => {
-      const r = o.getBoundingClientRect();
-      if ((r.width < 1 || r.height < 1) && t < 10) {
-        requestAnimationFrame(() => s(t + 1));
+      const u = i.getBoundingClientRect();
+      if ((u.width < 1 || u.height < 1) && t < 10) {
+        requestAnimationFrame(() => a(t + 1));
         return;
       }
-      const d = n.origin || L(n.location), [v, p] = d.split(" ");
+      const m = n.origin || L(n.location), [p, v] = m.split(" ");
       console.log(n.hideDetails);
-      const D = n.hideDetails ? 0 : 19, E = r.width, u = r.height;
+      const A = n.hideDetails ? 0 : 19, x = i.offsetWidth, r = i.offsetHeight;
       let l = 0, c = 0;
-      p === "right" ? c = e.right - E : p === "center" ? c = e.left + e.width / 2 - E / 2 : c = e.left, v === "top" ? l = e.top - u : v === "center" ? l = e.top + e.height / 2 - u / 2 : l = e.bottom - D, h.value = {
+      v === "right" ? c = e.right - x : v === "center" ? c = e.left + e.width / 2 - x / 2 : c = e.left, p === "top" ? l = e.top - r : p === "center" ? l = e.top + e.height / 2 - r / 2 : l = e.bottom - A, h.value = {
         position: "fixed",
         top: `${l}px`,
         left: `${c}px`,
         width: n.width === "w-full" ? `${e.width}px` : void 0
       }, console.log("[KunMenu] Debug:", {
-        origin: d,
+        origin: m,
         parent: {
           top: e.top,
           bottom: e.bottom,
           height: e.height
         },
         menu: {
-          height: u
+          height: r,
+          offsetHeight: i.offsetHeight,
+          rectHeight: u.height
         },
-        calculatedTop: l
+        calculatedTop: l,
+        expectedTop: e.top - r
       });
     });
   }
@@ -61,25 +64,25 @@ function T(n, b, g, w) {
     }
   }
   function R() {
-    var i, o;
-    const t = ((i = n.parentRef) == null ? void 0 : i.$el) || ((o = a.value) == null ? void 0 : o.parentElement);
+    var o, i;
+    const t = ((o = n.parentRef) == null ? void 0 : o.$el) || ((i = s.value) == null ? void 0 : i.parentElement);
     if (!(t instanceof HTMLElement)) {
       console.warn("[KunMenu] Activator no válido:", t);
       return;
     }
-    t.addEventListener("click", b), t.addEventListener("mouseenter", () => g("enter")), t.addEventListener("mouseleave", () => g("leave")), t.addEventListener("focus", w);
+    t.addEventListener("click", H), t.addEventListener("mouseenter", () => g("enter")), t.addEventListener("mouseleave", () => g("leave")), t.addEventListener("focus", b);
   }
-  const A = x(() => typeof n.maxHeight == "number" ? n.maxHeight + "px" : n.maxHeight);
+  const T = E(() => typeof n.maxHeight == "number" ? n.maxHeight + "px" : n.maxHeight);
   return {
     initializeMenu: R,
-    repositionMenu: s,
-    contentEl: a,
-    activatorEl: m,
-    originClass: H,
-    computedMaxHeight: A,
+    repositionMenu: a,
+    contentEl: s,
+    activatorEl: d,
+    originClass: w,
+    computedMaxHeight: T,
     menuPositionStyle: h
   };
 }
 export {
-  T as useKunMenuStyles
+  F as useKunMenuStyles
 };

package/package.json

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