@webilio-xyz/webilio-vue 1.1.15 → 1.1.16

package/dist/Input.js

@@ -1,12 +1,12 @@
-import { computed as v, withDirectives as z, openBlock as h, createElementBlock as $, vModelCheckbox as H, ref as A, onMounted as M, normalizeClass as R, renderSlot as y, createCommentVNode as L, createElementVNode as U, mergeProps as x, unref as j, Fragment as ue, createBlock as w, createVNode as O, normalizeStyle as ie, createSlots as q, withCtx as b, createTextVNode as E, toDisplayString as N, normalizeProps as oe, guardReactiveProps as de, useAttrs as me } from "vue";
-import { trans as ce, isLoaded as pe, getActiveLanguage as fe } from "laravel-vue-i18n";
-import ge from "@vuepic/vue-datepicker";
-import { s as be, u as K, _ as Q, E as X } from "./LabelComponent-BhFRck2o.js";
+import { computed as y, withDirectives as z, openBlock as v, createElementBlock as $, vModelCheckbox as H, ref as C, watch as ue, onMounted as N, normalizeClass as R, renderSlot as k, createCommentVNode as F, createElementVNode as U, mergeProps as V, unref as j, Fragment as ie, createBlock as w, createVNode as L, normalizeStyle as oe, createSlots as q, withCtx as b, createTextVNode as T, toDisplayString as E, normalizeProps as de, guardReactiveProps as me, useAttrs as ce } from "vue";
+import { trans as pe, isLoaded as fe, getActiveLanguage as ge } from "laravel-vue-i18n";
+import be from "@vuepic/vue-datepicker";
+import { s as he, u as K, _ as Q, E as X } from "./LabelComponent-BhFRck2o.js";
 import { _ as Y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { a as he } from "./toString-BzuWRW2B.js";
-import { b as ve } from "./_baseIteratee-B9n7IWT3.js";
-import { i as ye, b as ke } from "./_baseEach-BeZ5ghU7.js";
-import { i as Se } from "./isObject-BD_iszZg.js";
+import { a as ve } from "./toString-BzuWRW2B.js";
+import { b as ye } from "./_baseIteratee-B9n7IWT3.js";
+import { i as ke, b as Se } from "./_baseEach-BeZ5ghU7.js";
+import { i as Ve } from "./isObject-BD_iszZg.js";
 const xe = ["disabled"], _ = {
   __name: "CheckboxComponent",
   props: {
@@ -21,7 +21,7 @@ const xe = ["disabled"], _ = {
   },
   emits: ["update:checked", "update:modelValue"],
   setup(e, { emit: a }) {
-    const l = a, t = e, n = v({
+    const l = a, t = e, n = y({
       get() {
         return t.checked;
       },
@@ -29,8 +29,8 @@ const xe = ["disabled"], _ = {
         l("update:checked", r), l("update:modelValue", r);
       }
     });
-    return (r, u) => z((h(), $("input", {
-      "onUpdate:modelValue": u[0] || (u[0] = (i) => n.value = i),
+    return (r, i) => z((v(), $("input", {
+      "onUpdate:modelValue": i[0] || (i[0] = (o) => n.value = o),
       disabled: e.disabled,
       class: "wv-input wv-checkbox-input rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500 disabled:bg-gray-400 disabled:text-gray-400",
       type: "checkbox"
@@ -39,7 +39,7 @@ const xe = ["disabled"], _ = {
     ]);
   }
 };
-var Ve = Object.defineProperty, $e = (e, a, l) => a in e ? Ve(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l, B = (e, a, l) => $e(e, typeof a != "symbol" ? a + "" : a, l);
+var $e = Object.defineProperty, we = (e, a, l) => a in e ? $e(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l, B = (e, a, l) => we(e, typeof a != "symbol" ? a + "" : a, l);
 const Z = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -51,25 +51,25 @@ const Z = {
     maximumFractionDigits: a,
     roundingMode: "trunc"
   });
-}, we = (e, a = !0, l) => {
-  var t, n, r, u;
-  const i = ((t = l.number) == null ? void 0 : t.unsigned) !== !0 && e.startsWith("-") ? "-" : "", s = ((n = l.number) == null ? void 0 : n.fraction) ?? 0;
-  let o = J(0, s, l);
-  const c = o.formatToParts(1000.12), g = ((r = c.find((d) => d.type === "group")) == null ? void 0 : r.value) ?? " ", m = ((u = c.find((d) => d.type === "decimal")) == null ? void 0 : u.value) ?? ".", f = G(e, g, m);
-  if (Number.isNaN(parseFloat(f))) return i;
-  const S = f.split(".");
-  if (S[1] != null && S[1].length >= 1) {
-    const d = S[1].length <= s ? S[1].length : s;
-    o = J(d, s, l);
+}, Ce = (e, a = !0, l) => {
+  var t, n, r, i;
+  const o = ((t = l.number) == null ? void 0 : t.unsigned) !== !0 && e.startsWith("-") ? "-" : "", s = ((n = l.number) == null ? void 0 : n.fraction) ?? 0;
+  let d = J(0, s, l);
+  const c = d.formatToParts(1000.12), S = ((r = c.find((m) => m.type === "group")) == null ? void 0 : r.value) ?? " ", f = ((i = c.find((m) => m.type === "decimal")) == null ? void 0 : i.value) ?? ".", g = G(e, S, f);
+  if (Number.isNaN(parseFloat(g))) return o;
+  const p = g.split(".");
+  if (p[1] != null && p[1].length >= 1) {
+    const m = p[1].length <= s ? p[1].length : s;
+    d = J(m, s, l);
   }
-  let p = o.format(parseFloat(f));
-  return a ? s > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (p += m) : p = G(p, g, m), i + p;
-}, ee = (e) => JSON.parse(e.replaceAll("'", '"')), Ce = (e, a = {}) => {
+  let u = d.format(parseFloat(g));
+  return a ? s > 0 && g.endsWith(".") && !g.slice(0, -1).includes(".") && (u += f) : u = G(u, S, f), o + u;
+}, ee = (e) => JSON.parse(e.replaceAll("'", '"')), Ae = (e, a = {}) => {
   const l = { ...a };
-  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = Ae(e.dataset.maska)), e.dataset.maskaEager != null && (l.eager = T(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (l.reversed = T(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (l.tokensReplace = T(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (l.tokens = Be(e.dataset.maskaTokens));
+  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = Be(e.dataset.maska)), e.dataset.maskaEager != null && (l.eager = I(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (l.reversed = I(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (l.tokensReplace = I(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (l.tokens = Ne(e.dataset.maskaTokens));
   const t = {};
-  return e.dataset.maskaNumberLocale != null && (t.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (t.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (t.unsigned = T(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(t).length > 0) && (l.number = t), l;
-}, T = (e) => e !== "" ? !!JSON.parse(e) : !0, Ae = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, Be = (e) => {
+  return e.dataset.maskaNumberLocale != null && (t.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (t.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (t.unsigned = I(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(t).length > 0) && (l.number = t), l;
+}, I = (e) => e !== "" ? !!JSON.parse(e) : !0, Be = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, Ne = (e) => {
   if (e.startsWith("{") && e.endsWith("}"))
     return ee(e);
   const a = {};
@@ -137,26 +137,26 @@ class Me {
     }), { mask: l.join(""), escaped: t };
   }
   process(a, l, t = !0) {
-    if (this.opts.number != null) return we(a, t, this.opts);
+    if (this.opts.number != null) return Ce(a, t, this.opts);
     if (l == null) return a;
     const n = `v=${a},mr=${l},m=${t ? 1 : 0}`;
     if (this.memo.has(n)) return this.memo.get(n);
-    const { mask: r, escaped: u } = this.escapeMask(l), i = [], s = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, c = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : r.length - 1, m = this.isReversed() ? () => d > -1 && k > -1 : () => d < r.length && k < a.length, f = (C) => !this.isReversed() && C <= g || this.isReversed() && C >= g;
-    let S, p = -1, d = this.isReversed() ? r.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, P = !1;
-    for (; m(); ) {
-      const C = r.charAt(d), V = s[C], I = (V == null ? void 0 : V.transform) != null ? V.transform(a.charAt(k)) : a.charAt(k);
-      if (!u.includes(d) && V != null ? (I.match(V.pattern) != null ? (i[c](I), V.repeated ? (p === -1 ? p = d : d === g && d !== p && (d = p - o), g === p && (d -= o)) : V.multiple && (P = !0, d -= o), d += o) : V.multiple ? P && (d += o, k -= o, P = !1) : I === S ? S = void 0 : V.optional && (d += o, k -= o), k += o) : (t && !this.isEager() && i[c](C), I === C && !this.isEager() ? k += o : S = C, this.isEager() || (d += o)), this.isEager())
-        for (; f(d) && (s[r.charAt(d)] == null || u.includes(d)); ) {
+    const { mask: r, escaped: i } = this.escapeMask(l), o = [], s = this.opts.tokens != null ? this.opts.tokens : {}, d = this.isReversed() ? -1 : 1, c = this.isReversed() ? "unshift" : "push", S = this.isReversed() ? 0 : r.length - 1, f = this.isReversed() ? () => m > -1 && h > -1 : () => m < r.length && h < a.length, g = (A) => !this.isReversed() && A <= S || this.isReversed() && A >= S;
+    let p, u = -1, m = this.isReversed() ? r.length - 1 : 0, h = this.isReversed() ? a.length - 1 : 0, O = !1;
+    for (; f(); ) {
+      const A = r.charAt(m), x = s[A], M = (x == null ? void 0 : x.transform) != null ? x.transform(a.charAt(h)) : a.charAt(h);
+      if (!i.includes(m) && x != null ? (M.match(x.pattern) != null ? (o[c](M), x.repeated ? (u === -1 ? u = m : m === S && m !== u && (m = u - d), S === u && (m -= d)) : x.multiple && (O = !0, m -= d), m += d) : x.multiple ? O && (m += d, h -= d, O = !1) : M === p ? p = void 0 : x.optional && (m += d, h -= d), h += d) : (t && !this.isEager() && o[c](A), M === A && !this.isEager() ? h += d : p = A, this.isEager() || (m += d)), this.isEager())
+        for (; g(m) && (s[r.charAt(m)] == null || i.includes(m)); ) {
           if (t) {
-            if (i[c](r.charAt(d)), a.charAt(k) === r.charAt(d)) {
-              d += o, k += o;
+            if (o[c](r.charAt(m)), a.charAt(h) === r.charAt(m)) {
+              m += d, h += d;
               continue;
             }
-          } else r.charAt(d) === a.charAt(k) && (k += o);
-          d += o;
+          } else r.charAt(m) === a.charAt(h) && (h += d);
+          m += d;
         }
     }
-    return this.memo.set(n, i.join("")), this.memo.get(n);
+    return this.memo.set(n, o.join("")), this.memo.get(n);
   }
 }
 class Ie {
@@ -166,8 +166,8 @@ class Ie {
         return;
       const n = t.target, r = this.items.get(n);
       if (r === void 0) return;
-      const u = "inputType" in t && t.inputType.startsWith("delete"), i = r.isEager(), s = u && i && r.unmasked(n.value) === "" ? "" : n.value;
-      this.fixCursor(n, u, () => this.setValue(n, s));
+      const i = "inputType" in t && t.inputType.startsWith("delete"), o = r.isEager(), s = i && o && r.unmasked(n.value) === "" ? "" : n.value;
+      this.fixCursor(n, i, () => this.setValue(n, s));
     }), this.options = l, this.eventAbortController = new AbortController(), this.init(this.getInputs(a));
   }
   update(a = {}) {
@@ -187,7 +187,7 @@ class Ie {
         const { signal: r } = this.eventAbortController;
         t.addEventListener("input", this.onInput, { capture: !0, signal: r });
       }
-      const n = new Me(Ce(t, l));
+      const n = new Me(Ae(t, l));
       this.items.set(t, n), queueMicrotask(() => this.updateValue(t)), t.selectionStart === null && n.isEager() && console.warn("Maska: input of `%s` type is not supported", t.type);
     }
   }
@@ -200,12 +200,12 @@ class Ie {
   }
   fixCursor(a, l, t) {
     var n, r;
-    const u = a.selectionStart, i = a.value;
-    if (t(), u === null || u === i.length && !l) return;
-    const s = a.value, o = i.slice(0, u), c = s.slice(0, u), g = (n = this.processInput(a, o)) == null ? void 0 : n.unmasked, m = (r = this.processInput(a, c)) == null ? void 0 : r.unmasked;
-    if (g === void 0 || m === void 0) return;
-    let f = u;
-    o !== c && (f += l ? s.length - i.length : g.length - m.length), a.setSelectionRange(f, f);
+    const i = a.selectionStart, o = a.value;
+    if (t(), i === null || i === o.length && !l) return;
+    const s = a.value, d = o.slice(0, i), c = s.slice(0, i), S = (n = this.processInput(a, d)) == null ? void 0 : n.unmasked, f = (r = this.processInput(a, c)) == null ? void 0 : r.unmasked;
+    if (S === void 0 || f === void 0) return;
+    let g = i;
+    d !== c && (g += l ? s.length - o.length : S.length - f.length), a.setSelectionRange(g, g);
   }
   setValue(a, l) {
     const t = this.processInput(a, l);
@@ -224,7 +224,7 @@ class Ie {
     };
   }
 }
-const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
+const P = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
   if (e.arg == null || e.instance == null) return;
   const l = "setup" in e.instance.$.type;
   e.arg in e.instance ? e.instance[e.arg] = a : l && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
@@ -234,17 +234,17 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
   if (t == null || (t == null ? void 0 : t.type) === "file") return;
   let n = {};
   if (a.value != null && (n = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
-    const r = (u) => {
-      const i = a.modifiers.unmasked ? u.unmasked : a.modifiers.completed ? u.completed : u.masked;
-      Te(a, i);
+    const r = (i) => {
+      const o = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
+      Te(a, o);
     };
     n.onMaska = n.onMaska == null ? r : Array.isArray(n.onMaska) ? [...n.onMaska, r] : [n.onMaska, r];
   }
-  F.has(t) ? (l = F.get(t)) == null || l.update(n) : F.set(t, new Ie(t, n));
-}, Ne = {
+  P.has(t) ? (l = P.get(t)) == null || l.update(n) : P.set(t, new Ie(t, n));
+}, Re = {
   key: 0,
   class: "wv-text-input-prefix flex items-center pl-2"
-}, Re = ["disabled", "inputmode", "max", "min", "step", "type", "value"], Le = {
+}, Fe = ["disabled", "inputmode", "max", "min", "step", "type", "value"], Le = {
   key: 1,
   class: "wv-text-input-suffix flex items-center pr-2"
 }, W = /* @__PURE__ */ Object.assign({
@@ -282,48 +282,62 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: l }) {
-    const t = e, n = l, r = v(() => t.type === "number"), u = v(() => r.value && t.precision !== null ? "text" : t.type), i = v(() => r.value && t.precision !== null ? "decimal" : null), s = v(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), o = (m) => {
-      if (!r.value || m === "" || m === "-" || m === "." || m === "-.") return m;
-      const f = parseFloat(m);
-      return isNaN(f) ? m : t.min !== null && f < parseFloat(t.min) ? t.min : t.max !== null && f > parseFloat(t.max) ? t.max : m;
-    }, c = (m) => {
-      let f = m.target.value;
+    const t = e, n = l, r = y(() => t.type === "number"), i = y(() => r.value && t.precision !== null ? "text" : t.type), o = y(() => r.value && t.precision !== null ? "decimal" : null), s = y(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), d = (p) => {
+      if (!r.value || p === "" || p === "-" || p === "." || p === "-.") return p;
+      const u = parseFloat(p);
+      return isNaN(u) ? p : t.min !== null && u < parseFloat(t.min) ? t.min : t.max !== null && u > parseFloat(t.max) ? t.max : p;
+    }, c = C(t.modelValue ?? "");
+    ue(() => t.modelValue, (p) => {
+      const u = p ?? "";
+      if (r.value) {
+        const m = parseFloat(u), h = parseFloat(c.value);
+        if (!isNaN(m) && !isNaN(h) && m === h) return;
+      }
+      c.value = u;
+    });
+    const S = (p) => {
+      let u = p.target.value;
       if (r.value && t.precision !== null) {
-        const S = new RegExp(`^-?\\d*\\.?\\d{0,${t.precision}}$`);
-        if (f !== "" && f !== "-" && f !== "." && f !== "-." && !S.test(f)) {
-          m.target.value = t.modelValue || "";
+        const m = new RegExp(`^-?\\d*\\.?\\d{0,${t.precision}}$`);
+        if (u !== "" && u !== "-" && u !== "." && u !== "-." && !m.test(u)) {
+          p.target.value = c.value;
           return;
         }
       }
-      f = o(f), m.target.value = f, n("update:modelValue", f);
-    }, g = A(null);
-    return M(() => {
+      u = d(u), p.target.value !== u && (p.target.value = u), c.value = u, n("update:modelValue", u);
+    }, f = (p) => {
+      if (!r.value) return;
+      let u = p.target.value;
+      u.endsWith(".") && (u = u.slice(0, -1)), (u === "" || u === "-" || isNaN(parseFloat(u))) && (u = ""), u !== p.target.value && (c.value = u, p.target.value = u, n("update:modelValue", u));
+    }, g = C(null);
+    return N(() => {
       g.value.hasAttribute("autofocus") && g.value.focus();
-    }), a({ focus: () => g.value.focus() }), (m, f) => (h(), $("div", {
+    }), a({ focus: () => g.value.focus() }), (p, u) => (v(), $("div", {
       class: R(["wv-input wv-text-input-wrapper flex items-center border border-gray-300 focus-within:border-indigo-500 focus-within:ring-1 focus-within:ring-indigo-500 rounded-md shadow-sm", { "disabled-input": e.disabled }])
     }, [
-      m.$slots.prefix ? (h(), $("div", Ne, [
-        y(m.$slots, "prefix")
-      ])) : L("", !0),
-      z(U("input", x({
+      p.$slots.prefix ? (v(), $("div", Re, [
+        k(p.$slots, "prefix")
+      ])) : F("", !0),
+      z(U("input", V({
         ref_key: "input",
         ref: g
-      }, m.$attrs, {
+      }, p.$attrs, {
         class: ["wv-text-input flex-1 border-0 focus:ring-0 disabled:bg-gray-200 px-1", e.inputClass],
         disabled: e.disabled,
-        inputmode: i.value,
+        inputmode: o.value,
         max: e.max,
         min: e.min,
         step: s.value,
-        type: u.value,
-        value: e.modelValue,
-        onInput: c
-      }), null, 16, Re), [
+        type: i.value,
+        value: c.value,
+        onBlur: f,
+        onInput: S
+      }), null, 16, Fe), [
         [j(Ee), e.mask]
       ]),
-      m.$slots.suffix ? (h(), $("div", Le, [
-        y(m.$slots, "suffix")
-      ])) : L("", !0)
+      p.$slots.suffix ? (v(), $("div", Le, [
+        k(p.$slots, "suffix")
+      ])) : F("", !0)
     ], 2));
   }
 }), Oe = {
@@ -359,62 +373,62 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const l = A(null), t = A(null), n = async () => {
+    const l = C(null), t = C(null), n = async () => {
       if (!l.value) {
-        const [p, d] = await Promise.all([
+        const [u, m] = await Promise.all([
           import("date-fns"),
           import("date-fns-tz")
         ]);
-        l.value = p, t.value = d;
+        l.value = u, t.value = m;
       }
-    }, r = v(() => {
-      let p = "yyyy/MM/dd";
-      if (u.value && l.value)
+    }, r = y(() => {
+      let u = "yyyy/MM/dd";
+      if (i.value && l.value)
         try {
-          const d = ce("date.format").toString(), k = l.value.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
-          l.value.format(k, d), p = d;
+          const m = pe("date.format").toString(), h = l.value.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
+          l.value.format(h, m), u = m;
         } catch {
         }
-      return p;
-    }), u = A(!1);
-    M(async () => {
+      return u;
+    }), i = C(!1);
+    N(async () => {
       await n();
-      const p = setInterval(() => {
-        pe() && (u.value = !0, clearInterval(p));
+      const u = setInterval(() => {
+        fe() && (i.value = !0, clearInterval(u));
       }, 50);
     });
-    const i = v(() => fe()), s = e, o = a, c = (p) => !p || !t.value ? null : Array.isArray(p) ? p.map((d) => t.value.fromZonedTime(d, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.value.fromZonedTime(p, Intl.DateTimeFormat().resolvedOptions().timeZone), g = v(() => c(s.modelValue)), m = v(() => c(s.min)), f = v(() => c(s.max)), S = (p) => {
-      o("update:modelValue", p);
+    const o = y(() => ge()), s = e, d = a, c = (u) => !u || !t.value ? null : Array.isArray(u) ? u.map((m) => t.value.fromZonedTime(m, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.value.fromZonedTime(u, Intl.DateTimeFormat().resolvedOptions().timeZone), S = y(() => c(s.modelValue)), f = y(() => c(s.min)), g = y(() => c(s.max)), p = (u) => {
+      d("update:modelValue", u);
     };
-    return (p, d) => (h(), $(ue, null, [
-      r.value ? (h(), w(j(ge), x({ key: 0 }, p.$attrs, {
+    return (u, m) => (v(), $(ie, null, [
+      r.value ? (v(), w(j(be), V({ key: 0 }, u.$attrs, {
         class: "print:hidden wv-input wv-date-input",
-        "model-value": g.value,
-        "min-date": m.value,
-        "max-date": f.value,
+        "model-value": S.value,
+        "min-date": f.value,
+        "max-date": g.value,
         "enable-time-picker": e.enableTimePicker,
         format: r.value,
-        locale: i.value,
+        locale: o.value,
         range: e.range,
-        "select-text": p.$t("Select"),
-        "cancel-text-text": p.$t("Cancel"),
-        "now-button-label": p.$t("Now"),
+        "select-text": u.$t("Select"),
+        "cancel-text-text": u.$t("Cancel"),
+        "now-button-label": u.$t("Now"),
         "time-picker": !1,
         "auto-apply": !0,
         "partial-flow": !0,
         placeholder: e.placeholder,
         teleport: e.teleport,
         disabled: e.disabled,
-        "onUpdate:modelValue": S
-      }), null, 16, ["model-value", "min-date", "max-date", "enable-time-picker", "format", "locale", "range", "select-text", "cancel-text-text", "now-button-label", "placeholder", "teleport", "disabled"])) : L("", !0),
-      O(W, x(p.$attrs, {
+        "onUpdate:modelValue": p
+      }), null, 16, ["model-value", "min-date", "max-date", "enable-time-picker", "format", "locale", "range", "select-text", "cancel-text-text", "now-button-label", "placeholder", "teleport", "disabled"])) : F("", !0),
+      L(W, V(u.$attrs, {
         class: "hidden print:block w-full wv-input wv-date-input",
         "model-value": e.modelValue,
         disabled: e.disabled
       }), null, 16, ["model-value", "disabled"])
     ], 64));
   }
-}, ae = /* @__PURE__ */ Y(Oe, [["__scopeId", "data-v-d80b8eb3"]]), Pe = ["disabled"], Fe = /* @__PURE__ */ Object.assign({
+}, ae = /* @__PURE__ */ Y(Oe, [["__scopeId", "data-v-d80b8eb3"]]), Pe = ["disabled"], De = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "ToggleComponent",
@@ -434,21 +448,21 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
   },
   emits: ["update:checked", "update:modelValue"],
   setup(e, { emit: a }) {
-    const l = a, t = e, n = v(() => ({
+    const l = a, t = e, n = y(() => ({
       "--size": `${t.size}rem`
-    })), r = v({
+    })), r = y({
       get() {
         return !!t.modelValue;
       },
-      set(u) {
-        t.disabled || (l("update:modelValue", u), l("update:checked", u));
+      set(i) {
+        t.disabled || (l("update:modelValue", i), l("update:checked", i));
       }
     });
-    return (u, i) => (h(), $("label", {
+    return (i, o) => (v(), $("label", {
       class: R(["inline-flex items-center", { "cursor-pointer": !e.disabled }])
     }, [
-      z(U("input", x(u.$attrs, {
-        "onUpdate:modelValue": i[0] || (i[0] = (s) => r.value = s),
+      z(U("input", V(i.$attrs, {
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => r.value = s),
         type: "checkbox",
         value: "",
         disabled: e.disabled,
@@ -457,7 +471,7 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
         [H, r.value]
       ]),
       U("div", {
-        style: ie(n.value),
+        style: oe(n.value),
         class: R(["wv-input wv-toggle-input relative bg-gray-700 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all dark:border-gray-600 peer-checked:bg-blue-600", {
           "after:bg-gray-100": e.disabled,
           "peer-checked:bg-blue-300": e.disabled,
@@ -466,16 +480,16 @@ const F = /* @__PURE__ */ new WeakMap(), Te = (e, a) => {
       }, null, 6)
     ], 2));
   }
-}), le = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-b1502fcd"]]);
-function De(e, a) {
-  var l = -1, t = ye(e) ? Array(e.length) : [];
-  return ke(e, function(n, r, u) {
-    t[++l] = a(n, r, u);
+}), le = /* @__PURE__ */ Y(De, [["__scopeId", "data-v-b1502fcd"]]);
+function Ue(e, a) {
+  var l = -1, t = ke(e) ? Array(e.length) : [];
+  return Se(e, function(n, r, i) {
+    t[++l] = a(n, r, i);
   }), t;
 }
 function D(e, a) {
-  var l = Se(e) ? he : De;
-  return l(e, ve(a));
+  var l = Ve(e) ? ve : Ue;
+  return l(e, ye(a));
 }
 const se = {
   __name: "SelectComponent",
@@ -536,7 +550,7 @@ const se = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = a, t = e, n = v({
+    const l = a, t = e, n = y({
       get() {
         return Array.isArray(t.modelValue) ? r.value.filter((s) => t.modelValue.includes(s == null ? void 0 : s.value)) : r.value.find((s) => (s == null ? void 0 : s.value) === t.modelValue);
       },
@@ -545,29 +559,29 @@ const se = {
           if (!t.multiple)
             l("update:modelValue", s == null ? void 0 : s.value);
           else {
-            const o = D(s, (c) => c == null ? void 0 : c.value);
-            l("update:modelValue", o);
+            const d = D(s, (c) => c == null ? void 0 : c.value);
+            l("update:modelValue", d);
           }
       }
-    }), r = v(() => D(t == null ? void 0 : t.options, (s) => typeof s == "string" ? {
+    }), r = y(() => D(t == null ? void 0 : t.options, (s) => typeof s == "string" ? {
       label: s,
       value: s
-    } : s) ?? []), u = (s) => {
+    } : s) ?? []), i = (s) => {
       if (t.deselectable) {
-        let o;
+        let d;
         if (t.multiple) {
           const c = s == null ? void 0 : s.value;
-          o = D(n.value ?? [], (m) => m == null ? void 0 : m.value).filter((m) => m !== c);
+          d = D(n.value ?? [], (f) => f == null ? void 0 : f.value).filter((f) => f !== c);
         }
-        l("update:modelValue", o);
+        l("update:modelValue", d);
       }
-    }, i = (s) => {
+    }, o = (s) => {
       l("tag", s);
     };
-    return (s, o) => (h(), w(j(be), {
+    return (s, d) => (v(), w(j(he), {
       id: "value",
       modelValue: n.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (c) => n.value = c),
+      "onUpdate:modelValue": d[0] || (d[0] = (c) => n.value = c),
       class: "wv-input wv-select-input border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       options: r.value,
       placeholder: e.placeholder ?? s.$t("select.placeholder"),
@@ -583,93 +597,93 @@ const se = {
       "group-label": e.groupLabel,
       taggable: e.taggable,
       preserveSearch: e.preserveSearch,
-      onTag: i,
-      onRemove: u
+      onTag: o,
+      onRemove: i
     }, q({
       maxElements: b(() => [
-        E(N(s.$tChoice("select.maxElements", e.max)), 1)
+        T(E(s.$tChoice("select.maxElements", e.max)), 1)
       ]),
       noResult: b(() => [
-        E(N(s.$t("select.noResult")), 1)
+        T(E(s.$t("select.noResult")), 1)
       ]),
       noOptions: b(() => [
-        E(N(s.$t("select.noOptions")), 1)
+        T(E(s.$t("select.noOptions")), 1)
       ]),
       _: 2
     }, [
       s.$slots.tag ? {
         name: "tag",
         fn: b((c) => [
-          y(s.$slots, "tag", oe(de(c)))
+          k(s.$slots, "tag", de(me(c)))
         ]),
         key: "0"
       } : void 0,
       s.$slots.beforeList ? {
         name: "beforeList",
         fn: b(() => [
-          y(s.$slots, "beforeList")
+          k(s.$slots, "beforeList")
         ]),
         key: "1"
       } : void 0,
       s.$slots.afterList ? {
         name: "afterList",
         fn: b(() => [
-          y(s.$slots, "afterList")
+          k(s.$slots, "afterList")
         ]),
         key: "2"
       } : void 0,
       s.$slots.caret ? {
         name: "caret",
         fn: b(() => [
-          y(s.$slots, "caret")
+          k(s.$slots, "caret")
         ]),
         key: "3"
       } : void 0,
       s.$slots.singleLabel ? {
         name: "singleLabel",
         fn: b(() => [
-          y(s.$slots, "singleLabel")
+          k(s.$slots, "singleLabel")
         ]),
         key: "4"
       } : void 0,
       s.$slots.placeholder ? {
         name: "placeholder",
         fn: b(() => [
-          y(s.$slots, "placeholder")
+          k(s.$slots, "placeholder")
         ]),
         key: "5"
       } : void 0,
       s.$slots.limit ? {
         name: "limit",
         fn: b(() => [
-          y(s.$slots, "limit")
+          k(s.$slots, "limit")
         ]),
         key: "6"
       } : void 0,
       s.$slots.clear ? {
         name: "clear",
         fn: b(() => [
-          y(s.$slots, "clear")
+          k(s.$slots, "clear")
         ]),
         key: "7"
       } : void 0,
       s.$slots.tag ? {
         name: "tag",
         fn: b(() => [
-          y(s.$slots, "tag")
+          k(s.$slots, "tag")
         ]),
         key: "8"
       } : void 0,
       s.$slots.selection ? {
         name: "selection",
         fn: b(() => [
-          y(s.$slots, "selection")
+          k(s.$slots, "selection")
         ]),
         key: "9"
       } : void 0
     ]), 1032, ["modelValue", "options", "placeholder", "multiple", "max", "open-direction", "close-on-select", "searchable", "group-select", "group-values", "group-label", "taggable", "preserveSearch"]));
   }
-}, Ue = ["value", "placeholder"], ne = {
+}, ze = ["value", "placeholder"], ne = {
   __name: "TextareaComponent",
   props: {
     modelValue: String,
@@ -677,19 +691,19 @@ const se = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a }) {
-    const l = A(null);
-    return M(() => {
+    const l = C(null);
+    return N(() => {
       l.value.hasAttribute("autofocus") && l.value.focus();
-    }), a({ focus: () => l.value.focus() }), (t, n) => (h(), $("textarea", {
+    }), a({ focus: () => l.value.focus() }), (t, n) => (v(), $("textarea", {
       ref_key: "input",
       ref: l,
       class: "wv-input wv-textarea-input border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm disabled:bg-gray-200",
       value: e.modelValue,
       placeholder: e.placeholder,
       onInput: n[0] || (n[0] = (r) => t.$emit("update:modelValue", r.target.value))
-    }, null, 40, Ue));
+    }, null, 40, ze));
   }
-}, ze = {
+}, je = {
   key: 1,
   class: "h-10 flex items-center"
 }, re = /* @__PURE__ */ Object.assign({
@@ -768,29 +782,29 @@ const se = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = e, t = a, n = A(null);
-    M(() => {
+    const l = e, t = a, n = C(null);
+    N(() => {
       n.value = K("input_group_");
     });
-    const r = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (u, i) => e.type === "checkbox" ? (h(), w(_, x({ key: 0 }, u.$attrs, {
+    const r = y(() => l.type === "tel" ? "(###) ###-####" : null);
+    return (i, o) => e.type === "checkbox" ? (v(), w(_, V({ key: 0 }, i.$attrs, {
       id: n.value,
       name: e.name,
       "model-value": e.modelValue,
       class: "size-10 " + e.customClass,
       disabled: e.disabled,
-      "onUpdate:modelValue": i[0] || (i[0] = (s) => t("update:modelValue", s))
-    }), null, 16, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (h(), $("div", ze, [
-      O(le, x(u.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t("update:modelValue", s))
+    }), null, 16, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (v(), $("div", je, [
+      L(le, V(i.$attrs, {
         id: n.value,
         name: e.name,
         "model-value": !!e.modelValue,
         size: "15",
         class: e.customClass,
         disabled: e.disabled,
-        "onUpdate:modelValue": i[1] || (i[1] = (s) => t("update:modelValue", s))
+        "onUpdate:modelValue": o[1] || (o[1] = (s) => t("update:modelValue", s))
       }), null, 16, ["id", "name", "model-value", "class", "disabled"])
-    ])) : e.type === "select" ? (h(), w(se, x({ key: 2 }, u.$attrs, {
+    ])) : e.type === "select" ? (v(), w(se, V({ key: 2 }, i.$attrs, {
       id: n.value,
       name: e.name,
       "model-value": e.modelValue,
@@ -802,17 +816,17 @@ const se = {
       taggable: e.taggable,
       deselectable: e.deselectable,
       preserveSearch: e.preserveSearch,
-      "onUpdate:modelValue": i[2] || (i[2] = (s) => t("update:modelValue", s)),
-      onTag: i[3] || (i[3] = (s) => t("tag", s))
-    }), null, 16, ["id", "name", "model-value", "class", "options", "disabled", "multiple", "searchable", "taggable", "deselectable", "preserveSearch"])) : e.type === "textarea" ? (h(), w(ne, x({ key: 3 }, u.$attrs, {
+      "onUpdate:modelValue": o[2] || (o[2] = (s) => t("update:modelValue", s)),
+      onTag: o[3] || (o[3] = (s) => t("tag", s))
+    }), null, 16, ["id", "name", "model-value", "class", "options", "disabled", "multiple", "searchable", "taggable", "deselectable", "preserveSearch"])) : e.type === "textarea" ? (v(), w(ne, V({ key: 3 }, i.$attrs, {
       id: n.value,
       name: e.name,
       "model-value": e.modelValue,
       class: "w-full " + e.customClass,
       placeholder: e.placeholder,
       disabled: e.disabled,
-      "onUpdate:modelValue": i[4] || (i[4] = (s) => t("update:modelValue", s))
-    }), null, 16, ["id", "name", "model-value", "class", "placeholder", "disabled"])) : e.type === "date" ? (h(), w(ae, x({ key: 4 }, u.$attrs, {
+      "onUpdate:modelValue": o[4] || (o[4] = (s) => t("update:modelValue", s))
+    }), null, 16, ["id", "name", "model-value", "class", "placeholder", "disabled"])) : e.type === "date" ? (v(), w(ae, V({ key: 4 }, i.$attrs, {
       id: n.value,
       name: e.name,
       "model-value": e.modelValue,
@@ -822,8 +836,8 @@ const se = {
       range: e.range,
       "enable-time-picker": e.enableTimePicker,
       disabled: e.disabled,
-      "onUpdate:modelValue": i[5] || (i[5] = (s) => t("update:modelValue", s))
-    }), null, 16, ["id", "name", "model-value", "class", "max", "min", "range", "enable-time-picker", "disabled"])) : (h(), w(W, x({ key: 5 }, u.$attrs, {
+      "onUpdate:modelValue": o[5] || (o[5] = (s) => t("update:modelValue", s))
+    }), null, 16, ["id", "name", "model-value", "class", "max", "min", "range", "enable-time-picker", "disabled"])) : (v(), w(W, V({ key: 5 }, i.$attrs, {
       id: n.value,
       type: e.type,
       name: e.name,
@@ -837,25 +851,25 @@ const se = {
       step: e.step,
       class: "w-full " + e.customClass,
       "input-class": e.inputClass,
-      "onUpdate:modelValue": i[6] || (i[6] = (s) => t("update:modelValue", s))
+      "onUpdate:modelValue": o[6] || (o[6] = (s) => t("update:modelValue", s))
     }), q({ _: 2 }, [
-      u.$slots.prefix ? {
+      i.$slots.prefix ? {
         name: "prefix",
         fn: b(() => [
-          y(u.$slots, "prefix")
+          k(i.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
-      u.$slots.suffix ? {
+      i.$slots.suffix ? {
         name: "suffix",
         fn: b(() => [
-          y(u.$slots, "suffix")
+          k(i.$slots, "suffix")
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["id", "type", "name", "placeholder", "model-value", "disabled", "min", "max", "mask", "precision", "step", "class", "input-class"]));
   }
-}), je = /* @__PURE__ */ Object.assign({
+}), qe = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "InputGroupComponent",
@@ -940,37 +954,37 @@ const se = {
   },
   emits: ["update:modelValue", "tag"],
   setup(e, { emit: a }) {
-    const l = e, t = a, n = me(), r = v(() => {
+    const l = e, t = a, n = ce(), r = y(() => {
       const s = {};
-      for (const [o, c] of Object.entries(n))
-        o.startsWith("input-") && (s[o.slice(6)] = c);
+      for (const [d, c] of Object.entries(n))
+        d.startsWith("input-") && (s[d.slice(6)] = c);
       return s;
-    }), u = A(null);
-    M(() => {
-      u.value = K("input_group_");
+    }), i = C(null);
+    N(() => {
+      i.value = K("input_group_");
     });
-    const i = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (s, o) => (h(), $("div", {
+    const o = y(() => l.type === "tel" ? "(###) ###-####" : null);
+    return (s, d) => (v(), $("div", {
       class: R([{ error: e.errors !== null && e.errors !== "" }, "w-full"])
     }, [
-      O(Q, {
-        for: u.value,
+      L(Q, {
+        for: i.value,
         required: e.required,
         value: e.label,
         class: "w-full mb-2"
       }, {
         default: b(() => [
-          E(N(e.label), 1)
+          T(E(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "value"]),
-      O(re, x({ id: u.value }, r.value, {
+      L(re, V({ id: i.value }, r.value, {
         "custom-class": e.customClass,
         deselectable: e.deselectable,
         disabled: e.disabled,
         "enable-time-picker": e.enableTimePicker,
         "input-class": e.inputClass,
-        mask: i.value,
+        mask: o.value,
         max: e.max,
         min: e.min,
         "model-value": e.modelValue ?? null,
@@ -985,37 +999,37 @@ const se = {
         taggable: e.taggable,
         type: e.type,
         preserveSearch: e.preserveSearch,
-        onTag: o[0] || (o[0] = (c) => t("tag", c)),
-        "onUpdate:modelValue": o[1] || (o[1] = (c) => t("update:modelValue", c))
+        onTag: d[0] || (d[0] = (c) => t("tag", c)),
+        "onUpdate:modelValue": d[1] || (d[1] = (c) => t("update:modelValue", c))
       }), q({ _: 2 }, [
         s.$slots.prefix ? {
           name: "prefix",
           fn: b(() => [
-            y(s.$slots, "prefix")
+            k(s.$slots, "prefix")
           ]),
           key: "0"
         } : void 0,
         s.$slots.suffix ? {
           name: "suffix",
           fn: b(() => [
-            y(s.$slots, "suffix")
+            k(s.$slots, "suffix")
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["id", "custom-class", "deselectable", "disabled", "enable-time-picker", "input-class", "mask", "max", "min", "model-value", "multiple", "name", "options", "placeholder", "precision", "range", "searchable", "step", "taggable", "type", "preserveSearch"]),
-      e.errors ? (h(), w(X, {
+      e.errors ? (v(), w(X, {
         key: 0,
         message: e.errors,
         class: "mt-2"
-      }, null, 8, ["message"])) : L("", !0)
+      }, null, 8, ["message"])) : F("", !0)
     ], 2));
   }
-}), Ye = {
+}), _e = {
   CheckboxComponent: _,
   DateComponent: ae,
   ErrorComponent: X,
   InputComponent: re,
-  InputGroupComponent: je,
+  InputGroupComponent: qe,
   LabelComponent: Q,
   SelectComponent: se,
   TextareaComponent: ne,
@@ -1027,11 +1041,11 @@ export {
   ae as DateComponent,
   X as ErrorComponent,
   re as InputComponent,
-  je as InputGroupComponent,
+  qe as InputGroupComponent,
   Q as LabelComponent,
   se as SelectComponent,
   W as TextInputComponent,
   ne as TextareaComponent,
   le as ToggleComponent,
-  Ye as default
+  _e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilio-xyz/webilio-vue",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0",