adverich-kun-ui 0.1.405 → 0.1.407

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

@@ -1,4 +1,4 @@
-import { useAttrs as re, ref as se, getCurrentInstance as le, computed as a, createElementBlock as l, openBlock as r, mergeProps as E, renderSlot as i, createElementVNode as d, createCommentVNode as u, normalizeClass as b, toDisplayString as y, normalizeProps as S, guardReactiveProps as V, unref as s, createBlock as m, resolveDynamicComponent as h, withKeys as ae, Fragment as ie, renderList as de, withDirectives as ue, vShow as pe, createTextVNode as ce, nextTick as ve } from "vue";
+import { useAttrs as se, ref as re, getCurrentInstance as le, computed as a, createElementBlock as l, openBlock as s, mergeProps as E, renderSlot as i, createElementVNode as d, createCommentVNode as u, normalizeClass as b, toDisplayString as y, normalizeProps as S, guardReactiveProps as V, unref as r, createBlock as m, resolveDynamicComponent as h, withKeys as ae, Fragment as ie, renderList as de, withDirectives as ue, vShow as pe, createTextVNode as ce, nextTick as ve } from "vue";
 import { kunTextareaProps as fe } from "../composables/KunTextareaProps.js";
 import ge from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as k } from "../../../../utils/renderIcon.js";
