@webilio-xyz/webilio-vue 1.1.4 → 1.1.6

package/dist/Component.js

@@ -3,7 +3,7 @@ import { B as M } from "./ButtonComponent-DOEH129x.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import "laravel-vue-i18n";
 import "@vuepic/vue-datepicker";
-import { u as Z, _ as G, E as K } from "./LabelComponent-CfsH2P2a.js";
+import { u as Z, _ as G, E as K } from "./LabelComponent-G6wxDGoZ.js";
 import { AkCloudUpload as W, AkChevronRightSmall as X, AkChevronDownSmall as Q, AkSend as Y } from "@kalimahapps/vue-icons";
 import { d as ee } from "./debounce-C1ND-yYU.js";
 import { a as te } from "./isObject-BD_iszZg.js";

package/dist/Input.js

@@ -1,7 +1,7 @@
-import { computed as v, withDirectives as U, openBlock as b, createElementBlock as S, vModelCheckbox as J, ref as A, onMounted as M, renderSlot as y, createCommentVNode as N, createElementVNode as D, normalizeClass as V, unref as z, Fragment as se, createBlock as C, createVNode as L, normalizeStyle as ue, createSlots as q, withCtx as h, createTextVNode as E, toDisplayString as B, normalizeProps as oe, guardReactiveProps as ie } from "vue";
+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 C, 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 ce from "@vuepic/vue-datepicker";
-import { s as pe, u as H, _ as K, E as Q } from "./LabelComponent-CfsH2P2a.js";
+import { s as pe, u as H, _ as K, E as Q } from "./LabelComponent-G6wxDGoZ.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { a as fe } from "./toString-CykDHNcE.js";
 import { b as ge } from "./_baseIteratee-r_6HOn93.js";
@@ -25,8 +25,8 @@ const Y = {
         l("update:checked", u), l("update:modelValue", u);
       }
     });
