@webilio-xyz/webilio-vue 1.1.8 → 1.1.10

package/dist/Input.js

@@ -1,5 +1,5 @@
-import { computed as v, withDirectives as U, openBlock as b, createElementBlock as S, vModelCheckbox as J, ref as A, onMounted as M, normalizeClass as V, renderSlot as y, createCommentVNode as N, createElementVNode as D, unref as z, Fragment as se, createBlock as $, createVNode as L, normalizeStyle as ue, createSlots as q, withCtx as h, createTextVNode as E, toDisplayString as B, normalizeProps as ie, guardReactiveProps as oe } from "vue";
-import { trans as re, isLoaded as de, getActiveLanguage as me } from "laravel-vue-i18n";
+import { computed as v, withDirectives as U, openBlock as b, createElementBlock as w, vModelCheckbox as J, ref as A, onMounted as M, normalizeClass as V, renderSlot as y, createCommentVNode as N, createElementVNode as D, unref as z, Fragment as se, createBlock as $, createVNode as L, normalizeStyle as ue, createSlots as q, withCtx as h, createTextVNode as T, toDisplayString as E, normalizeProps as re, guardReactiveProps as ie } from "vue";
+import { trans as oe, isLoaded as de, getActiveLanguage as me } from "laravel-vue-i18n";
 import ce from "@vuepic/vue-datepicker";
 import { s as pe, u as H, _ as K, E as Q } from "./LabelComponent-DgoJlPcL.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -29,10 +29,10 @@ const ve = ["disabled"], Y = {
         l("update:checked", u), l("update:modelValue", u);
       }
     });
