adverich-kun-ui 0.1.76 → 0.1.77

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

@@ -1,74 +1,74 @@
-import { onMounted as M, onUnmounted as C, watch as S, createBlock as b, createCommentVNode as K, openBlock as P, Teleport as T, createVNode as V, Transition as B, withCtx as D, withDirectives as I, createElementVNode as L, mergeProps as N, unref as n, withKeys as m, withModifiers as d, renderSlot as W, vShow as z } from "vue";
-import { useKunMenu as A } from "../composables/useKunMenu.js";
-import { kunMenuProps as F } from "../composables/kunMenuProps.js";
-import { useKunMenuStyles as U } from "../composables/useKunMenuStyles.js";
+import { onMounted as S, onUnmounted as K, watch as L, createBlock as T, createCommentVNode as V, openBlock as b, Teleport as z, createVNode as B, Transition as D, withCtx as I, withDirectives as N, createElementVNode as W, mergeProps as A, unref as o, withKeys as m, withModifiers as p, renderSlot as F, vShow as U } from "vue";
+import { useKunMenu as Y } from "../composables/useKunMenu.js";
+import { kunMenuProps as $ } from "../composables/kunMenuProps.js";
+import { useKunMenuStyles as j } from "../composables/useKunMenuStyles.js";
 /* empty css             */