-    return (u, i) => U((b(), S("input", {
-      "onUpdate:modelValue": i[0] || (i[0] = (o) => s.value = o),
+    return (u, o) => U((b(), S("input", {
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
       type: "checkbox",
       class: "wv-input wv-checkbox-input rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
     }, null, 512)), [
@@ -47,18 +47,18 @@ const j = {
     roundingMode: "trunc"
   });
 }, xe = (e, a = !0, l) => {
-  var t, s, u, i;
-  const o = ((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, o;
+  const i = ((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 = ((i = f.find((r) => r.type === "decimal")) == null ? void 0 : i.value) ?? ".", p = Z(e, g, m);
-  if (p === "" || Number.isNaN(p)) return o;
+  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 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);
   }
   let c = d.format(parseFloat(p));
-  return a ? n > 0 && p.endsWith(".") && !p.slice(0, -1).includes(".") && (c += m) : c = Z(c, g, m), o + c;
+  return a ? n > 0 && p.endsWith(".") && !p.slice(0, -1).includes(".") && (c += m) : c = Z(c, g, m), i + c;
 };
 class Ve {
   constructor(a = {}) {
@@ -112,14 +112,14 @@ class Ve {
     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: i } = this.escapeMask(l), o = [], 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 = ($) => !this.isReversed() && $ <= g || this.isReversed() && $ >= g;
+    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 = ($) => !this.isReversed() && $ <= g || this.isReversed() && $ >= g;
     let x, c = -1, r = this.isReversed() ? u.length - 1 : 0, k = this.isReversed() ? a.length - 1 : 0, P = !1;
     for (; m(); ) {
       const $ = u.charAt(r), w = n[$], I = (w == null ? void 0 : w.transform) != null ? w.transform(a.charAt(k)) : a.charAt(k);
-      if (!i.includes(r) && w != null ? (I.match(w.pattern) != null ? (o[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() && o[f]($), I === $ && !this.isEager() ? k += d : x = $, this.isEager() || (r += d)), this.isEager())
-        for (; p(r) && (n[u.charAt(r)] == null || i.includes(r)); ) {
+      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]($), I === $ && !this.isEager() ? k += d : x = $, this.isEager() || (r += d)), this.isEager())
+        for (; p(r) && (n[u.charAt(r)] == null || o.includes(r)); ) {
           if (t) {
-            if (o[f](u.charAt(r)), a.charAt(k) === u.charAt(r)) {
+            if (i[f](u.charAt(r)), a.charAt(k) === u.charAt(r)) {
               r += d, k += d;
               continue;
             }
@@ -127,7 +127,7 @@ class Ve {
           r += d;
         }
     }
-    return this.memo.set(s, o.join("")), this.memo.get(s);
+    return this.memo.set(s, i.join("")), this.memo.get(s);
   }
 }
 const _ = (e) => JSON.parse(e.replaceAll("'", '"')), we = (e, a = {}) => {
@@ -154,8 +154,8 @@ class $e {
     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), i = "inputType" in t && t.inputType.startsWith("delete"), o = u.isEager(), n = i && o && u.unmasked(s.value) === "" ? "" : s.value;
-      this.fixCursor(s, i, () => this.setValue(s, n));
+      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));
     }), this.options = l, this.init(this.getInputs(a));
   }
   update(a = {}) {
@@ -187,9 +187,9 @@ class $e {
   fixCursor(a, l, t) {
     const s = a.selectionStart, u = a.value;
     if (t(), s === null || s === u.length && !l) return;
-    const i = a.value, o = u.slice(0, s), n = i.slice(0, s), d = this.processInput(a, o).unmasked, f = this.processInput(a, n).unmasked;
+    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;
     let g = s;
-    o !== n && (g += l ? i.length - u.length : d.length - f.length), a.setSelectionRange(g, g);
+    i !== n && (g += l ? o.length - u.length : d.length - f.length), a.setSelectionRange(g, g);
   }
   setValue(a, l) {
     const t = this.processInput(a, l);
@@ -217,17 +217,17 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (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 = (i) => {
-      const o = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
-      Ae(a, o);
+    const u = (o) => {
+      const i = a.modifiers.unmasked ? o.unmasked : a.modifiers.completed ? o.completed : o.masked;
+      Ae(a, i);
     };
     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 $e(t, s));
-}, Ie = { class: "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" }, Te = {
+}, Ie = {
   key: 0,
   class: "wv-text-input-prefix flex items-center pl-2"
-}, Ee = ["type", "inputmode", "value", "min", "max", "step"], Be = {
+}, Te = ["disabled", "inputmode", "max", "min", "step", "type", "value"], Ee = {
   key: 1,
   class: "wv-text-input-suffix flex items-center pr-2"
 }, W = {
@@ -255,11 +255,15 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
     inputClass: {
       type: [String, Array, Object],
       default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: l }) {
-    const t = e, s = l, u = v(() => t.type === "number"), i = v(() => u.value && t.precision !== null ? "text" : t.type), o = 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"), 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) => {
       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;
@@ -276,30 +280,33 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
     }, g = A(null);
     return M(() => {
       g.value.hasAttribute("autofocus") && g.value.focus();
-    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), S("div", Ie, [
-      m.$slots.prefix ? (b(), S("div", Te, [
+    }), a({ focus: () => g.value.focus() }), (m, p) => (b(), S("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", Ie, [
         y(m.$slots, "prefix")
       ])) : N("", !0),
       U(D("input", {
         ref_key: "input",
         ref: g,
-        type: i.value,
-        inputmode: o.value,
         class: V(["wv-text-input flex-1 border-0 focus:ring-0 disabled:bg-gray-200 px-1", e.inputClass]),
-        value: e.modelValue,
-        min: e.min,
+        disabled: e.disabled,
+        inputmode: i.value,
         max: e.max,
+        min: e.min,
         step: n.value,
+        type: o.value,
+        value: e.modelValue,
         onInput: f
-      }, null, 42, Ee), [
+      }, null, 42, Te), [
         [z(Me), e.mask]
       ]),
-      m.$slots.suffix ? (b(), S("div", Be, [
+      m.$slots.suffix ? (b(), S("div", Ee, [
         y(m.$slots, "suffix")
       ])) : N("", !0)
-    ]));
+    ], 2));
   }
-}, Ne = {
+}, Be = {
   __name: "DateComponent",
   props: {
     modelValue: String,
@@ -332,21 +339,21 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
       ]));
     }, u = v(() => {
       let c = "yyyy/MM/dd";
-      if (i.value && l)
+      if (o.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;
         } catch {
         }
       return c;
-    }), i = A(!1);
+    }), o = A(!1);
     M(async () => {
       await s();
       const c = setInterval(() => {
-        de() && (i.value = !0, clearInterval(c));
+        de() && (o.value = !0, clearInterval(c));
       }, 50);
     });
-    const o = 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 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) => {
       d("update:modelValue", c);
     };
     return (c, r) => (b(), S(se, null, [
@@ -358,7 +365,7 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
         "max-date": p.value,
         "enable-time-picker": e.enableTimePicker,
         format: u.value,
-        locale: o.value,
+        locale: i.value,
         range: e.range,
         "select-text": c.$t("Select"),
         "cancel-text-text": c.$t("Cancel"),
@@ -375,7 +382,7 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
       }, null, 8, ["model-value"])
     ], 64));
   }
