npm - adverich-kun-ui - Versions diffs - 0.1.365 → 0.1.367 - Mend

adverich-kun-ui 0.1.365 → 0.1.367

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/KunAutocomplete/src/composables/KunAutocompleteProps.js CHANGED Viewed

@@ -62,8 +62,8 @@ const e = {
   // ***** STYLE ***** //
   height: { default: "h-[500px]" },
   maxHeight: { default: "max-h-1/2" },
-  density: { type: String, default: "comfortable" },
-  zIndex: { type: String, default: "z-50" },
+  density: { type: String, default: "default" },
+  zIndex: { type: String, default: "z-250" },
   hideDetails: {
     type: Boolean,
     default: !0

package/dist/components/KunDialog/src/components/KunDialog.vue.js CHANGED Viewed

@@ -1,4 +1,114 @@
-import f from "./KunDialog.vue2.js";
+import { watch as x, onMounted as f, onBeforeUnmount as C, onUnmounted as S, createBlock as m, openBlock as a, Teleport as k, createVNode as o, Transition as u, withCtx as n, createElementBlock as P, createCommentVNode as h, mergeProps as B, renderSlot as V } from "vue";
+import E from "./KunDialogOverlay.vue2.js";
+import H from "./KunDialogContent.vue.js";
+const W = "fixed inset-0 z-250 flex", N = {
+  __name: "KunDialog",
+  props: {
+    modelValue: Boolean,
+    overlay: { type: Boolean, default: !0 },
+    fullscreen: { type: Boolean, default: !1 },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    dialogClass: { type: String, default: "" },
+    xPosition: {
+      type: String,
+      default: "center",
+      // 'start' | 'center' | 'end'
+      validator: (e) => ["start", "center", "end"].includes(e)
+    },
+    yPosition: {
+      type: String,
+      default: "center",
+      // 'start' | 'center' | 'end'
+      validator: (e) => ["top", "center", "bottom"].includes(e)
+    },
+    contentClass: { type: String, default: "" },
+    bgColor: { type: String, default: "bg-slate-100 dark:bg-slate-900" },
+    minHeight: { type: String, default: "h-fit" },
+    height: { type: String, default: "h-fit" },
+    maxHeight: { type: String, default: "max-h-[100vh]" },
+    minWidth: { type: String, default: "min-w-1/3" },
+    width: { type: String, default: "w-full" },
+    maxWidth: { type: String, default: "max-w-full" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: y }) {
+    const t = e, i = y, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [W, t.dialogClass, g, p, w], s = () => {
+      t.persistent || i("update:modelValue", !1);
+    }, v = () => {
+      s();
+    }, r = () => {
+      document.body.style.overflow = "hidden";
+    }, d = () => {
+      document.body.style.overflow = "";
+    };
+    x(() => t.modelValue, (l) => {
+      l && !t.fullscreen ? r() : d();
+    }), f(() => {
+      t.modelValue && !t.fullscreen && r();
+    }), C(() => {
+      d();
+    });
+    function c(l) {
+      l.stopPropagation(), l.key === "Escape" && (t.persistent || i("update:modelValue", !1));
+    }
+    return f(() => {
+      window.addEventListener("keydown", c);
+    }), S(() => {
+      window.removeEventListener("keydown", c);
+    }), (l, $) => (a(), m(k, { to: "body" }, [
+      o(u, {
+        name: "fade",
+        appear: ""
+      }, {
+        default: n(() => [
+          e.modelValue ? (a(), P("div", B({
+            key: 0,
+            class: b
+          }, l.$attrs), [
+            e.overlay ? (a(), m(E, {
+              key: 0,
+              persistent: e.persistent,
+              onClick: v
+            }, null, 8, ["persistent"])) : h("", !0),
+            o(u, {
+              name: "scale",
+              "enter-active-class": "transition transform ease-out duration-300",
+              "enter-from-class": "opacity-0 scale-95",
+              "enter-to-class": "opacity-100 scale-100",
+              "leave-active-class": "transition transform ease-in duration-200",
+              "leave-from-class": "opacity-100 scale-100",
+              "leave-to-class": "opacity-0 scale-95"
+            }, {
+              default: n(() => [
+                o(H, {
+                  fullscreen: e.fullscreen,
+                  scrollable: e.scrollable,
+                  "min-width": e.minWidth,
+                  width: e.width,
+                  "max-width": e.maxWidth,
+                  "min-height": e.minHeight,
+                  height: e.height,
+                  "max-height": e.maxHeight,
+                  "bg-color": e.bgColor,
+                  "content-class": e.contentClass,
+                  onClose: s
+                }, {
+                  default: n(() => [
+                    V(l.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "min-height", "height", "max-height", "bg-color", "content-class"])
+              ]),
+              _: 3
+            })
+          ], 16)) : h("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+};
 export {
-  f as default
+  N as default
 };

package/dist/components/KunListItem/src/components/KunListItem.vue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useAttrs as H, computed as r, ref as J, inject as R, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as o, openBlock as l, unref as X, withCtx as $, resolveDynamicComponent as v, mergeProps as h, withKeys as L, withModifiers as P, createElementVNode as C, createElementBlock as a, createCommentVNode as s, renderSlot as c, normalizeClass as i, toDisplayString as I } from "vue";
+import { useAttrs as H, computed as r, ref as J, inject as R, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as u, openBlock as a, unref as X, withCtx as $, resolveDynamicComponent as v, mergeProps as C, withKeys as L, withModifiers as P, createElementVNode as I, createElementBlock as l, createCommentVNode as s, renderSlot as o, normalizeClass as i, toDisplayString as S } from "vue";
 import M from "../../../KunIcon/src/components/KunIcon.vue.js";
 import { RouterLink as Y } from "vue-router";
 const Z = { class: "flex w-full items-center" }, _ = {
@@ -7,7 +7,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
 }, ee = ["src"], te = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, ne = ["src"], le = { class: "flex w-full items-center" }, ae = {
+}, ne = ["src"], ae = { class: "flex w-full items-center" }, le = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-2"
 }, se = ["src"], re = {
@@ -54,7 +54,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
     const B = H(), x = r(() => B.class), j = r(() => {
       const { class: n, ...m } = B;
       return m;
-    }), t = e, G = D, f = J(null), g = R("registerListItemRef", null), u = R("kunListContext", null), E = r(() => {
+    }), t = e, G = D, f = J(null), g = R("registerListItemRef", null), c = R("kunListContext", null), E = r(() => {
       var n;
       return t.id ? t.id : `kun-list-item-${((n = Q()) == null ? void 0 : n.uid) ?? Math.random().toString(36).slice(2, 7)}`;
     });
@@ -63,16 +63,20 @@ const Z = { class: "flex w-full items-center" }, _ = {
     }), W(() => {
       g && g(null);
     });
-    const y = (n) => typeof n == "object" || typeof n == "function", K = r(() => !!(t.prependIcon || t.prependAvatar)), N = r(() => !!(t.appendIcon || t.appendAvatar)), S = r(() => {
+    const b = (n) => typeof n == "object" || typeof n == "function", K = r(() => !!(t.prependIcon || t.prependAvatar)), N = r(() => !!(t.appendIcon || t.appendAvatar)), w = r(() => {
       var n;
-      return ((n = u == null ? void 0 : u.isSelected) == null ? void 0 : n.call(u, t.value)) ?? !1;
-    }), w = r(() => t.active), V = r(() => !!t.to);
-    function b(n, m = null) {
-      var p, k;
+      return ((n = c == null ? void 0 : c.isSelected) == null ? void 0 : n.call(c, t.value)) ?? !1;
+    }), A = r(() => t.active), V = r(() => !!t.to);
+    function k(n, m = null) {
+      var p, h;
       if (t.disabled) return;
-      G("click", n);
+      if (G("click", n), (n.ctrlKey || n.metaKey) && t.to) {
+        const y = typeof t.to == "string" ? t.to : t.to.path;
+        window.open(y, "_blank");
+        return;
+      }
       const d = ((p = f.value) == null ? void 0 : p.$el) ?? f.value;
-      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), u && t.selectable && t.value !== null && ((k = u.toggleItem) == null || k.call(u, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
+      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), c && t.selectable && t.value !== null && ((h = c.toggleItem) == null || h.call(c, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
     }
     const z = r(() => {
       switch (t.variant) {
@@ -110,78 +114,78 @@ const Z = { class: "flex w-full items-center" }, _ = {
       {
         "cursor-not-allowed opacity-50": t.disabled,
         [`cursor-pointer ${t.hoverBg}`]: t.selectable && !t.disabled,
-        [t.activeClass]: S.value || w.value,
+        [t.activeClass]: w.value || A.value,
         "px-4": !t.noGutters
       },
       t.containerClass
     ]);
-    return (n, m) => V.value ? (l(), o(X(Y), {
+    return (n, m) => V.value ? (a(), u(X(Y), {
       key: 0,
       to: e.to,
       replace: e.replace,
       custom: !0
     }, {
-      default: $(({ href: d, navigate: p, isActive: k }) => [
-        (l(), o(v(e.tag), h({
+      default: $(({ href: d, navigate: p, isActive: h }) => [
+        (a(), u(v(e.tag), C({
           id: E.value,
           ref_key: "liRef",
           ref: f,
           href: d,
           role: "option",
-          "aria-selected": S.value || w.value || k,
+          "aria-selected": w.value || A.value || h,
           "aria-disabled": e.disabled,
           tabindex: "-1",
           class: O.value,
-          onClick: (A) => b(A, p),
-          onKeydown: L(P((A) => b(A, p), ["prevent"]), ["enter"])
+          onClick: (y) => k(y, p),
+          onKeydown: L(P((y) => k(y, p), ["prevent"]), ["enter"])
         }, n.$attrs), {
           default: $(() => [
-            C("div", Z, [
-              K.value || n.$slots.prepend ? (l(), a("div", _, [
-                c(n.$slots, "prepend", {}, () => [
-                  e.prependAvatar ? (l(), a("img", {
+            I("div", Z, [
+              K.value || n.$slots.prepend ? (a(), l("div", _, [
+                o(n.$slots, "prepend", {}, () => [
+                  e.prependAvatar ? (a(), l("img", {
                     key: 0,
                     src: e.prependAvatar,
                     class: i(["rounded-full", e.prependClass])
-                  }, null, 10, ee)) : y(e.prependIcon) ? (l(), o(v(e.prependIcon), {
+                  }, null, 10, ee)) : b(e.prependIcon) ? (a(), u(v(e.prependIcon), {
                     key: 1,
                     class: i(e.prependClass)
-                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (l(), o(M, {
+                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(M, {
                     key: 2,
                     icon: e.prependIcon,
                     class: i(e.prependClass)
                   }, null, 8, ["icon", "class"])) : s("", !0)
                 ])
               ])) : s("", !0),
-              C("div", h({
+              I("div", C({
                 class: ["flex flex-col min-w-0 flex-1", x.value]
               }, j.value), [
-                c(n.$slots, "default", {}, () => [
-                  c(n.$slots, "title", {}, () => [
-                    e.title ? (l(), a("div", {
+                o(n.$slots, "default", {}, () => [
+                  o(n.$slots, "title", {}, () => [
+                    e.title ? (a(), l("div", {
                       key: 0,
                       class: i(["truncate", e.titleClass])
-                    }, I(e.title), 3)) : s("", !0)
+                    }, S(e.title), 3)) : s("", !0)
                   ]),
-                  c(n.$slots, "subtitle", {}, () => [
-                    e.subtitle ? (l(), a("div", {
+                  o(n.$slots, "subtitle", {}, () => [
+                    e.subtitle ? (a(), l("div", {
                       key: 0,
                       class: i(["truncate", e.subtitleClass])
-                    }, I(e.subtitle), 3)) : s("", !0)
+                    }, S(e.subtitle), 3)) : s("", !0)
                   ])
                 ])
               ], 16),
-              N.value ? (l(), a("div", te, [
-                c(n.$slots, "append", {}, () => [
-                  e.appendAvatar ? (l(), a("img", {
+              N.value ? (a(), l("div", te, [
+                o(n.$slots, "append", {}, () => [
+                  e.appendAvatar ? (a(), l("img", {
                     key: 0,
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, ne)) : s("", !0),
-                  y(e.appendIcon) ? (l(), o(v(e.appendIcon), {
+                  b(e.appendIcon) ? (a(), u(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
-                  })) : e.appendIcon ? (l(), a("i", {
+                  })) : e.appendIcon ? (a(), l("i", {
                     key: 2,
                     class: i([e.appendClass, "text-xl leading-none"])
                   }, null, 2)) : s("", !0)
@@ -193,66 +197,66 @@ const Z = { class: "flex w-full items-center" }, _ = {
         }, 1040, ["id", "href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
       ]),
       _: 3
-    }, 8, ["to", "replace"])) : (l(), o(v(e.tag), h({
+    }, 8, ["to", "replace"])) : (a(), u(v(e.tag), C({
       key: 1,
       id: E.value,
       ref_key: "liRef",
       ref: f,
       role: "option",
-      "aria-selected": S.value || w.value,
+      "aria-selected": w.value || A.value,
       "aria-disabled": e.disabled,
       tabindex: "-1",
       class: [O.value],
-      onClick: b,
-      onKeydown: L(P(b, ["prevent"]), ["enter"])
+      onClick: k,
+      onKeydown: L(P(k, ["prevent"]), ["enter"])
     }, n.$attrs), {
       default: $(() => [
-        C("div", le, [
-          K.value || n.$slots.prepend ? (l(), a("div", ae, [
-            c(n.$slots, "prepend", {}, () => [
-              e.prependAvatar ? (l(), a("img", {
+        I("div", ae, [
+          K.value || n.$slots.prepend ? (a(), l("div", le, [
+            o(n.$slots, "prepend", {}, () => [
+              e.prependAvatar ? (a(), l("img", {
                 key: 0,
                 src: e.prependAvatar,
                 class: i(["rounded-full", e.prependClass])
-              }, null, 10, se)) : y(e.prependIcon) ? (l(), o(v(e.prependIcon), {
+              }, null, 10, se)) : b(e.prependIcon) ? (a(), u(v(e.prependIcon), {
                 key: 1,
                 class: i(e.prependClass)
-              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (l(), o(M, {
+              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(M, {
                 key: 2,
                 icon: e.prependIcon,
                 class: i(e.prependClass)
               }, null, 8, ["icon", "class"])) : s("", !0)
             ])
           ])) : s("", !0),
-          C("div", h({
+          I("div", C({
             class: ["flex flex-col min-w-0 flex-1", x.value]
           }, j.value), [
-            c(n.$slots, "default", {}, () => [
-              c(n.$slots, "title", {}, () => [
-                e.title ? (l(), a("div", {
+            o(n.$slots, "default", {}, () => [
+              o(n.$slots, "title", {}, () => [
+                e.title ? (a(), l("div", {
                   key: 0,
                   class: i(["truncate", e.titleClass])
-                }, I(e.title), 3)) : s("", !0)
+                }, S(e.title), 3)) : s("", !0)
               ]),
-              c(n.$slots, "subtitle", {}, () => [
-                e.subtitle ? (l(), a("div", {
+              o(n.$slots, "subtitle", {}, () => [
+                e.subtitle ? (a(), l("div", {
                   key: 0,
                   class: i(["truncate", e.subtitleClass])
-                }, I(e.subtitle), 3)) : s("", !0)
+                }, S(e.subtitle), 3)) : s("", !0)
               ])
             ])
           ], 16),
-          N.value ? (l(), a("div", re, [
-            c(n.$slots, "append", {}, () => [
-              e.appendAvatar ? (l(), a("img", {
+          N.value ? (a(), l("div", re, [
+            o(n.$slots, "append", {}, () => [
+              e.appendAvatar ? (a(), l("img", {
                 key: 0,
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, ie)) : s("", !0),
-              y(e.appendIcon) ? (l(), o(v(e.appendIcon), {
+              b(e.appendIcon) ? (a(), u(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
-              })) : e.appendIcon ? (l(), a("i", {
+              })) : e.appendIcon ? (a(), l("i", {
                 key: 2,
                 class: i([e.appendIcon, "text-xl leading-none"])
               }, null, 2)) : s("", !0)

package/dist/components/KunTable/src/components/KunTableFilter.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { computed as k, ref as g, onMounted as C, createBlock as x, createCommentVNode as $, openBlock as d, withCtx as l, createElementVNode as c, createVNode as o, createElementBlock as N, Fragment as b, renderList as h, createTextVNode as V } from "vue";
-import z from "../../../KunDialog/src/components/KunDialog.vue2.js";
+import z from "../../../KunDialog/src/components/KunDialog.vue.js";
 import B from "../../../KunRow/src/components/KunRow.vue.js";
 import j from "../../../KunCol/src/components/KunCol.vue.js";
 import w from "../../../KunAutocomplete/src/components/KunAutocomplete.vue.js";

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

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

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

@@ -6,6 +6,7 @@ const e = {
     // auto | raw | json
   },
   label: String,
+  dirty: { type: Boolean, default: !1 },
   placeholder: String,
   rows: { type: [String, Number], default: 1 },
   autoGrow: Boolean,

package/dist/index.js CHANGED Viewed

@@ -35,66 +35,67 @@ import { default as an } from "./components/KunContainer/src/components/KunConta
 import * as A from "./components/KunCurrency/src/components/KunCurrency.vue.js";
 import { default as ln } from "./components/KunCurrency/src/components/KunCurrency.vue.js";
 import * as F from "./components/KunDialog/src/components/KunDialog.vue.js";
+import { default as dn } from "./components/KunDialog/src/components/KunDialog.vue.js";
 import * as g from "./components/KunDialog/src/components/KunDialogContent.vue.js";
 import * as R from "./components/KunDialog/src/components/KunDialogOverlay.vue.js";
 import * as h from "./components/KunDivider/src/components/KunDivider.vue.js";
-import { default as dn } from "./components/KunDivider/src/components/KunDivider.vue.js";
+import { default as Tn } from "./components/KunDivider/src/components/KunDivider.vue.js";
 import * as D from "./components/KunDrawer/src/components/KunDrawer.vue.js";
-import { default as Tn } from "./components/KunDrawer/src/components/KunDrawer.vue.js";
+import { default as xn } from "./components/KunDrawer/src/components/KunDrawer.vue.js";
 import * as w from "./components/KunFileInput/src/components/KunFileInput.vue.js";
-import { default as xn } from "./components/KunFileInput/src/components/KunFileInput.vue.js";
+import { default as In } from "./components/KunFileInput/src/components/KunFileInput.vue.js";
 import * as M from "./components/KunForm/src/components/KunForm.vue.js";
-import { default as In } from "./components/KunForm/src/components/KunForm.vue.js";
+import { default as Sn } from "./components/KunForm/src/components/KunForm.vue.js";
 import * as B from "./components/KunIcon/src/components/KunIcon.vue.js";
-import { default as Sn } from "./components/KunIcon/src/components/KunIcon.vue.js";
+import { default as Fn } from "./components/KunIcon/src/components/KunIcon.vue.js";
 import * as G from "./components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import { default as Fn } from "./components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import { default as Rn } from "./components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import * as y from "./components/KunList/src/components/KunList.vue.js";
-import { default as Rn } from "./components/KunList/src/components/KunList.vue.js";
+import { default as Dn } from "./components/KunList/src/components/KunList.vue.js";
 import * as V from "./components/KunListGroup/src/components/KunListGroup.vue.js";
-import { default as Dn } from "./components/KunListGroup/src/components/KunListGroup.vue.js";
+import { default as Mn } from "./components/KunListGroup/src/components/KunListGroup.vue.js";
 import * as O from "./components/KunListImg/src/components/KunListImg.vue.js";
-import { default as Mn } from "./components/KunListImg/src/components/KunListImg.vue.js";
+import { default as Gn } from "./components/KunListImg/src/components/KunListImg.vue.js";
 import * as N from "./components/KunListItem/src/components/KunListItem.vue.js";
-import { default as Gn } from "./components/KunListItem/src/components/KunListItem.vue.js";
+import { default as Vn } from "./components/KunListItem/src/components/KunListItem.vue.js";
 import * as k from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
-import { default as Vn } from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
+import { default as Nn } from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
 import * as j from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
-import { default as Nn } from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+import { default as jn } from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
 import * as H from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import { default as jn } from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import { default as Wn } from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import * as W from "./components/KunListItemText/src/components/KunListItemText.vue.js";
-import { default as Wn } from "./components/KunListItemText/src/components/KunListItemText.vue.js";
+import { default as _n } from "./components/KunListItemText/src/components/KunListItemText.vue.js";
 import * as E from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import { default as _n } from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import { default as zn } from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import * as _ from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
-import { default as zn } from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
+import { default as Pn } from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
 import * as q from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import { default as Pn } from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import { default as Un } from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
 import * as z from "./components/KunMenu/src/components/KunMenu.vue.js";
-import { default as Un } from "./components/KunMenu/src/components/KunMenu.vue.js";
+import { default as Yn } from "./components/KunMenu/src/components/KunMenu.vue.js";
 import * as J from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
-import { default as Yn } from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
+import { default as $n } from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
 import * as P from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
 import * as Q from "./components/KunNumberField/src/components/KunNumberField.vue.js";
-import { default as $n } from "./components/KunNumberField/src/components/KunNumberField.vue.js";
+import { default as ne } from "./components/KunNumberField/src/components/KunNumberField.vue.js";
 import * as U from "./components/KunRadio/src/components/KunRadio.vue.js";
-import { default as ne } from "./components/KunRadio/src/components/KunRadio.vue.js";
+import { default as te } from "./components/KunRadio/src/components/KunRadio.vue.js";
 import * as X from "./components/KunRadioGroup/src/components/KunRadioGroup.vue.js";
-import { default as te } from "./components/KunRadioGroup/src/components/KunRadioGroup.vue.js";
+import { default as ue } from "./components/KunRadioGroup/src/components/KunRadioGroup.vue.js";
 import * as Y from "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js";
-import { default as ue } from "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js";
+import { default as me } from "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js";
 import * as Z from "./components/KunRow/src/components/KunRow.vue.js";
-import { default as me } from "./components/KunRow/src/components/KunRow.vue.js";
+import { default as ce } from "./components/KunRow/src/components/KunRow.vue.js";
 import * as $ from "./components/KunSlider/src/components/KunSlider.vue.js";
-import { default as ce } from "./components/KunSlider/src/components/KunSlider.vue.js";
+import { default as Ke } from "./components/KunSlider/src/components/KunSlider.vue.js";
 import * as oo from "./components/KunSlider/src/components/KunThumb.vue.js";
 import * as no from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import { default as Ke } from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import { default as le } from "./components/KunSpacer/src/components/KunSpacer.vue.js";
 import * as eo from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import { default as le } from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import { default as de } from "./components/KunSwitch/src/components/KunSwitch.vue.js";
 import * as to from "./components/KunTable/src/components/KunTable.vue.js";
-import { default as de } from "./components/KunTable/src/components/KunTable.vue.js";
+import { default as Te } from "./components/KunTable/src/components/KunTable.vue.js";
 import * as ro from "./components/KunTable/src/components/KunTableFilter.vue.js";
 import * as uo from "./components/KunTable/src/components/KunTableFooter.vue.js";
 import * as so from "./components/KunTable/src/components/KunTableHeaders.vue.js";
@@ -106,22 +107,21 @@ import * as Ko from "./components/KunTable/src/components/KunTableVirtual.vue.js
 import * as io from "./components/KunTabs/src/components/KunTab.vue.js";
 import * as lo from "./components/KunTabs/src/components/KunTabWindow.vue.js";
 import * as fo from "./components/KunTabs/src/components/KunTabs.vue.js";
-import { default as Te } from "./components/KunTabs/src/components/KunTabs.vue.js";
+import { default as xe } from "./components/KunTabs/src/components/KunTabs.vue.js";
 import * as vo from "./components/KunTextField/src/components/KunTextField.vue.js";
-import { default as xe } from "./components/KunTextField/src/components/KunTextField.vue.js";
+import { default as Ie } from "./components/KunTextField/src/components/KunTextField.vue.js";
 import * as To from "./components/KunTextarea/src/components/KunTextarea.vue.js";
-import { default as Ie } from "./components/KunTextarea/src/components/KunTextarea.vue.js";
+import { default as Se } from "./components/KunTextarea/src/components/KunTextarea.vue.js";
 import * as bo from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import { default as Se } from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import { default as Fe } from "./components/KunToolbar/src/components/KunToolbar.vue.js";
 import * as xo from "./components/KunToolbar/src/components/KunToolbarItems.vue.js";
 import * as Co from "./components/KunToolbar/src/components/KunToolbarTitle.vue.js";
 import * as Io from "./components/KunTooltip/src/components/KunTooltip.vue.js";
-import { default as Fe } from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import { default as Re } from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 import * as Lo from "./components/KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
-import { default as Re } from "./components/KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
+import { default as De } from "./components/KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
 import { defineAsyncComponent as So } from "vue";
 /* empty css                 */
-import { default as De } from "./components/KunDialog/src/components/KunDialog.vue2.js";
 const Ao = /* @__PURE__ */ Object.assign({ "./components/KunAlert/src/components/KunAlert.vue": () => import("./components/KunAlert/src/components/KunAlert.vue.js"), "./components/KunAppbar/src/components/KunAppbar.vue": () => import("./components/KunAppbar/src/components/KunAppbar.vue.js"), "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue": () => import("./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js"), "./components/KunAutocomplete/src/components/KunAutocomplete.vue": () => import("./components/KunAutocomplete/src/components/KunAutocomplete.vue.js"), "./components/KunAvatar/src/components/KunAvatar.vue": () => import("./components/KunAvatar/src/components/KunAvatar.vue.js"), "./components/KunBadge/src/components/KunBadge.vue": () => import("./components/KunBadge/src/components/KunBadge.vue.js"), "./components/KunBtn/src/components/KunBtn.vue": () => import("./components/KunBtn/src/components/KunBtn.vue.js"), "./components/KunCard/src/components/KunCard.vue": () => import("./components/KunCard/src/components/KunCard.vue.js"), "./components/KunCardActions/src/components/KunCardActions.vue": () => import("./components/KunCardActions/src/components/KunCardActions.vue.js"), "./components/KunCardItem/src/components/KunCardItem.vue": () => import("./components/KunCardItem/src/components/KunCardItem.vue.js"), "./components/KunCardSubtitle/src/components/KunCardSubtitle.vue": () => import("./components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js"), "./components/KunCardText/src/components/KunCardText.vue": () => import("./components/KunCardText/src/components/KunCardText.vue.js"), "./components/KunCardTitle/src/components/KunCardTitle.vue": () => import("./components/KunCardTitle/src/components/KunCardTitle.vue.js"), "./components/KunCheckbox/src/components/KunCheckbox.vue": () => import("./components/KunCheckbox/src/components/KunCheckbox.vue.js"), "./components/KunChip/src/components/KunChip.vue": () => import("./components/KunChip/src/components/KunChip.vue.js"), "./components/KunCol/src/components/KunCol.vue": () => import("./components/KunCol/src/components/KunCol.vue.js"), "./components/KunContainer/src/components/KunContainer.vue": () => import("./components/KunContainer/src/components/KunContainer.vue.js"), "./components/KunCurrency/src/components/KunCurrency.vue": () => import("./components/KunCurrency/src/components/KunCurrency.vue.js"), "./components/KunDialog/src/components/KunDialog.vue": () => import("./components/KunDialog/src/components/KunDialog.vue.js"), "./components/KunDialog/src/components/KunDialogContent.vue": () => import("./components/KunDialog/src/components/KunDialogContent.vue.js"), "./components/KunDialog/src/components/KunDialogOverlay.vue": () => import("./components/KunDialog/src/components/KunDialogOverlay.vue.js"), "./components/KunDivider/src/components/KunDivider.vue": () => import("./components/KunDivider/src/components/KunDivider.vue.js"), "./components/KunDrawer/src/components/KunDrawer.vue": () => import("./components/KunDrawer/src/components/KunDrawer.vue.js"), "./components/KunFileInput/src/components/KunFileInput.vue": () => import("./components/KunFileInput/src/components/KunFileInput.vue.js"), "./components/KunForm/src/components/KunForm.vue": () => import("./components/KunForm/src/components/KunForm.vue.js"), "./components/KunIcon/src/components/KunIcon.vue": () => import("./components/KunIcon/src/components/KunIcon.vue.js"), "./components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue": () => import("./components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js"), "./components/KunList/src/components/KunList.vue": () => import("./components/KunList/src/components/KunList.vue.js"), "./components/KunListGroup/src/components/KunListGroup.vue": () => import("./components/KunListGroup/src/components/KunListGroup.vue.js"), "./components/KunListImg/src/components/KunListImg.vue": () => import("./components/KunListImg/src/components/KunListImg.vue.js"), "./components/KunListItem/src/components/KunListItem.vue": () => import("./components/KunListItem/src/components/KunListItem.vue.js"), "./components/KunListItemAction/src/components/KunListItemAction.vue": () => import("./components/KunListItemAction/src/components/KunListItemAction.vue.js"), "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue": () => import("./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js"), "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue": () => import("./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js"), "./components/KunListItemText/src/components/KunListItemText.vue": () => import("./components/KunListItemText/src/components/KunListItemText.vue.js"), "./components/KunListItemTitle/src/components/KunListItemTitle.vue": () => import("./components/KunListItemTitle/src/components/KunListItemTitle.vue.js"), "./components/KunListSubheader/src/components/KunListSubheader.vue": () => import("./components/KunListSubheader/src/components/KunListSubheader.vue.js"), "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue": () => import("./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js"), "./components/KunMenu/src/components/KunMenu.vue": () => import("./components/KunMenu/src/components/KunMenu.vue.js"), "./components/KunModalFooter/src/components/KunModalFooter.vue": () => import("./components/KunModalFooter/src/components/KunModalFooter.vue.js"), "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue": () => import("./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js"), "./components/KunNumberField/src/components/KunNumberField.vue": () => import("./components/KunNumberField/src/components/KunNumberField.vue.js"), "./components/KunRadio/src/components/KunRadio.vue": () => import("./components/KunRadio/src/components/KunRadio.vue.js"), "./components/KunRadioGroup/src/components/KunRadioGroup.vue": () => import("./components/KunRadioGroup/src/components/KunRadioGroup.vue.js"), "./components/KunRelationMatrix/src/components/KunRelationMatrix.vue": () => import("./components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js"), "./components/KunRow/src/components/KunRow.vue": () => import("./components/KunRow/src/components/KunRow.vue.js"), "./components/KunSlider/src/components/KunSlider.vue": () => import("./components/KunSlider/src/components/KunSlider.vue.js"), "./components/KunSlider/src/components/KunThumb.vue": () => import("./components/KunSlider/src/components/KunThumb.vue.js"), "./components/KunSpacer/src/components/KunSpacer.vue": () => import("./components/KunSpacer/src/components/KunSpacer.vue.js"), "./components/KunSwitch/src/components/KunSwitch.vue": () => import("./components/KunSwitch/src/components/KunSwitch.vue.js"), "./components/KunTable/src/components/KunTable.vue": () => import("./components/KunTable/src/components/KunTable.vue.js"), "./components/KunTable/src/components/KunTableFilter.vue": () => import("./components/KunTable/src/components/KunTableFilter.vue.js"), "./components/KunTable/src/components/KunTableFooter.vue": () => import("./components/KunTable/src/components/KunTableFooter.vue.js"), "./components/KunTable/src/components/KunTableHeaders.vue": () => import("./components/KunTable/src/components/KunTableHeaders.vue.js"), "./components/KunTable/src/components/KunTableIterator.vue": () => import("./components/KunTable/src/components/KunTableIterator.vue.js"), "./components/KunTable/src/components/KunTableIterators.vue": () => import("./components/KunTable/src/components/KunTableIterators.vue.js"), "./components/KunTable/src/components/KunTableRow.vue": () => import("./components/KunTable/src/components/KunTableRow.vue.js"), "./components/KunTable/src/components/KunTableRows.vue": () => import("./components/KunTable/src/components/KunTableRows.vue.js"), "./components/KunTable/src/components/KunTableVirtual.vue": () => import("./components/KunTable/src/components/KunTableVirtual.vue.js"), "./components/KunTabs/src/components/KunTab.vue": () => import("./components/KunTabs/src/components/KunTab.vue.js"), "./components/KunTabs/src/components/KunTabWindow.vue": () => import("./components/KunTabs/src/components/KunTabWindow.vue.js"), "./components/KunTabs/src/components/KunTabs.vue": () => import("./components/KunTabs/src/components/KunTabs.vue.js"), "./components/KunTextField/src/components/KunTextField.vue": () => import("./components/KunTextField/src/components/KunTextField.vue.js"), "./components/KunTextarea/src/components/KunTextarea.vue": () => import("./components/KunTextarea/src/components/KunTextarea.vue.js"), "./components/KunToolbar/src/components/KunToolbar.vue": () => import("./components/KunToolbar/src/components/KunToolbar.vue.js"), "./components/KunToolbar/src/components/KunToolbarItems.vue": () => import("./components/KunToolbar/src/components/KunToolbarItems.vue.js"), "./components/KunToolbar/src/components/KunToolbarTitle.vue": () => import("./components/KunToolbar/src/components/KunToolbarTitle.vue.js"), "./components/KunTooltip/src/components/KunTooltip.vue": () => import("./components/KunTooltip/src/components/KunTooltip.vue.js"), "./components/KunVirtualScroller/src/components/KunVirtualScroller.vue": () => import("./components/KunVirtualScroller/src/components/KunVirtualScroller.vue.js") });
 function t(o) {
   return o.split("/").at(-1).replace(".vue", "");
@@ -158,41 +158,41 @@ export {
   pn as KunCol,
   an as KunContainer,
   ln as KunCurrency,
-  De as KunDialog,
-  dn as KunDivider,
-  Tn as KunDrawer,
-  xn as KunFileInput,
-  In as KunForm,
-  Sn as KunIcon,
-  Fn as KunInfiniteScroll,
-  Rn as KunList,
-  Dn as KunListGroup,
-  Mn as KunListImg,
-  Gn as KunListItem,
-  Vn as KunListItemAction,
-  Nn as KunListItemAvatar,
-  jn as KunListItemSubtitle,
-  Wn as KunListItemText,
-  _n as KunListItemTitle,
-  zn as KunListSubheader,
-  Pn as KunLoaderCircular,
-  Un as KunMenu,
-  Yn as KunModalFooter,
-  $n as KunNumberField,
-  ne as KunRadio,
-  te as KunRadioGroup,
-  ue as KunRelationMatrix,
-  me as KunRow,
-  ce as KunSlider,
-  Ke as KunSpacer,
-  le as KunSwitch,
-  de as KunTable,
-  Te as KunTabs,
-  xe as KunTextField,
-  Ie as KunTextarea,
-  Se as KunToolbar,
-  Fe as KunTooltip,
-  Re as KunVirtualScroller,
+  dn as KunDialog,
+  Tn as KunDivider,
+  xn as KunDrawer,
+  In as KunFileInput,
+  Sn as KunForm,
+  Fn as KunIcon,
+  Rn as KunInfiniteScroll,
+  Dn as KunList,
+  Mn as KunListGroup,
+  Gn as KunListImg,
+  Vn as KunListItem,
+  Nn as KunListItemAction,
+  jn as KunListItemAvatar,
+  Wn as KunListItemSubtitle,
+  _n as KunListItemText,
+  zn as KunListItemTitle,
+  Pn as KunListSubheader,
+  Un as KunLoaderCircular,
+  Yn as KunMenu,
+  $n as KunModalFooter,
+  ne as KunNumberField,
+  te as KunRadio,
+  ue as KunRadioGroup,
+  me as KunRelationMatrix,
+  ce as KunRow,
+  Ke as KunSlider,
+  le as KunSpacer,
+  de as KunSwitch,
+  Te as KunTable,
+  xe as KunTabs,
+  Ie as KunTextField,
+  Se as KunTextarea,
+  Fe as KunToolbar,
+  Re as KunTooltip,
+  De as KunVirtualScroller,
   Fo as components,
   Do as default,
   go as install

package/package.json CHANGED Viewed

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

package/dist/components/KunDialog/src/components/KunDialog.vue2.js DELETED Viewed

@@ -1,114 +0,0 @@
-import { defineComponent as x, watch as C, onMounted as f, onBeforeUnmount as S, onUnmounted as k, createBlock as m, openBlock as a, Teleport as P, createVNode as o, Transition as u, withCtx as n, createElementBlock as B, createCommentVNode as h, mergeProps as V, renderSlot as E } from "vue";
-import H from "./KunDialogOverlay.vue2.js";
-import W from "./KunDialogContent.vue.js";
-const $ = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
-  __name: "KunDialog",
-  props: {
-    modelValue: Boolean,
-    overlay: { type: Boolean, default: !0 },
-    fullscreen: { type: Boolean, default: !1 },
-    scrollable: { type: Boolean, default: !1 },
-    persistent: { type: Boolean, default: !1 },
-    dialogClass: { type: String, default: "" },
-    xPosition: {
-      type: String,
-      default: "center",
-      // 'start' | 'center' | 'end'
-      validator: (e) => ["start", "center", "end"].includes(e)
-    },
-    yPosition: {
-      type: String,
-      default: "center",
-      // 'start' | 'center' | 'end'
-      validator: (e) => ["top", "center", "bottom"].includes(e)
-    },
-    contentClass: { type: String, default: "" },
-    bgColor: { type: String, default: "bg-slate-100 dark:bg-slate-900" },
-    minHeight: { type: String, default: "h-fit" },
-    height: { type: String, default: "h-fit" },
-    maxHeight: { type: String, default: "max-h-[100vh]" },
-    minWidth: { type: String, default: "min-w-1/3" },
-    width: { type: String, default: "w-full" },
-    maxWidth: { type: String, default: "max-w-full" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: y }) {
-    const t = e, i = y, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [$, t.dialogClass, g, p, w], s = () => {
-      t.persistent || i("update:modelValue", !1);
-    }, v = () => {
-      s();
-    }, r = () => {
-      document.body.style.overflow = "hidden";
-    }, d = () => {
-      document.body.style.overflow = "";
-    };
-    C(() => t.modelValue, (l) => {
-      l && !t.fullscreen ? r() : d();
-    }), f(() => {
-      t.modelValue && !t.fullscreen && r();
-    }), S(() => {
-      d();
-    });
-    function c(l) {
-      l.stopPropagation(), l.key === "Escape" && (t.persistent || i("update:modelValue", !1));
-    }
-    return f(() => {
-      window.addEventListener("keydown", c);
-    }), k(() => {
-      window.removeEventListener("keydown", c);
-    }), (l, D) => (a(), m(P, { to: "body" }, [
-      o(u, {
-        name: "fade",
-        appear: ""
-      }, {
-        default: n(() => [
-          e.modelValue ? (a(), B("div", V({
-            key: 0,
-            class: b
-          }, l.$attrs), [
-            e.overlay ? (a(), m(H, {
-              key: 0,
-              persistent: e.persistent,
-              onClick: v
-            }, null, 8, ["persistent"])) : h("", !0),
-            o(u, {
-              name: "scale",
-              "enter-active-class": "transition transform ease-out duration-300",
-              "enter-from-class": "opacity-0 scale-95",
-              "enter-to-class": "opacity-100 scale-100",
-              "leave-active-class": "transition transform ease-in duration-200",
-              "leave-from-class": "opacity-100 scale-100",
-              "leave-to-class": "opacity-0 scale-95"
-            }, {
-              default: n(() => [
-                o(W, {
-                  fullscreen: e.fullscreen,
-                  scrollable: e.scrollable,
-                  "min-width": e.minWidth,
-                  width: e.width,
-                  "max-width": e.maxWidth,
-                  "min-height": e.minHeight,
-                  height: e.height,
-                  "max-height": e.maxHeight,
-                  "bg-color": e.bgColor,
-                  "content-class": e.contentClass,
-                  onClose: s
-                }, {
-                  default: n(() => [
-                    E(l.$slots, "default")
-                  ]),
-                  _: 3
-                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "min-height", "height", "max-height", "bg-color", "content-class"])
-              ]),
-              _: 3
-            })
-          ], 16)) : h("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-});
-export {
-  T as default
-};