adverich-kun-ui 0.1.52 → 0.1.54

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

@@ -10,8 +10,8 @@ const S = {
   __name: "KunSlider",
   props: x(),
   emits: ["update:modelValue"],
-  setup(p, { emit: f }) {
-    const c = f, o = p, { internalValue: s, thumbPosition: b } = k(o, c);
+  setup(p, { emit: c }) {
+    const f = c, o = p, { internalValue: s, thumbPosition: b } = k(o, f);
     return (e, a) => (i(), n("div", {
       class: u(["kun-slider", { "kun-slider--disabled": e.disabled }, o.class]),
       style: d(o.style)
@@ -46,7 +46,7 @@ const S = {
       ])
     ], 6));
   }
-}, N = /* @__PURE__ */ w(z, [["__scopeId", "data-v-09e03616"]]);
+}, N = /* @__PURE__ */ w(z, [["__scopeId", "data-v-e6512ce5"]]);
 export {
   N as default
 };

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

@@ -0,0 +1,97 @@
+import { useSlots as C, computed as w, ref as x, onMounted as N, createElementBlock as d, openBlock as u, renderSlot as n, createVNode as _, createElementVNode as p, Transition as E, withCtx as V, createCommentVNode as B, unref as a, normalizeStyle as f, normalizeClass as v, createTextVNode as y, toDisplayString as m } from "vue";
+import { useTooltip as L } from "../composables/useTooltip.js";
+const T = { class: "kun-tooltip relative inline-block" }, $ = {
+  __name: "KunTooltip",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    location: {
+      type: String,
+      default: "top",
+      validator: (t) => ["top", "bottom", "left", "right"].includes(t)
+    },
+    openOn: {
+      type: String,
+      default: "hover",
+      validator: (t) => ["hover", "click"].includes(t)
+    },
+    disabled: Boolean,
+    contentClass: {
+      type: [String, Object, Array],
+      default: null
+    },
+    delay: {
+      type: [String, Number],
+      default: 0,
+      validator: (t) => !isNaN(parseInt(t))
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: !1
+    },
+    transition: {
+      type: String,
+      default: "fade"
+    }
+  },
+  setup(t) {
+    const o = t, r = C(), k = w(() => r.activator ? {
+      onMouseenter: s,
+      onMouseleave: i,
+      onClick: c
+    } : {}), {
+      isVisible: g,
+      arrowClass: S,
+      positionStyle: b,
+      arrowStyle: h,
+      onEnter: s,
+      onLeave: i,
+      onClick: c
+    } = L(o), l = x(null);
+    return N(() => {
+      if (!r.activator && l.value) {
+        const e = l.value;
+        e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", i), e.addEventListener("click", c);
+      }
+    }), (e, z) => (u(), d("div", T, [
+      n(e.$slots, "activator", { props: k.value }, () => [
+        p("span", {
+          ref_key: "activator",
+          ref: l,
+          class: "kun-tooltip-activator"
+        }, [
+          n(e.$slots, "default")
+        ], 512)
+      ]),
+      _(E, { name: "fade" }, {
+        default: V(() => [
+          a(g) ? (u(), d("div", {
+            key: 0,
+            ref: "tooltip",
+            class: v([
+              "kun-tooltip-content",
+              "absolute z-50 px-2 py-1 text-sm rounded shadow-lg text-white bg-gray-800 dark:bg-gray-700 whitespace-nowrap",
+              o.contentClass
+            ]),
+            style: f(a(b))
+          }, [
+            y(m(o.text) + " ", 1),
+            n(e.$slots, "default", {}, () => [
+              y(m(o.text), 1)
+            ]),
+            p("div", {
+              class: v(["kun-tooltip-arrow", a(S)]),
+              style: f(a(h))
+            }, null, 6)
+          ], 6)) : B("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+};
+export {
+  $ as default
+};

package/dist/components/KunTooltip/src/composables/useTooltip.js

@@ -0,0 +1,93 @@
+import { ref as l, computed as i } from "vue";
+function x(e) {
+  const o = l(!1);
+  let c = null, s = null;
+  const w = i(() => {
+    switch (e.location) {
+      case "top":
+        return "mb-2";
+      case "bottom":
+        return "mt-2";
+      case "left":
+        return "mr-2";
+      case "right":
+        return "ml-2";
+      default:
+        return "";
+    }
+  }), h = i(() => {
+    switch (e.location) {
+      case "top":
+        return "border-b border-l border-gray-800 dark:border-gray-700";
+      case "bottom":
+        return "border-t border-l border-gray-800 dark:border-gray-700";
+      case "left":
+        return "border-r border-t border-gray-800 dark:border-gray-700";
+      case "right":
+        return "border-l border-t border-gray-800 dark:border-gray-700";
+      default:
+        return "";
+    }
+  }), g = i(() => {
+    let t = {};
+    switch (e.location) {
+      case "top":
+      case "bottom":
+        t.left = "50%", t.transform = "translateX(-50%)";
+        break;
+      case "left":
+      case "right":
+        t.top = "50%", t.transform = "translateY(-50%)";
+        break;
+    }
+    return t;
+  }), u = l({}), d = () => {
+    if (!n.value || !a.value) return;
+    const t = n.value.getBoundingClientRect(), f = a.value.getBoundingClientRect();
+    let r = {};
+    switch (e.location) {
+      case "top":
+        r.top = `${t.top + window.scrollY - f.height}px`, r.left = `${t.left + window.scrollX + t.width / 2}px`;
+        break;
+      case "bottom":
+        r.top = `${t.bottom + window.scrollY}px`, r.left = `${t.left + window.scrollX + t.width / 2}px`;
+        break;
+      case "left":
+        r.top = `${t.top + window.scrollY + t.height / 2}px`, r.left = `${t.left + window.scrollX - f.width}px`;
+        break;
+      case "right":
+        r.top = `${t.top + window.scrollY + t.height / 2}px`, r.left = `${t.right + window.scrollX}px`;
+        break;
+    }
+    u.value = r;
+  }, n = l(null), a = l(null), m = () => {
+    e.disabled || (clearTimeout(s), c = setTimeout(() => {
+      o.value = !0, d();
+    }, parseInt(e.delay)));
+  }, b = () => {
+    e.disabled || (clearTimeout(c), s = setTimeout(() => {
+      o.value = !1;
+    }, 100));
+  };
+  return {
+    isVisible: o,
+    positionClass: w,
+    arrowClass: h,
+    positionStyle: u,
+    arrowStyle: g,
+    onEnter: () => {
+      e.openOn === "hover" && m();
+    },
+    onLeave: () => {
+      e.openOn === "hover" && b();
+    },
+    onClick: () => {
+      e.openOn === "click" && (o.value = !o.value, o.value && d()), e.closeOnClick && b();
+    },
+    activator: n,
+    tooltip: a
+  };
+}
+export {
+  x as useTooltip
+};

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

@@ -0,0 +1,150 @@
+import { createElementBlock as A, openBlock as y, Fragment as D, createBlock as g, createCommentVNode as j, createElementVNode as a, Teleport as R, resolveDynamicComponent as q, unref as e, withCtx as $, withDirectives as K, mergeProps as V, withKeys as r, withModifiers as s, renderSlot as b, vShow as c, Transition as G, normalizeStyle as J, normalizeClass as L, normalizeProps as O, guardReactiveProps as Q } from "vue";
+import { useKunMenu as U } from "../composables/useKunMenu.js";
+import { kunMenuProps as X } from "../composables/kunMenuProps.js";
+/* empty css             */
+const Y = ["aria-label"], Z = { class: "max-h-60 overflow-auto" }, _ = ["aria-label"], ee = { class: "max-h-60 overflow-auto" }, te = ["aria-expanded"], re = {
+  __name: "kunMenu",
+  props: X,
+  emits: ["update:modelValue"],
+  setup(B, { emit: F }) {
+    const l = B, N = F, {
+      menuVisible: d,
+      activatorEl: S,
+      contentEl: h,
+      computedHeight: k,
+      computedMinWidth: w,
+      computedMinHeight: C,
+      computedMaxWidth: M,
+      computedMaxHeight: z,
+      locationMap: I,
+      transitionComponent: T,
+      hideMenu: p,
+      handleActivatorClick: P,
+      handleHover: H,
+      handleFocus: E,
+      handleContentClick: u,
+      focusNextItem: m,
+      focusPrevItem: v,
+      focusCurrentItem: f,
+      computedTransition: x,
+      menuWidth: W
+    } = U(l, N);
+    return (o, t) => (y(), A(D, null, [
+      o.attach !== !0 ? (y(), g(R, {
+        key: 0,
+        to: o.attach || "body"
+      }, [
+        typeof l.transition == "object" ? (y(), g(q(e(T)), {
+          key: 0,
+          mode: "out-in"
+        }, {
+          default: $(() => {
+            var i;
+            return [
+              K(a("div", V({
+                ref_key: "contentEl",
+                ref: h,
+                role: "menu",
+                "aria-label": o.label,
+                tabindex: "-1",
+                class: ["absolute bg-white dark:bg-gray-800 rounded shadow-lg z-[var(--zIndex,2000)] overflow-hidden focus:outline-none", [
+                  o.contentClass,
+                  ((i = e(I)[o.location]) == null ? void 0 : i.class) || ""
+                ]],
+                style: {
+                  width: e(W),
+                  minWidth: e(w),
+                  maxWidth: e(M),
+                  minHeight: e(C),
+                  maxHeight: e(z),
+                  height: e(k),
+                  zIndex: o.zIndex,
+                  opacity: o.scrim && typeof o.scrim == "string" ? l.opacity : void 0
+                }
+              }, o.contentProps, {
+                onClick: t[0] || (t[0] = s((...n) => e(u) && e(u)(...n), ["stop"])),
+                onKeydown: [
+                  t[1] || (t[1] = r(s((...n) => e(m) && e(m)(...n), ["stop", "prevent"]), ["down"])),
+                  t[2] || (t[2] = r(s((...n) => e(v) && e(v)(...n), ["stop", "prevent"]), ["up"])),
+                  t[3] || (t[3] = r(s((...n) => e(f) && e(f)(...n), ["stop"]), ["enter"])),
+                  t[4] || (t[4] = r((...n) => e(p) && e(p)(...n), ["escape"]))
+                ]
+              }), [
+                a("div", Z, [
+                  b(o.$slots, "default")
+                ])
+              ], 16, Y), [
+                [c, e(d)]
+              ])
+            ];
+          }),
+          _: 3
+        })) : (y(), g(G, {
+          key: 1,
+          name: e(x)
+        }, {
+          default: $(() => {
+            var i;
+            return [
+              K(a("div", V({
+                ref_key: "contentEl",
+                ref: h,
+                role: "menu",
+                "aria-label": o.label,
+                tabindex: "-1",
+                class: ["absolute bg-white dark:bg-gray-800 rounded shadow-lg z-[var(--zIndex,2000)] overflow-hidden focus:outline-none", [
+                  o.contentClass,
+                  ((i = e(I)[o.location]) == null ? void 0 : i.class) || ""
+                ]],
+                style: {
+                  width: e(W),
+                  minWidth: e(w),
+                  maxWidth: e(M),
+                  minHeight: e(C),
+                  maxHeight: e(z),
+                  height: e(k),
+                  zIndex: o.zIndex,
+                  opacity: o.scrim && typeof o.scrim == "string" ? l.opacity : void 0
+                }
+              }, o.contentProps, {
+                onClick: t[5] || (t[5] = s((...n) => e(u) && e(u)(...n), ["stop"])),
+                onKeydown: [
+                  t[6] || (t[6] = r(s((...n) => e(m) && e(m)(...n), ["stop", "prevent"]), ["down"])),
+                  t[7] || (t[7] = r(s((...n) => e(v) && e(v)(...n), ["stop", "prevent"]), ["up"])),
+                  t[8] || (t[8] = r(s((...n) => e(f) && e(f)(...n), ["stop"]), ["enter"])),
+                  t[9] || (t[9] = r((...n) => e(p) && e(p)(...n), ["escape"]))
+                ]
+              }), [
+                a("div", ee, [
+                  b(o.$slots, "default")
+                ])
+              ], 16, _), [
+                [c, e(d)]
+              ])
+            ];
+          }),
+          _: 3
+        }, 8, ["name"]))
+      ], 8, ["to"])) : j("", !0),
+      a("div", {
+        ref_key: "activatorEl",
+        ref: S,
+        class: L(["inline-block relative", [o.activatorProps.class]]),
+        style: J([o.activatorProps.style]),
+        onClick: t[10] || (t[10] = s((...i) => e(P) && e(P)(...i), ["stop"])),
+        onMouseenter: t[11] || (t[11] = (i) => e(H)("enter")),
+        onMouseleave: t[12] || (t[12] = (i) => e(H)("leave")),
+        onFocus: t[13] || (t[13] = (...i) => e(E) && e(E)(...i)),
+        role: "button",
+        "aria-haspopup": !0,
+        "aria-expanded": e(d),
+        tabindex: "0"
+      }, [
+        b(o.$slots, "activator", O(Q({ isActive: e(d) })))
+      ], 46, te)
+    ], 64));
+  }
+};
+export {
+  re as default
+};

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

@@ -0,0 +1,63 @@
+const t = {
+  modelValue: Boolean,
+  activator: [String, Object],
+  activatorProps: {
+    type: Object,
+    default: () => ({})
+  },
+  attach: [Boolean, String, Object],
+  openOnClick: Boolean,
+  openOnHover: Boolean,
+  openOnFocus: Boolean,
+  closeOnContentClick: { type: Boolean, default: !0 },
+  closeOnBack: { type: Boolean, default: !0 },
+  contained: Boolean,
+  contentClass: [String, Array, Object],
+  contentProps: {
+    type: Object,
+    default: () => ({})
+  },
+  disabled: Boolean,
+  eager: Boolean,
+  height: [String, Number],
+  width: [String, Number],
+  matchActivatorWidth: {
+    type: Boolean,
+    default: !1
+  },
+  minHeight: [String, Number],
+  minWidth: [String, Number],
+  maxHeight: [String, Number],
+  maxWidth: [String, Number],
+  offset: [String, Number, Array],
+  openDelay: { type: [String, Number], default: 100 },
+  closeDelay: { type: [String, Number], default: 100 },
+  location: { type: String, default: "bottom" },
+  origin: { type: String, default: "auto" },
+  transition: {
+    type: [String, Object],
+    default: "scale",
+    validator: (e) => ["fade", "slide-y", "slide-left", "slide-right", "scale"].includes(e) || typeof e == "object" && "component" in e
+  },
+  persistent: Boolean,
+  zIndex: [String, Number],
+  submenu: Boolean,
+  scrim: [Boolean, String],
+  opacity: { type: [Number, String], default: 1 },
+  scrollStrategy: {
+    type: [String, Function],
+    default: "reposition",
+    validator: (e) => ["close", "block", "reposition", "none"].includes(e) || typeof e == "function"
+  },
+  label: {
+    type: String,
+    default: "Menú contextual"
+  },
+  keyboardNavigation: {
+    type: Boolean,
+    default: !0
+  }
+};
+export {
+  t as kunMenuProps
+};

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

@@ -0,0 +1,169 @@
+import { ref as r, computed as o, watch as w, nextTick as L, onMounted as X, onBeforeUnmount as Y } from "vue";
+import { useKunMenuComposable as q } from "./useKunMenuComposable.js";
+import { useKunScrollStrategy as F } from "./useKunScrollStrategy.js";
+function U(e, v) {
+  const l = r(e.modelValue), a = r(null), i = r(null), d = r(null), s = r(null), k = o(
+    () => typeof e.width == "number" ? `${e.width}px` : e.width
+  ), C = o(
+    () => typeof e.height == "number" ? `${e.height}px` : e.height
+  ), H = o(
+    () => typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth
+  ), I = o(
+    () => typeof e.minHeight == "number" ? `${e.minHeight}px` : e.minHeight
+  ), M = o(
+    () => typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth
+  ), W = o(
+    () => typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight
+  ), T = {
+    top: { class: "origin-bottom" },
+    bottom: { class: "origin-top" },
+    left: { class: "origin-right" },
+    right: { class: "origin-left" }
+  }, A = o(() => {
+    var t;
+    return ((t = e.transition) == null ? void 0 : t.component) || null;
+  });
+  function g() {
+    e.disabled || (clearTimeout(s.value), d.value = setTimeout(() => {
+      l.value = !0, v("update:modelValue", !0);
+    }, +e.openDelay));
+  }
+  function m() {
+    e.persistent || (clearTimeout(d.value), s.value = setTimeout(() => {
+      l.value = !1, v("update:modelValue", !1);
+    }, +e.closeDelay));
+  }
+  function x() {
+    l.value ? m() : g();
+  }
+  function $(t) {
+    e.disabled || e.openOnClick && !e.persistent && x();
+  }
+  function E(t) {
+    if (!e.openOnHover || e.disabled) return;
+    clearTimeout(d.value), clearTimeout(s.value);
+    const c = t === "enter" ? e.openDelay : e.closeDelay;
+    setTimeout(() => {
+      l.value = t === "enter";
+    }, +c);
+  }
+  function O() {
+    e.openOnFocus && (l.value = !0);
+  }
+  function V(t) {
+    e.closeOnContentClick && !e.persistent && m();
+  }
+  w(
+    () => e.modelValue,
+    (t) => {
+      l.value = t;
+    }
+  ), w(
+    l,
+    async (t) => {
+      t && (await L(), h());
+    }
+  );
+  function h() {
+    if (!a.value || !i.value) return;
+    const t = a.value.getBoundingClientRect(), c = window.scrollX || window.pageXOffset, f = window.scrollY || window.pageYOffset;
+    let n = 0, u = 0;
+    const b = e.submenu ? "right" : e.location;
+    switch (b) {
+      case "top":
+        n = t.top - i.value.offsetHeight, u = t.left;
+        break;
+      case "bottom":
+        n = t.bottom, u = t.left;
+        break;
+      case "left":
+        n = t.top, u = t.left - i.value.offsetWidth;
+        break;
+      case "right":
+        n = t.top, u = t.right;
+        break;
+      default:
+        n = t.bottom, u = t.left;
+    }
+    if (e.offset)
+      if (Array.isArray(e.offset))
+        u += e.offset[0], n += e.offset[1];
+      else {
+        const y = parseInt(e.offset);
+        ["top", "bottom"].includes(b) ? u += y : n += y;
+      }
+    i.value.style.top = `${n + f}px`, i.value.style.left = `${u + c}px`;
+  }
+  function D() {
+    if (!e.keyboardNavigation) return;
+    const t = Array.from(i.value.querySelectorAll('[role="menuitem"]')), f = (t.findIndex((n) => document.activeElement === n) + 1) % t.length;
+    t[f].focus();
+  }
+  function N() {
+    if (!e.keyboardNavigation) return;
+    const t = Array.from(i.value.querySelectorAll('[role="menuitem"]')), f = (t.findIndex((n) => document.activeElement === n) - 1 + t.length) % t.length;
+    t[f].focus();
+  }
+  function S() {
+    if (!e.keyboardNavigation) return;
+    const t = document.activeElement;
+    t && t.getAttribute("role") === "menuitem" && t.click();
+  }
+  X(async () => {
+    var n;
+    e.activator === "parent" && (a.value = (n = i.value) == null ? void 0 : n.parentElement);
+    const { onClickOutside: t } = q(), { addEventListeners: c, removeEventListeners: f } = t(
+      i,
+      () => {
+        e.persistent || m();
+      },
+      [a]
+    );
+    c(), Y(() => {
+      f();
+    }), F(e, m, h);
+  });
+  const B = o(() => {
+    if (typeof e.transition == "object")
+      return e.transition.component || "transition";
+    switch (e.location) {
+      case "top":
+        return "slide-y";
+      case "left":
+        return "slide-left";
+      case "right":
+        return "slide-right";
+      default:
+        return "scale";
+    }
+  }), K = o(() => e.width ? e.width : e.matchActivatorWidth && a.value ? `${a.value.getBoundingClientRect().width}px` : "auto");
+  return {
+    menuVisible: l,
+    activatorEl: a,
+    contentEl: i,
+    computedWidth: k,
+    computedHeight: C,
+    computedMinWidth: H,
+    computedMinHeight: I,
+    computedMaxWidth: M,
+    computedMaxHeight: W,
+    locationMap: T,
+    transitionComponent: A,
+    showMenu: g,
+    hideMenu: m,
+    toggleMenu: x,
+    handleActivatorClick: $,
+    handleHover: E,
+    handleFocus: O,
+    handleContentClick: V,
+    positionMenu: h,
+    focusNextItem: D,
+    focusPrevItem: N,
+    focusCurrentItem: S,
+    computedTransition: B,
+    menuWidth: K
+  };
+}
+export {
+  U as useKunMenu
+};

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

@@ -0,0 +1,25 @@
+function v() {
+  function r(c, i, u = []) {
+    const n = (e) => {
+      var s;
+      const o = c.value;
+      if (!o) return;
+      const d = ((s = e.composedPath) == null ? void 0 : s.call(e)[0]) || e.target;
+      [o, ...u.map((t) => t == null ? void 0 : t.value)].some(
+        (t) => t == null ? void 0 : t.contains(d)
+      ) || i(e);
+    };
+    return {
+      addEventListeners: () => {
+        document.addEventListener("click", n, !0), document.addEventListener("touchstart", n, !0);
+      },
+      removeEventListeners: () => {
+        document.removeEventListener("click", n, !0), document.removeEventListener("touchstart", n, !0);
+      }
+    };
+  }
+  return { onClickOutside: r };
+}
+export {
+  v as useKunMenuComposable
+};

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

@@ -0,0 +1,25 @@
+import { ref as t, onMounted as s, onBeforeUnmount as c } from "vue";
+function a(r, n, l) {
+  const o = t(0);
+  function e() {
+    switch (r.scrollStrategy) {
+      case "close":
+        n();
+        break;
+      case "reposition":
+        l();
+        break;
+      case "block":
+        window.scrollTo(0, o.value);
+        break;
+    }
+  }
+  s(() => {
+    o.value = window.scrollY || window.pageYOffset, window.addEventListener("scroll", e, !0);
+  }), c(() => {
+    window.removeEventListener("scroll", e, !0);
+  });
+}
+export {
+  a as useKunScrollStrategy
+};