-}, ee = /* @__PURE__ */ X(Ne, [["__scopeId", "data-v-75d7c74c"]]), Le = ["disabled"], Re = {
+}, ee = /* @__PURE__ */ X(Be, [["__scopeId", "data-v-75d7c74c"]]), Ne = ["disabled"], Le = {
   __name: "ToggleComponent",
   props: {
     modelValue: {
@@ -399,20 +406,20 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
       get() {
         return !!t.modelValue;
       },
-      set(i) {
-        t.disabled || (l("update:modelValue", i), l("update:checked", i));
+      set(o) {
+        t.disabled || (l("update:modelValue", o), l("update:checked", o));
       }
     });
-    return (i, o) => (b(), S("label", {
+    return (o, i) => (b(), S("label", {
       class: V(["inline-flex items-center", { "cursor-pointer": !e.disabled }])
     }, [
       U(D("input", {
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => u.value = n),
+        "onUpdate:modelValue": i[0] || (i[0] = (n) => u.value = n),
         type: "checkbox",
         value: "",
         disabled: e.disabled,
         class: "sr-only peer"
-      }, null, 8, Le), [
+      }, null, 8, Ne), [
         [J, u.value]
       ]),
       D("div", {
@@ -425,15 +432,15 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
       }, null, 6)
     ], 2));
   }
-}, te = /* @__PURE__ */ X(Re, [["__scopeId", "data-v-d62d3d36"]]);
-function Pe(e, a) {
+}, te = /* @__PURE__ */ X(Le, [["__scopeId", "data-v-d62d3d36"]]);
+function Re(e, a) {
   var l = -1, t = he(e) ? Array(e.length) : [];
-  return be(e, function(s, u, i) {
-    t[++l] = a(s, u, i);
+  return be(e, function(s, u, o) {
+    t[++l] = a(s, u, o);
   }), t;
 }
 function O(e, a) {
-  var l = ye(e) ? fe : Pe;
+  var l = ye(e) ? fe : Re;
   return l(e, ge(a));
 }
 const ae = {
@@ -507,7 +514,7 @@ const ae = {
     }), u = v(() => O(t == null ? void 0 : t.options, (n) => typeof n == "string" ? {
       label: n,
       value: n
-    } : n) ?? []), i = (n) => {
+    } : n) ?? []), o = (n) => {
       if (t.deselectable) {
         let d;
         if (t.multiple) {
@@ -516,7 +523,7 @@ const ae = {
         }
         l("update:modelValue", d);
       }
-    }, o = (n) => {
+    }, i = (n) => {
       l("tag", n);
     };
     return (n, d) => (b(), C(z(pe), {
@@ -537,8 +544,8 @@ const ae = {
       "group-values": e.groupValues,
       "group-label": e.groupLabel,
       taggable: e.taggable,
-      onTag: o,
-      onRemove: i
+      onTag: i,
+      onRemove: o
     }, q({
       maxElements: h(() => [
         E(B(n.$tChoice("select.maxElements", e.max)), 1)
@@ -554,7 +561,7 @@ const ae = {
       n.$slots.tag ? {
         name: "tag",
         fn: h((f) => [
-          y(n.$slots, "tag", oe(ie(f)))
+          y(n.$slots, "tag", ie(oe(f)))
         ]),
         key: "0"
       } : void 0,
@@ -623,7 +630,7 @@ const ae = {
       } : void 0
     ]), 1032, ["modelValue", "options", "placeholder", "multiple", "max", "open-direction", "close-on-select", "searchable", "group-select", "group-values", "group-label", "taggable"]));
   }
-}, Fe = ["value", "placeholder"], le = {
+}, Pe = ["value", "placeholder"], le = {
   __name: "TextareaComponent",
   props: {
     modelValue: String,
@@ -641,9 +648,9 @@ const ae = {
       value: e.modelValue,
       placeholder: e.placeholder,
       onInput: s[0] || (s[0] = (u) => t.$emit("update:modelValue", u.target.value))
-    }, null, 40, Fe));
+    }, null, 40, Pe));
   }