-    return (u, o) => U((b(), S("input", {
-      "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
+    return (u, i) => U((b(), w("input", {
+      "onUpdate:modelValue": i[0] || (i[0] = (r) => s.value = r),
       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",
+      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"
     }, null, 8, ve)), [
       [J, s.value]
@@ -52,20 +52,20 @@ const j = {
     roundingMode: "trunc"
   });
 }, Ve = (e, a = !0, l) => {
-  var t, s, u, o;
-  const i = ((t = l.number) == null ? void 0 : t.unsigned) == null && e.startsWith("-") ? "-" : "", n = ((s = l.number) == null ? void 0 : s.fraction) ?? 0;
+  var t, s, u, i;
+  const r = ((t = l.number) == null ? void 0 : t.unsigned) == null && e.startsWith("-") ? "-" : "", n = ((s = l.number) == null ? void 0 : s.fraction) ?? 0;
   let d = G(0, n, l);
-  const f = d.formatToParts(1000.12), g = ((u = f.find((r) => r.type === "group")) == null ? void 0 : u.value) ?? " ", m = ((o = f.find((r) => r.type === "decimal")) == null ? void 0 : o.value) ?? ".", p = Z(e, g, m);
-  if (p === "" || Number.isNaN(p)) return i;
+  const f = d.formatToParts(1000.12), g = ((u = f.find((o) => o.type === "group")) == null ? void 0 : u.value) ?? " ", m = ((i = f.find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".", p = Z(e, g, m);
+  if (p === "" || Number.isNaN(p)) return r;
   const x = p.split(".");
   if (x[1] != null && x[1].length >= 1) {
-    const r = x[1].length <= n ? x[1].length : n;
-    d = G(r, n, l);
+    const o = x[1].length <= n ? x[1].length : n;
+    d = G(o, n, l);
   }
   let c = d.format(parseFloat(p));
-  return a ? n > 0 && p.endsWith(".") && !p.slice(0, -1).includes(".") && (c += m) : c = Z(c, g, m), i + c;
+  return a ? n > 0 && p.endsWith(".") && !p.slice(0, -1).includes(".") && (c += m) : c = Z(c, g, m), r + c;
 };
-class we {
+class Se {
   constructor(a = {}) {
     R(this, "opts", {}), R(this, "memo", /* @__PURE__ */ new Map());
     const l = { ...a };
@@ -117,30 +117,30 @@ class we {
     if (l == null) return a;
     const s = `v=${a},mr=${l},m=${t ? 1 : 0}`;
     if (this.memo.has(s)) return this.memo.get(s);
-    const { mask: u, escaped: o } = this.escapeMask(l), i = [], n = this.opts.tokens != null ? this.opts.tokens : {}, d = this.isReversed() ? -1 : 1, f = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : u.length - 1, m = this.isReversed() ? () => r > -1 && k > -1 : () => r < u.length && k < a.length, p = (C) => !this.isReversed() && C <= g || this.isReversed() && C >= g;
-    let x, c = -1, r = this.isReversed() ? u.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, P = !1;
+    const { mask: u, escaped: i } = this.escapeMask(l), r = [], n = this.opts.tokens != null ? this.opts.tokens : {}, d = this.isReversed() ? -1 : 1, f = this.isReversed() ? "unshift" : "push", g = this.isReversed() ? 0 : u.length - 1, m = this.isReversed() ? () => o > -1 && k > -1 : () => o < u.length && k < a.length, p = (C) => !this.isReversed() && C <= g || this.isReversed() && C >= g;
+    let x, c = -1, o = this.isReversed() ? u.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, P = !1;
     for (; m(); ) {
-      const C = u.charAt(r), w = n[C], I = (w == null ? void 0 : w.transform) != null ? w.transform(a.charAt(k)) : a.charAt(k);
-      if (!o.includes(r) && w != null ? (I.match(w.pattern) != null ? (i[f](I), w.repeated ? (c === -1 ? c = r : r === g && r !== c && (r = c - d), g === c && (r -= d)) : w.multiple && (P = !0, r -= d), r += d) : w.multiple ? P && (r += d, k -= d, P = !1) : I === x ? x = void 0 : w.optional && (r += d, k -= d), k += d) : (t && !this.isEager() && i[f](C), I === C && !this.isEager() ? k += d : x = C, this.isEager() || (r += d)), this.isEager())
-        for (; p(r) && (n[u.charAt(r)] == null || o.includes(r)); ) {
+      const C = u.charAt(o), S = n[C], I = (S == null ? void 0 : S.transform) != null ? S.transform(a.charAt(k)) : a.charAt(k);
+      if (!i.includes(o) && S != null ? (I.match(S.pattern) != null ? (r[f](I), S.repeated ? (c === -1 ? c = o : o === g && o !== c && (o = c - d), g === c && (o -= d)) : S.multiple && (P = !0, o -= d), o += d) : S.multiple ? P && (o += d, k -= d, P = !1) : I === x ? x = void 0 : S.optional && (o += d, k -= d), k += d) : (t && !this.isEager() && r[f](C), I === C && !this.isEager() ? k += d : x = C, this.isEager() || (o += d)), this.isEager())
+        for (; p(o) && (n[u.charAt(o)] == null || i.includes(o)); ) {
           if (t) {
-            if (i[f](u.charAt(r)), a.charAt(k) === u.charAt(r)) {
-              r += d, k += d;
+            if (r[f](u.charAt(o)), a.charAt(k) === u.charAt(o)) {
+              o += d, k += d;
               continue;
             }
-          } else u.charAt(r) === a.charAt(k) && (k += d);
-          r += d;
+          } else u.charAt(o) === a.charAt(k) && (k += d);
+          o += d;
         }
     }
-    return this.memo.set(s, i.join("")), this.memo.get(s);
+    return this.memo.set(s, r.join("")), this.memo.get(s);
   }
 }
-const _ = (e) => JSON.parse(e.replaceAll("'", '"')), Se = (e, a = {}) => {
+const _ = (e) => JSON.parse(e.replaceAll("'", '"')), we = (e, a = {}) => {
   const l = { ...a };
-  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = $e(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 = Ce(e.dataset.maskaTokens));
+  e.dataset.maska != null && e.dataset.maska !== "" && (l.mask = $e(e.dataset.maska)), e.dataset.maskaEager != null && (l.eager = B(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (l.reversed = B(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (l.tokensReplace = B(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (l.tokens = Ce(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, $e = (e) => e.startsWith("[") && e.endsWith("]") ? _(e) : e, Ce = (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 = B(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(t).length > 0) && (l.number = t), l;
+}, B = (e) => e !== "" ? !!JSON.parse(e) : !0, $e = (e) => e.startsWith("[") && e.endsWith("]") ? _(e) : e, Ce = (e) => {
   if (e.startsWith("{") && e.endsWith("}"))
     return _(e);
   const a = {};
@@ -159,8 +159,8 @@ class Ae {
     R(this, "items", /* @__PURE__ */ new Map()), R(this, "onInput", (t) => {
       if (t instanceof CustomEvent && t.type === "input")
         return;
-      const s = t.target, u = this.items.get(s), o = "inputType" in t && t.inputType.startsWith("delete"), i = u.isEager(), n = o && i && u.unmasked(s.value) === "" ? "" : s.value;
-      this.fixCursor(s, o, () => this.setValue(s, n));
+      const s = t.target, u = this.items.get(s), i = "inputType" in t && t.inputType.startsWith("delete"), r = u.isEager(), n = i && r && u.unmasked(s.value) === "" ? "" : s.value;
+      this.fixCursor(s, i, () => this.setValue(s, n));
     }), this.options = l, this.init(this.getInputs(a));
   }
   update(a = {}) {
@@ -178,7 +178,7 @@ class Ae {
     const l = this.getOptions(this.options);
     for (const t of a) {
       this.items.has(t) || t.addEventListener("input", this.onInput, { capture: !0 });
-      const s = new we(Se(t, l));
+      const s = new Se(we(t, l));
       this.items.set(t, s), queueMicrotask(() => this.updateValue(t)), t.selectionStart === null && s.isEager() && console.warn("Maska: input of `%s` type is not supported", t.type);
     }
   }
@@ -192,9 +192,9 @@ class Ae {
   fixCursor(a, l, t) {
     const s = a.selectionStart, u = a.value;
     if (t(), s === null || s === u.length && !l) return;
-    const o = a.value, i = u.slice(0, s), n = o.slice(0, s), d = this.processInput(a, i).unmasked, f = this.processInput(a, n).unmasked;
+    const i = a.value, r = u.slice(0, s), n = i.slice(0, s), d = this.processInput(a, r).unmasked, f = this.processInput(a, n).unmasked;
     let g = s;
-    i !== n && (g += l ? o.length - u.length : d.length - f.length), a.setSelectionRange(g, g);
+    r !== n && (g += l ? i.length - u.length : d.length - f.length), a.setSelectionRange(g, g);
   }
   setValue(a, l) {
     const t = this.processInput(a, l);
@@ -222,17 +222,17 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
   if (t == null || (t == null ? void 0 : t.type) === "file") return;
   let s = {};
   if (a.value != null && (s = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
-    const u = (o) => {
-      const i = a.modifiers.unmasked ? o.unmasked : a.modifiers.completed ? o.completed : o.masked;
-      Me(a, i);
+    const u = (i) => {
+      const r = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
+      Me(a, r);
     };
     s.onMaska = s.onMaska == null ? u : Array.isArray(s.onMaska) ? [...s.onMaska, u] : [s.onMaska, u];
   }
   F.has(t) ? (l = F.get(t)) == null || l.update(s) : F.set(t, new Ae(t, s));
-}, Te = {
+}, Be = {
   key: 0,
   class: "wv-text-input-prefix flex items-center pl-2"
-}, Ee = ["disabled", "inputmode", "max", "min", "step", "type", "value"], Be = {
+}, Te = ["disabled", "inputmode", "max", "min", "step", "type", "value"], Ee = {
   key: 1,
   class: "wv-text-input-suffix flex items-center pr-2"
 }, W = {
@@ -268,7 +268,7 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: l }) {
-    const t = e, s = l, u = v(() => t.type === "number"), o = v(() => u.value && t.precision !== null ? "text" : t.type), i = v(() => u.value && t.precision !== null ? "decimal" : null), n = v(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), d = (m) => {
+    const t = e, s = l, u = v(() => t.type === "number"), i = v(() => u.value && t.precision !== null ? "text" : t.type), r = v(() => u.value && t.precision !== null ? "decimal" : null), n = v(() => t.step ? t.step : t.precision !== null ? Math.pow(10, -t.precision).toFixed(t.precision) : null), d = (m) => {
       if (!u.value || m === "" || m === "-" || m === "." || m === "-.") return m;
       const p = parseFloat(m);
       return isNaN(p) ? m : t.min !== null && p < parseFloat(t.min) ? t.min : t.max !== null && p > parseFloat(t.max) ? t.max : m;
@@ -285,10 +285,10 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
     }, g = A(null);
     return M(() => {
       g.value.hasAttribute("autofocus") && g.value.focus();
-    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), S("div", {
+    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), w("div", {
       class: V(["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 ? (b(), S("div", Te, [
+      m.$slots.prefix ? (b(), w("div", Be, [
         y(m.$slots, "prefix")
       ])) : N("", !0),
       U(D("input", {
@@ -296,17 +296,17 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
         ref: g,
         class: V(["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: r.value,
         max: e.max,
         min: e.min,
         step: n.value,
-        type: o.value,
+        type: i.value,
         value: e.modelValue,
         onInput: f
-      }, null, 42, Ee), [
+      }, null, 42, Te), [
         [z(Ie), e.mask]
       ]),
-      m.$slots.suffix ? (b(), S("div", Be, [
+      m.$slots.suffix ? (b(), w("div", Ee, [
         y(m.$slots, "suffix")
       ])) : N("", !0)
     ], 2));
@@ -344,24 +344,24 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
       ]));
     }, u = v(() => {
       let c = "yyyy/MM/dd";
-      if (o.value && l)
+      if (i.value && l)
         try {
-          const r = re("date.format").toString(), k = l.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
-          l.format(k, r), c = r;
+          const o = oe("date.format").toString(), k = l.parse("29/10/1989", "P", /* @__PURE__ */ new Date());
+          l.format(k, o), c = o;
         } catch {
         }
       return c;
-    }), o = A(!1);
+    }), i = A(!1);
     M(async () => {
       await s();
       const c = setInterval(() => {
-        de() && (o.value = !0, clearInterval(c));
+        de() && (i.value = !0, clearInterval(c));
       }, 50);
     });
-    const i = v(() => me()), n = e, d = a, f = (c) => !c || !t ? null : Array.isArray(c) ? c.map((r) => t.fromZonedTime(r, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.fromZonedTime(c, Intl.DateTimeFormat().resolvedOptions().timeZone), g = v(() => f(n.modelValue)), m = v(() => f(n.min)), p = v(() => f(n.max)), x = (c) => {
+    const r = v(() => me()), n = e, d = a, f = (c) => !c || !t ? null : Array.isArray(c) ? c.map((o) => t.fromZonedTime(o, Intl.DateTimeFormat().resolvedOptions().timeZone)) : t.fromZonedTime(c, Intl.DateTimeFormat().resolvedOptions().timeZone), g = v(() => f(n.modelValue)), m = v(() => f(n.min)), p = v(() => f(n.max)), x = (c) => {
       d("update:modelValue", c);
     };
-    return (c, r) => (b(), S(se, null, [
+    return (c, o) => (b(), w(se, null, [
       u.value ? (b(), $(z(ce), {
         key: 0,
         class: "print:hidden wv-input wv-date-input",
@@ -370,7 +370,7 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
         "max-date": p.value,
         "enable-time-picker": e.enableTimePicker,
         format: u.value,
-        locale: i.value,
+        locale: r.value,
         range: e.range,
         "select-text": c.$t("Select"),
         "cancel-text-text": c.$t("Cancel"),
@@ -411,15 +411,15 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
       get() {
         return !!t.modelValue;
       },
-      set(o) {
-        t.disabled || (l("update:modelValue", o), l("update:checked", o));
+      set(i) {
+        t.disabled || (l("update:modelValue", i), l("update:checked", i));
       }
     });
-    return (o, i) => (b(), S("label", {
+    return (i, r) => (b(), w("label", {
       class: V(["inline-flex items-center", { "cursor-pointer": !e.disabled }])
     }, [
       U(D("input", {
-        "onUpdate:modelValue": i[0] || (i[0] = (n) => u.value = n),
+        "onUpdate:modelValue": r[0] || (r[0] = (n) => u.value = n),
         type: "checkbox",
         value: "",
         disabled: e.disabled,
@@ -440,8 +440,8 @@ const F = /* @__PURE__ */ new WeakMap(), Me = (e, a) => {
 }, te = /* @__PURE__ */ X(Re, [["__scopeId", "data-v-bd8a97d8"]]);
 function Pe(e, a) {
   var l = -1, t = he(e) ? Array(e.length) : [];
-  return be(e, function(s, u, o) {
-    t[++l] = a(s, u, o);
+  return be(e, function(s, u, i) {
+    t[++l] = a(s, u, i);
   }), t;
 }
 function O(e, a) {
@@ -499,6 +499,10 @@ const ae = {
     taggable: {
       type: Boolean,
       default: !1
+    },
+    preserveSearch: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "tag"],
@@ -519,7 +523,7 @@ const ae = {
     }), u = v(() => O(t == null ? void 0 : t.options, (n) => typeof n == "string" ? {
       label: n,
       value: n
-    } : n) ?? []), o = (n) => {
+    } : n) ?? []), i = (n) => {
       if (t.deselectable) {
         let d;
         if (t.multiple) {
@@ -528,7 +532,7 @@ const ae = {
         }
         l("update:modelValue", d);
       }
-    }, i = (n) => {
+    }, r = (n) => {
       l("tag", n);
     };
     return (n, d) => (b(), $(z(pe), {
@@ -549,24 +553,25 @@ const ae = {
       "group-values": e.groupValues,
       "group-label": e.groupLabel,
       taggable: e.taggable,
-      onTag: i,
-      onRemove: o
+      preserveSearch: e.preserveSearch,
+      onTag: r,
+      onRemove: i
     }, q({
       maxElements: h(() => [
-        E(B(n.$tChoice("select.maxElements", e.max)), 1)
+        T(E(n.$tChoice("select.maxElements", e.max)), 1)
       ]),
       noResult: h(() => [
-        E(B(n.$t("select.noResult")), 1)
+        T(E(n.$t("select.noResult")), 1)
       ]),
       noOptions: h(() => [
-        E(B(n.$t("select.noOptions")), 1)
+        T(E(n.$t("select.noOptions")), 1)
       ]),
       _: 2
     }, [
       n.$slots.tag ? {
         name: "tag",
         fn: h((f) => [
-          y(n.$slots, "tag", ie(oe(f)))
+          y(n.$slots, "tag", re(ie(f)))
         ]),
         key: "0"
       } : void 0,
@@ -633,7 +638,7 @@ const ae = {
         ]),
         key: "9"
       } : void 0
-    ]), 1032, ["modelValue", "options", "placeholder", "multiple", "max", "open-direction", "close-on-select", "searchable", "group-select", "group-values", "group-label", "taggable"]));
+    ]), 1032, ["modelValue", "options", "placeholder", "multiple", "max", "open-direction", "close-on-select", "searchable", "group-select", "group-values", "group-label", "taggable", "preserveSearch"]));
   }
 }, Fe = ["value", "placeholder"], le = {
   __name: "TextareaComponent",
@@ -646,7 +651,7 @@ const ae = {
     const l = A(null);
     return M(() => {
       l.value.hasAttribute("autofocus") && l.value.focus();
-    }), a({ focus: () => l.value.focus() }), (t, s) => (b(), S("textarea", {
+    }), a({ focus: () => l.value.focus() }), (t, s) => (b(), w("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",
@@ -724,6 +729,10 @@ const ae = {
     inputClass: {
       type: [String, Array, Object],
       default: null
+    },
+    preserveSearch: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "tag"],
@@ -733,15 +742,15 @@ const ae = {
       s.value = H("input_group_");
     });
     const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (o, i) => e.type === "checkbox" ? (b(), $(Y, {
+    return (i, r) => e.type === "checkbox" ? (b(), $(Y, {
       key: 0,
       id: s.value,
       name: e.name,
       "model-value": e.modelValue,
       class: V("size-10 " + e.customClass),
       disabled: e.disabled,
-      "onUpdate:modelValue": i[0] || (i[0] = (n) => t("update:modelValue", n))
-    }, null, 8, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (b(), S("div", Oe, [
+      "onUpdate:modelValue": r[0] || (r[0] = (n) => t("update:modelValue", n))
+    }, null, 8, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (b(), w("div", Oe, [
       L(te, {
         id: s.value,
         name: e.name,
@@ -749,7 +758,7 @@ const ae = {
         size: "15",
         class: V(e.customClass),
         disabled: e.disabled,
-        "onUpdate:modelValue": i[1] || (i[1] = (n) => t("update:modelValue", n))
+        "onUpdate:modelValue": r[1] || (r[1] = (n) => t("update:modelValue", n))
       }, null, 8, ["id", "name", "model-value", "class", "disabled"])
     ])) : e.type === "select" ? (b(), $(ae, {
       key: 2,
@@ -763,9 +772,10 @@ const ae = {
       searchable: e.searchable,
       taggable: e.taggable,
       deselectable: e.deselectable,
-      "onUpdate:modelValue": i[2] || (i[2] = (n) => t("update:modelValue", n)),
-      onTag: i[3] || (i[3] = (n) => t("tag", n))
-    }, null, 8, ["id", "name", "model-value", "class", "options", "disabled", "multiple", "searchable", "taggable", "deselectable"])) : e.type === "textarea" ? (b(), $(le, {
+      preserveSearch: e.preserveSearch,
+      "onUpdate:modelValue": r[2] || (r[2] = (n) => t("update:modelValue", n)),
+      onTag: r[3] || (r[3] = (n) => t("tag", n))
+    }, null, 8, ["id", "name", "model-value", "class", "options", "disabled", "multiple", "searchable", "taggable", "deselectable", "preserveSearch"])) : e.type === "textarea" ? (b(), $(le, {
       key: 3,
       id: s.value,
       name: e.name,
@@ -773,7 +783,7 @@ const ae = {
       class: V("w-full " + e.customClass),
       placeholder: e.placeholder,
       disabled: e.disabled,
-      "onUpdate:modelValue": i[4] || (i[4] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": r[4] || (r[4] = (n) => t("update:modelValue", n))
     }, null, 8, ["id", "name", "model-value", "class", "placeholder", "disabled"])) : e.type === "date" ? (b(), $(ee, {
       key: 4,
       id: s.value,
@@ -785,7 +795,7 @@ const ae = {
       range: e.range,
       "enable-time-picker": e.enableTimePicker,
       disabled: e.disabled,
-      "onUpdate:modelValue": i[5] || (i[5] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": r[5] || (r[5] = (n) => t("update:modelValue", n))
     }, null, 8, ["id", "name", "model-value", "class", "max", "min", "range", "enable-time-picker", "disabled"])) : (b(), $(W, {
       key: 5,
       id: s.value,
@@ -801,19 +811,19 @@ const ae = {
       step: e.step,
       class: V("w-full " + e.customClass),
       "input-class": e.inputClass,
-      "onUpdate:modelValue": i[6] || (i[6] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": r[6] || (r[6] = (n) => t("update:modelValue", n))
     }, q({ _: 2 }, [
-      o.$slots.prefix ? {
+      i.$slots.prefix ? {
         name: "prefix",
         fn: h(() => [
-          y(o.$slots, "prefix")
+          y(i.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
-      o.$slots.suffix ? {
+      i.$slots.suffix ? {
         name: "suffix",
         fn: h(() => [
-          y(o.$slots, "suffix")
+          y(i.$slots, "suffix")
         ]),
         key: "1"
       } : void 0
@@ -894,6 +904,10 @@ const ae = {
     inputClass: {
       type: [String, Array, Object],
       default: null
+    },
+    preserveSearch: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "tag"],
@@ -903,63 +917,64 @@ const ae = {
       s.value = H("input_group_");
     });
     const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (o, i) => (b(), S("div", {
-      class: V(["w-full", { error: e.errors !== null && e.errors !== "" }])
+    return (i, r) => (b(), w("div", {
+      class: V([{ error: e.errors !== null && e.errors !== "" }, "w-full"])
     }, [
       L(K, {
         for: s.value,
-        value: e.label,
         required: e.required,
+        value: e.label,
         class: "w-full mb-2"
       }, {
         default: h(() => [
-          E(B(e.label), 1)
+          T(E(e.label), 1)
         ]),
         _: 1
-      }, 8, ["for", "value", "required"]),
+      }, 8, ["for", "required", "value"]),
       L(ne, {
         id: s.value,
-        name: e.name,
-        type: e.type,
-        "model-value": e.modelValue ?? null,
+        "custom-class": e.customClass,
+        deselectable: e.deselectable,
         disabled: e.disabled,
-        multiple: e.multiple,
-        options: e.options,
+        "enable-time-picker": e.enableTimePicker,
+        "input-class": e.inputClass,
+        mask: u.value,
         max: e.max,
         min: e.min,
-        range: e.range,
-        mask: u.value,
-        searchable: e.searchable,
+        "model-value": e.modelValue ?? null,
+        multiple: e.multiple,
+        name: e.name,
+        options: e.options,
         placeholder: e.placeholder,
-        taggable: e.taggable,
-        deselectable: e.deselectable,
-        "enable-time-picker": e.enableTimePicker,
-        "custom-class": e.customClass,
         precision: e.precision,
+        range: e.range,
+        searchable: e.searchable,
         step: e.step,
-        "input-class": e.inputClass,
-        "onUpdate:modelValue": i[0] || (i[0] = (n) => t("update:modelValue", n)),
-        onTag: i[1] || (i[1] = (n) => t("tag", n))
+        taggable: e.taggable,
+        type: e.type,
+        preserveSearch: e.preserveSearch,
+        onTag: r[0] || (r[0] = (n) => t("tag", n)),
+        "onUpdate:modelValue": r[1] || (r[1] = (n) => t("update:modelValue", n))
       }, q({ _: 2 }, [
-        o.$slots.prefix ? {
+        i.$slots.prefix ? {
           name: "prefix",
           fn: h(() => [
-            y(o.$slots, "prefix")
+            y(i.$slots, "prefix")
           ]),
           key: "0"
         } : void 0,
-        o.$slots.suffix ? {
+        i.$slots.suffix ? {
           name: "suffix",
           fn: h(() => [
-            y(o.$slots, "suffix")
+            y(i.$slots, "suffix")
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["id", "name", "type", "model-value", "disabled", "multiple", "options", "max", "min", "range", "mask", "searchable", "placeholder", "taggable", "deselectable", "enable-time-picker", "custom-class", "precision", "step", "input-class"]),
+      ]), 1032, ["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 ? (b(), $(Q, {
         key: 0,
-        class: "mt-2",
-        message: e.errors
+        message: e.errors,
+        class: "mt-2"
       }, null, 8, ["message"])) : N("", !0)
     ], 2));
   }

package/package.json

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