adverich-kun-ui 0.1.330 → 0.1.332

package/dist/components/KunTable/src/composables/useSelect.js

@@ -1,34 +1,33 @@
-import { computed as r, watch as g } from "vue";
-function i(n, u) {
-  const a = (l) => u.value.includes(l), h = (l) => {
-    const o = u.value.indexOf(l);
-    o === -1 ? u.value.push(l) : u.value.splice(o, 1);
+import { computed as c, watch as g } from "vue";
+function t(n, u) {
+  const e = (l) => u.value.includes(l), f = (l) => {
+    u.value.indexOf(l) === -1 ? u.value = [...u.value, l] : u.value = u.value.filter((S) => S.id !== l.id);
   }, v = () => {
     u.value = [...n.value];
-  }, e = () => {
+  }, o = () => {
     u.value = [];
-  }, f = () => {
-    c.value ? e() : v();
-  }, c = r(() => {
+  }, h = () => {
+    a.value ? o() : v();
+  }, a = c(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length === n.value.length;
-  }), S = r(() => {
+  }), i = c(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length > 0 && u.value.length < n.value.length;
   });
-  return g(() => n, (l, o) => {
-    l !== o && e();
+  return g(() => n, (l, r) => {
+    l !== r && o();
   }, { deep: !0 }), {
     selectedItems: u,
-    isSelected: a,
-    toggleSelect: h,
+    isSelected: e,
+    toggleSelect: f,
     selectAll: v,
-    clearSelection: e,
-    toggleSelectAll: f,
-    allSelected: c,
-    someSelected: S
+    clearSelection: o,
+    toggleSelectAll: h,
+    allSelected: a,
+    someSelected: i
   };
 }
 export {
-  i as default
+  t as default
 };

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

@@ -1,47 +1,48 @@
-import { ref as L, computed as p, createElementBlock as l, openBlock as s, normalizeClass as m, renderSlot as i, createElementVNode as a, normalizeProps as y, guardReactiveProps as k, unref as t, createCommentVNode as d, toDisplayString as b, createBlock as h, resolveDynamicComponent as C, Fragment as q, renderList as J, withDirectives as O, vShow as Q, createTextVNode as U } from "vue";
-import { kunTextareaProps as W } from "../composables/KunTextareaProps.js";
-import { useKunTextarea as X } from "../composables/useKunTextareaComposable.js";
+import { ref as q, computed as p, createElementBlock as l, openBlock as s, mergeProps as J, renderSlot as i, createElementVNode as a, normalizeProps as y, guardReactiveProps as k, unref as t, createCommentVNode as d, toDisplayString as m, createBlock as h, resolveDynamicComponent as C, normalizeClass as g, Fragment as O, renderList as Q, withDirectives as U, vShow as W, createTextVNode as X } from "vue";
+import { kunTextareaProps as Y } from "../composables/KunTextareaProps.js";
+import { useKunTextarea as Z } from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as $ } from "../../../../utils/renderIcon.js";
-const Y = {
+const x = {
   key: 0,
   class: "block text-sm font-medium mb-1"
-}, Z = { class: "relative" }, x = {
+}, _ = { class: "relative" }, ee = {
   key: 0,
   class: "absolute left-2 top-2 flex items-center"
-}, _ = {
+}, re = {
   key: 1,
   class: "absolute left-2 top-2 ml-1"
-}, ee = ["value", "rows", "disabled", "readonly", "placeholder"], oe = {
+}, oe = ["value", "rows", "disabled", "readonly", "placeholder"], te = {
   key: 3,
   class: "absolute right-2 top-2 mr-1"
-}, re = {
+}, ne = {
   key: 4,
   class: "absolute right-2 top-2 flex items-center"
-}, te = {
+}, se = {
   key: 5,
   class: "mt-1"
-}, ne = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, se = {
+}, le = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, ae = {
   key: 7,
   class: "text-xs text-right mt-1 text-gray-400"
-}, le = { key: 0 }, pe = {
+}, ie = { key: 0 }, ve = {
   __name: "KunTextarea",
-  props: W,
+  props: Y,
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(z, { expose: B, emit: S }) {
-    const o = z, R = S, u = L(null), {
+  setup(B, { expose: S, emit: D }) {
+    const r = B, R = D, u = q(null), {
       isFocused: v,
       internalValue: c,
-      updateValue: D,
-      handleClear: V,
-      adjustHeight: F,
-      validate: M,
+      rootRef: V,
+      updateValue: F,
+      handleClear: z,
+      adjustHeight: M,
+      validate: P,
       reset: T,
       resetValidation: A,
       hasError: f,
       displayedMessages: w
-    } = X(o, R, u), E = p(() => {
-      const e = !!o.bgColor;
-      switch (o.variant) {
+    } = Z(r, R, u), E = p(() => {
+      const e = !!r.bgColor;
+      switch (r.variant) {
         case "filled":
           return [
             e ? "" : "bg-gray-100 dark:bg-gray-900",
@@ -60,7 +61,7 @@ const Y = {
           return "";
       }
     }), G = p(() => {
-      switch (o.density) {
+      switch (r.density) {
         case "comfortable":
           return "py-2";
         case "compact":
@@ -70,68 +71,69 @@ const Y = {
       }
     }), N = p(() => [
       "w-full resize-none p-2 transition-colors duration-150",
-      o.inputClass,
+      r.inputClass,
       {
-        "rounded-md": !o.tile,
-        "rounded-none": o.tile,
-        [`rounded-${o.rounded}`]: typeof o.rounded == "string" || typeof o.rounded == "number",
-        "shadow-md": o.variant === "solo" && !o.flat,
-        "shadow-none": o.flat,
-        [`text-${o.textColor}`]: o.textColor,
-        [`${o.bgColor}`]: o.bgColor,
-        "text-gray-500 bg-gray-200": o.disabled,
-        "focus:outline-none focus:ring-2": !o.disabled,
-        [`focus:ring-${o.color}`]: o.color && !o.disabled && !f.value,
+        "rounded-md": !r.tile,
+        "rounded-none": r.tile,
+        [`rounded-${r.rounded}`]: typeof r.rounded == "string" || typeof r.rounded == "number",
+        "shadow-md": r.variant === "solo" && !r.flat,
+        "shadow-none": r.flat,
+        [`text-${r.textColor}`]: r.textColor,
+        [`${r.bgColor}`]: r.bgColor,
+        "text-gray-500 bg-gray-200": r.disabled,
+        "focus:outline-none focus:ring-2": !r.disabled,
+        [`focus:ring-${r.color}`]: r.color && !r.disabled && !f.value,
         "border-red-500 ring-red-500 focus:ring-red-500": f.value,
-        "resize-none": o.noResize || o.autoGrow,
-        resize: !o.noResize && !o.autoGrow
+        "resize-none": r.noResize || r.autoGrow,
+        resize: !r.noResize && !r.autoGrow
       }
-    ]), P = p(() => [
+    ]), H = p(() => [
       "relative w-full",
-      o.class,
-      o.wrapperClass
-    ]), I = p(() => o.counter === !0 ? 25 : typeof o.counter == "number" || typeof o.counter == "string" ? o.counter : null), H = p(() => o.persistentCounter ? !0 : !!o.counter && v.value), K = p(() => typeof o.clearIcon == "string" ? o.clearIcon : "i-heroicons-x-mark-20-solid");
-    function g(e, n) {
+      r.class,
+      r.wrapperClass
+    ]), I = p(() => r.counter === !0 ? 25 : typeof r.counter == "number" || typeof r.counter == "string" ? r.counter : null), K = p(() => r.persistentCounter ? !0 : !!r.counter && v.value), j = p(() => typeof r.clearIcon == "string" ? r.clearIcon : "i-heroicons-x-mark-20-solid");
+    function b(e, n) {
       R(`click:${n}`, e);
     }
-    return B({
-      validate: M,
+    return S({
+      validate: P,
       reset: T,
       resetValidation: A,
       errorMessages: w,
       isValid: p(() => !f.value),
-      rootRef,
+      rootRef: V,
       focus: () => {
         var e;
         return (e = u.value) == null ? void 0 : e.focus();
       }
-    }), (e, n) => (s(), l("div", {
-      class: m(P.value),
-      ref: "rootRef"
-    }, [
+    }), (e, n) => (s(), l("div", J({
+      class: H.value,
+      ref_key: "rootRef",
+      ref: V
+    }, e.$attrs), [
       i(e.$slots, "label", y(k({ label: e.label, isFocused: t(v), isActive: !!t(c), controlRef: u.value, focus: () => {
-        var r;
-        return (r = u.value) == null ? void 0 : r.focus();
+        var o;
+        return (o = u.value) == null ? void 0 : o.focus();
       }, blur: () => {
-        var r;
-        return (r = u.value) == null ? void 0 : r.blur();
-      }, props: o })), () => [
-        e.label ? (s(), l("label", Y, b(e.label), 1)) : d("", !0)
+        var o;
+        return (o = u.value) == null ? void 0 : o.blur();
+      }, props: r })), () => [
+        e.label ? (s(), l("label", x, m(e.label), 1)) : d("", !0)
       ]),
-      a("div", Z, [
-        e.prependIcon || e.$slots.prepend ? (s(), l("div", x, [
+      a("div", _, [
+        e.prependIcon || e.$slots.prepend ? (s(), l("div", ee, [
           i(e.$slots, "prepend", y(k(e.prependSlotBindings)), () => [
             a("div", {
-              onClick: n[0] || (n[0] = (r) => g(r, "prepend"))
+              onClick: n[0] || (n[0] = (o) => b(o, "prepend"))
             }, [
               (s(), h(C(t($)(e.prependIcon))))
             ])
           ])
         ])) : d("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", _, [
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", re, [
           i(e.$slots, "prepend-inner", {}, () => [
             a("div", {
-              onClick: n[1] || (n[1] = (r) => g(r, "prependInner"))
+              onClick: n[1] || (n[1] = (o) => b(o, "prependInner"))
             }, [
               (s(), h(C(t($)(e.prependInnerIcon))))
             ])
@@ -145,67 +147,67 @@ const Y = {
           disabled: e.disabled,
           readonly: e.readonly,
           placeholder: e.placeholder,
-          onInput: n[2] || (n[2] = (r) => {
-            t(D)(r.target.value), e.autoGrow && t(F)();
+          onInput: n[2] || (n[2] = (o) => {
+            t(F)(o.target.value), e.autoGrow && t(M)();
           }),
-          onFocus: n[3] || (n[3] = (r) => {
+          onFocus: n[3] || (n[3] = (o) => {
             v.value = !0, e.$emit("update:focused", !0);
           }),
-          onBlur: n[4] || (n[4] = (r) => {
+          onBlur: n[4] || (n[4] = (o) => {
             v.value = !1, e.$emit("update:focused", !1);
           }),
-          onClick: n[5] || (n[5] = (r) => e.$emit("click:control", r)),
-          onMousedown: n[6] || (n[6] = (r) => e.$emit("mousedown:control", r)),
-          class: m([E.value, G.value, N.value])
-        }, null, 42, ee),
+          onClick: n[5] || (n[5] = (o) => e.$emit("click:control", o)),
+          onMousedown: n[6] || (n[6] = (o) => e.$emit("mousedown:control", o)),
+          class: g([E.value, G.value, N.value])
+        }, null, 42, oe),
         e.clearable && t(c) ? (s(), l("div", {
           key: 2,
-          class: m(["absolute right-2 top-2", { "opacity-100": e.persistentClear, "hover:opacity-100 opacity-0 transition-opacity duration-200": !e.persistentClear }])
+          class: g(["absolute right-2 top-2", { "opacity-100": e.persistentClear, "hover:opacity-100 opacity-0 transition-opacity duration-200": !e.persistentClear }])
         }, [
           i(e.$slots, "clear", y(k({ isActive: !!t(c), isFocused: t(v), controlRef: u.value, focus: () => {
-            var r;
-            return (r = u.value) == null ? void 0 : r.focus();
+            var o;
+            return (o = u.value) == null ? void 0 : o.focus();
           }, blur: () => {
-            var r;
-            return (r = u.value) == null ? void 0 : r.blur();
-          }, props: o })), () => [
+            var o;
+            return (o = u.value) == null ? void 0 : o.blur();
+          }, props: r })), () => [
             a("button", {
               type: "button",
-              onClick: n[7] || (n[7] = (...r) => t(V) && t(V)(...r)),
+              onClick: n[7] || (n[7] = (...o) => t(z) && t(z)(...o)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
               a("span", {
-                class: m(K.value)
+                class: g(j.value)
               }, null, 2)
             ])
           ])
         ], 2)) : d("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", oe, [
+        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", te, [
           i(e.$slots, "append-inner", {}, () => [
             a("div", {
-              onClick: n[8] || (n[8] = (r) => g(r, "appendInner"))
+              onClick: n[8] || (n[8] = (o) => b(o, "appendInner"))
             }, [
               (s(), h(C(t($)(e.appendInnerIcon))))
             ])
           ])
         ])) : d("", !0),
-        e.appendIcon || e.$slots.append ? (s(), l("div", re, [
+        e.appendIcon || e.$slots.append ? (s(), l("div", ne, [
           i(e.$slots, "append", y(k(e.appendSlotBindings)), () => [
             a("div", {
-              onClick: n[9] || (n[9] = (r) => g(r, "append"))
+              onClick: n[9] || (n[9] = (o) => b(o, "append"))
             }, [
               (s(), h(C(t($)(e.appendIcon))))
             ])
           ])
         ])) : d("", !0),
-        e.loading ? (s(), l("div", te, [
+        e.loading ? (s(), l("div", se, [
           i(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            a("div", ne, [
+            a("div", le, [
               a("div", {
-                class: m(["h-full transition-all duration-300", [`${e.loadingColor}`]]),
+                class: g(["h-full transition-all duration-300", [`${e.loadingColor}`]]),
                 style: { width: "100%" }
               }, null, 2)
             ])
@@ -213,38 +215,38 @@ const Y = {
         ])) : d("", !0),
         !e.hideDetails || e.hideDetails === "auto" && (t(w).length || e.hint) ? (s(), l("div", {
           key: 6,
-          class: m(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
+          class: g(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
         }, [
           i(e.$slots, "details", {}, () => [
-            t(f) ? (s(!0), l(q, { key: 0 }, J(t(w), (r, j) => i(e.$slots, "message", {
-              key: j,
-              message: r
+            t(f) ? (s(!0), l(O, { key: 0 }, Q(t(w), (o, L) => i(e.$slots, "message", {
+              key: L,
+              message: o
             }, () => [
-              a("div", null, b(r), 1)
+              a("div", null, m(o), 1)
             ])), 128)) : e.hint ? i(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              O(a("div", null, b(e.hint), 513), [
-                [Q, e.persistentHint || t(v)]
+              U(a("div", null, m(e.hint), 513), [
+                [W, e.persistentHint || t(v)]
               ])
             ]) : d("", !0)
           ])
         ], 2)) : d("", !0),
-        H.value ? (s(), l("div", se, [
+        K.value ? (s(), l("div", ae, [
           i(e.$slots, "counter", {
             counter: t(c).length,
             max: I.value,
             value: t(c).length
           }, () => [
-            U(b(t(c).length), 1),
-            I.value ? (s(), l("span", le, " / " + b(I.value), 1)) : d("", !0)
+            X(m(t(c).length), 1),
+            I.value ? (s(), l("span", ie, " / " + m(I.value), 1)) : d("", !0)
           ])
         ])) : d("", !0)
       ])
-    ], 2));
+    ], 16));
   }
 };
 export {
-  pe as default
+  ve as default
 };

package/package.json

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