-}, Oe = {
+}, Fe = {
   key: 1,
   class: "h-10 flex items-center"
 }, ne = {
@@ -721,15 +728,15 @@ const ae = {
       s.value = H("input_group_");
     });
     const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (i, o) => e.type === "checkbox" ? (b(), C(Y, {
+    return (o, i) => e.type === "checkbox" ? (b(), C(Y, {
       key: 0,
       id: s.value,
       name: e.name,
       "model-value": e.modelValue,
       class: V("size-10 " + e.customClass),
       disabled: e.disabled,
-      "onUpdate:modelValue": o[0] || (o[0] = (n) => t("update:modelValue", n))
-    }, null, 8, ["id", "name", "model-value", "class", "disabled"])) : e.type === "toggle" ? (b(), S("div", Oe, [
+      "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", Fe, [
       L(te, {
         id: s.value,
         name: e.name,
@@ -737,7 +744,7 @@ const ae = {
         size: "15",
         class: V(e.customClass),
         disabled: e.disabled,
-        "onUpdate:modelValue": o[1] || (o[1] = (n) => t("update:modelValue", n))
+        "onUpdate:modelValue": i[1] || (i[1] = (n) => t("update:modelValue", n))
       }, null, 8, ["id", "name", "model-value", "class", "disabled"])
     ])) : e.type === "select" ? (b(), C(ae, {
       key: 2,
@@ -751,8 +758,8 @@ const ae = {
       searchable: e.searchable,
       taggable: e.taggable,
       deselectable: e.deselectable,
-      "onUpdate:modelValue": o[2] || (o[2] = (n) => t("update:modelValue", n)),
-      onTag: o[3] || (o[3] = (n) => t("tag", n))
+      "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(), C(le, {
       key: 3,
       id: s.value,
@@ -761,7 +768,7 @@ const ae = {
       class: V("w-full " + e.customClass),
       placeholder: e.placeholder,
       disabled: e.disabled,
-      "onUpdate:modelValue": o[4] || (o[4] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": i[4] || (i[4] = (n) => t("update:modelValue", n))
     }, null, 8, ["id", "name", "model-value", "class", "placeholder", "disabled"])) : e.type === "date" ? (b(), C(ee, {
       key: 4,
       id: s.value,
@@ -773,7 +780,7 @@ const ae = {
       range: e.range,
       "enable-time-picker": e.enableTimePicker,
       disabled: e.disabled,
-      "onUpdate:modelValue": o[5] || (o[5] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": i[5] || (i[5] = (n) => t("update:modelValue", n))
     }, null, 8, ["id", "name", "model-value", "class", "max", "min", "range", "enable-time-picker", "disabled"])) : (b(), C(W, {
       key: 5,
       id: s.value,
@@ -789,25 +796,25 @@ const ae = {
       step: e.step,
       class: V("w-full " + e.customClass),
       "input-class": e.inputClass,
-      "onUpdate:modelValue": o[6] || (o[6] = (n) => t("update:modelValue", n))
+      "onUpdate:modelValue": i[6] || (i[6] = (n) => t("update:modelValue", n))
     }, q({ _: 2 }, [
-      i.$slots.prefix ? {
+      o.$slots.prefix ? {
         name: "prefix",
         fn: h(() => [
-          y(i.$slots, "prefix")
+          y(o.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
-      i.$slots.suffix ? {
+      o.$slots.suffix ? {
         name: "suffix",
         fn: h(() => [
-          y(i.$slots, "suffix")
+          y(o.$slots, "suffix")
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["id", "type", "name", "placeholder", "model-value", "disabled", "min", "max", "mask", "precision", "step", "class", "input-class"]));
   }
-}, De = {
+}, Oe = {
   __name: "InputGroupComponent",
   props: {
     modelValue: String,
@@ -891,7 +898,7 @@ const ae = {
       s.value = H("input_group_");
     });
     const u = v(() => l.type === "tel" ? "(###) ###-####" : null);
-    return (i, o) => (b(), S("div", {
+    return (o, i) => (b(), S("div", {
       class: V(["w-full", { error: e.errors !== null && e.errors !== "" }])
     }, [
       L(K, {
@@ -926,20 +933,20 @@ const ae = {
         precision: e.precision,
         step: e.step,
         "input-class": e.inputClass,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => t("update:modelValue", n)),
-        onTag: o[1] || (o[1] = (n) => t("tag", n))
+        "onUpdate:modelValue": i[0] || (i[0] = (n) => t("update:modelValue", n)),
+        onTag: i[1] || (i[1] = (n) => t("tag", n))
       }, q({ _: 2 }, [
-        i.$slots.prefix ? {
+        o.$slots.prefix ? {
           name: "prefix",
           fn: h(() => [
-            y(i.$slots, "prefix")
+            y(o.$slots, "prefix")
           ]),
           key: "0"
         } : void 0,
-        i.$slots.suffix ? {
+        o.$slots.suffix ? {
           name: "suffix",
           fn: h(() => [
-            y(i.$slots, "suffix")
+            y(o.$slots, "suffix")
           ]),
           key: "1"
         } : void 0
@@ -951,12 +958,12 @@ const ae = {
       }, null, 8, ["message"])) : N("", !0)
     ], 2));
   }
-}, Ke = {
+}, He = {
   CheckboxComponent: Y,
   DateComponent: ee,
   ErrorComponent: Q,
   InputComponent: ne,
-  InputGroupComponent: De,
+  InputGroupComponent: Oe,
   LabelComponent: K,
   SelectComponent: ae,
   TextareaComponent: le,
@@ -968,11 +975,11 @@ export {
   ee as DateComponent,
   Q as ErrorComponent,
   ne as InputComponent,
-  De as InputGroupComponent,
+  Oe as InputGroupComponent,
   K as LabelComponent,
   ae as SelectComponent,
   W as TextInputComponent,
   le as TextareaComponent,
   te as ToggleComponent,
-  Ke as default
+  He as default
 };

package/dist/{LabelComponent-CfsH2P2a.js → LabelComponent-G6wxDGoZ.js}

@@ -1,38 +1,41 @@
-import { defineComponent as E, withDirectives as m, openBlock as u, createElementBlock as b, createElementVNode as T, toDisplayString as g, vShow as v, createBlock as p, withKeys as f, withModifiers as r, renderSlot as h, createVNode as a, Fragment as w, renderList as $, createCommentVNode as c, Transition as L, withCtx as B, createTextVNode as y } from "vue";
-import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as E, computed as T, withDirectives as m, openBlock as u, createElementBlock as b, createElementVNode as A, toDisplayString as g, vShow as y, createBlock as p, withKeys as f, withModifiers as r, renderSlot as h, createVNode as a, Fragment as w, renderList as $, createCommentVNode as c, Transition as L, withCtx as B, createTextVNode as v } from "vue";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { t as P } from "./toString-CykDHNcE.js";
-const M = E({
+const C = E({
   name: "ErrorComponent",
   props: {
-    message: String
+    message: [String, Array]
+  },
+  setup(e) {
+    return { displayMessage: T(() => Array.isArray(e.message) ? e.message[0] : e.message) };
   }
-}), C = { class: "wv-error text-sm text-red-600" };
-function H(e, t, i, l, o, n) {
+}), H = { class: "wv-error text-sm text-red-600" };
+function G(e, t, i, l, o, n) {
   return m((u(), b("div", null, [
-    T("p", C, g(e.message), 1)
+    A("p", H, g(e.displayMessage), 1)
   ], 512)), [
-    [v, e.message]
+    [y, e.displayMessage]
   ]);
 }
-const oe = /* @__PURE__ */ A(M, [["render", H]]);
-var G = 0;
-function ue(e) {
-  var t = ++G;
+const ue = /* @__PURE__ */ M(C, [["render", G]]);
+var K = 0;
+function he(e) {
+  var t = ++K;
   return P(e) + t;
 }
 function S(e) {
   return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
 }
-function K(e) {
+function F(e) {
   return (...t) => !e(...t);
 }
-function F(e, t) {
+function N(e, t) {
   return e === void 0 && (e = "undefined"), e === null && (e = "null"), e === !1 && (e = "false"), e.toString().toLowerCase().indexOf(t.trim()) !== -1;
 }
 function D(e, t, i, l) {
-  return t ? e.filter((o) => F(l(o, i), t)).sort((o, n) => l(o, i).length - l(n, i).length) : e;
+  return t ? e.filter((o) => N(l(o, i), t)).sort((o, n) => l(o, i).length - l(n, i).length) : e;
 }
-function N(e) {
+function R(e) {
   return e.filter((t) => !t.$isLabel);
 }
 function O(e, t) {
@@ -41,7 +44,7 @@ function O(e, t) {
     $isLabel: !0
   }), l.concat(o[e])) : l, []);
 }
-function R(e, t, i, l, o) {
+function q(e, t, i, l, o) {
   return (n) => n.map((s) => {
     if (!s[i])
       return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."), [];
@@ -53,7 +56,7 @@ function R(e, t, i, l, o) {
   });
 }
 const k = (...e) => (t) => e.reduce((i, l) => l(i), t);
-var q = {
+var z = {
   data() {
     return {
       search: "",
@@ -317,7 +320,7 @@ var q = {
     filteredOptions() {
       const e = this.search || "", t = e.toLowerCase().trim();
       let i = this.options.concat();
-      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : D(i, t, this.label, this.customLabel) : i = this.groupValues ? O(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(K(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
+      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : D(i, t, this.label, this.customLabel) : i = this.groupValues ? O(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(F(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
     },
     valueKeys() {
       return this.trackBy ? this.internalValue.map((e) => e[this.trackBy]) : this.internalValue;
@@ -356,7 +359,7 @@ var q = {
      */
     filterAndFlat(e, t, i) {
       return k(
-        R(t, i, this.groupValues, this.groupLabel, this.customLabel),
+        q(t, i, this.groupValues, this.groupLabel, this.customLabel),
         O(this.groupValues, this.groupLabel)
       )(e);
     },
@@ -368,7 +371,7 @@ var q = {
     flatAndStrip(e) {
       return k(
         O(this.groupValues, this.groupLabel),
-        N
+        R
       )(e);
     },
     /**
@@ -556,7 +559,7 @@ var q = {
       t > this.maxHeight || t > e || this.openDirection === "below" || this.openDirection === "bottom" ? (this.preferredOpenDirection = "below", this.optimizedHeight = Math.min(t - 40, this.maxHeight)) : (this.preferredOpenDirection = "above", this.optimizedHeight = Math.min(e - 40, this.maxHeight));
     }
   }
-}, z = {
+}, j = {
   data() {
     return {
       pointer: 0,
@@ -636,9 +639,9 @@ var q = {
       this.pointer = e, this.pointerDirty = !0;
     }
   }
-}, j = {
+}, I = {
   name: "vue-multiselect",
-  mixins: [q, z],
+  mixins: [z, j],
   compatConfig: {
     MODE: 3,
     ATTR_ENUMERATED_COERCION: !1
@@ -836,11 +839,11 @@ var q = {
     }
   }
 };
-const I = {
+const U = {
   ref: "tags",
   class: "multiselect__tags"
-}, U = { class: "multiselect__tags-wrap" }, J = { class: "multiselect__spinner" }, Q = { key: 0 }, W = { class: "multiselect__option" }, X = { class: "multiselect__option" }, Y = /* @__PURE__ */ y("No elements found. Consider changing the search query."), Z = { class: "multiselect__option" }, x = /* @__PURE__ */ y("List is empty.");
-function _(e, t, i, l, o, n) {
+}, J = { class: "multiselect__tags-wrap" }, Q = { class: "multiselect__spinner" }, W = { key: 0 }, X = { class: "multiselect__option" }, Y = { class: "multiselect__option" }, Z = /* @__PURE__ */ v("No elements found. Consider changing the search query."), x = { class: "multiselect__option" }, _ = /* @__PURE__ */ v("List is empty.");
+function ee(e, t, i, l, o, n) {
   return u(), p("div", {
     tabindex: e.searchable ? -1 : i.tabindex,
     class: [{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"],
@@ -870,7 +873,7 @@ function _(e, t, i, l, o, n) {
     h(e.$slots, "clear", { search: e.search }),
     a(
       "div",
-      I,
+      U,
       [
         h(e.$slots, "selection", {
           search: e.search,
@@ -880,7 +883,7 @@ function _(e, t, i, l, o, n) {
         }, () => [
           m(a(
             "div",
-            U,
+            J,
             [
               (u(!0), p(
                 w,
@@ -912,7 +915,7 @@ function _(e, t, i, l, o, n) {
             512
             /* NEED_PATCH */
           ), [
-            [v, n.visibleValues.length > 0]
+            [y, n.visibleValues.length > 0]
           ]),
           e.internalValue && e.internalValue.length > i.limit ? h(e.$slots, "limit", { key: 0 }, () => [
             a("strong", {
@@ -926,12 +929,12 @@ function _(e, t, i, l, o, n) {
             h(e.$slots, "loading", {}, () => [
               m(a(
                 "div",
-                J,
+                Q,
                 null,
                 512
                 /* NEED_PATCH */
               ), [
-                [v, i.loading]
+                [y, i.loading]
               ])
             ])
           ]),
@@ -973,7 +976,7 @@ function _(e, t, i, l, o, n) {
           },
           [
             h(e.$slots, "singleLabel", { option: n.singleValue }, () => [
-              y(
+              v(
                 g(e.currentOptionLabel),
                 1
                 /* TEXT */
@@ -992,7 +995,7 @@ function _(e, t, i, l, o, n) {
           },
           [
             h(e.$slots, "placeholder", {}, () => [
-              y(
+              v(
                 g(e.placeholder),
                 1
                 /* TEXT */
@@ -1027,10 +1030,10 @@ function _(e, t, i, l, o, n) {
               id: "listbox-" + e.id
             }, [
               h(e.$slots, "beforeList"),
-              e.multiple && e.max === e.internalValue.length ? (u(), p("li", Q, [
-                a("span", W, [
+              e.multiple && e.max === e.internalValue.length ? (u(), p("li", W, [
+                a("span", X, [
                   h(e.$slots, "maxElements", {}, () => [
-                    y(
+                    v(
                       "Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.",
                       1
                       /* TEXT */
@@ -1100,31 +1103,31 @@ function _(e, t, i, l, o, n) {
                 "li",
                 null,
                 [
-                  a("span", X, [
+                  a("span", Y, [
                     h(e.$slots, "noResult", { search: e.search }, () => [
-                      Y
+                      Z
                     ])
                   ])
                 ],
                 512
                 /* NEED_PATCH */
               ), [
-                [v, i.showNoResults && e.filteredOptions.length === 0 && e.search && !i.loading]
+                [y, i.showNoResults && e.filteredOptions.length === 0 && e.search && !i.loading]
               ]),
               m(a(
                 "li",
                 null,
                 [
-                  a("span", Z, [
+                  a("span", x, [
                     h(e.$slots, "noOptions", {}, () => [
-                      x
+                      _
                     ])
                   ])
                 ],
                 512
                 /* NEED_PATCH */
               ), [
-                [v, i.showNoOptions && (e.options.length === 0 || n.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !i.loading]
+                [y, i.showNoOptions && (e.options.length === 0 || n.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !i.loading]
               ]),
               h(e.$slots, "afterList")
             ], 12, ["id"])
@@ -1132,7 +1135,7 @@ function _(e, t, i, l, o, n) {
           36
           /* STYLE, HYDRATE_EVENTS */
         ), [
-          [v, e.isOpen]
+          [y, e.isOpen]
         ])
       ]),
       _: 3
@@ -1140,14 +1143,14 @@ function _(e, t, i, l, o, n) {
     })
   ], 42, ["tabindex", "aria-owns"]);
 }
-j.render = _;
-const ee = { class: "wv-label block font-medium text-sm text-gray-700" }, te = { key: 0 }, ie = {
+I.render = ee;
+const te = { class: "wv-label block font-medium text-sm text-gray-700" }, ie = { key: 0 }, se = {
   key: 0,
   class: "text-red-600"
-}, se = { key: 1 }, le = {
+}, le = { key: 1 }, ne = {
   key: 0,
   class: "text-red-600"
-}, he = {
+}, de = {
   __name: "LabelComponent",
   props: {
     value: String,
@@ -1157,20 +1160,20 @@ const ee = { class: "wv-label block font-medium text-sm text-gray-700" }, te = {
     }
   },
   setup(e) {
-    return (t, i) => (u(), b("label", ee, [
-      e.value ? (u(), b("span", te, [
-        y(g(e.value), 1),
-        e.required ? (u(), b("sup", ie, "*")) : c("", !0)
-      ])) : (u(), b("span", se, [
+    return (t, i) => (u(), b("label", te, [
+      e.value ? (u(), b("span", ie, [
+        v(g(e.value), 1),
+        e.required ? (u(), b("sup", se, "*")) : c("", !0)
+      ])) : (u(), b("span", le, [
         h(t.$slots, "default"),
-        e.required ? (u(), b("sup", le, "*")) : c("", !0)
+        e.required ? (u(), b("sup", ne, "*")) : c("", !0)
       ]))
     ]));
   }
 };
 export {
-  oe as E,
-  he as _,
-  j as s,
-  ue as u
+  ue as E,
+  de as _,
+  I as s,
+  he as u
 };

package/package.json

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