-import Y from "../../../../_virtual/_plugin-vue_export-helper.js";
-const $ = {
+import q from "../../../../_virtual/_plugin-vue_export-helper.js";
+const G = {
   __name: "kunMenu",
-  props: F,
+  props: $,
   emits: ["update:modelValue", "click:outside", "handleEscape"],
-  setup(p, { emit: f }) {
-    const s = p, h = f, {
-      menuVisible: l,
-      activatorEl: c,
-      contentEl: r,
-      handleActivatorClick: v,
+  setup(c, { emit: f }) {
+    const l = c, h = f, {
+      menuVisible: a,
+      activatorEl: v,
+      contentEl: i,
+      handleActivatorClick: w,
       handleHover: g,
-      handleFocus: w,
-      focusCurrentItem: a,
-      handleEscape: u
-    } = A(s, h), {
+      handleFocus: E,
+      focusCurrentItem: u,
+      handleEscape: d
+    } = Y(l, h), {
       originClass: y,
-      setMenuPosition: E
-    } = U(s, r, c, v, g, w);
-    M(() => {
-      E();
-    }), C(() => {
-      const e = r.value;
-      e && e.removeEventListener("wheel", i);
-    }), S(l, (e) => {
-      const t = r.value;
-      t && (e ? t.addEventListener("wheel", i, { passive: !1 }) : t.removeEventListener("wheel", i));
+      setMenuPosition: M,
+      updatePosition: r,
+      computedMaxHeight: k,
+      menuPositionStyle: H
+    } = j(l, i, v, w, g, E);
+    S(() => {
+      M(), r(), window.addEventListener("resize", r);
+    }), K(() => {
+      const e = i.value;
+      e && e.removeEventListener("wheel", s), window.removeEventListener("resize", r);
+    }), L(a, (e) => {
+      const t = i.value;
+      t && (e ? (r(), t.addEventListener("wheel", s, { passive: !1 })) : t.removeEventListener("wheel", s));
     });
-    function i(e) {
-      const t = r.value;
+    function s(e) {
+      const t = i.value;
       if (!t) return;
-      const o = e.deltaY > 0, H = t.scrollTop + t.clientHeight >= t.scrollHeight, k = t.scrollTop <= 0;
-      (o && H || !o && k) && e.preventDefault();
+      const n = e.deltaY > 0, C = t.scrollTop + t.clientHeight >= t.scrollHeight, P = t.scrollTop <= 0;
+      (n && C || !n && P) && e.preventDefault();
     }
-    return (e, t) => e.attach !== !0 ? (P(), b(T, {
+    return (e, t) => e.attach !== !0 ? (b(), T(z, {
       key: 0,
       to: e.attach || "body"
     }, [
-      V(B, { name: e.transition }, {
-        default: D(() => [
-          I(L("div", N({
+      B(D, { name: e.transition }, {
+        default: I(() => [
+          N(W("div", A({
             ref_key: "contentEl",
-            ref: r,
+            ref: i,
             role: "menu",
             tabindex: "-1",
-            class: ["bg-gray-100 rounded shadow-lg overflow-y-auto focus:outline-none mt-0.5 z-10", [e.contentClass, n(y), e.width, e.height, e.minWidth, e.maxWidth, e.minHeight, e.maxHeight, e.zIndex]],
-            style: {
-              ...e.menuPositionStyle,
-              maxHeight: typeof e.maxHeight == "number" ? e.maxHeight + "px" : e.maxHeight
-            }
+            class: ["rounded shadow-lg overflow-y-auto focus:outline-none mt-0.5 z-10", [e.contentClass, o(y), e.width, e.height, e.minWidth, e.maxWidth, e.minHeight, e.maxHeight, e.zIndex]],
+            style: { ...o(H), computedMaxHeight: o(k) }
           }, e.contentProps, {
             onKeydown: [
-              t[0] || (t[0] = m(d((...o) => n(a) && n(a)(...o), ["stop"]), ["enter"])),
-              t[1] || (t[1] = m(d((...o) => n(u) && n(u)(...o), ["stop"]), ["escape"]))
+              t[0] || (t[0] = m(p((...n) => o(u) && o(u)(...n), ["stop"]), ["enter"])),
+              t[1] || (t[1] = m(p((...n) => o(d) && o(d)(...n), ["stop"]), ["escape"]))
             ]
           }), [
-            W(e.$slots, "default", {}, void 0, !0)
+            F(e.$slots, "default", {}, void 0, !0)
           ], 16), [
-            [z, n(l)]
+            [U, o(a)]
           ])
         ]),
         _: 3
       }, 8, ["name"])
-    ], 8, ["to"])) : K("", !0);
+    ], 8, ["to"])) : V("", !0);
   }
-}, R = /* @__PURE__ */ Y($, [["__scopeId", "data-v-62124f7f"]]);
+}, x = /* @__PURE__ */ q(G, [["__scopeId", "data-v-03a2baed"]]);
 export {
-  R as default
+  x as default
 };

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

@@ -23,10 +23,6 @@ const t = {
     type: Object,
     default: () => ({})
   },
-  menuPositionStyle: {
-    type: Object,
-    default: () => ({})
-  },
   disabled: Boolean,
   eager: Boolean,
   height: [String, Number],

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

@@ -1,29 +1,46 @@
-import { computed as d } from "vue";
-function E(t, c, l, o, i, s) {
-  const u = {
+import { ref as E, computed as c } from "vue";
+function $(t, r, a, l, s, u) {
+  const f = E({}), d = {
     top: { class: "origin-bottom" },
     bottom: { class: "origin-top" },
     left: { class: "origin-right" },
     right: { class: "origin-left" }
-  }, f = d(() => {
-    var n;
-    return ((n = u[t.location]) == null ? void 0 : n.class) || "origin-top";
+  }, m = c(() => {
+    var i;
+    return ((i = d[t.location]) == null ? void 0 : i.class) || "origin-top";
   });
   function v() {
-    var n, a, r;
+    var i, o, n;
     if (t.activator === "parent") {
-      const e = (n = c.value) == null ? void 0 : n.parentElement;
-      e && (e.addEventListener("click", o), e.addEventListener("mouseenter", () => i("enter")), e.addEventListener("mouseleave", () => i("leave")), e.addEventListener("focus", s));
+      const e = (i = r.value) == null ? void 0 : i.parentElement;
+      e && (e.addEventListener("click", l), e.addEventListener("mouseenter", () => s("enter")), e.addEventListener("mouseleave", () => s("leave")), e.addEventListener("focus", u));
     } else if (t.activator && typeof t.activator == "object") {
-      let e = (a = t.activator) == null ? void 0 : a.value;
-      e && e.$el && (e = e.$el), (r = e == null ? void 0 : e.$refs) != null && r.input && (e = e.$refs.input), e instanceof HTMLElement && (l.value = e, e.addEventListener("click", o), e.addEventListener("mouseenter", () => i("enter")), e.addEventListener("mouseleave", () => i("leave")), e.addEventListener("focus", s));
+      let e = (o = t.activator) == null ? void 0 : o.value;
+      e && e.$el && (e = e.$el), (n = e == null ? void 0 : e.$refs) != null && n.input && (e = e.$refs.input), e instanceof HTMLElement && (a.value = e, e.addEventListener("click", l), e.addEventListener("mouseenter", () => s("enter")), e.addEventListener("mouseleave", () => s("leave")), e.addEventListener("focus", u));
     }
   }
+  function g() {
+    var o;
+    const i = a.value;
+    if (i && (o = t.textFieldRef) != null && o.$el) {
+      const n = i.getBoundingClientRect();
+      let e = n.bottom;
+      t.hideDetails || (e = e - 20), f.value = {
+        position: "absolute",
+        top: `${e}px`,
+        left: `${n.left}px`,
+        width: `${n.width}px`
+      };
+    }
+  }
+  const x = c(() => typeof t.maxHeight == "number" ? t.maxHeight + "px" : void 0);
   return {
-    originClass: f,
-    setMenuPosition: v
+    originClass: m,
+    setMenuPosition: v,
+    updatePosition: g,
+    computedMaxHeight: x
   };
 }
 export {
-  E as useKunMenuStyles
+  $ as useKunMenuStyles
 };

package/dist/icons/IconMenuRounded.vue.js

@@ -0,0 +1,17 @@
+import { createElementBlock as o, openBlock as t, mergeProps as n, createElementVNode as m } from "vue";
+import s from "../_virtual/_plugin-vue_export-helper.js";
+const l = {};
+function c(r, e) {
+  return t(), o("svg", n({
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "w-[1em] h-[1em]",
+    viewBox: "0 0 24 24",
+    fill: "currentColor"
+  }, r.$attrs), e[0] || (e[0] = [
+    m("path", { d: "M3 18h18v-2H3v2Zm0-5h18v-2H3v2Zm0-7v2h18V6H3Z" }, null, -1)
+  ]), 16);
+}
+const v = /* @__PURE__ */ s(l, [["render", c]]);
+export {
+  v as default
+};

package/dist/index.js

@@ -14,8 +14,8 @@ import c from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
 import $ from "./components/KunChip/src/components/KunChip.vue.js";
 import l from "./components/KunCol/src/components/KunCol.vue.js";
 import d from "./components/KunContainer/src/components/KunContainer.vue.js";
-import C from "./components/KunCurrency/src/components/KunCurrency.vue.js";
-import L from "./components/KunDivider/src/components/KunDivider.vue.js";
+import L from "./components/KunCurrency/src/components/KunCurrency.vue.js";
+import C from "./components/KunDivider/src/components/KunDivider.vue.js";
 import I 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";
@@ -35,8 +35,8 @@ import R from "./components/KunSlider/src/components/KunSlider.vue.js";
 import j from "./components/KunSpacer/src/components/KunSpacer.vue.js";
 import k from "./components/KunSwitch/src/components/KunSwitch.vue.js";
 import q from "./components/KunTextField/src/components/KunTextField.vue.js";
-import z from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import M from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import M from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import z from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const n = {
   KunAlert: r,
   KunAppbar: t,
@@ -54,8 +54,8 @@ const n = {
   KunChip: $,
   KunCol: l,
   KunContainer: d,
-  KunCurrency: C,
-  KunDivider: L,
+  KunCurrency: L,
+  KunDivider: C,
   KunForm: I,
   KunIcon: T,
   KunList: A,
@@ -74,8 +74,8 @@ const n = {
   KunSpacer: j,
   KunSwitch: k,
   KunTextField: q,
-  KunToolbar: z,
-  KunTooltip: M
+  KunToolbar: M,
+  KunTooltip: z
 };
 function hm(i) {
   for (const m in n)
@@ -97,8 +97,8 @@ export {
   $ as KunChip,
   l as KunCol,
   d as KunContainer,
-  C as KunCurrency,
-  L as KunDivider,
+  L as KunCurrency,
+  C as KunDivider,
   I as KunForm,
   T as KunIcon,
   A as KunList,
@@ -118,7 +118,7 @@ export {
   j as KunSpacer,
   k as KunSwitch,
   q as KunTextField,
-  z as KunToolbar,
-  M as KunTooltip,
+  M as KunToolbar,
+  z as KunTooltip,
   hm as install
 };

package/package.json

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

package/dist/components/KunCard/src/composables/useCard.js

@@ -1,17 +0,0 @@
-import { computed as d } from "vue";
-function r(e) {
-  const n = d(() => [
-    e.bgColor,
-    e.flat ? "shadow-none" : "shadow-md",
-    e.rounded === !0 ? "rounded-lg" : e.rounded ? `rounded-${e.rounded}` : "",
-    e.outlined ? `border ${e.outlineColor}` : "",
-    e.class
-  ].filter(Boolean)), o = d(() => e.style || {});
-  return {
-    cardClass: n,
-    cardStyle: o
-  };
-}
-export {
-  r as useCard
-};

package/dist/components/KunCardActions/src/composables/useCardActions.js

@@ -1,19 +0,0 @@
-import { computed as n } from "vue";
-function r(e) {
-  const t = n(() => [
-    "flex",
-    e.wrap ? "flex-wrap" : "flex-nowrap",
-    e.justify,
-    e.align,
-    e.gap,
-    e.dense ? "py-1 px-2" : "py-3 px-4",
-    e.class
-  ].filter(Boolean)), a = n(() => e.style || {});
-  return {
-    containerClass: t,
-    containerStyle: a
-  };
-}
-export {
-  r as useCardActions
-};

package/dist/components/KunCardItem/src/composables/useCardItem.js

@@ -1,17 +0,0 @@
-import { computed as t } from "vue";
-function o(e) {
-  const n = t(() => [
-    "flex",
-    "flex-col",
-    e.dense ? "py-1 px-2" : "py-3 px-4",
-    e.gap,
-    e.class
-  ].filter(Boolean)), r = t(() => e.style || {});
-  return {
-    containerClass: n,
-    containerStyle: r
-  };
-}
-export {
-  o as useCardItem
-};

package/dist/components/KunCardSubtitle/src/composables/useCardSubtitle.js

@@ -1,15 +0,0 @@
-import { computed as e } from "vue";
-function r(t) {
-  const l = e(() => [
-    t.color,
-    t.dense ? "text-xs" : "text-sm",
-    t.class
-  ].filter(Boolean)), s = e(() => t.style || {});
-  return {
-    subtitleClass: l,
-    subtitleStyle: s
-  };
-}
-export {
-  r as useCardSubtitle
-};

package/dist/components/KunCardText/src/composables/useCardText.js

@@ -1,15 +0,0 @@
-import { computed as e } from "vue";
-function s(t) {
-  const n = e(() => [
-    t.color,
-    t.dense ? "text-xs" : "text-sm",
-    t.class
-  ].filter(Boolean)), r = e(() => t.style || {});
-  return {
-    textClass: n,
-    textStyle: r
-  };
-}
-export {
-  s as useCardText
-};

package/dist/components/KunCardTitle/src/composables/useCardTitle.js

@@ -1,25 +0,0 @@
-import { computed as e } from "vue";
-function c(t) {
-  const d = e(() => !!t.prepend), i = e(() => !!t.append), h = e(() => [
-    t.dense ? "py-1 px-2 text-sm" : "py-3 px-4 text-base",
-    t.flat ? "shadow-none" : "shadow",
-    t.rounded === !0 ? "rounded-md" : t.rounded ? `rounded-${t.rounded}` : "",
-    t.bgColor,
-    t.textColor,
-    t.class
-  ].filter(Boolean)), u = e(() => {
-    const n = t.style || {};
-    return t.height && (n.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.width && (n.width = typeof t.width == "number" ? `${t.width}px` : t.width), n;
-  }), o = e(() => t.dense ? "font-medium" : "font-semibold"), a = e(() => "text-xs opacity-75 mt-1");
-  return {
-    hasPrependIcon: d,
-    hasAppendIcon: i,
-    containerClass: h,
-    containerStyle: u,
-    titleClass: o,
-    subtitleClass: a
-  };
-}
-export {
-  c as useCardTitle
-};