@webilio-xyz/webilio-vue 1.1.3 → 1.1.5

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 { 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";
@@ -224,7 +224,7 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
     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-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 = { 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 = {
   key: 0,
   class: "wv-text-input-prefix flex items-center pl-2"
 }, Ee = ["type", "inputmode", "value", "min", "max", "step"], Be = {
@@ -285,7 +285,7 @@ const F = /* @__PURE__ */ new WeakMap(), Ae = (e, a) => {
         ref: g,
         type: i.value,
         inputmode: o.value,
-        class: V(["wv-input wv-text-input flex-1 border-0 focus:ring-0 disabled:bg-gray-200 px-1", e.inputClass]),
+        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,
         max: e.max,

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.3",
+  "version": "1.1.5",
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0",