adverich-kun-ui 0.1.410 → 0.1.412

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

@@ -1,51 +1,53 @@
-import { useAttrs as oe, ref as te, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as s, mergeProps as A, renderSlot as i, createElementVNode as d, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as z, guardReactiveProps as B, unref as t, createBlock as y, resolveDynamicComponent as m, withKeys as re, withModifiers as se, Fragment as le, renderList as ae, withDirectives as ie, vShow as de, createTextVNode as ue } from "vue";
-import { kunTextareaProps as pe } from "../composables/KunTextareaProps.js";
-import ce from "../composables/useKunTextareaComposable.js";
+import { useAttrs as oe, ref as te, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as t, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as z, guardReactiveProps as B, unref as n, createBlock as y, resolveDynamicComponent as m, Fragment as re, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
+import { kunTextareaProps as ie } from "../composables/KunTextareaProps.js";
+import ue from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as h } from "../../../../utils/renderIcon.js";
-const ve = { class: "relative" }, fe = {
+import { debounce as pe } from "../../../../utils/utils.js";
+const ce = { class: "relative" }, ve = {
   key: 0,
   class: "absolute left-2 top-2 flex items-center"
-}, be = {
+}, fe = {
   key: 1,
   class: "absolute left-2 top-2 ml-1"
-}, ge = ["value", "rows", "disabled", "readonly", "placeholder"], ye = {
+}, be = ["value", "rows", "disabled", "readonly", "placeholder"], ge = {
   key: 3,
   class: "absolute right-2 top-2 mr-1"
-}, me = {
+}, ye = {
   key: 4,
   class: "absolute right-2 top-2 flex items-center"
-}, he = {
+}, me = {
   key: 5,
   class: "mt-1"
-}, ke = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, Ce = {
+}, he = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, ke = {
   key: 7,
   class: "text-xs text-right mt-1 text-gray-400"
-}, we = { key: 0 }, Re = {
+}, Ce = { key: 0 }, Re = {
   __name: "KunTextarea",
-  props: { ...pe },
+  props: { ...ie },
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(D, { expose: E, emit: F }) {
-    const o = D, k = F, G = oe(), p = te(null), R = `textarea-${ne().uid}`, {
+  setup(A, { expose: D, emit: F }) {
+    const o = A, k = F, G = oe(), p = te(null), R = `textarea-${ne().uid}`, {
       isFocused: c,
       internalValue: v,
       updateModel: P,
       handleClear: S,
       validate: T,
-      reset: K,
+      reset: E,
       resetValidation: N,
       hasError: f,
       displayedMessages: C,
-      adjustHeight: H,
-      handleJsonEnter: V
-    } = ce(o, k, p), L = (e) => {
-      P(e.target.value), o.autoGrow && H();
-    }, j = () => {
+      adjustHeight: H
+    } = ue(o, k, p), L = (e) => {
+      v.value = e.target.value, j(e.target.value), o.autoGrow && H();
+    }, j = pe((e) => {
+      P(e);
+    }, 100), K = () => {
       c.value = !0, k("update:focused", !0);
-    }, J = () => {
+    }, U = () => {
       c.value = !1, k("update:focused", !1);
-    }, M = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), O = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), Q = a(
+    }, V = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), J = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = a(
       () => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"
-    ), U = a(() => {
+    ), Q = a(() => {
       const e = o.bgColor ? "" : o.variant === "filled" ? "bg-gray-100 dark:bg-gray-900" : "";
       switch (o.variant) {
         case "filled":
@@ -79,12 +81,12 @@ const ve = { class: "relative" }, fe = {
         "resize-none": o.noResize || o.autoGrow,
         resize: !o.noResize && !o.autoGrow
       },
-      U.value,
+      Q.value,
       W.value
     ]), Y = {
       label: o.label,
       isFocused: c,
-      isActive: M,
+      isActive: V,
       controlRef: p,
       focus: () => {
         var e;
@@ -109,12 +111,12 @@ const ve = { class: "relative" }, fe = {
       },
       props: o
     }, Z = $, x = $, _ = a(() => {
-      const { class: e, ...n } = G;
-      return n;
+      const { class: e, ...r } = G;
+      return r;
     });
-    return E({
+    return D({
       validate: T,
-      reset: K,
+      reset: E,
       resetValidation: N,
       errorMessages: C,
       isValid: a(() => !f.value),
@@ -123,126 +125,125 @@ const ve = { class: "relative" }, fe = {
         return (e = p.value) == null ? void 0 : e.focus();
       },
       rootRef: p
-    }), (e, n) => (s(), l("div", A({
-      class: O.value,
+    }), (e, r) => (t(), l("div", M({
+      class: J.value,
       ref: "rootRef"
     }, _.value), [
-      i(e.$slots, "label", A({ for: R }, Y), () => [
-        e.label ? (s(), l("label", {
+      d(e.$slots, "label", M({ for: R }, Y), () => [
+        e.label ? (t(), l("label", {
           key: 0,
           for: R,
-          class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", M.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
+          class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", V.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
         }, g(e.label), 3)) : u("", !0)
       ]),
-      d("div", ve, [
-        e.prependIcon || e.$slots.prepend ? (s(), l("div", fe, [
-          i(e.$slots, "prepend", z(B(t(Z))), () => [
-            d("div", {
-              onClick: n[0] || (n[0] = (r) => e.handleIconClick(r, "prepend"))
+      i("div", ce, [
+        e.prependIcon || e.$slots.prepend ? (t(), l("div", ve, [
+          d(e.$slots, "prepend", z(B(n(Z))), () => [
+            i("div", {
+              onClick: r[0] || (r[0] = (s) => e.handleIconClick(s, "prepend"))
             }, [
-              (s(), y(m(t(h)(e.prependIcon))))
+              (t(), y(m(n(h)(e.prependIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", be, [
-          i(e.$slots, "prepend-inner", {}, () => [
-            d("div", {
-              onClick: n[1] || (n[1] = (r) => e.handleIconClick(r, "prependInner"))
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (t(), l("div", fe, [
+          d(e.$slots, "prepend-inner", {}, () => [
+            i("div", {
+              onClick: r[1] || (r[1] = (s) => e.handleIconClick(s, "prependInner"))
             }, [
-              (s(), y(m(t(h)(e.prependInnerIcon))))
+              (t(), y(m(n(h)(e.prependInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        d("textarea", {
+        i("textarea", {
           ref_key: "textareaRef",
           ref: p,
-          value: t(v),
+          value: n(v),
           rows: e.autoGrow ? void 0 : e.rows,
           disabled: e.disabled,
           readonly: e.readonly,
           placeholder: e.placeholder,
           onInput: L,
-          onFocus: j,
-          onBlur: J,
-          onClick: n[2] || (n[2] = (r) => e.$emit("click:control", r)),
-          onMousedown: n[3] || (n[3] = (r) => e.$emit("mousedown:control", r)),
-          onKeydown: n[4] || (n[4] = re(se((...r) => t(V) && t(V)(...r), ["prevent"]), ["enter"])),
+          onFocus: K,
+          onBlur: U,
+          onClick: r[2] || (r[2] = (s) => e.$emit("click:control", s)),
+          onMousedown: r[3] || (r[3] = (s) => e.$emit("mousedown:control", s)),
           class: b([X.value]),
           style: { width: "100%", "box-sizing": "border-box", "overflow-y": "hidden" }
-        }, null, 42, ge),
-        e.clearable && t(v) ? (s(), l("div", {
+        }, null, 42, be),
+        e.clearable && n(v) ? (t(), l("div", {
           key: 2,
-          class: b(["absolute right-2 top-2", Q.value])
+          class: b(["absolute right-2 top-2", O.value])
         }, [
-          i(e.$slots, "clear", z(B($)), () => [
-            d("button", {
+          d(e.$slots, "clear", z(B($)), () => [
+            i("button", {
               type: "button",
-              onClick: n[5] || (n[5] = (...r) => t(S) && t(S)(...r)),
+              onClick: r[4] || (r[4] = (...s) => n(S) && n(S)(...s)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
-              (s(), y(m(t(h)(e.clearIcon))))
+              (t(), y(m(n(h)(e.clearIcon))))
             ])
           ])
         ], 2)) : u("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", ye, [
-          i(e.$slots, "append-inner", {}, () => [
-            d("div", {
-              onClick: n[6] || (n[6] = (r) => e.handleIconClick(r, "appendInner"))
+        e.appendInnerIcon || e.$slots["append-inner"] ? (t(), l("div", ge, [
+          d(e.$slots, "append-inner", {}, () => [
+            i("div", {
+              onClick: r[5] || (r[5] = (s) => e.handleIconClick(s, "appendInner"))
             }, [
-              (s(), y(m(t(h)(e.appendInnerIcon))))
+              (t(), y(m(n(h)(e.appendInnerIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.appendIcon || e.$slots.append ? (s(), l("div", me, [
-          i(e.$slots, "append", z(B(t(x))), () => [
-            d("div", {
-              onClick: n[7] || (n[7] = (r) => e.handleIconClick(r, "append"))
+        e.appendIcon || e.$slots.append ? (t(), l("div", ye, [
+          d(e.$slots, "append", z(B(n(x))), () => [
+            i("div", {
+              onClick: r[6] || (r[6] = (s) => e.handleIconClick(s, "append"))
             }, [
-              (s(), y(m(t(h)(e.appendIcon))))
+              (t(), y(m(n(h)(e.appendIcon))))
             ])
           ])
         ])) : u("", !0),
-        e.loading ? (s(), l("div", he, [
-          i(e.$slots, "loader", {
+        e.loading ? (t(), l("div", me, [
+          d(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            d("div", ke, [
-              d("div", {
+            i("div", he, [
+              i("div", {
                 class: b(["h-full transition-all duration-300", [e.loadingColor]]),
                 style: { width: "100%" }
               }, null, 2)
             ])
           ])
         ])) : u("", !0),
-        !e.hideDetails || e.hideDetails === "auto" && (t(C).length || e.hint) ? (s(), l("div", {
+        !e.hideDetails || e.hideDetails === "auto" && (n(C).length || e.hint) ? (t(), l("div", {
           key: 6,
-          class: b(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
+          class: b(["text-xs mt-1 space-y-1", { "text-red-500": n(f), "text-gray-500": !n(f) }])
         }, [
-          i(e.$slots, "details", {}, () => [
-            t(f) ? (s(!0), l(le, { key: 0 }, ae(t(C), (r, ee) => i(e.$slots, "message", {
+          d(e.$slots, "details", {}, () => [
+            n(f) ? (t(!0), l(re, { key: 0 }, se(n(C), (s, ee) => d(e.$slots, "message", {
               key: ee,
-              message: r
+              message: s
             }, () => [
-              d("div", null, g(r), 1)
-            ])), 128)) : e.hint ? i(e.$slots, "hint", {
+              i("div", null, g(s), 1)
+            ])), 128)) : e.hint ? d(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              ie(d("div", null, g(e.hint), 513), [
-                [de, e.persistentHint || t(c)]
+              le(i("div", null, g(e.hint), 513), [
+                [ae, e.persistentHint || n(c)]
               ])
             ]) : u("", !0)
           ])
         ], 2)) : u("", !0),
-        q.value ? (s(), l("div", Ce, [
-          i(e.$slots, "counter", {
+        q.value ? (t(), l("div", ke, [
+          d(e.$slots, "counter", {
             counter: w.value,
             max: I.value,
             value: w.value
           }, () => [
-            ue(g(w.value), 1),
-            I.value ? (s(), l("span", we, " / " + g(I.value), 1)) : u("", !0)
+            de(g(w.value), 1),
+            I.value ? (t(), l("span", Ce, " / " + g(I.value), 1)) : u("", !0)
           ])
         ])) : u("", !0)
       ])

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

@@ -5,10 +5,8 @@ const e = {
   class: String,
   bgColor: String,
   textColor: String,
-  textAlign: {
-    type: String,
-    default: "left"
-  },
+  textAlign: { type: String, default: "left" },
+  formatModel: { type: String, default: "auto" },
   loading: Boolean,
   prependIcon: [String, Object, Function],
   appendIcon: [String, Object, Function],

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

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

package/package.json

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