adverich-kun-ui 0.1.407 → 0.1.408

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

@@ -1,4 +1,4 @@
-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 { 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 { 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: P, emit: G }) {
-    const o = F, C = G, K = se(), p = re(null), N = `textarea-${le().uid}`, {
+  setup(F, { expose: G, emit: P }) {
+    const o = F, C = P, K = re(), p = se(null), N = `textarea-${le().uid}`, {
       isFocused: c,
       internalValue: v,
       rootRef: B,
@@ -43,9 +43,9 @@ const be = { class: "relative" }, ye = {
       var T;
       if (!o.jsonMode) return;
       e.preventDefault();
-      const t = e.target, n = t.selectionStart, g = ((T = t.value.substring(0, n).match(/(^|\n)(\s*)[^\n]*$/)) == null ? void 0 : T[2]) ?? "", M = t.value.slice(0, n) + `
-` + g + t.value.slice(n);
-      t.value = M, z(M), ve(() => t.setSelectionRange(n + 1 + g.length, n + 1 + g.length));
+      const n = e.target, t = n.selectionStart, g = ((T = n.value.substring(0, t).match(/(^|\n)(\s*)[^\n]*$/)) == null ? void 0 : T[2]) ?? "", M = n.value.slice(0, t) + `
+` + g + n.value.slice(t);
+      n.value = M, z(M), ve(() => n.setSelectionRange(t + 1 + g.length, t + 1 + g.length));
     }, Q = () => {
       c.value = !0, C("update:focused", !0);
     }, U = () => {
@@ -98,11 +98,11 @@ const be = { class: "relative" }, ye = {
     }, blur: () => {
       var e;
       return (e = p.value) == null ? void 0 : e.blur();
-    }, props: o }, oe = R, te = R, ne = a(() => {
-      const { class: e, ...t } = K;
-      return t;
+    }, props: o }, oe = R, ne = R, te = a(() => {
+      const { class: e, ...n } = K;
+      return n;
     });
-    return P({
+    return G({
       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) => (s(), l("div", E({
+    }), (e, n) => (r(), l("div", E({
       class: X.value,
       ref_key: "rootRef",
       ref: B
-    }, ne.value), [
+    }, te.value), [
       i(e.$slots, "label", E({ for: N }, ee), () => [
-        e.label ? (s(), l("label", {
+        e.label ? (r(), 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 ? (s(), l("div", ye, [
-          i(e.$slots, "prepend", S(V(r(oe))), () => [
+        e.prependIcon || e.$slots.prepend ? (r(), l("div", ye, [
+          i(e.$slots, "prepend", S(V(s(oe))), () => [
             d("div", {
-              onClick: t[0] || (t[0] = (n) => e.handleIconClick(n, "prepend"))
+              onClick: n[0] || (n[0] = (t) => e.handleIconClick(t, "prepend"))
             }, [
-              (s(), m(h(r(k)(e.prependIcon))))
+              (r(), m(h(s(k)(e.prependIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", me, [
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (r(), l("div", me, [
           i(e.$slots, "prepend-inner", {}, () => [
             d("div", {
-              onClick: t[1] || (t[1] = (n) => e.handleIconClick(n, "prependInner"))
+              onClick: n[1] || (n[1] = (t) => e.handleIconClick(t, "prependInner"))
             }, [
-              (s(), m(h(r(k)(e.prependInnerIcon))))
+              (r(), m(h(s(k)(e.prependInnerIcon))))
             ])
           ])
         ])) : u("", !0),
         d("textarea", {
           ref_key: "textareaRef",
           ref: p,
-          value: r(v),
-          rows: e.rows,
+          value: s(v),
+          rows: e.autoGrow ? void 0 : e.rows,
           disabled: e.disabled,
           readonly: e.readonly,
           placeholder: e.placeholder,
@@ -157,42 +157,42 @@ const be = { class: "relative" }, ye = {
           onKeydown: ae(O, ["enter"]),
           onFocus: Q,
           onBlur: U,
-          onClick: t[2] || (t[2] = (n) => e.$emit("click:control", n)),
-          onMousedown: t[3] || (t[3] = (n) => e.$emit("mousedown:control", n))
+          onClick: n[2] || (n[2] = (t) => e.$emit("click:control", t)),
+          onMousedown: n[3] || (n[3] = (t) => e.$emit("mousedown:control", t))
         }, null, 42, he),
-        e.clearable && r(v) ? (s(), l("div", {
+        e.clearable && s(v) ? (r(), 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) => r(D) && r(D)(...n)),
+              onClick: n[4] || (n[4] = (...t) => s(D) && s(D)(...t)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
-              (s(), m(h(r(k)(e.clearIcon))))
+              (r(), m(h(s(k)(e.clearIcon))))
             ])
           ])
         ], 2)) : u("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", ke, [
+        e.appendInnerIcon || e.$slots["append-inner"] ? (r(), l("div", ke, [
           i(e.$slots, "append-inner", {}, () => [
             d("div", {
-              onClick: t[5] || (t[5] = (n) => e.handleIconClick(n, "appendInner"))
+              onClick: n[5] || (n[5] = (t) => e.handleIconClick(t, "appendInner"))
             }, [
-              (s(), m(h(r(k)(e.appendInnerIcon))))
+              (r(), m(h(s(k)(e.appendInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.appendIcon || e.$slots.append ? (s(), l("div", Ce, [
-          i(e.$slots, "append", S(V(r(te))), () => [
+        e.appendIcon || e.$slots.append ? (r(), l("div", Ce, [
+          i(e.$slots, "append", S(V(s(ne))), () => [
             d("div", {
-              onClick: t[6] || (t[6] = (n) => e.handleIconClick(n, "append"))
+              onClick: n[6] || (n[6] = (t) => e.handleIconClick(t, "append"))
             }, [
-              (s(), m(h(r(k)(e.appendIcon))))
+              (r(), m(h(s(k)(e.appendIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.loading ? (s(), l("div", we, [
+        e.loading ? (r(), l("div", we, [
           i(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
@@ -205,34 +205,34 @@ const be = { class: "relative" }, ye = {
             ])
           ])
         ])) : u("", !0),
-        !e.hideDetails || e.hideDetails === "auto" && (r(w).length || e.hint) ? (s(), l("div", {
+        !e.hideDetails || e.hideDetails === "auto" && (s(w).length || e.hint) ? (r(), l("div", {
           key: 6,
-          class: b(["text-xs mt-1 space-y-1", { "text-red-500": r(f), "text-gray-500": !r(f) }])
+          class: b(["text-xs mt-1 space-y-1", { "text-red-500": s(f), "text-gray-500": !s(f) }])
         }, [
           i(e.$slots, "details", {}, () => [
-            r(f) ? (s(!0), l(ie, { key: 0 }, de(r(w), (n, g) => i(e.$slots, "message", {
+            s(f) ? (r(!0), l(ie, { key: 0 }, de(s(w), (t, g) => i(e.$slots, "message", {
               key: g,
-              message: n
+              message: t
             }, () => [
-              d("div", null, y(n), 1)
+              d("div", null, y(t), 1)
             ])), 128)) : e.hint ? i(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
               ue(d("div", null, y(e.hint), 513), [
-                [pe, e.persistentHint || r(c)]
+                [pe, e.persistentHint || s(c)]
               ])
             ]) : u("", !0)
           ])
         ], 2)) : u("", !0),
-        W.value ? (s(), l("div", $e, [
+        W.value ? (r(), l("div", $e, [
           i(e.$slots, "counter", {
             counter: I.value,
             max: $.value,
             value: I.value
           }, () => [
             ce(y(I.value), 1),
-            $.value ? (s(), l("span", Re, " / " + y($.value), 1)) : u("", !0)
+            $.value ? (r(), 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 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)
+import { ref as l, computed as m, watch as R, nextTick as i, onMounted as T, onBeforeUnmount as $ } from "vue";
+function F(t, v) {
+  const c = l(null), o = l(""), f = l(t.modelValue), H = l(!1), s = l([]), y = l(null), d = m(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
+  function M(e) {
+    if (d.value && e != null)
       try {
         return JSON.stringify(e, null, 2);
       } catch {
@@ -10,8 +10,8 @@ function k(t, M) {
       }
     return e ?? "";
   }
-  function w(e) {
-    if (h.value && typeof e == "string")
+  function S(e) {
+    if (d.value && typeof e == "string")
       try {
         return JSON.parse(e);
       } catch {
@@ -19,72 +19,72 @@ function k(t, M) {
       }
     return e;
   }
-  function E(e) {
-    const n = w(e);
-    g.value = n, M("update:modelValue", n), M("change", n);
+  function O(e) {
+    const n = S(e);
+    f.value = n, v("update:modelValue", n), v("change", n);
   }
-  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));
+  R(() => t.modelValue, (e) => {
+    const n = JSON.stringify(e), u = JSON.stringify(f.value);
+    n !== u && (f.value = e, o.value = M(e), t.autoGrow && i(g));
   });
-  function m() {
-    const e = d.value;
-    !e || !t.autoGrow || f(() => {
+  function g() {
+    const e = c.value;
+    !e || !t.autoGrow || i(() => {
       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);
+      const n = t.maxHeight || 9999, u = e.scrollHeight;
+      e.style.height = `${Math.min(u, n)}px`;
+      const r = e.selectionStart;
+      e.setSelectionRange(r, r);
     });
   }
-  F(() => {
-    a.value = V(t.modelValue), f(() => {
-      t.autoGrow && m();
+  T(() => {
+    o.value = M(t.modelValue), i(() => {
+      t.autoGrow && g();
     });
-  }), G(() => {
-    S.value && cancelAnimationFrame(S.value);
+  }), $(() => {
+    y.value && cancelAnimationFrame(y.value);
   });
-  const x = y(() => {
+  const V = m(() => {
     var e;
-    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 = [];
+    return !!(s.value.length || (e = t.errorMessages) != null && e.length);
+  }), E = m(() => V.value ? [...t.errorMessages || [], ...s.value].slice(0, t.maxErrors) : []);
+  function I() {
+    const e = t.rules || [], n = t.required && !o.value ? null : S(o.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");
+      const a = typeof r == "function" ? r(n) : r;
+      Array.isArray(a) ? u.push(...a) : typeof a == "string" ? u.push(a) : a === !1 && u.push("Campo inválido");
     }
-    return i.value = u, u.length === 0;
+    return s.value = u, u.length === 0;
   }
-  function j() {
-    i.value = [];
+  function N() {
+    s.value = [];
   }
-  function A(e) {
-    var J;
-    if (!h.value || e.key !== "Enter") return;
-    const n = d.value;
+  function j(e) {
+    var w;
+    if (!d.value || e.key !== "Enter") return;
+    const n = c.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);
+    const u = n.selectionStart, r = o.value, a = "  ", h = r.slice(0, u), A = r.slice(u), G = h.lastIndexOf(`
+`) + 1, x = `
+${((w = h.slice(G).match(/^\s*/)) == null ? void 0 : w[0]) ?? ""}${a}`;
+    o.value = h + x + A, i(() => {
+      const J = u + x.length;
+      n.setSelectionRange(J, J);
     }), e.preventDefault();
   }
   return {
-    inputRef: d,
-    internalValue: a,
-    isFocused: O,
-    hasError: x,
-    displayedMessages: I,
-    validate: b,
-    resetValidation: j,
-    updateModel: E,
-    adjustHeight: m,
-    handleJsonEnter: A
+    inputRef: c,
+    internalValue: o,
+    isFocused: H,
+    hasError: V,
+    displayedMessages: E,
+    validate: I,
+    resetValidation: N,
+    updateModel: O,
+    adjustHeight: g,
+    handleJsonEnter: j
   };
 }
 export {
-  k as default
+  F as default
 };

package/package.json

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