@@ -24,8 +24,8 @@ const be = { class: "relative" }, ye = {
   __name: "KunTextarea",
   props: { ...fe },
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(F, { expose: G, emit: P }) {
-    const o = F, C = P, K = re(), p = se(null), N = `textarea-${le().uid}`, {
+  setup(F, { expose: P, emit: G }) {
+    const o = F, C = G, K = se(), p = re(null), N = `textarea-${le().uid}`, {
       isFocused: c,
       internalValue: v,
       rootRef: B,
@@ -102,7 +102,7 @@ const be = { class: "relative" }, ye = {
       const { class: e, ...t } = K;
       return t;
     });
-    return G({
+    return P({
       validate: j,
       reset: H,
       resetValidation: L,
@@ -113,41 +113,41 @@ const be = { class: "relative" }, ye = {
         var e;
         return (e = p.value) == null ? void 0 : e.focus();
       }
-    }), (e, t) => (r(), l("div", E({
+    }), (e, t) => (s(), l("div", E({
       class: X.value,
       ref_key: "rootRef",
       ref: B
     }, ne.value), [
       i(e.$slots, "label", E({ for: N }, ee), () => [
-        e.label ? (r(), l("label", {
+        e.label ? (s(), l("label", {
           key: 0,
           class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", A.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
         }, y(e.label), 3)) : u("", !0)
       ]),
       d("div", be, [
-        e.prependIcon || e.$slots.prepend ? (r(), l("div", ye, [
-          i(e.$slots, "prepend", S(V(s(oe))), () => [
+        e.prependIcon || e.$slots.prepend ? (s(), l("div", ye, [
+          i(e.$slots, "prepend", S(V(r(oe))), () => [
             d("div", {
               onClick: t[0] || (t[0] = (n) => e.handleIconClick(n, "prepend"))
             }, [
-              (r(), m(h(s(k)(e.prependIcon))))
+              (s(), m(h(r(k)(e.prependIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (r(), l("div", me, [
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", me, [
           i(e.$slots, "prepend-inner", {}, () => [
             d("div", {
               onClick: t[1] || (t[1] = (n) => e.handleIconClick(n, "prependInner"))
             }, [
-              (r(), m(h(s(k)(e.prependInnerIcon))))
+              (s(), m(h(r(k)(e.prependInnerIcon))))
             ])
           ])
         ])) : u("", !0),
         d("textarea", {
           ref_key: "textareaRef",
           ref: p,
-          value: s(v),
-          rows: e.autoGrow ? 1 : e.rows,
+          value: r(v),
+          rows: e.rows,
           disabled: e.disabled,
           readonly: e.readonly,
           placeholder: e.placeholder,
@@ -160,39 +160,39 @@ const be = { class: "relative" }, ye = {
           onClick: t[2] || (t[2] = (n) => e.$emit("click:control", n)),
           onMousedown: t[3] || (t[3] = (n) => e.$emit("mousedown:control", n))
         }, null, 42, he),
-        e.clearable && s(v) ? (r(), l("div", {
+        e.clearable && r(v) ? (s(), l("div", {
           key: 2,
           class: b(["absolute right-2 top-2", Y.value])
         }, [
           i(e.$slots, "clear", S(V(R)), () => [
             d("button", {
               type: "button",
-              onClick: t[4] || (t[4] = (...n) => s(D) && s(D)(...n)),
+              onClick: t[4] || (t[4] = (...n) => r(D) && r(D)(...n)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
-              (r(), m(h(s(k)(e.clearIcon))))
+              (s(), m(h(r(k)(e.clearIcon))))
             ])
           ])
         ], 2)) : u("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (r(), l("div", ke, [
+        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", ke, [
           i(e.$slots, "append-inner", {}, () => [
             d("div", {
               onClick: t[5] || (t[5] = (n) => e.handleIconClick(n, "appendInner"))
             }, [
-              (r(), m(h(s(k)(e.appendInnerIcon))))
+              (s(), m(h(r(k)(e.appendInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.appendIcon || e.$slots.append ? (r(), l("div", Ce, [
-          i(e.$slots, "append", S(V(s(te))), () => [
+        e.appendIcon || e.$slots.append ? (s(), l("div", Ce, [
+          i(e.$slots, "append", S(V(r(te))), () => [
             d("div", {
               onClick: t[6] || (t[6] = (n) => e.handleIconClick(n, "append"))
             }, [
-              (r(), m(h(s(k)(e.appendIcon))))
+              (s(), m(h(r(k)(e.appendIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.loading ? (r(), l("div", we, [
+        e.loading ? (s(), l("div", we, [
           i(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
@@ -205,12 +205,12 @@ const be = { class: "relative" }, ye = {
             ])
           ])
         ])) : u("", !0),
-        !e.hideDetails || e.hideDetails === "auto" && (s(w).length || e.hint) ? (r(), l("div", {
+        !e.hideDetails || e.hideDetails === "auto" && (r(w).length || e.hint) ? (s(), l("div", {
           key: 6,
-          class: b(["text-xs mt-1 space-y-1", { "text-red-500": s(f), "text-gray-500": !s(f) }])
+          class: b(["text-xs mt-1 space-y-1", { "text-red-500": r(f), "text-gray-500": !r(f) }])
         }, [
           i(e.$slots, "details", {}, () => [
-            s(f) ? (r(!0), l(ie, { key: 0 }, de(s(w), (n, g) => i(e.$slots, "message", {
+            r(f) ? (s(!0), l(ie, { key: 0 }, de(r(w), (n, g) => i(e.$slots, "message", {
               key: g,
               message: n
             }, () => [
@@ -220,19 +220,19 @@ const be = { class: "relative" }, ye = {
               hint: e.hint
             }, () => [
               ue(d("div", null, y(e.hint), 513), [
-                [pe, e.persistentHint || s(c)]
+                [pe, e.persistentHint || r(c)]
               ])
             ]) : u("", !0)
           ])
         ], 2)) : u("", !0),
-        W.value ? (r(), l("div", $e, [
+        W.value ? (s(), l("div", $e, [
           i(e.$slots, "counter", {
             counter: I.value,
             max: $.value,
             value: I.value
           }, () => [
             ce(y(I.value), 1),
-            $.value ? (r(), l("span", Re, " / " + y($.value), 1)) : u("", !0)
+            $.value ? (s(), l("span", Re, " / " + y($.value), 1)) : u("", !0)
           ])
         ])) : u("", !0)
       ])

package/dist/components/KunTextarea/src/composables/useKunTextareaComposable.js

@@ -1,8 +1,8 @@
-import { ref as l, computed as m, watch as H, nextTick as v, onMounted as R, onBeforeUnmount as T } from "vue";
-function q(n, y) {
-  const i = l(null), r = l(""), c = l(n.modelValue), O = l(!1), s = l([]), f = l(null), d = m(() => n.formatModel === "json" || n.formatModel === "auto" && typeof n.modelValue == "object");
-  function M(e) {
-    if (d.value && e != null)
+import { ref as l, computed as y, watch as C, nextTick as f, onMounted as F, onBeforeUnmount as G } from "vue";
+function k(t, M) {
+  const d = l(null), a = l(""), g = l(t.modelValue), O = l(!1), i = l([]), S = l(null), h = y(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
+  function V(e) {
+    if (h.value && e != null)
       try {
         return JSON.stringify(e, null, 2);
       } catch {
@@ -10,8 +10,8 @@ function q(n, y) {
       }
     return e ?? "";
   }
-  function S(e) {
-    if (d.value && typeof e == "string")
+  function w(e) {
+    if (h.value && typeof e == "string")
       try {
         return JSON.parse(e);
       } catch {
@@ -19,68 +19,72 @@ function q(n, y) {
       }
     return e;
   }
-  function A(e) {
-    const t = S(e);
-    c.value = t, y("update:modelValue", t), y("change", t);
+  function E(e) {
+    const n = w(e);
+    g.value = n, M("update:modelValue", n), M("change", n);
   }
-  H(() => n.modelValue, (e) => {
-    const t = JSON.stringify(e), u = JSON.stringify(c.value);
-    t !== u && (c.value = e, r.value = M(e), n.autoGrow && v(g));
+  C(() => t.modelValue, (e) => {
+    const n = JSON.stringify(e), u = JSON.stringify(g.value);
+    n !== u && (g.value = e, a.value = V(e), t.autoGrow && f(m));
   });
-  function g() {
-    const e = i.value;
-    if (!e || !n.autoGrow) return;
-    const t = e.selectionStart;
-    e.style.height = "auto", f.value = requestAnimationFrame(() => {
-      e.style.height = `${Math.min(e.scrollHeight, n.maxHeight || 9999)}px`, e.setSelectionRange(t, t);
+  function m() {
+    const e = d.value;
+    !e || !t.autoGrow || f(() => {
+      e.style.height = "auto";
+      const n = parseFloat(getComputedStyle(e).lineHeight) || 24, u = Number(t.rows) || 5, r = n * u, o = e.scrollHeight, s = t.maxHeight || 9999, v = Math.min(o, s);
+      e.style.height = `${Math.max(r, v)}px`;
+      const c = e.selectionStart;
+      e.setSelectionRange(c, c);
     });
   }
-  R(() => {
-    r.value = M(n.modelValue), n.autoGrow && v(g);
-  }), T(() => {
-    f.value && cancelAnimationFrame(f.value);
+  F(() => {
+    a.value = V(t.modelValue), f(() => {
+      t.autoGrow && m();
+    });
+  }), G(() => {
+    S.value && cancelAnimationFrame(S.value);
   });
-  const V = m(() => {
+  const x = y(() => {
     var e;
-    return !!(s.value.length || (e = n.errorMessages) != null && e.length);
-  }), E = m(() => V.value ? [...n.errorMessages || [], ...s.value].slice(0, n.maxErrors) : []);
-  function I() {
-    const e = n.rules || [], t = n.required && !r.value ? null : S(r.value), u = [];
-    for (const o of e) {
-      const a = typeof o == "function" ? o(t) : o;
-      Array.isArray(a) ? u.push(...a) : typeof a == "string" ? u.push(a) : a === !1 && u.push("Campo inválido");
+    return !!(i.value.length || (e = t.errorMessages) != null && e.length);
+  }), I = y(() => x.value ? [...t.errorMessages || [], ...i.value].slice(0, t.maxErrors) : []);
+  function b() {
+    const e = t.rules || [], n = t.required && !a.value ? null : w(a.value), u = [];
+    for (const r of e) {
+      const o = typeof r == "function" ? r(n) : r;
+      Array.isArray(o) ? u.push(...o) : typeof o == "string" ? u.push(o) : o === !1 && u.push("Campo inválido");
     }
-    return s.value = u, u.length === 0;
+    return i.value = u, u.length === 0;
   }
-  function N() {
-    s.value = [];
+  function j() {
+    i.value = [];
   }
-  function j(e) {
-    var x;
-    if (!d.value || e.key !== "Enter") return;
-    const t = i.value;
-    if (!t) return;
-    const u = t.selectionStart, o = r.value, a = "  ", h = o.slice(0, u), F = o.slice(u), G = h.lastIndexOf(`
-`) + 1, w = `
-${((x = h.slice(G).match(/^\s*/)) == null ? void 0 : x[0]) ?? ""}${a}`;
-    r.value = h + w + F, v(() => {
-      const J = u + w.length;
-      t.setSelectionRange(J, J);
+  function A(e) {
+    var J;
+    if (!h.value || e.key !== "Enter") return;
+    const n = d.value;
+    if (!n) return;
+    const u = n.selectionStart, r = a.value, o = "  ", s = r.slice(0, u), v = r.slice(u), c = s.lastIndexOf(`
+`) + 1, H = `
+${((J = s.slice(c).match(/^\s*/)) == null ? void 0 : J[0]) ?? ""}${o}`;
+    a.value = s + H + v, f(() => {
+      const N = u + H.length;
+      n.setSelectionRange(N, N);
     }), e.preventDefault();
   }
   return {
-    inputRef: i,
-    internalValue: r,
+    inputRef: d,
+    internalValue: a,
     isFocused: O,
-    hasError: V,
-    displayedMessages: E,
-    validate: I,
-    resetValidation: N,
-    updateModel: A,
-    adjustHeight: g,
-    handleJsonEnter: j
+    hasError: x,
+    displayedMessages: I,
+    validate: b,
+    resetValidation: j,
+    updateModel: E,
+    adjustHeight: m,
+    handleJsonEnter: A
   };
 }
 export {
-  q as default
+  k as default
 };

package/package.json

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