adverich-kun-ui 0.1.472 → 0.1.474

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

@@ -21,6 +21,7 @@ const O = {
       validator: (e) => ["left", "center", "right"].includes(e)
     },
     density: { type: String, default: "default" },
+    height: String,
     elevation: { type: String, default: "md" },
     bordered: { type: Boolean, default: !1 },
     borderColor: { type: String, default: "border-b border-slate-200 dark:border-slate-800" },
@@ -71,6 +72,7 @@ const O = {
       updateHeight: u
     });
     const w = f(() => {
+      if (t.height) return t.height;
       switch (t.density) {
         case "comfortable":
           return "h-[56px]";

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

@@ -1,5 +1,5 @@
-import { ref as g, computed as h, onMounted as M, onBeforeUnmount as V, createElementBlock as D, openBlock as $, Fragment as F, createElementVNode as E, createBlock as P, createCommentVNode as j, mergeProps as A, renderSlot as O, Teleport as I, createVNode as K, Transition as U, withCtx as X, withDirectives as Y, normalizeStyle as _, normalizeClass as q, createTextVNode as G, toDisplayString as H, vShow as J, nextTick as Q } from "vue";
-const W = "absolute px-3 py-2 shadow", ee = {
+import { ref as g, computed as h, onMounted as V, onBeforeUnmount as D, createElementBlock as P, openBlock as $, Fragment as j, createElementVNode as E, createBlock as F, createCommentVNode as A, mergeProps as I, renderSlot as O, Teleport as K, createVNode as U, Transition as X, withCtx as Y, withDirectives as _, normalizeStyle as q, normalizeClass as G, createTextVNode as H, toDisplayString as J, vShow as Q, nextTick as W } from "vue";
+const Z = "absolute px-3 py-2 shadow", te = {
   __name: "KunTooltip",
   props: {
     class: [String, Array, Object],
@@ -16,81 +16,83 @@ const W = "absolute px-3 py-2 shadow", ee = {
     textSize: { type: String, default: "text-sm" },
     dist: { type: [Number, Object], default: () => ({ x: 0, y: 8 }) }
   },
-  setup(a) {
-    const t = a, s = "tooltip-" + Math.random().toString(36).slice(2, 11), l = g(!1), v = g(null), x = g(null), w = g({});
-    let n = null, u = null, i = null;
+  setup(s) {
+    const t = s, z = "tooltip-" + Math.random().toString(36).slice(2, 11), o = g(!1), v = g(null), x = g(null), T = g({});
+    let u = null, n = null, i = null, r = !1;
     function y() {
-      t.disabled || (clearTimeout(u), clearTimeout(i), n && n !== s && n.hideFn(), n = { id: s, hideFn: r }, u = setTimeout(async () => {
-        v.value && (l.value = !0, await Q(), T());
+      t.disabled || o.value || r || (clearTimeout(u), clearTimeout(n), clearTimeout(i), r = !0, u = setTimeout(async () => {
+        r = !1, v.value && (o.value = !0, await W(), b(), i = setTimeout(() => {
+          a();
+        }, 5e3));
       }, +t.delay));
     }
-    function r() {
-      clearTimeout(u), clearTimeout(i), i = setTimeout(() => {
-        l.value = !1, n && n.id === s && (n = null);
-      }, +t.closeDelay);
-    }
-    function z() {
-      l.value ? r() : y();
+    function a() {
+      clearTimeout(u), clearTimeout(n), clearTimeout(i), !(!o.value && !r) && (n = setTimeout(() => {
+        o.value = !1, r = !1;
+      }, +t.closeDelay));
     }
     function B() {
-      clearTimeout(i);
+      o.value ? a() : y();
     }
     function L() {
-      r();
+      clearTimeout(n), clearTimeout(i);
+    }
+    function N() {
+      a();
     }
-    const b = h(() => {
+    const w = h(() => {
       if (t.disabled) return {};
       const e = {};
-      return t.openOn === "hover" && (e.onMouseenter = y, e.onMouseleave = r), t.openOn === "click" && (e.onClick = z), t.openOn === "focus" && (e.onFocus = y, e.onBlur = r), e;
-    }), N = h(() => [W, t.textColor, t.bgColor, t.textSize, t.rounded, t.class]), R = h(() => typeof t.dist == "number" ? { x: 0, y: t.dist } : { x: t.dist.x ?? 0, y: t.dist.y ?? 0 });
-    function T() {
+      return t.openOn === "hover" && (e.onMouseenter = y, e.onMouseleave = a), t.openOn === "click" && (e.onClick = B), t.openOn === "focus" && (e.onFocus = y, e.onBlur = a), e;
+    }), R = h(() => [Z, t.textColor, t.bgColor, t.textSize, t.rounded, t.class]), M = h(() => typeof t.dist == "number" ? { x: 0, y: t.dist } : { x: t.dist.x ?? 0, y: t.dist.y ?? 0 });
+    function b() {
       var k, C;
-      const e = (k = v.value) == null ? void 0 : k.getBoundingClientRect(), o = (C = x.value) == null ? void 0 : C.getBoundingClientRect();
-      if (!e || !o) return;
-      const d = window.pageYOffset || document.documentElement.scrollTop, f = window.pageXOffset || document.documentElement.scrollLeft, { x: p, y: m } = R.value, S = {
-        top: { top: `${e.top + d - o.height - m}px`, left: `${e.left + f + e.width / 2 - o.width / 2 + p}px` },
-        bottom: { top: `${e.bottom + d + m}px`, left: `${e.left + f + e.width / 2 - o.width / 2 + p}px` },
-        left: { top: `${e.top + d + e.height / 2 - o.height / 2 + m}px`, left: `${e.left + f - o.width - p}px` },
-        right: { top: `${e.top + d + e.height / 2 - o.height / 2 + m}px`, left: `${e.right + f + p}px` }
+      const e = (k = v.value) == null ? void 0 : k.getBoundingClientRect(), l = (C = x.value) == null ? void 0 : C.getBoundingClientRect();
+      if (!e || !l) return;
+      const d = window.pageYOffset || document.documentElement.scrollTop, f = window.pageXOffset || document.documentElement.scrollLeft, { x: p, y: m } = M.value, S = {
+        top: { top: `${e.top + d - l.height - m}px`, left: `${e.left + f + e.width / 2 - l.width / 2 + p}px` },
+        bottom: { top: `${e.bottom + d + m}px`, left: `${e.left + f + e.width / 2 - l.width / 2 + p}px` },
+        left: { top: `${e.top + d + e.height / 2 - l.height / 2 + m}px`, left: `${e.left + f - l.width - p}px` },
+        right: { top: `${e.top + d + e.height / 2 - l.height / 2 + m}px`, left: `${e.right + f + p}px` }
       };
-      w.value = S[t.location] || S.top;
+      T.value = S[t.location] || S.top;
     }
     const c = () => {
-      l.value && T();
+      o.value && b();
     };
-    return M(() => {
+    return V(() => {
       window.addEventListener("scroll", c), window.addEventListener("resize", c);
-    }), V(() => {
-      clearTimeout(u), clearTimeout(i), l.value = !1, window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
-    }), (e, o) => ($(), D(F, null, [
-      E("span", A({
+    }), D(() => {
+      clearTimeout(u), clearTimeout(n), clearTimeout(i), o.value = !1, window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+    }), (e, l) => ($(), P(j, null, [
+      E("span", I({
         ref_key: "activatorRef",
         ref: v
-      }, b.value), [
-        O(e.$slots, "activator", { props: b.value })
+      }, w.value), [
+        O(e.$slots, "activator", { props: w.value })
       ], 16),
-      a.disabled ? j("", !0) : ($(), P(I, {
+      s.disabled ? A("", !0) : ($(), F(K, {
         key: 0,
         to: "body"
       }, [
-        K(U, { name: a.transition }, {
-          default: X(() => [
-            Y(E("div", {
-              id: s,
+        U(X, { name: s.transition }, {
+          default: Y(() => [
+            _(E("div", {
+              id: z,
               ref_key: "tooltipRef",
               ref: x,
-              class: q(N.value),
-              style: _([w.value, { "z-index": "9999" }]),
+              class: G(R.value),
+              style: q([T.value, { "z-index": "9999" }]),
               role: "tooltip",
               "aria-hidden": "!isVisible",
-              onMouseenter: B,
-              onMouseleave: L
+              onMouseenter: L,
+              onMouseleave: N
             }, [
               O(e.$slots, "default", {}, () => [
-                G(H(a.text), 1)
+                H(J(s.text), 1)
               ])
             ], 38), [
-              [J, l.value]
+              [Q, o.value]
             ])
           ]),
           _: 3
@@ -100,5 +102,5 @@ const W = "absolute px-3 py-2 shadow", ee = {
   }
 };
 export {
-  ee as default
+  te as default
 };

package/package.json

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