wave-ui 3.7.1 → 3.8.0

package/dist/wave-ui.es.js

@@ -1,15 +1,15 @@
 var ve = Object.defineProperty;
 var ke = (e, t, i) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var D = (e, t, i) => (ke(e, typeof t != "symbol" ? t + "" : t, i), i), ne = (e, t, i) => {
+var D = (e, t, i) => (ke(e, typeof t != "symbol" ? t + "" : t, i), i), re = (e, t, i) => {
   if (!t.has(e))
     throw TypeError("Cannot " + i);
 };
-var Y = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ee = (e, t, i) => {
+var Y = (e, t, i) => (re(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ee = (e, t, i) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, te = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as E, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as le, resolveDirective as ge, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+}, te = (e, t, i, o) => (re(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as V, TransitionGroup as oe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as v, renderList as R, mergeProps as C, createElementVNode as y, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as M, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, withDirectives as A, vModelText as ae, Transition as O, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as le, resolveDirective as be, createSlots as Z, vShow as ne, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -60,7 +60,7 @@ const Ie = Q({
       typeof o == "object" ? ye(e[i], t[i]) : t[i] = o;
     }
   return t;
-}, U = (e) => console.warn(`Wave UI: ${e}`), ie = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
+}, U = (e) => console.warn(`Wave UI: ${e}`), ie = (e) => console.error(`Wave UI: ${e}`), de = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
   ["light", "dark"].forEach((t) => {
     const i = e.colors[t];
     i.shades = {};
@@ -71,12 +71,12 @@ const Ie = Q({
       const n = o.color;
       n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let l = 1; l <= 3; l++) {
-        const a = re(`#${o.color}`, l * 40), r = re(`#${o.color}`, -l * 40);
+        const a = de(`#${o.color}`, l * 40), r = de(`#${o.color}`, -l * 40);
         i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
       }
     }
   });
-}, de = (e, t) => {
+}, ue = (e, t) => {
   const i = {
     ...t.reduce((o, n) => {
       o[n.label] = n.color;
@@ -85,7 +85,7 @@ const Ie = Q({
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
-}, ue = [
+}, he = [
   {
     label: "pink",
     color: "#e91e63",
@@ -436,7 +436,7 @@ const Ie = Q({
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let se = { keys: [], values: [] }, he = null;
+let se = { keys: [], values: [] }, ce = null;
 const Re = (e) => {
   let t = "";
   const i = {}, { info: o, warning: n, success: l, error: a, shades: r, ...d } = e, { cssScope: h } = q;
@@ -444,9 +444,9 @@ const Re = (e) => {
     t += `${h} .${b}--bg{background-color:var(--w-${b}-color)}${h} .${b}{color:var(--w-${b}-color)}`;
   for (const b in r)
     t += `${h} .${b}--bg{background-color:${r[b]}}${h} .${b}{color:${r[b]}}`;
-  const y = { ...d, info: o, warning: n, success: l, error: a };
-  for (const b in y)
-    i[b] = y[b];
+  const k = { ...d, info: o, warning: n, success: l, error: a };
+  for (const b in k)
+    i[b] = k[b];
   let B = "";
   return Object.entries(i).forEach(([b, T]) => {
     B += `--w-${b}-color: ${T};`;
@@ -505,15 +505,15 @@ const Re = (e) => {
   return e.forEach(({ label: a, min: r }) => {
     a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${i} .${a}u-${d}`).join("") + l.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: r, max: d }) => {
-    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + l.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + l.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + l.map((h, k) => `.w-grid.${a}-columns${k + 1}{grid-template-columns:repeat(${k + 1},1fr);}`).join("") + l.map((h, k) => `.w-flex.${a}-gap${k + 1},.w-grid.${a}-gap${k + 1}{gap:${(k + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
   }), e.forEach(({ label: a, max: r }) => {
     a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, ce = (e) => {
+}, pe = (e) => {
   const t = window.innerWidth, i = se.values.slice(0);
   i.push(t), i.sort((n, l) => n - l);
   const o = se.keys[i.indexOf(t)] || "xl";
-  o !== he && (he = o, e.breakpoint = {
+  o !== ce && (ce = o, e.breakpoint = {
     name: o,
     xs: o === "xs",
     sm: o === "sm",
@@ -526,11 +526,11 @@ const Re = (e) => {
   const { config: t } = e;
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
-    i.id = "wave-ui-styles", i.innerHTML = ze(t);
+    i.id = "wave-ui-styles", i.innerHTML = Me(t);
     const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     o ? o.before(i) : document.head.appendChild(i);
   }
-  ce(e), window.addEventListener("resize", () => ce(e));
+  pe(e), window.addEventListener("resize", () => pe(e));
 }, Pe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
@@ -538,7 +538,7 @@ const Re = (e) => {
     const i = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     i ? i.before(t) : document.head.appendChild(t);
   }
-}, ze = (e) => {
+}, Me = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: a };
@@ -546,18 +546,18 @@ const Re = (e) => {
   q.cssScope = o.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
   let n = "";
   return n += Le(i, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(i)), n;
-}, Me = ["innerHTML"];
+}, ze = ["innerHTML"];
 function Ee(e, t, i, o, n, l) {
   const a = $("w-alert");
   return s(), g(_e, { to: ".w-app" }, [
-    I(ae, {
+    V(oe, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
       name: l.transition,
       appear: ""
     }, {
       default: m(() => [
-        (s(!0), u(k, null, L(l.notifications, (r) => (s(), u(k, null, [
+        (s(!0), u(v, null, R(l.notifications, (r) => (s(), u(v, null, [
           r._value ? (s(), g(a, C({
             class: "white--bg",
             key: r._uid,
@@ -566,9 +566,9 @@ function Ee(e, t, i, o, n, l) {
             onClose: r.dismiss
           }, l.notifProps(r)), {
             default: m(() => [
-              w("div", {
+              y("div", {
                 innerHTML: r.message
-              }, null, 8, Me)
+              }, null, 8, ze)
             ]),
             _: 2
           }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
@@ -578,7 +578,7 @@ function Ee(e, t, i, o, n, l) {
     }, 8, ["class", "name"])
   ]);
 }
-const v = (e, t) => {
+const w = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [o, n] of t)
     i[o] = n;
@@ -603,7 +603,7 @@ const v = (e, t) => {
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, Ae = /* @__PURE__ */ v(We, [["render", Ee]]);
+}, Ae = /* @__PURE__ */ w(We, [["render", Ee]]);
 var H;
 const F = class {
   constructor() {
@@ -644,7 +644,7 @@ const F = class {
 };
 let G = F;
 H = new WeakMap(), ee(G, H, void 0);
-const Ne = (e, t, i) => {
+const Ke = (e, t, i) => {
   const o = document.createElement("div");
   e.appendChild(o);
   const n = Ce(Se({
@@ -657,8 +657,8 @@ const Ne = (e, t, i) => {
   }
   n.mount(o), o.remove();
 };
-let pe = !1;
-const Ke = (e) => {
+let fe = !1;
+const Ne = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
@@ -706,7 +706,7 @@ const j = class {
         var n, l;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || l.call(n);
         const o = this.config.colors[this.theme];
-        Pe(o), this.colors = de(o, ue);
+        Pe(o), this.colors = ue(o, he);
       }
     });
     if (Y(j, X)) {
@@ -720,7 +720,7 @@ const j = class {
     let { components: o, ...n } = i;
     n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
     const l = Q(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = ue(n.colors[n.theme], he));
   }
   static install(t, i = {}) {
     var n;
@@ -741,33 +741,33 @@ const j = class {
     }
     t.mixin({
       beforeMount() {
-        if (!pe) {
-          pe = !0;
+        if (!fe) {
+          fe = !0;
           const l = Be("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
-          r.classList.add("w-app"), a.theme === "auto" ? Ke(l) : l.switchTheme(a.theme, !0), Oe(l), Ne(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ke(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new j(t, i), te(j, X, !0);
   }
 };
-let K = j;
-X = new WeakMap(), ee(K, X, !1);
+let N = j;
+X = new WeakMap(), ee(N, X, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], je = ["innerHTML"], Ue = ["innerHTML"];
 function qe(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
     class: f(["w-accordion", l.accordionClasses])
   }, [
-    (s(!0), u(k, null, L(e.accordionItems, (d, h) => (s(), u("div", {
+    (s(!0), u(v, null, R(e.accordionItems, (d, h) => (s(), u("div", {
       class: f(["w-accordion__item", l.itemClasses(d)]),
       key: h,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
-      w("div", {
+      y("div", {
         class: f(["w-accordion__item-title", i.titleClass]),
-        onClick: (y) => !d._disabled && l.toggleItem(d, y),
-        onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
-        onKeypress: W((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
+        onClick: (k) => !d._disabled && l.toggleItem(d, k),
+        onFocus: (k) => e.$emit("focus", l.getOriginalItem(d)),
+        onKeypress: W((k) => !d._disabled && l.toggleItem(d, k), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         i.expandIcon && !i.expandIconRight ? (s(), g(a, {
@@ -778,9 +778,9 @@ function qe(e, t, i, o, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = E(() => {
+          onKeypress: t[0] || (t[0] = M(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((k) => !d._disabled && l.toggleItem(d, k), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : c("", !0),
         e.$slots[`item-title.${d.id || h + 1}`] ? p(e.$slots, `item-title.${d.id || h + 1}`, {
           key: 1,
@@ -793,7 +793,7 @@ function qe(e, t, i, o, n, l) {
           expanded: d._expanded,
           index: h + 1
         }, () => [
-          w("div", {
+          y("div", {
             class: "grow",
             innerHTML: d[i.itemTitleKey]
           }, null, 8, je)
@@ -803,14 +803,14 @@ function qe(e, t, i, o, n, l) {
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
-          onKeypress: t[1] || (t[1] = E(() => {
+          onKeypress: t[1] || (t[1] = M(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((k) => !d._disabled && l.toggleItem(d, k), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
-      I(r, {
+      V(r, {
         y: "",
-        onAfterLeave: (y) => l.onEndOfCollapse(d),
+        onAfterLeave: (k) => l.onEndOfCollapse(d),
         duration: i.duration
       }, {
         default: m(() => [
@@ -829,7 +829,7 @@ function qe(e, t, i, o, n, l) {
               expanded: d._expanded,
               index: h + 1
             }, () => [
-              w("div", {
+              y("div", {
                 innerHTML: d[i.itemContentKey]
               }, null, 8, Ue)
             ])
@@ -926,14 +926,14 @@ const Xe = {
       deep: !0
     }
   }
-}, Ye = /* @__PURE__ */ v(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
+}, Ye = /* @__PURE__ */ w(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
 function Je(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-button");
   return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
   }, z(e.$attrs, !0), { class: l.classes }), [
-    l.type || i.icon || i.dismiss ? (s(), u(k, { key: 0 }, [
+    l.type || i.icon || i.dismiss ? (s(), u(v, { key: 0 }, [
       l.type || i.icon ? (s(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
@@ -943,7 +943,7 @@ function Je(e, t, i, o, n, l) {
         ]),
         _: 1
       })) : c("", !0),
-      w("div", Ge, [
+      y("div", Ge, [
         p(e.$slots, "default")
       ]),
       i.dismiss ? (s(), g(r, {
@@ -1039,13 +1039,196 @@ const Qe = {
       this.show = e;
     }
   }
-}, Ze = /* @__PURE__ */ v(Qe, [["render", Je]]), et = { class: "w-app" };
-function tt(e, t, i, o, n, l) {
-  return s(), u("div", et, [
+}, Ze = /* @__PURE__ */ w(Qe, [["render", Je]]), et = { class: "w-autocomplete__selection" }, tt = ["innerHTML"], it = ["innerHTML"], lt = {
+  key: 0,
+  class: "w-autocomplete__menu",
+  ref: "menu"
+}, st = ["onClick"], ot = ["innerHTML"], at = ["innerHTML"];
+function nt(e, t, i, o, n, l) {
+  const a = $("w-button"), r = $("w-transition-slide-fade");
+  return s(), u("div", {
+    class: f(["w-autocomplete", l.classes]),
+    onClick: t[6] || (t[6] = (...d) => l.onClick && l.onClick(...d))
+  }, [
+    e.selection.length ? (s(!0), u(v, { key: 0 }, R(e.selection, (d, h) => (s(), u("div", et, [
+      y("span", {
+        innerHTML: d[i.itemLabelKey]
+      }, null, 8, tt),
+      V(a, {
+        onClick: M((k) => l.unselectItem(h), ["stop"]),
+        icon: "i-cross",
+        xs: "",
+        text: "",
+        color: "currentColor"
+      }, null, 8, ["onClick"])
+    ]))), 256)) : c("", !0),
+    !e.selection.length && !e.keywords && i.placeholder ? (s(), u("div", {
+      key: 1,
+      class: "w-autocomplete__placeholder",
+      innerHTML: i.placeholder
+    }, null, 8, it)) : c("", !0),
+    A(y("input", C({
+      class: "w-autocomplete__input",
+      ref: "input",
+      "onUpdate:modelValue": t[0] || (t[0] = (d) => e.keywords = d),
+      onFocus: t[1] || (t[1] = (...d) => l.onFocus && l.onFocus(...d)),
+      onKeydown: t[2] || (t[2] = (...d) => l.onKeydown && l.onKeydown(...d)),
+      onDrop: t[3] || (t[3] = (...d) => l.onDrop && l.onDrop(...d)),
+      onCompositionstart: t[4] || (t[4] = (...d) => l.onCompositionStart && l.onCompositionStart(...d)),
+      onCompositionupdate: t[5] || (t[5] = (...d) => l.onCompositionUpdate && l.onCompositionUpdate(...d))
+    }, z(e.$listeners, !0)), null, 16), [
+      [ae, e.keywords]
+    ]),
+    V(r, { y: "" }, {
+      default: m(() => [
+        e.menuOpen ? (s(), u("ul", lt, [
+          (s(!0), u(v, null, R(l.filteredItems, (d, h) => (s(), u("li", {
+            key: h,
+            onClick: M((k) => l.selectItem(d), ["stop"]),
+            class: f({ highlighted: e.highlightedItem === d.uid })
+          }, [
+            y("span", {
+              innerHTML: d[i.itemLabelKey]
+            }, null, 8, ot)
+          ], 10, st))), 128)),
+          l.filteredItems.length ? c("", !0) : (s(), u("li", {
+            key: 0,
+            class: f(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
+          }, [
+            p(e.$slots, "no-match", {}, () => {
+              var d;
+              return [
+                y("div", {
+                  class: "caption",
+                  innerHTML: (d = i.noMatch) != null ? d : "No match."
+                }, null, 8, at)
+              ];
+            })
+          ], 2))
+        ], 512)) : c("", !0)
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+const rt = {
+  name: "w-autocomplete",
+  props: {
+    items: { type: Array, required: !0 },
+    modelValue: { type: [String, Number, Array] },
+    placeholder: { type: String },
+    openOnKeydown: { type: Boolean },
+    multiple: { type: Boolean },
+    allowDuplicates: { type: Boolean },
+    noMatch: { type: String },
+    itemValueKey: { type: String, default: "value" },
+    itemLabelKey: { type: String, default: "label" },
+    itemSearchableKey: { type: String, default: "searchable" }
+  },
+  emits: ["input"],
+  data: () => ({
+    keywords: "",
+    selection: [],
+    menuOpen: !1,
+    highlightedItem: null
+  }),
+  computed: {
+    normalizedKeywords() {
+      return this.normalize(this.keywords);
+    },
+    normalizedSelection() {
+      return this.selection.map((e) => this.normalize(e == null ? void 0 : e.searchable));
+    },
+    optimizedItemsForSearch() {
+      return this.items.map((e, t) => ({
+        ...e,
+        uid: t,
+        searchable: this.normalize(e[this.itemSearchableKey] || "")
+      }));
+    },
+    filteredItems() {
+      let e = this.optimizedItemsForSearch;
+      const t = this.normalizedSelection.join(","), i = (o) => !t.includes(o.searchable);
+      return this.keywords ? e = e.filter((o) => o.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? i(o) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(i)), e;
+    },
+    highlightedItemIndex() {
+      return this.highlightedItem === null ? -1 : this.filteredItems.findIndex((e) => e.uid === this.highlightedItem);
+    },
+    classes() {
+      return {
+        "w-autocomplete--open": this.menuOpen
+      };
+    }
+  },
+  methods: {
+    normalize(e) {
+      return e.toLowerCase().normalize("NFKD").replace(/\p{Diacritic}/gu, "").replace(/œ/g, "oe");
+    },
+    selectItem(e) {
+      this.multiple || (this.selection = []), this.selection.push(e), this.highlightedItem = e.uid, this.keywords = "", this.$emit("input", this.multiple ? this.selection.map((t) => t[this.itemValueKey]) : e[this.itemValueKey]), this.$refs.input.focus(), this.multiple || this.closeMenu();
+    },
+    unselectItem(e) {
+      this.selection.splice(e != null ? e : this.selection.length - 1, 1), this.highlightedItem = null, this.$emit("input", null), this.$refs.input.focus();
+    },
+    onClick() {
+      this.openOnKeydown || this.openMenu(), this.$refs.input.focus();
+    },
+    onFocus() {
+      this.openOnKeydown || this.openMenu();
+    },
+    onKeydown(e) {
+      var i;
+      const t = this.filteredItems.length;
+      if ((!this.openOnKeydown || (this.keywords || e.key.length === 1) && !this.menuOpen) && this.openMenu(), e.keyCode === 8 && (!this.keywords || !e.target.selectionStart && !e.target.selectionEnd))
+        this.unselectItem();
+      else if (e.keyCode === 13)
+        e.preventDefault(), this.highlightedItemIndex >= 0 && this.selectItem(this.filteredItems[this.highlightedItemIndex]);
+      else if ([38, 40].includes(e.keyCode)) {
+        e.preventDefault();
+        let o = this.highlightedItemIndex;
+        o === -1 ? o = e.keyCode === 38 ? t - 1 : 0 : o = (o + (e.keyCode === 38 ? -1 : 1) + t) % t, this.highlightedItem = ((i = this.filteredItems[o]) == null ? void 0 : i.uid) || 0;
+        const n = this.$refs.menu;
+        if (n) {
+          const { offsetHeight: l, offsetTop: a } = n.childNodes[o] || {};
+          n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
+        }
+      } else
+        !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
+    },
+    onDrop(e) {
+      !this.multiple && this.selection.length && e.preventDefault();
+    },
+    onCompositionStart(e) {
+      !this.multiple && this.selection.length && e.target.setAttribute("readonly", !0);
+    },
+    onCompositionUpdate(e) {
+      !this.multiple && this.selection.length && setTimeout(() => e.target.removeAttribute("readonly"), 200);
+    },
+    openMenu() {
+      this.menuOpen || (this.menuOpen = !0, document.addEventListener("click", this.onDocumentClick));
+    },
+    closeMenu() {
+      this.menuOpen = !1, document.removeEventListener("click", this.onDocumentClick);
+    },
+    onDocumentClick(e) {
+      !this.$el.contains(e.target) && !this.$el.isSameNode(e.target) && this.closeMenu();
+    }
+  },
+  created() {
+    this.modelValue && (Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]).forEach((t) => {
+      this.selection.push(this.optimizedItemsForSearch.find((i) => i[this.itemValueKey] === +t));
+    });
+  },
+  beforeUnmount() {
+    document.removeEventListener("click", this.onDocumentClick);
+  }
+}, dt = /* @__PURE__ */ w(rt, [["render", nt]]), ut = { class: "w-app" };
+function ht(e, t, i, o, n, l) {
+  return s(), u("div", ut, [
     p(e.$slots, "default")
   ]);
 }
-const it = {
+const ct = {
   name: "w-app",
   props: {
     block: { type: Boolean },
@@ -1060,18 +1243,18 @@ const it = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, lt = /* @__PURE__ */ v(it, [["render", tt]]);
-function st(e, t, i, o, n, l) {
+}, pt = /* @__PURE__ */ w(ct, [["render", ht]]);
+function ft(e, t, i, o, n, l) {
   return s(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    I(O, {
+    V(O, {
       name: `${i.transition}`
     }, {
       default: m(() => [
         i.modelValue ? (s(), u("div", {
           key: 0,
           class: f(["w-badge", l.classes]),
-          style: R(l.styles),
+          style: L(l.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
@@ -1086,7 +1269,7 @@ function st(e, t, i, o, n, l) {
     }, 8, ["name"])
   ], 16);
 }
-const at = {
+const mt = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1149,13 +1332,13 @@ const at = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, ot = /* @__PURE__ */ v(at, [["render", st]]), nt = ["innerHTML"];
-function rt(e, t, i, o, n, l) {
+}, gt = /* @__PURE__ */ w(mt, [["render", ft]]), bt = ["innerHTML"];
+function yt(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), u("div", {
     class: f(["w-breadcrumbs", l.classes])
   }, [
-    (s(!0), u(k, null, L(i.items, (r, d) => (s(), u(k, null, [
+    (s(!0), u(v, null, R(i.items, (r, d) => (s(), u(v, null, [
       d && e.$slots.separator ? (s(), u("span", {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
@@ -1170,8 +1353,8 @@ function rt(e, t, i, o, n, l) {
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
-      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(k, { key: 2 }, [
-        e.$slots.item ? (s(), g(V(l.hasRouter ? "router-link" : "a"), {
+      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(v, { key: 2 }, [
+        e.$slots.item ? (s(), g(I(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1185,7 +1368,7 @@ function rt(e, t, i, o, n, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), g(V(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (s(), g(I(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1200,11 +1383,11 @@ function rt(e, t, i, o, n, l) {
       }) : (s(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
-      }, null, 8, nt))
+      }, null, 8, bt))
     ], 64))), 256))
   ], 2);
 }
-const dt = {
+const wt = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1234,11 +1417,11 @@ const dt = {
       };
     }
   }
-}, ut = /* @__PURE__ */ v(dt, [["render", rt]]), ht = {
+}, vt = /* @__PURE__ */ w(wt, [["render", yt]]), kt = {
   key: 0,
   class: "w-button__loader"
-}, ct = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
-  /* @__PURE__ */ w("circle", {
+}, _t = /* @__PURE__ */ y("svg", { viewBox: "0 0 40 40" }, [
+  /* @__PURE__ */ y("circle", {
     cx: "20",
     cy: "20",
     r: "18",
@@ -1248,9 +1431,9 @@ const dt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function pt(e, t, i, o, n, l) {
+function Ct(e, t, i, o, n, l) {
   const a = $("w-icon");
-  return s(), g(V(i.route ? "a" : "button"), C({
+  return s(), g(I(i.route ? "a" : "button"), C({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
     href: i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
@@ -1263,11 +1446,11 @@ function pt(e, t, i, o, n, l) {
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      I(O, { name: "scale-fade" }, {
+      V(O, { name: "scale-fade" }, {
         default: m(() => [
-          i.loading ? (s(), u("div", ht, [
+          i.loading ? (s(), u("div", kt, [
             p(e.$slots, "loading", {}, () => [
-              ct
+              _t
             ])
           ])) : c("", !0)
         ]),
@@ -1277,7 +1460,7 @@ function pt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const ft = {
+const St = {
   props: {
     color: { type: String },
     bgColor: { type: String },
@@ -1367,12 +1550,12 @@ const ft = {
       };
     }
   }
-}, mt = /* @__PURE__ */ v(ft, [["render", pt]]), gt = ["innerHTML"];
-function bt(e, t, i, o, n, l) {
+}, Bt = /* @__PURE__ */ w(St, [["render", Ct]]), $t = ["innerHTML"];
+function Vt(e, t, i, o, n, l) {
   const a = $("button-partial");
-  return i.tooltip ? (s(), g(V("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
+  return i.tooltip ? (s(), g(I("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
     activator: m(({ on: r }) => [
-      I(a, C(l.buttonProps, z(r)), {
+      V(a, C(l.buttonProps, z(r)), {
         default: m(() => [
           p(e.$slots, "default")
         ]),
@@ -1380,7 +1563,7 @@ function bt(e, t, i, o, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      w("div", { innerHTML: i.tooltip }, null, 8, gt)
+      y("div", { innerHTML: i.tooltip }, null, 8, $t)
     ]),
     _: 3
   }, 16)) : (s(), g(a, le(C({ key: 1 }, l.buttonProps)), {
@@ -1393,7 +1576,7 @@ function bt(e, t, i, o, n, l) {
     _: 3
   }, 16));
 }
-const yt = {
+const It = {
   name: "w-button",
   inheritAttrs: !1,
   props: {
@@ -1429,7 +1612,7 @@ const yt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: mt },
+  components: { ButtonPartial: Bt },
   emits: [],
   computed: {
     buttonProps() {
@@ -1437,8 +1620,8 @@ const yt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, wt = /* @__PURE__ */ v(yt, [["render", bt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), vt = ["innerHTML"];
-function kt(e, t, i, o, n, l) {
+}, Tt = /* @__PURE__ */ w(It, [["render", Vt]]), K = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Rt = ["innerHTML"];
+function Lt(e, t, i, o, n, l) {
   const a = $("w-image");
   return s(), u("div", {
     class: f(["w-card", l.classes])
@@ -1452,7 +1635,7 @@ function kt(e, t, i, o, n, l) {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, vt)) : c("", !0),
+    }, null, 10, Rt)) : c("", !0),
     i.image ? (s(), g(a, C({
       key: 2,
       class: "w-card__image",
@@ -1463,7 +1646,7 @@ function kt(e, t, i, o, n, l) {
       ]),
       _: 3
     }, 16, ["src"])) : c("", !0),
-    w("div", {
+    y("div", {
       class: f(["w-card__content", l.contentClasses])
     }, [
       p(e.$slots, "default")
@@ -1476,7 +1659,7 @@ function kt(e, t, i, o, n, l) {
     ], 2)) : c("", !0)
   ], 2);
 }
-const _t = {
+const xt = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1495,10 +1678,10 @@ const _t = {
   emits: [],
   computed: {
     titleClasses() {
-      return A(this.titleClass);
+      return K(this.titleClass);
     },
     contentClasses() {
-      return A(this.contentClass);
+      return K(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1527,7 +1710,7 @@ const _t = {
       };
     }
   }
-}, Ct = /* @__PURE__ */ v(_t, [["render", kt]]), M = {
+}, Ot = /* @__PURE__ */ w(xt, [["render", Lt]]), E = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1568,13 +1751,13 @@ const _t = {
       this.$refs.formEl.validate(this);
     }
   }
-}, St = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Bt = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
-  /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
-], -1), It = [
-  Vt
-], Tt = ["for"], Rt = ["for", "innerHTML"];
-function Lt(e, t, i, o, n, l) {
-  return s(), g(V(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Pt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Mt = ["for"], zt = ["for", "innerHTML"], Et = /* @__PURE__ */ y("svg", { viewBox: "-0.5 0 12 10" }, [
+  /* @__PURE__ */ y("polyline", { points: "1 5 4 8 10 2" })
+], -1), Wt = [
+  Et
+], At = ["for"], Kt = ["for", "innerHTML"];
+function Nt(e, t, i, o, n, l) {
+  return s(), g(I(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
@@ -1583,7 +1766,7 @@ function Lt(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      w("input", {
+      y("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
@@ -1598,8 +1781,8 @@ function Lt(e, t, i, o, n, l) {
         onKeypress: t[3] || (t[3] = W((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, St),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
+      }, null, 40, Pt),
+      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
@@ -1608,20 +1791,20 @@ function Lt(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Bt)) : i.label ? (s(), u("label", {
+        ], 10, Mt)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, $t)) : c("", !0)
+        }, null, 10, zt)) : c("", !0)
       ], 64)) : c("", !0),
-      w("div", {
+      y("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, It, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
+      }, Wt, 2),
+      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
@@ -1630,20 +1813,20 @@ function Lt(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Tt)) : i.label ? (s(), u("label", {
+        ], 10, At)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Rt)) : c("", !0)
+        }, null, 10, Kt)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const xt = {
+const Ht = {
   name: "w-checkbox",
-  mixins: [M],
+  mixins: [E],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -1703,10 +1886,10 @@ const xt = {
       this.isChecked = e;
     }
   }
-}, Ot = /* @__PURE__ */ v(xt, [["render", Lt]]), Pt = ["innerHTML"];
-function zt(e, t, i, o, n, l) {
+}, Dt = /* @__PURE__ */ w(Ht, [["render", Nt]]), Ft = ["innerHTML"];
+function jt(e, t, i, o, n, l) {
   const a = $("w-checkbox");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -1715,7 +1898,7 @@ function zt(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(k, null, L(l.checkboxItems, (r, d) => (s(), g(a, C({
+      (s(!0), u(v, null, R(l.checkboxItems, (r, d) => (s(), g(a, C({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -1736,7 +1919,7 @@ function zt(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Pt)) : c("", !0)
+          }, null, 8, Ft)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1744,9 +1927,9 @@ function zt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const Mt = {
+const Ut = {
   name: "w-checkboxes",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
@@ -1798,15 +1981,15 @@ const Mt = {
       return this.items[e._index];
     }
   }
-}, Et = /* @__PURE__ */ v(Mt, [["render", zt]]);
-function Wt(e, t, i, o, n, l) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ge("focus");
+}, qt = /* @__PURE__ */ w(Ut, [["render", jt]]);
+function Xt(e, t, i, o, n, l) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = be("focus");
   return s(), g(d, C({
     modelValue: e.showPopup,
-    "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
+    "onUpdate:modelValue": t[2] || (t[2] = (k) => e.showPopup = k)
   }, l.wMenuProps), {
-    activator: m(({ on: y }) => [
-      I(a, C({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : y }), {
+    activator: m(({ on: k }) => [
+      V(a, C({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : k }), {
         default: m(() => [
           p(e.$slots, "default")
         ]),
@@ -1814,17 +1997,17 @@ function Wt(e, t, i, o, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      I(r, {
+      V(r, {
         column: !i.inline,
         "align-center": ""
       }, {
         default: m(() => [
-          w("div", null, [
+          y("div", null, [
             p(e.$slots, "question", {}, () => [
               S(_(i.question), 1)
             ])
           ]),
-          w("div", {
+          y("div", {
             class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
             i.cancel !== !1 ? (s(), g(a, C({
@@ -1832,7 +2015,7 @@ function Wt(e, t, i, o, n, l) {
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = W((k) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: m(() => [
@@ -1842,9 +2025,9 @@ function Wt(e, t, i, o, n, l) {
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : c("", !0),
-            N((s(), g(a, C(l.confirmButtonProps, {
+            A((s(), g(a, C(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = W((k) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
@@ -1864,7 +2047,7 @@ function Wt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["modelValue"]);
 }
-const At = {
+const Yt = {
   name: "w-confirm",
   inheritAttrs: !1,
   props: {
@@ -1957,16 +2140,16 @@ const At = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, Nt = /* @__PURE__ */ v(At, [["render", Wt]]);
-function Kt(e, t, i, o, n, l) {
+}, Gt = /* @__PURE__ */ w(Yt, [["render", Xt]]);
+function Jt(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-date-picker", l.classes]),
-    style: R(l.styles)
+    style: L(l.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
 }
-const Ht = {
+const Qt = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -1984,8 +2167,8 @@ const Ht = {
       return !1;
     }
   }
-}, Dt = /* @__PURE__ */ v(Ht, [["render", Kt]]);
-function Ft(e, t, i, o, n, l) {
+}, Zt = /* @__PURE__ */ w(Qt, [["render", Jt]]);
+function ei(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), g(r, {
     class: f(["w-dialog", l.classes]),
@@ -1998,13 +2181,13 @@ function Ft(e, t, i, o, n, l) {
     opacity: i.overlayOpacity
   }, {
     default: m(() => [
-      I(O, {
+      V(O, {
         name: i.transition,
         appear: "",
         onAfterLeave: l.onBeforeClose
       }, {
         default: m(() => [
-          N(I(a, {
+          A(V(a, {
             class: f(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2013,7 +2196,7 @@ function Ft(e, t, i, o, n, l) {
             "title-class": i.titleClass,
             "content-class": i.contentClass,
             title: i.title || void 0,
-            style: R(l.contentStyles)
+            style: L(l.contentStyles)
           }, Z({
             default: m(() => [
               p(e.$slots, "default")
@@ -2035,7 +2218,7 @@ function Ft(e, t, i, o, n, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [oe, n.showContent]
+            [ne, n.showContent]
           ])
         ]),
         _: 3
@@ -2044,7 +2227,7 @@ function Ft(e, t, i, o, n, l) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const jt = {
+const ti = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2111,17 +2294,17 @@ const jt = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, Ut = /* @__PURE__ */ v(jt, [["render", Ft]]), qt = ["role", "aria-orientation"];
-function Xt(e, t, i, o, n, l) {
+}, ii = /* @__PURE__ */ w(ti, [["render", ei]]), li = ["role", "aria-orientation"];
+function si(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     p(e.$slots, "default")
-  ], 10, qt);
+  ], 10, li);
 }
-const Yt = {
+const oi = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2141,8 +2324,8 @@ const Yt = {
       };
     }
   }
-}, Gt = /* @__PURE__ */ v(Yt, [["render", Xt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, i, o, n, l) {
+}, ai = /* @__PURE__ */ w(oi, [["render", si]]), ni = { class: "w-drawer-wrap__pushable" };
+function ri(e, t, i, o, n, l) {
   const a = $("w-overlay");
   return n.showWrapper || i.pushContent ? (s(), u("div", {
     key: 0,
@@ -2151,9 +2334,9 @@ function Qt(e, t, i, o, n, l) {
     i.pushContent ? (s(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: R(l.trackStyles)
+      style: L(l.trackStyles)
     }, [
-      w("div", Jt, [
+      y("div", ni, [
         i.noOverlay ? c("", !0) : (s(), g(a, {
           key: 0,
           modelValue: n.showDrawer,
@@ -2166,17 +2349,17 @@ function Qt(e, t, i, o, n, l) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      I(O, {
+      V(O, {
         name: "fade",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(V(i.tag || "aside"), {
+          n.showDrawer ? (s(), g(I(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(l.styles)
+            style: L(l.styles)
           }, {
             default: m(() => [
               p(e.$slots, "default")
@@ -2186,7 +2369,7 @@ function Qt(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
-    ], 4)) : (s(), u(k, { key: 1 }, [
+    ], 4)) : (s(), u(v, { key: 1 }, [
       i.noOverlay ? c("", !0) : (s(), g(a, {
         key: 0,
         modelValue: n.showDrawer,
@@ -2197,18 +2380,18 @@ function Qt(e, t, i, o, n, l) {
         "bg-color": i.overlayColor,
         opacity: i.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(O, {
+      V(O, {
         name: l.transitionName,
         appear: "",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(V(i.tag || "aside"), {
+          n.showDrawer ? (s(), g(I(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(l.styles)
+            style: L(l.styles)
           }, {
             default: m(() => [
               p(e.$slots, "default")
@@ -2221,7 +2404,7 @@ function Qt(e, t, i, o, n, l) {
     ], 64))
   ], 2)) : c("", !0);
 }
-const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, ei = {
+const di = { left: "right", right: "left", top: "down", bottom: "up" }, ui = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2307,7 +2490,7 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, ei = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${Zt[this.position]}`;
+      return `slide-${di[this.position]}`;
     }
   },
   methods: {
@@ -2326,9 +2509,9 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, ei = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, ti = /* @__PURE__ */ v(ei, [["render", Qt]]);
-function ii(e, t, i, o, n, l) {
-  return s(), g(V(i.tag), {
+}, hi = /* @__PURE__ */ w(ui, [["render", ri]]);
+function ci(e, t, i, o, n, l) {
+  return s(), g(I(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
@@ -2337,7 +2520,7 @@ function ii(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const li = {
+const pi = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2384,8 +2567,8 @@ const li = {
       };
     }
   }
-}, si = /* @__PURE__ */ v(li, [["render", ii]]);
-function ai(e, t, i, o, n, l) {
+}, fi = /* @__PURE__ */ w(pi, [["render", ci]]);
+function mi(e, t, i, o, n, l) {
   return s(), u("form", {
     class: f(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
@@ -2395,12 +2578,12 @@ function ai(e, t, i, o, n, l) {
     p(e.$slots, "default")
   ], 34);
 }
-const oi = async (e, t) => {
+const gi = async (e, t) => {
   for (const i of e)
     if (await t(i))
       return !0;
   return !1;
-}, ni = {
+}, bi = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2467,7 +2650,7 @@ const oi = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await oi(e.validators, async (o) => {
+      await gi(e.validators, async (o) => {
         const n = await (typeof o == "function" && o(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
@@ -2490,18 +2673,18 @@ const oi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, ri = /* @__PURE__ */ v(ni, [["render", ai]]);
-function di(e, t, i, o, n, l) {
+}, yi = /* @__PURE__ */ w(bi, [["render", mi]]);
+function wi(e, t, i, o, n, l) {
   const a = $("w-transition-expand");
   return s(), u("div", {
     class: f(l.classes)
   }, [
-    w("div", {
+    y("div", {
       class: f(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
       p(e.$slots, "default")
     ], 2),
-    I(a, { y: "" }, {
+    V(a, { y: "" }, {
       default: m(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
@@ -2518,7 +2701,7 @@ function di(e, t, i, o, n, l) {
     })
   ], 2);
 }
-const ui = {
+const vi = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2584,9 +2767,9 @@ const ui = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, hi = /* @__PURE__ */ v(ui, [["render", di]]);
-function ci(e, t, i, o, n, l) {
-  return s(), g(V(i.tag), {
+}, ki = /* @__PURE__ */ w(vi, [["render", wi]]);
+function _i(e, t, i, o, n, l) {
+  return s(), g(I(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
@@ -2595,7 +2778,7 @@ function ci(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const pi = {
+const Ci = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2639,23 +2822,23 @@ const pi = {
       };
     }
   }
-}, fi = /* @__PURE__ */ v(pi, [["render", ci]]);
-function mi(e, t, i, o, n, l) {
-  return s(), g(V(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
+}, Si = /* @__PURE__ */ w(Ci, [["render", _i]]);
+function Bi(e, t, i, o, n, l) {
+  return s(), g(I(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
     class: l.classes,
     role: "icon",
     "aria-hidden": "true",
     style: l.readIcon() && l.styles
   }), {
     default: m(() => [
-      l.hasLigature ? (s(), u(k, { key: 0 }, [
+      l.hasLigature ? (s(), u(v, { key: 0 }, [
         S(_(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
   }, 16, ["class", "style"]);
 }
-const gi = {
+const $i = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -2724,39 +2907,39 @@ const gi = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, bi = /* @__PURE__ */ v(gi, [["render", mi]]), yi = {
+}, Vi = /* @__PURE__ */ w($i, [["render", Bi]]), Ii = {
   key: 0,
   class: "w-image__loader"
 };
-function wi(e, t, i, o, n, l) {
+function Ti(e, t, i, o, n, l) {
   const a = $("w-progress");
-  return s(), g(V(l.wrapperTag), {
+  return s(), g(I(l.wrapperTag), {
     class: f(["w-image-wrap", l.wrapperClasses]),
-    style: R(l.wrapperStyles)
+    style: L(l.wrapperStyles)
   }, {
     default: m(() => [
-      I(O, {
+      V(O, {
         name: i.transition,
         appear: ""
       }, {
         default: m(() => [
-          n.loaded ? (s(), g(V(i.tag), {
+          n.loaded ? (s(), g(I(i.tag), {
             key: 0,
             class: f(["w-image", l.imageClasses]),
-            style: R(l.imageStyles),
+            style: L(l.imageStyles),
             src: i.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (s(), u("div", yi, [
+      !i.noSpinner && n.loading ? (s(), u("div", Ii, [
         e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), g(a, C({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : c("", !0),
-      e.$slots.default ? (s(), g(V(l.wrapperTag), {
+      e.$slots.default ? (s(), g(I(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
@@ -2769,7 +2952,7 @@ function wi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const vi = {
+const Ri = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2865,13 +3048,13 @@ const vi = {
       this.imgHeight = e;
     }
   }
-}, ki = /* @__PURE__ */ v(vi, [["render", wi]]), _i = ["name"], Ci = ["for"], Si = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bi = ["id", "name", "multiple", "disabled", "data-progress"], $i = {
+}, Li = /* @__PURE__ */ w(Ri, [["render", Ti]]), xi = ["name"], Oi = ["for"], Pi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Mi = ["id", "name", "multiple", "disabled", "data-progress"], zi = {
   class: "w-input__no-file",
   key: "no-file"
-}, Vi = ["for"], Ii = ["for"], Ti = ["src"], Ri = ["for"];
-function Li(e, t, i, o, n, l) {
+}, Ei = ["for"], Wi = ["src"], Ai = ["for"];
+function Ki(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -2881,15 +3064,15 @@ function Li(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.type === "hidden" ? N((s(), u("input", {
+      i.type === "hidden" ? A((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, _i)), [
-        [be, n.inputValue]
-      ]) : (s(), u(k, { key: 1 }, [
-        i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+      }, null, 8, xi)), [
+        [ae, n.inputValue]
+      ]) : (s(), u(v, { key: 1 }, [
+        i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
@@ -2898,25 +3081,29 @@ function Li(e, t, i, o, n, l) {
             p(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, Ci)) : c("", !0)
+          ], 10, Oi)) : c("", !0)
         ], 64)) : c("", !0),
-        w("div", {
+        y("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
         }, [
-          i.innerIconLeft ? (s(), g(a, {
+          p(e.$slots, "icon-left", {
+            inputId: `w-input--${e._.uid}`
+          }, () => [
+            i.innerIconLeft ? (s(), g(a, {
+              key: 0,
+              class: "w-input__icon w-input__icon--inner-left",
+              tag: "label",
+              for: `w-input--${e._.uid}`,
+              onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
+            }, {
+              default: m(() => [
+                S(_(i.innerIconLeft), 1)
+              ]),
+              _: 1
+            }, 8, ["for"])) : c("", !0)
+          ]),
+          i.type !== "file" ? A((s(), u("input", C({
             key: 0,
-            class: "w-input__icon w-input__icon--inner-left",
-            tag: "label",
-            for: `w-input--${e._.uid}`,
-            onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
-          }, {
-            default: m(() => [
-              S(_(i.innerIconLeft), 1)
-            ]),
-            _: 1
-          }, 8, ["for"])) : c("", !0),
-          i.type !== "file" ? N((s(), u("input", C({
-            key: 1,
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
@@ -2938,10 +3125,10 @@ function Li(e, t, i, o, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, Si)), [
+          }, l.attrs), null, 16, Pi)), [
             [$e, n.inputValue]
-          ]) : (s(), u(k, { key: 2 }, [
-            w("input", C({
+          ]) : (s(), u(v, { key: 1 }, [
+            y("input", C({
               ref: "input",
               id: `w-input--${e._.uid}`,
               type: "file",
@@ -2953,22 +3140,22 @@ function Li(e, t, i, o, n, l) {
             }, l.attrs, {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
-            }), null, 16, Bi),
-            I(ae, {
+            }), null, 16, Mi),
+            V(oe, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (s(), u("span", $i, [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", zi, [
                   p(e.$slots, "no-file", {}, () => [
-                    e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
+                    e.$slots["no-file"] === void 0 ? (s(), u(v, { key: 0 }, [
                       S("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
-                (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(v, null, R(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
                   S(_(h ? ", " : ""), 1),
@@ -2982,31 +3169,34 @@ function Li(e, t, i, o, n, l) {
               _: 3
             }, 8, ["for"])
           ], 64)),
-          i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 3 }, [
+          i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 2 }, [
             e.$slots.default || i.label ? (s(), u("label", {
               key: 0,
-              class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses]),
-              for: `w-input--${e._.uid}`
+              class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
               p(e.$slots, "default", {}, () => [
                 S(_(i.label), 1)
               ])
-            ], 10, Vi)) : c("", !0)
+            ], 2)) : c("", !0)
           ], 64)) : c("", !0),
-          i.innerIconRight ? (s(), g(a, {
-            key: 4,
-            class: "w-input__icon w-input__icon--inner-right",
-            tag: "label",
-            for: `w-input--${e._.uid}`,
-            onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
-          }, {
-            default: m(() => [
-              S(_(i.innerIconRight), 1)
-            ]),
-            _: 1
-          }, 8, ["for"])) : c("", !0),
+          p(e.$slots, "icon-right", {
+            inputId: `w-input--${e._.uid}`
+          }, () => [
+            i.innerIconRight ? (s(), g(a, {
+              key: 0,
+              class: "w-input__icon w-input__icon--inner-right",
+              tag: "label",
+              for: `w-input--${e._.uid}`,
+              onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
+            }, {
+              default: m(() => [
+                S(_(i.innerIconRight), 1)
+              ]),
+              _: 1
+            }, 8, ["for"])) : c("", !0)
+          ]),
           l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (s(), g(r, {
-            key: 5,
+            key: 3,
             class: "fill-width",
             size: "2",
             color: i.progressColor || i.color,
@@ -3018,7 +3208,7 @@ function Li(e, t, i, o, n, l) {
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u(k, null, [
+          (s(!0), u(v, null, R(n.inputFiles, (d, h) => (s(), u(v, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3027,13 +3217,13 @@ function Li(e, t, i, o, n, l) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Ti)) : (s(), u("i", {
+            }, null, 8, Wi)) : (s(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Ii)) : c("", !0),
-        i.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
+        ], 8, Ei)) : c("", !0),
+        i.labelPosition === "right" ? (s(), u(v, { key: 2 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
@@ -3042,16 +3232,16 @@ function Li(e, t, i, o, n, l) {
             p(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, Ri)) : c("", !0)
+          ], 10, Ai)) : c("", !0)
         ], 64)) : c("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const xi = {
+const Ni = {
   name: "w-input",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: { default: "" },
     type: { type: String, default: "text" },
@@ -3218,13 +3408,13 @@ const xi = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Oi = /* @__PURE__ */ v(xi, [["render", Li]]);
-function Pi(e, t, i, o, n, l) {
+}, Hi = /* @__PURE__ */ w(Ni, [["render", Ki]]);
+function Di(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", l.classes])
   }, [
-    (s(!0), u(k, null, L(e.listItems, (d, h) => (s(), u("li", {
+    (s(!0), u(v, null, R(e.listItems, (d, h) => (s(), u("li", {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
@@ -3237,7 +3427,7 @@ function Pi(e, t, i, o, n, l) {
         ]),
         _: 1
       })) : c("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(V(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 1,
         class: "w-list__item-label"
       }, l.liLabelProps(d, h, d._selected)), {
@@ -3262,23 +3452,23 @@ function Pi(e, t, i, o, n, l) {
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), g(V(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
+      }, 1040)) : (s(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 2,
         class: "w-list__item-label"
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
       (d.children || []).length ? (s(), g(r, C({ key: 3 }, e.$props, {
         items: d.children,
         depth: i.depth + 1,
-        "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
-        onInput: t[1] || (t[1] = (y) => e.$emit("input", y)),
-        onItemClick: t[2] || (t[2] = (y) => e.$emit("item-click", y)),
-        onItemSelect: t[3] || (t[3] = (y) => e.$emit("item-select", y))
+        "onUpdate:modelValue": t[0] || (t[0] = (k) => e.$emit("update:modelValue", k)),
+        onInput: t[1] || (t[1] = (k) => e.$emit("input", k)),
+        onItemClick: t[2] || (t[2] = (k) => e.$emit("item-click", k)),
+        onItemSelect: t[3] || (t[3] = (k) => e.$emit("item-select", k))
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: k, index: B, selected: b }) => [
             p(e.$slots, "item", {
-              item: l.cleanLi(y),
+              item: l.cleanLi(k),
               index: B,
               selected: b
             })
@@ -3286,13 +3476,13 @@ function Pi(e, t, i, o, n, l) {
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: k, index: B, selected: b }) => [
             p(e.$slots, "default", {
-              item: l.cleanLi(y),
+              item: l.cleanLi(k),
               index: B,
               selected: b
             }, () => [
-              S(_(y[i.itemLabelKey]), 1)
+              S(_(k[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3301,7 +3491,7 @@ function Pi(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const zi = {
+const Fi = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3379,8 +3569,8 @@ const zi = {
         "w-list__item-label--focused": e._focused,
         "w-list__item-label--hoverable": this.hover,
         "w-list__item-label--selectable": this.isSelectable,
-        [e.color]: !!e.color,
-        [this.SelectionColor]: e._selected && !e.color && this.SelectionColor,
+        [e[this.itemColorKey]]: !!e[this.itemColorKey],
+        [this.SelectionColor]: e._selected && !e[this.itemColorKey] && this.SelectionColor,
         [e[this.itemClassKey] || this.itemClass]: e[this.itemClassKey] || this.itemClass
       };
     },
@@ -3467,7 +3657,7 @@ const zi = {
       }
     }
   }
-}, Mi = /* @__PURE__ */ v(zi, [["render", Pi]]), we = {
+}, ji = /* @__PURE__ */ w(Fi, [["render", Di]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3623,11 +3813,11 @@ const zi = {
     }
   }
 };
-function Ei(e, t, i, o, n, l) {
+function Ui(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), u(k, null, [
+  return s(), u(v, null, [
     p(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    I(O, {
+    V(O, {
       name: l.transitionName,
       appear: ""
     }, {
@@ -3695,7 +3885,7 @@ function Ei(e, t, i, o, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : c("", !0)
   ], 64);
 }
-const Wi = {
+const qi = {
   name: "w-menu",
   mixins: [we],
   inheritAttrs: !1,
@@ -3757,17 +3947,17 @@ const Wi = {
       return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
     },
     menuClasses() {
-      return A(this.menuClass);
+      return K(this.menuClass);
     },
     titleClasses() {
-      return A(this.titleClass);
+      return K(this.titleClass);
     },
     contentClasses() {
-      return A(this.contentClass);
+      return K(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...A(this.overlayClass),
+        ...K(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -3823,8 +4013,8 @@ const Wi = {
       this.openTimeout = clearTimeout(this.openTimeout), this.detachableVisible && (this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && (this.hoveringMenu || this.hoveringActivator)) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize)));
     }
   }
-}, Ai = /* @__PURE__ */ v(Wi, [["render", Ei]]);
-function Ni(e, t, i, o, n, l) {
+}, Xi = /* @__PURE__ */ w(qi, [["render", Ui]]);
+function Yi(e, t, i, o, n, l) {
   const a = $("w-alert");
   return s(), g(O, {
     name: l.transitionName,
@@ -3834,9 +4024,9 @@ function Ni(e, t, i, o, n, l) {
       n.show ? (s(), u("div", {
         key: 0,
         class: f(["w-notification", l.classes]),
-        style: R(l.styles)
+        style: L(l.styles)
       }, [
-        I(a, C(l.alertProps, {
+        V(a, C(l.alertProps, {
           class: l.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
@@ -3852,7 +4042,7 @@ function Ni(e, t, i, o, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const Ki = {
+const Gi = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3972,34 +4162,34 @@ const Ki = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Hi = /* @__PURE__ */ v(Ki, [["render", Ni]]);
-function Di(e, t, i, o, n, l) {
-  const a = ge("focus");
+}, Ji = /* @__PURE__ */ w(Gi, [["render", Yi]]);
+function Qi(e, t, i, o, n, l) {
+  const a = be("focus");
   return s(), g(O, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
   }, {
     default: m(() => [
-      i.modelValue ? N((s(), u("div", {
+      i.modelValue ? A((s(), u("div", {
         key: 0,
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
-        style: R(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = W(E((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        style: L(i.modelValue && l.styles || null),
+        onKeydown: t[0] || (t[0] = W(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
         p(e.$slots, "default")
       ], 38)), [
-        [oe, e.showOverlay],
+        [ne, e.showOverlay],
         [a]
       ]) : c("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const Fi = {
+const Zi = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4053,20 +4243,20 @@ const Fi = {
       e && (this.showOverlay = !0);
     }
   }
-}, ji = /* @__PURE__ */ v(Fi, [["render", Di]]), Ui = { class: "w-parallax" };
-function qi(e, t, i, o, n, l) {
-  return s(), u("div", Ui);
+}, el = /* @__PURE__ */ w(Zi, [["render", Qi]]), tl = { class: "w-parallax" };
+function il(e, t, i, o, n, l) {
+  return s(), u("div", tl);
 }
-const Xi = {
+const ll = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, Yi = /* @__PURE__ */ v(Xi, [["render", qi]]), Gi = ["viewBox"], Ji = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Qi = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zi(e, t, i, o, n, l) {
+}, sl = /* @__PURE__ */ w(ll, [["render", il]]), ol = ["viewBox"], al = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], nl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function rl(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-progress", l.classes]),
-    style: R(l.styles)
+    style: L(l.styles)
   }, [
     i.circle ? (s(), u("svg", {
       key: 1,
@@ -4081,8 +4271,8 @@ function Zi(e, t, i, o, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, Ji)) : c("", !0),
-      w("circle", {
+      }, null, 10, al)) : c("", !0),
+      y("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
         cy: l.circleCenter,
@@ -4091,12 +4281,12 @@ function Zi(e, t, i, o, n, l) {
         "stroke-width": i.stroke,
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Qi)
-    ], 8, Gi)) : (s(), u("div", {
+        style: L(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
+      }, null, 12, nl)
+    ], 8, ol)) : (s(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
-      style: R(`width: ${l.progressValue}%`)
+      style: L(`width: ${l.progressValue}%`)
     }, null, 6)),
     i.label || e.$slots.default ? (s(), u("div", {
       key: 2,
@@ -4108,7 +4298,7 @@ function Zi(e, t, i, o, n, l) {
     ], 2)) : c("", !0)
   ], 6);
 }
-const J = 40, el = J / 2, tl = Math.round(J * 3.14 * 100) / 100, il = {
+const J = 40, dl = J / 2, ul = Math.round(J * 3.14 * 100) / 100, hl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4134,8 +4324,8 @@ const J = 40, el = J / 2, tl = Math.round(J * 3.14 * 100) / 100, il = {
   emits: [],
   data: () => ({
     circleSize: J,
-    circleRadius: el,
-    circleCircumference: tl
+    circleRadius: dl,
+    circleCircumference: ul
   }),
   computed: {
     progressValue() {
@@ -4174,9 +4364,9 @@ const J = 40, el = J / 2, tl = Math.round(J * 3.14 * 100) / 100, il = {
       };
     }
   }
-}, ll = /* @__PURE__ */ v(il, [["render", Zi]]), sl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], al = ["for"], ol = ["for", "innerHTML"], nl = ["for"], rl = ["for", "innerHTML"];
-function dl(e, t, i, o, n, l) {
-  return s(), g(V(e.formRegister && !l.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, cl = /* @__PURE__ */ w(hl, [["render", rl]]), pl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], fl = ["for"], ml = ["for", "innerHTML"], gl = ["for"], bl = ["for", "innerHTML"];
+function yl(e, t, i, o, n, l) {
+  return s(), g(I(e.formRegister && !l.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
@@ -4185,7 +4375,7 @@ function dl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      w("input", {
+      y("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
         type: "radio",
@@ -4198,8 +4388,8 @@ function dl(e, t, i, o, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, sl),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
+      }, null, 40, pl),
+      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
@@ -4208,20 +4398,20 @@ function dl(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, al)) : i.label ? (s(), u("label", {
+        ], 10, fl)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, ol)) : c("", !0)
+        }, null, 10, ml)) : c("", !0)
       ], 64)) : c("", !0),
-      w("div", {
+      y("div", {
         class: f(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
+      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
@@ -4230,20 +4420,20 @@ function dl(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, nl)) : i.label ? (s(), u("label", {
+        ], 10, gl)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, rl)) : c("", !0)
+        }, null, 10, bl)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ul = {
+const wl = {
   name: "w-radio",
-  mixins: [M],
+  mixins: [E],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4301,10 +4491,10 @@ const ul = {
       this.toggleFromOutside();
     }
   }
-}, hl = /* @__PURE__ */ v(ul, [["render", dl]]), cl = ["innerHTML"];
-function pl(e, t, i, o, n, l) {
+}, vl = /* @__PURE__ */ w(wl, [["render", yl]]), kl = ["innerHTML"];
+function _l(e, t, i, o, n, l) {
   const a = $("w-radio");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -4315,7 +4505,7 @@ function pl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(k, null, L(l.radioItems, (r, d) => (s(), g(a, C({
+      (s(!0), u(v, null, R(l.radioItems, (r, d) => (s(), g(a, C({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -4336,7 +4526,7 @@ function pl(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, cl)) : c("", !0)
+          }, null, 8, kl)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4344,9 +4534,9 @@ function pl(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const fl = {
+const Cl = {
   name: "w-radios",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: [String, Number, Boolean] },
@@ -4390,9 +4580,9 @@ const fl = {
       return this.items[e._index];
     }
   }
-}, ml = /* @__PURE__ */ v(fl, [["render", pl]]), gl = ["id", "name", "value"], bl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yl(e, t, i, o, n, l) {
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Sl = /* @__PURE__ */ w(Cl, [["render", _l]]), Bl = ["id", "name", "value"], $l = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Vl(e, t, i, o, n, l) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
@@ -4401,18 +4591,18 @@ function yl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      w("input", {
+      y("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, gl),
-      (s(!0), u(k, null, L(i.max, (a) => (s(), u(k, { key: a }, [
+      }, null, 8, Bl),
+      (s(!0), u(v, null, R(i.max, (a) => (s(), u(v, { key: a }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : c("", !0),
-        w("button", {
+        y("button", {
           class: f(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
           onMouseenter: (r) => n.hover = a,
@@ -4429,17 +4619,17 @@ function yl(e, t, i, o, n, l) {
             class: f(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: R(l.halfStarStyle)
+            style: L(l.halfStarStyle)
           }, null, 6)) : c("", !0)
-        ], 42, bl)
+        ], 42, $l)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const wl = {
+const Il = {
   name: "w-rating",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -4527,10 +4717,10 @@ const wl = {
       this.rating = parseFloat(e);
     }
   }
-}, vl = /* @__PURE__ */ v(wl, [["render", yl]]);
-function kl(e, t, i, o, n, l) {
-  return s(), u(k, null, [
-    w("div", C({
+}, Tl = /* @__PURE__ */ w(Il, [["render", Vl]]);
+function Rl(e, t, i, o, n, l) {
+  return s(), u(v, null, [
+    y("div", C({
       class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
       onMouseenter: t[0] || (t[0] = (...a) => l.onMouseEnter && l.onMouseEnter(...a)),
@@ -4539,20 +4729,20 @@ function kl(e, t, i, o, n, l) {
     }, e.$attrs, { style: l.scrollableStyles }), [
       p(e.$slots, "default")
     ], 16),
-    w("div", {
+    y("div", {
       class: f(["w-scrollbar", l.scrollbarClasses]),
       ref: "track",
       onMousedown: t[3] || (t[3] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a))
     }, [
-      w("div", {
+      y("div", {
         class: "w-scrollbar__thumb",
         ref: "thumb",
-        style: R(l.thumbStyles)
+        style: L(l.thumbStyles)
       }, null, 4)
     ], 34)
   ], 64);
 }
-const _l = {
+const Ll = {
   h: {
     horizOrVert: "horizontal",
     topOrLeft: "left",
@@ -4575,7 +4765,7 @@ const _l = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, Cl = {
+}, xl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -4599,7 +4789,7 @@ const _l = {
       return this.mounted ? (console.log("\u{1F482}\u200D\u2642\uFE0F", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
     },
     m() {
-      return _l[this.isHorizontal ? "h" : "v"];
+      return Ll[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -4667,34 +4857,34 @@ const _l = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style[this.m.maxWidthOrHeight] = `${this[this.m.widthOrHeight]}px`;
   }
-}, Sl = /* @__PURE__ */ v(Cl, [["render", kl]]), Bl = ["for"], $l = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vl = {
+}, Ol = /* @__PURE__ */ w(xl, [["render", Rl]]), Pl = ["aria-expanded", "aria-owns", "aria-activedescendant"], Ml = {
   key: 1,
   class: "w-select__selection-slot"
-}, Il = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Tl = ["value", "name"], Rl = ["for"], Ll = ["for"];
-function xl(e, t, i, o, n, l) {
+}, zl = ["innerHTML"], El = ["value", "name"];
+function Wl(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[10] || (t[10] = (h) => e.valid = h),
+    "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
     wrap: l.hasLabel && i.labelPosition !== "inside",
     class: l.classes
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+      i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
-          for: `w-select--${e._.uid}`
+          onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Bl)) : c("", !0)
+        ], 2)) : c("", !0)
       ], 64)) : c("", !0),
-      I(d, C({
+      V(d, C({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
+        "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
         onClose: l.closeMenu,
         "menu-class": `w-select__menu ${i.menuClass || ""}`,
         transition: "slide-fade-down",
@@ -4703,85 +4893,77 @@ function xl(e, t, i, o, n, l) {
         custom: "",
         "min-width": "activator"
       }, i.menuProps || {}), {
-        activator: m(({ on: h }) => [
-          w("div", C({ class: "w-select__selection-wrap" }, z(h, !0), {
-            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
+        activator: m(() => [
+          y("div", {
+            class: f(["w-select__selection-wrap", l.inputWrapClasses]),
+            onClick: t[6] || (t[6] = (h) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
             "aria-owns": `w-select-menu--${e._.uid}`,
-            "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`,
-            class: l.inputWrapClasses
-          }), [
+            "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
+          }, [
             i.innerIconLeft ? (s(), g(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
-              onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
+              onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
             }, {
               default: m(() => [
                 S(_(i.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Vl, [
+            e.$slots.selection ? (s(), u("div", Ml, [
               p(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : c("", !0),
-            w("div", {
-              class: f(["w-select__selection", { "w-select__selection--placeholder": !e.$slots.selection && !l.selectionString && i.placeholder }]),
+            y("div", C({
+              class: "w-select__selection",
               ref: "selection-input",
-              contenteditable: e.isDisabled || e.isReadonly ? "false" : "true",
-              onFocus: t[1] || (t[1] = (y) => !e.isDisabled && !e.isReadonly && l.onFocus(y)),
-              onBlur: t[2] || (t[2] = (...y) => l.onBlur && l.onBlur(...y)),
-              onKeydown: t[3] || (t[3] = (y) => !e.isDisabled && !e.isReadonly && l.onKeydown(y)),
-              id: `w-select--${e._.uid}`,
-              disabled: e.isDisabled || null,
-              readonly: "",
-              "aria-readonly": "true",
-              tabindex: e.tabindex || null,
-              innerHTML: e.$slots.selection ? "" : l.selectionString || i.placeholder
-            }, null, 42, Il),
-            (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, B) => (s(), u("input", {
-              key: B,
+              onFocus: t[2] || (t[2] = (h) => !e.isDisabled && !e.isReadonly && l.onFocus(h)),
+              onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
+              onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, zl),
+            (s(!0), u(v, null, R(e.inputValue.length ? e.inputValue : [{}], (h, k) => (s(), u("input", {
+              key: k,
               type: "hidden",
-              value: y.value === void 0 ? "" : y.value.toString(),
+              value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Tl))), 128)),
-            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 2 }, [
+            }, null, 8, El))), 128)),
+            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 2 }, [
               e.$slots.default || i.label ? (s(), u("label", {
                 key: 0,
-                class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
-                for: `w-select--${e._.uid}`
+                class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
                 p(e.$slots, "default", {}, () => [
                   S(_(i.label), 1)
                 ])
-              ], 10, Rl)) : c("", !0)
+              ], 2)) : c("", !0)
             ], 64)) : c("", !0),
             i.innerIconRight ? (s(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
-              onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
+              onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
             }, {
               default: m(() => [
                 S(_(i.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
-          ], 16, $l)
+          ], 10, Pl)
         ]),
         default: m(() => [
-          I(r, {
+          V(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": l.onInput,
-            onItemClick: t[6] || (t[6] = (h) => e.$emit("item-click", h)),
+            onItemClick: t[7] || (t[7] = (h) => e.$emit("item-click", h)),
             onItemSelect: l.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (h) => i.noUnselect && !i.multiple && l.closeMenu()),
-            "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
+            "onKeydown:enter": t[8] || (t[8] = (h) => i.noUnselect && !i.multiple && l.closeMenu()),
+            "onKeydown:escape": t[9] || (t[9] = (h) => e.showMenu && (e.showMenu = !1)),
             items: l.selectItems,
             multiple: i.multiple,
             "arrows-navigation": "",
@@ -4793,23 +4975,23 @@ function xl(e, t, i, o, n, l) {
             role: "listbox",
             tabindex: "-1"
           }, Z({ _: 2 }, [
-            L(i.items.length, (h) => ({
+            R(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: y, selected: B, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? p(e.$slots, `item.${h}`, {
+              fn: m(({ item: k, selected: B, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](k, B, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
-                  item: y,
+                  item: k,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(y[i.itemLabelKey]), 1)
+                  S(_(k[i.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
-                  item: y,
+                  item: k,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(y[i.itemLabelKey]), 1)
+                  S(_(k[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4817,24 +4999,24 @@ function xl(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
-      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
+      i.labelPosition === "right" ? (s(), u(v, { key: 1 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
-          for: `w-select--${e._.uid}`
+          onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Ll)) : c("", !0)
+        ], 2)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Ol = {
+const Al = {
   name: "w-select",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -4880,23 +5062,34 @@ const Ol = {
         return i.value = i[this.itemValueKey] === void 0 ? i[this.itemLabelKey] || t : i[this.itemValueKey], i.index = t, i;
       });
     },
-    hasValue() {
-      return Array.isArray(this.inputValue) ? this.inputValue.length : this.inputValue !== null;
-    },
     hasLabel() {
       return this.label || this.$slots.default;
     },
     showLabelInside() {
-      return !this.staticLabel || !this.hasValue && !this.placeholder;
+      return !this.staticLabel || !this.inputValue.length && !this.placeholder;
+    },
+    selectionAttributes() {
+      var e;
+      return {
+        class: { "w-select__selection--placeholder": !this.$slots.selection && !this.selectionString && this.placeholder },
+        disabled: this.isDisabled || null,
+        readonly: !0,
+        ariareadonly: "true",
+        tabindex: (e = this.tabindex) != null ? e : null,
+        contenteditable: this.isDisabled || this.isReadonly ? "false" : "true"
+      };
     },
     selectionString() {
-      return this.inputValue && this.inputValue.map(
+      return this.inputValue.map(
         (e) => {
           var t;
           return e[this.itemValueKey] !== void 0 ? e[this.itemLabelKey] : (t = e[this.itemLabelKey]) != null ? t : e;
         }
       ).join(", ");
     },
+    selectionHtml() {
+      return this.inputValue.length ? this.$slots.selection ? "" : this.selectionString : this.placeholder || "";
+    },
     classes() {
       return {
         "w-select": !0,
@@ -4905,7 +5098,7 @@ const Ol = {
         "w-select--disabled": this.isDisabled,
         "w-select--fit-to-content": this.fitToContent,
         "w-select--readonly": this.isReadonly,
-        [`w-select--${this.hasValue ? "filled" : "empty"}`]: !0,
+        [`w-select--${this.inputValue.length ? "filled" : "empty"}`]: !0,
         "w-select--focused": (this.isFocused || this.showMenu) && !this.isReadonly,
         "w-select--floating-label": this.hasLabel && this.labelPosition === "inside" && !this.staticLabel,
         "w-select--no-padding": !this.outline && !this.bgColor && !this.shadow && !this.round,
@@ -4950,10 +5143,20 @@ const Ol = {
           if (t === void 0)
             t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
-            const o = e.keyCode === 38 ? -1 : 1;
-            t = (t + i.length + o) % i.length;
+            const n = e.keyCode === 38 ? -1 : 1;
+            t = (t + i.length + n) % i.length;
+          }
+          let o = !1;
+          if (i[t].disabled) {
+            const n = e.keyCode === 38 ? -1 : 1;
+            let l = (t + n + i.length) % i.length;
+            const a = i.length;
+            let r = 0;
+            for (; r < a && i[l].disabled; )
+              l = (l + i.length + n) % i.length, r++;
+            r >= a && (o = !0), t = l;
           }
-          this.onInput(i[t]);
+          o || this.onInput(i[t]);
         }
     },
     onInput(e) {
@@ -4976,8 +5179,9 @@ const Ol = {
       e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
       const t = this.selectItems.map((i) => i.value);
       return e.map((i) => {
+        var n, l;
         let o = i;
-        return i && typeof i == "object" && (o = i[this.itemValueKey] !== void 0 ? i[this.itemValueKey] : i[this.itemLabelKey] !== void 0 ? i[this.itemLabelKey] : i), this.selectItems[t.indexOf(o)];
+        return i && typeof i == "object" && (o = (l = (n = i[this.itemValueKey]) != null ? n : i[this.itemLabelKey]) != null ? l : i), this.selectItems[t.indexOf(o)];
       }).filter((i) => i !== void 0);
     },
     openMenu() {
@@ -5003,12 +5207,12 @@ const Ol = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Pl = /* @__PURE__ */ v(Ol, [["render", xl]]), zl = ["for"], Ml = ["for", "innerHTML"], El = { class: "w-slider__track-wrap" }, Wl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Al = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Nl = ["for"], Kl = { key: 0 }, Hl = {
+}, Kl = /* @__PURE__ */ w(Al, [["render", Wl]]), Nl = ["for"], Hl = ["for", "innerHTML"], Dl = { class: "w-slider__track-wrap" }, Fl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], jl = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ul = ["for"], ql = { key: 0 }, Xl = {
   key: 0,
   class: "w-slider__step-labels"
-}, Dl = ["onClick"], Fl = ["for"], jl = ["for", "innerHTML"];
-function Ul(e, t, i, o, n, l) {
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Yl = ["onClick"], Gl = ["for"], Jl = ["for", "innerHTML"];
+function Ql(e, t, i, o, n, l) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
@@ -5024,14 +5228,14 @@ function Ul(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-left")
-      ], 10, zl)) : i.labelLeft ? (s(), u("label", {
+      ], 10, Nl)) : i.labelLeft ? (s(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, Ml)) : c("", !0),
-      w("div", El, [
-        w("div", {
+      }, null, 10, Hl)) : c("", !0),
+      y("div", Dl, [
+        y("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
           onMousedown: t[4] || (t[4] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a)),
@@ -5044,15 +5248,15 @@ function Ul(e, t, i, o, n, l) {
           "aria-readonly": e.isReadonly ? "true" : "false",
           "aria-orientation": "horizontal"
         }, [
-          w("div", {
+          y("div", {
             class: f(["w-slider__range", l.rangeClasses]),
-            style: R(l.rangeStyles)
+            style: L(l.rangeStyles)
           }, null, 6),
-          w("div", {
+          y("div", {
             class: "w-slider__thumb",
-            style: R(l.thumbStyles)
+            style: L(l.thumbStyles)
           }, [
-            w("button", {
+            y("button", {
               class: f(["w-slider__thumb-button", [i.color]]),
               ref: "thumb",
               id: `button--${e._.uid}`,
@@ -5067,15 +5271,15 @@ function Ul(e, t, i, o, n, l) {
                 t[1] || (t[1] = W((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = E(() => {
+              onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
-            }, null, 42, Al),
+            }, null, 42, jl),
             i.thumbLabel ? (s(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (s(), u("div", Kl, [
+              i.thumbLabel === "droplet" ? (s(), u("div", ql, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(_(~~e.rangeValueScaled), 1)
                 ])
@@ -5085,20 +5289,20 @@ function Ul(e, t, i, o, n, l) {
               }, () => [
                 S(_(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Nl)) : c("", !0)
+            ], 10, Ul)) : c("", !0)
           ], 4)
-        ], 42, Wl),
-        i.stepLabels && i.step ? (s(), u("div", Hl, [
-          w("div", {
+        ], 42, Fl),
+        i.stepLabels && i.step ? (s(), u("div", Xl, [
+          y("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, _(this.minVal), 1),
-          (s(!0), u(k, null, L(~~l.numberOfSteps, (a) => (s(), u("div", {
+          (s(!0), u(v, null, R(~~l.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
-            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Dl))), 128)),
+            style: L(`left: ${a * (100 / l.numberOfSteps)}%`)
+          }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Yl))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5113,19 +5317,19 @@ function Ul(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-right")
-      ], 10, Fl)) : i.labelRight ? (s(), u("label", {
+      ], 10, Gl)) : i.labelRight ? (s(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, jl)) : c("", !0)
+      }, null, 10, Jl)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const ql = {
+const Zl = {
   name: "w-slider",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -5257,17 +5461,17 @@ const ql = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, Xl = /* @__PURE__ */ v(ql, [["render", Ul]]), Yl = { key: 0 };
-function Gl(e, t, i, o, n, l) {
+}, es = /* @__PURE__ */ w(Zl, [["render", Ql]]), ts = { key: 0 };
+function is(e, t, i, o, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
-    style: R(l.styles)
+    style: L(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", Yl)) : c("", !0)
+    l.isThreeDots ? (s(), u("span", ts)) : c("", !0)
   ], 6)) : c("", !0);
 }
-const Jl = {
+const ls = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5305,13 +5509,13 @@ const Jl = {
       };
     }
   }
-}, Ql = /* @__PURE__ */ v(Jl, [["render", Gl]]);
-function Zl(e, t, i, o, n, l) {
+}, ss = /* @__PURE__ */ w(ls, [["render", is]]);
+function os(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const es = {
+const as = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5327,16 +5531,16 @@ const es = {
       };
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zl]]), is = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ls = ["for"], ss = {
+}, ns = /* @__PURE__ */ w(as, [["render", os]]), rs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ds = ["for"], us = {
   key: 0,
   class: "w-switch__track"
-}, as = {
+}, hs = {
   key: 1,
   class: "w-switch__thumb"
-}, os = ["for"];
-function ns(e, t, i, o, n, l) {
+}, cs = ["for"];
+function ps(e, t, i, o, n, l) {
   const a = $("w-progress");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -5345,7 +5549,7 @@ function ns(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      w("input", {
+      y("input", {
         ref: "input",
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
@@ -5360,8 +5564,8 @@ function ns(e, t, i, o, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }, null, 40, is),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
+      }, null, 40, rs),
+      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
@@ -5370,18 +5574,18 @@ function ns(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, ls)) : c("", !0)
+        ], 10, ds)) : c("", !0)
       ], 64)) : c("", !0),
-      w("div", C({
+      y("div", C({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, z(e.$attrs, !0), { class: l.inputClasses }), [
-        e.$slots.track ? (s(), u("div", ss, [
+        e.$slots.track ? (s(), u("div", us, [
           p(e.$slots, "track")
         ])) : c("", !0),
-        e.$slots.thumb || i.loading ? (s(), u("div", as, [
+        e.$slots.thumb || i.loading ? (s(), u("div", hs, [
           i.loading ? (s(), g(a, C({
             key: 0,
             circle: "",
@@ -5389,7 +5593,7 @@ function ns(e, t, i, o, n, l) {
           }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : p(e.$slots, "thumb", { key: 1 })
         ])) : c("", !0)
       ], 16),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
+      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
@@ -5398,15 +5602,15 @@ function ns(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, os)) : c("", !0)
+        ], 10, cs)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const rs = {
+const fs = {
   name: "w-switch",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: { default: !1 },
     label: { type: String, default: "" },
@@ -5469,32 +5673,32 @@ const rs = {
       this.isOn = e;
     }
   }
-}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, i, o, n, l) {
-  return s(), u("div", us, [
+}, ms = /* @__PURE__ */ w(fs, [["render", ps]]), gs = { class: "w-tabs__content" };
+function bs(e, t, i, o, n, l) {
+  return s(), u("div", gs, [
     p(e.$slots, "default", { item: i.item })
   ]);
 }
-const cs = {
+const ys = {
   name: "tab-content",
   props: { item: Object }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ms = ["innerHTML"], gs = {
+}, ws = /* @__PURE__ */ w(ys, [["render", bs]]), vs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ks = ["innerHTML"], _s = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, bs = {
+}, Cs = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, ys = ["innerHTML"], ws = ["innerHTML"];
-function vs(e, t, i, o, n, l) {
+}, Ss = ["innerHTML"], Bs = ["innerHTML"];
+function $s(e, t, i, o, n, l) {
   const a = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
   }, [
-    w("div", {
+    y("div", {
       class: f(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(k, null, L(e.tabs, (r, d) => (s(), u("div", {
+      (s(!0), u(v, null, R(e.tabs, (r, d) => (s(), u("div", {
         class: f(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
@@ -5515,27 +5719,27 @@ function vs(e, t, i, o, n, l) {
           index: d + 1,
           active: r._uid === e.activeTabUid
         }, () => [
-          w("div", {
+          y("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, ms)
+          }, null, 8, ks)
         ])
-      ], 42, fs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", gs, [
+      ], 42, vs))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", _s, [
         p(e.$slots, "tabs-bar-extra")
       ])) : c("", !0),
       !i.noSlider && !i.card ? (s(), u("div", {
         key: 1,
         class: f(["w-tabs__slider", i.sliderColor]),
-        style: R(l.sliderStyles)
+        style: L(l.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
-    e.tabs.length ? (s(), u("div", bs, [
-      i.keepInDom ? (s(), g(ae, {
+    e.tabs.length ? (s(), u("div", Cs, [
+      i.keepInDom ? (s(), g(oe, {
         key: 0,
         name: l.transitionName
       }, {
         default: m(() => [
-          (s(!0), u(k, null, L(e.tabs, (r, d) => N((s(), g(a, {
+          (s(!0), u(v, null, R(e.tabs, (r, d) => A((s(), g(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
@@ -5555,12 +5759,12 @@ function vs(e, t, i, o, n, l) {
                 r[i.itemContentKey] ? (s(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, ys)) : c("", !0)
+                }, null, 8, Ss)) : c("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [oe, r._uid === l.activeTab._uid]
+            [ne, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
@@ -5579,7 +5783,7 @@ function vs(e, t, i, o, n, l) {
               class: f(i.contentClass)
             }, {
               default: m(({ item: r }) => [
-                r ? (s(), u(k, { key: 0 }, [
+                r ? (s(), u(v, { key: 0 }, [
                   e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
                     item: l.getOriginalItem(r),
@@ -5594,7 +5798,7 @@ function vs(e, t, i, o, n, l) {
                     r[i.itemContentKey] ? (s(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, ws)) : c("", !0)
+                    }, null, 8, Bs)) : c("", !0)
                   ])
                 ], 64)) : c("", !0)
               ]),
@@ -5607,8 +5811,8 @@ function vs(e, t, i, o, n, l) {
     ])) : c("", !0)
   ], 2);
 }
-let fe = 0;
-const ks = {
+let me = 0;
+const Vs = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5634,7 +5838,7 @@ const ks = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: ps },
+  components: { TabContent: ws },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -5691,7 +5895,7 @@ const ks = {
   methods: {
     addTab(e) {
       var t, i, o;
-      (i = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && i || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
+      (i = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && i || (e._uid = +`${this._.uid}${++me}`), this.tabs.push({
         _uid: (o = e[this.itemIdKey]) != null ? o : e._uid,
         _index: this.tabs.length,
         ...e,
@@ -5702,7 +5906,7 @@ const ks = {
       let e = this.items;
       typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => {
         var o, n, l;
-        return (n = (o = t[this.itemIdKey]) != null ? o : t._uid) != null && n || (t._uid = +`${this._.uid}${++fe}`), {
+        return (n = (o = t[this.itemIdKey]) != null ? o : t._uid) != null && n || (t._uid = +`${this._.uid}${++me}`), {
           ...t,
           _uid: (l = t[this.itemIdKey]) != null ? l : t._uid,
           _index: i,
@@ -5783,52 +5987,52 @@ const ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Ss = ["width"], Bs = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
+}, Is = /* @__PURE__ */ w(Vs, [["render", $s]]), Ts = { ref: "colgroup" }, Rs = ["width"], Ls = { key: 0 }, xs = ["onClick"], Os = ["innerHTML"], Ps = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ts = ["colspan"], Rs = {
+}, Ms = ["colspan"], zs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
+}, Es = ["colspan"], Ws = { class: "w-table__loading-text" }, As = {
   key: 1,
   class: "no-data"
-}, Ps = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
+}, Ks = ["colspan"], Ns = ["onClick"], Hs = ["data-label"], Ds = ["data-label"], Fs = ["innerHTML"], js = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Ns = ["colspan"], Ks = { key: 0 }, Hs = {
+}, Us = ["colspan"], qs = { key: 0 }, Xs = {
   key: 3,
   class: "w-table__extra-row"
-}, Ds = {
+}, Ys = {
   key: 1,
   class: "w-table__footer"
-}, Fs = {
+}, Gs = {
   key: 1,
   class: "w-table__row"
-}, js = ["colspan"], Us = {
+}, Js = ["colspan"], Qs = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
-}, qs = ["colspan"], Xs = { class: "w-table__pagination w-pagination" }, Ys = { class: "pages-wrap" }, Gs = { class: "w-pagination__results" };
-function Js(e, t, i, o, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
+}, Zs = ["colspan"], eo = { class: "w-table__pagination w-pagination" }, to = { class: "pages-wrap" }, io = { class: "w-pagination__results" };
+function lo(e, t, i, o, n, l) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), k = $("w-select"), B = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", l.wrapClasses])
   }, [
-    w("table", {
+    y("table", {
       class: f(["w-table", l.classes]),
       onMousedown: t[5] || (t[5] = (...b) => l.onMouseDown && l.onMouseDown(...b)),
       onMouseover: t[6] || (t[6] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
       onMouseout: t[7] || (t[7] = (...b) => l.onMouseOut && l.onMouseOut(...b))
     }, [
-      w("colgroup", Cs, [
-        (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("col", {
+      y("colgroup", Ts, [
+        (s(!0), u(v, null, R(i.headers, (b, T) => (s(), u("col", {
           class: f(["w-table__col", l.colClasses[T]]),
           key: T,
           width: b.width || null
-        }, null, 10, Ss))), 128))
+        }, null, 10, Rs))), 128))
       ], 512),
-      i.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
-        w("tr", null, [
-          (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("th", {
+      i.noHeaders ? c("", !0) : (s(), u("thead", Ls, [
+        y("tr", null, [
+          (s(!0), u(v, null, R(i.headers, (b, T) => (s(), u("th", {
             class: f(["w-table__header", l.headerClasses(b)]),
             key: T,
             onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
@@ -5842,7 +6046,7 @@ function Js(e, t, i, o, n, l) {
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
-            b.label ? (s(), u(k, { key: 1 }, [
+            b.label ? (s(), u(v, { key: 1 }, [
               e.$slots["header-label"] ? p(e.$slots, "header-label", {
                 key: 0,
                 header: b,
@@ -5853,7 +6057,7 @@ function Js(e, t, i, o, n, l) {
               ]) : (s(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
-              }, null, 8, Vs))
+              }, null, 8, Os))
             ], 64)) : c("", !0),
             b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
               key: 2,
@@ -5867,47 +6071,47 @@ function Js(e, t, i, o, n, l) {
             T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
               key: 3,
               class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }]),
-              onClick: t[0] || (t[0] = E(() => {
+              onClick: t[0] || (t[0] = M(() => {
               }, ["stop"]))
             }, null, 2)) : c("", !0)
-          ], 10, $s))), 128))
+          ], 10, xs))), 128))
         ]),
-        I(d, null, {
+        V(d, null, {
           default: m(() => [
-            i.loading === "header" ? (s(), u("tr", Is, [
-              w("td", {
+            i.loading === "header" ? (s(), u("tr", Ps, [
+              y("td", {
                 colspan: i.headers.length
               }, [
-                I(r, { tile: "" })
-              ], 8, Ts)
+                V(r, { tile: "" })
+              ], 8, Ms)
             ])) : c("", !0)
           ]),
           _: 1
         })
       ])),
-      w("tbody", null, [
-        i.loading === !0 ? (s(), u("tr", Rs, [
-          w("td", {
+      y("tbody", null, [
+        i.loading === !0 ? (s(), u("tr", zs, [
+          y("td", {
             colspan: i.headers.length
           }, [
-            I(r, { tile: "" }),
-            w("div", xs, [
+            V(r, { tile: "" }),
+            y("div", Ws, [
               p(e.$slots, "loading", {}, () => [
                 S("Loading...")
               ])
             ])
-          ], 8, Ls)
-        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
-          w("td", {
+          ], 8, Es)
+        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", As, [
+          y("td", {
             class: "w-table__cell text-center",
             colspan: i.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
               S("No data to show.")
             ])
-          ], 8, Ps)
+          ], 8, Ks)
         ])),
-        l.tableItems.length && i.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(l.paginatedItems, (b, T) => (s(), u(k, { key: T }, [
+        l.tableItems.length && i.loading !== !0 ? (s(!0), u(v, { key: 2 }, R(l.paginatedItems, (b, T) => (s(), u(v, { key: T }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
             item: b,
@@ -5919,7 +6123,7 @@ function Js(e, t, i, o, n, l) {
             class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }]),
             onClick: (x) => l.doSelectRow(b, T)
           }, [
-            (s(!0), u(k, null, L(i.headers, (x, P) => (s(), u(k, null, [
+            (s(!0), u(v, null, R(i.headers, (x, P) => (s(), u(v, null, [
               e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-a`,
@@ -5948,29 +6152,29 @@ function Js(e, t, i, o, n, l) {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
-              ], 10, Ms)) : (s(), u("td", {
+              ], 10, Hs)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-b`,
                 "data-label": x.label
               }, [
-                w("div", {
+                y("div", {
                   innerHTML: b[x.key] || ""
-                }, null, 8, Ws),
+                }, null, 8, Fs),
                 P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
-              ], 10, Es))
+              ], 10, Ds))
             ], 64))), 256))
-          ], 10, zs)),
-          l.expandedRowsByUid[b._uid] ? (s(), u("tr", As, [
-            w("td", {
+          ], 10, Ns)),
+          l.expandedRowsByUid[b._uid] ? (s(), u("tr", js, [
+            y("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
-              I(h, { y: "" }, {
+              V(h, { y: "" }, {
                 default: m(() => [
-                  l.expandedRowsByUid[b._uid] ? (s(), u("div", Ks, [
+                  l.expandedRowsByUid[b._uid] ? (s(), u("div", qs, [
                     p(e.$slots, "row-expansion", {
                       item: b,
                       index: T + 1
@@ -5983,33 +6187,33 @@ function Js(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, Ns)
+            ], 8, Us)
           ])) : c("", !0)
         ], 64))), 128)) : c("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", Hs, [
+        e.$slots["extra-row"] ? (s(), u("div", Xs, [
           p(e.$slots, "extra-row")
         ])) : c("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || i.pagination ? (s(), u("tfoot", Ds, [
-        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Fs, [
-          w("td", {
+      e.$slots.footer || e.$slots["footer-row"] || i.pagination ? (s(), u("tfoot", Ys, [
+        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Gs, [
+          y("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
             p(e.$slots, "footer")
-          ], 8, js)
+          ], 8, Js)
         ])) : c("", !0),
-        i.pagination && e.paginationConfig ? (s(), u("tr", Us, [
-          w("td", {
+        i.pagination && e.paginationConfig ? (s(), u("tr", Qs, [
+          y("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
-            w("div", Xs, [
+            y("div", eo, [
               p(e.$slots, "pagination", {
                 range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
                 total: e.paginationConfig.total
               }, () => [
-                e.paginationConfig.itemsPerPageOptions ? (s(), g(y, {
+                e.paginationConfig.itemsPerPageOptions ? (s(), g(k, {
                   key: 0,
                   class: "w-pagination__items-per-page",
                   modelValue: e.paginationConfig.itemsPerPage,
@@ -6020,8 +6224,8 @@ function Js(e, t, i, o, n, l) {
                   label: "Items per page",
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "items"])) : c("", !0),
-                w("div", Ys, [
-                  I(B, {
+                y("div", to, [
+                  V(B, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
                     onClick: t[3] || (t[3] = (b) => l.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
@@ -6029,7 +6233,7 @@ function Js(e, t, i, o, n, l) {
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), g(B, {
+                  (s(!0), u(v, null, R(e.paginationConfig.pagesCount, (b) => (s(), g(B, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
                     onClick: (T) => b !== e.paginationConfig.page && l.goToPage(b),
@@ -6041,7 +6245,7 @@ function Js(e, t, i, o, n, l) {
                     ]),
                     _: 2
                   }, 1032, ["onClick", "class"]))), 128)),
-                  I(B, {
+                  V(B, {
                     class: "w-pagination__arrow w-pagination__arrow--next",
                     onClick: t[4] || (t[4] = (b) => l.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
@@ -6050,16 +6254,16 @@ function Js(e, t, i, o, n, l) {
                     lg: ""
                   }, null, 8, ["disabled"])
                 ]),
-                w("span", Gs, _(e.paginationConfig.start) + "-" + _(e.paginationConfig.end || e.paginationConfig.total) + " of " + _(e.paginationConfig.total), 1)
+                y("span", io, _(e.paginationConfig.start) + "-" + _(e.paginationConfig.end || e.paginationConfig.total) + " of " + _(e.paginationConfig.total), 1)
               ])
             ])
-          ], 8, qs)
+          ], 8, Zs)
         ])) : c("", !0)
       ])) : c("", !0)
     ], 34)
   ], 2);
 }
-const me = 15, Qs = {
+const ge = 15, so = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6258,9 +6462,9 @@ const me = 15, Qs = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = n + a + "px", o.style.width = l - a + "px";
-      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= me, B = a > 0 && o.offsetWidth > h;
-      if (y) {
-        const b = Math.max(i.offsetWidth, me);
+      const k = a < 0 && i.offsetWidth > d || i.offsetWidth <= ge, B = a > 0 && o.offsetWidth > h;
+      if (k) {
+        const b = Math.max(i.offsetWidth, ge);
         i.style.width = b + "px", o.style.width = r - b + "px";
       } else
         B && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
@@ -6343,8 +6547,8 @@ const me = 15, Qs = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, Zs = /* @__PURE__ */ v(Qs, [["render", Js]]), ea = ["role", "aria-pressed", "tabindex"];
-function ta(e, t, i, o, n, l) {
+}, oo = /* @__PURE__ */ w(so, [["render", lo]]), ao = ["role", "aria-pressed", "tabindex"];
+function no(e, t, i, o, n, l) {
   return s(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
@@ -6362,15 +6566,15 @@ function ta(e, t, i, o, n, l) {
     i.closable && i.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = E((a) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : c("", !0)
-  ], 16, ea);
+  ], 16, ao);
 }
-const ia = {
+const ro = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -6419,10 +6623,10 @@ const ia = {
       };
     }
   }
-}, la = /* @__PURE__ */ v(ia, [["render", ta]]), sa = ["for"], aa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], oa = ["for"], na = ["for"];
-function ra(e, t, i, o, n, l) {
+}, uo = /* @__PURE__ */ w(ro, [["render", no]]), ho = ["for"], co = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], po = ["for"];
+function fo(e, t, i, o, n, l) {
   const a = $("w-icon");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
@@ -6432,7 +6636,7 @@ function ra(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+      i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
@@ -6441,9 +6645,9 @@ function ra(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, sa)) : c("", !0)
+        ], 10, ho)) : c("", !0)
       ], 64)) : c("", !0),
-      w("div", {
+      y("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
         i.innerIconLeft ? (s(), g(a, {
@@ -6458,7 +6662,7 @@ function ra(e, t, i, o, n, l) {
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
-        N(w("textarea", C({
+        A(y("textarea", C({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
@@ -6476,19 +6680,18 @@ function ra(e, t, i, o, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, aa), [
-          [be, n.inputValue]
+        }), null, 16, co), [
+          [ae, n.inputValue]
         ]),
-        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 1 }, [
+        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 1 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
-            class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses]),
-            for: `w-textarea--${e._.uid}`
+            class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
             p(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, oa)) : c("", !0)
+          ], 2)) : c("", !0)
         ], 64)) : c("", !0),
         i.innerIconRight ? (s(), g(a, {
           key: 2,
@@ -6503,7 +6706,7 @@ function ra(e, t, i, o, n, l) {
           _: 1
         }, 8, ["for"])) : c("", !0)
       ], 2),
-      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
+      i.labelPosition === "right" ? (s(), u(v, { key: 1 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
@@ -6512,15 +6715,15 @@ function ra(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, na)) : c("", !0)
+        ], 10, po)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const da = {
+const mo = {
   name: "w-textarea",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: { default: "" },
     label: { type: String },
@@ -6634,16 +6837,16 @@ const da = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, ua = /* @__PURE__ */ v(da, [["render", ra]]), ha = ["innerHTML"], ca = ["innerHTML"];
-function pa(e, t, i, o, n, l) {
+}, go = /* @__PURE__ */ w(mo, [["render", fo]]), bo = ["innerHTML"], yo = ["innerHTML"];
+function wo(e, t, i, o, n, l) {
   return s(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
-    (s(!0), u(k, null, L(i.items, (a, r) => (s(), u("li", {
+    (s(!0), u(v, null, R(i.items, (a, r) => (s(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), g(V(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (s(), g(I(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: m(() => [
@@ -6660,19 +6863,19 @@ function pa(e, t, i, o, n, l) {
         item: a,
         index: r + 1
       }, () => [
-        w("div", {
+        y("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, ha),
-        w("div", {
+        }, null, 10, bo),
+        y("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, ca)
+        }, null, 8, yo)
       ])
     ]))), 128))
   ], 2);
 }
-const fa = {
+const vo = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6694,16 +6897,16 @@ const fa = {
       };
     }
   }
-}, ma = /* @__PURE__ */ v(fa, [["render", pa]]);
-function ga(e, t, i, o, n, l) {
+}, ko = /* @__PURE__ */ w(vo, [["render", wo]]);
+function _o(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-toolbar", l.classes]),
-    style: R(l.styles)
+    style: L(l.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
 }
-const ba = {
+const Co = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -6752,11 +6955,11 @@ const ba = {
       };
     }
   }
-}, ya = /* @__PURE__ */ v(ba, [["render", ga]]);
-function wa(e, t, i, o, n, l) {
-  return s(), u(k, null, [
+}, So = /* @__PURE__ */ w(Co, [["render", _o]]);
+function Bo(e, t, i, o, n, l) {
+  return s(), u(v, null, [
     p(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    I(O, {
+    V(O, {
       name: l.transitionName,
       appear: ""
     }, {
@@ -6765,7 +6968,7 @@ function wa(e, t, i, o, n, l) {
           class: f(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: R(l.styles)
+          style: L(l.styles)
         }, [
           p(e.$slots, "default")
         ], 6)) : c("", !0)
@@ -6774,7 +6977,7 @@ function wa(e, t, i, o, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const va = {
+const $o = {
   name: "w-tooltip",
   mixins: [we],
   props: {
@@ -6813,7 +7016,7 @@ const va = {
   }),
   computed: {
     tooltipClasses() {
-      return A(this.tooltipClass);
+      return K(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -6873,8 +7076,8 @@ const va = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && this.hoveringActivator) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize));
     }
   }
-}, ka = /* @__PURE__ */ v(va, [["render", wa]]);
-function _a(e, t, i, o, n, l) {
+}, Vo = /* @__PURE__ */ w($o, [["render", Bo]]);
+function Io(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "bounce" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6882,14 +7085,14 @@ function _a(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Ca = {
+const To = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Ba(e, t, i, o, n, l) {
+}, Ro = /* @__PURE__ */ w(To, [["render", Io]]);
+function Lo(e, t, i, o, n, l) {
   return s(), g(O, {
     name: "expand",
     mode: "out-in",
@@ -6910,7 +7113,7 @@ function Ba(e, t, i, o, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const $a = {
+const xo = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7000,8 +7203,8 @@ const $a = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
-function Ia(e, t, i, o, n, l) {
+}, Oo = /* @__PURE__ */ w(xo, [["render", Lo]]);
+function Po(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7009,14 +7212,14 @@ function Ia(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Ta = {
+const Mo = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ra = /* @__PURE__ */ v(Ta, [["render", Ia]]);
-function La(e, t, i, o, n, l) {
+}, zo = /* @__PURE__ */ w(Mo, [["render", Po]]);
+function Eo(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "scale" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7024,14 +7227,14 @@ function La(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const xa = {
+const Wo = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Pa(e, t, i, o, n, l) {
+}, Ao = /* @__PURE__ */ w(Wo, [["render", Eo]]);
+function Ko(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7039,14 +7242,14 @@ function Pa(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const za = {
+const No = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
-function Ea(e, t, i, o, n, l) {
+}, Ho = /* @__PURE__ */ w(No, [["render", Ko]]);
+function Do(e, t, i, o, n, l) {
   return s(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7054,7 +7257,7 @@ function Ea(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const Wa = {
+const Fo = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7072,8 +7275,8 @@ const Wa = {
       return `slide-${this.direction}`;
     }
   }
-}, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
-function Na(e, t, i, o, n, l) {
+}, jo = /* @__PURE__ */ w(Fo, [["render", Do]]);
+function Uo(e, t, i, o, n, l) {
   return s(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7081,7 +7284,7 @@ function Na(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const Ka = {
+const qo = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7099,8 +7302,8 @@ const Ka = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
-function Da(e, t, i, o, n, l) {
+}, Xo = /* @__PURE__ */ w(qo, [["render", Uo]]);
+function Yo(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "twist" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7108,26 +7311,26 @@ function Da(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Fa = {
+const Go = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ja = /* @__PURE__ */ v(Fa, [["render", Da]]), Ua = ["innerHTML"], qa = {
+}, Jo = /* @__PURE__ */ w(Go, [["render", Yo]]), Qo = ["innerHTML"], Zo = {
   key: 1,
   class: "ml1"
 };
-function Xa(e, t, i, o, n, l) {
+function ea(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", l.classes])
   }, [
-    (s(!0), u(k, null, L(e.currentDepthItems, (h, y) => (s(), u("li", {
+    (s(!0), u(v, null, R(e.currentDepthItems, (h, k) => (s(), u("li", {
       class: f(["w-tree__item", l.itemClasses(h)]),
-      key: y
+      key: k
     }, [
-      (s(), g(V(l.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+      (s(), g(I(l.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
         onClick: (B) => !i.disabled && !h.disabled && l.onLabelClick(h, B),
         onKeydown: (B) => !i.disabled && !h.disabled && l.onLabelKeydown(h, B),
         tabindex: l.getTreeItemTabindex(h)
@@ -7136,7 +7339,7 @@ function Xa(e, t, i, o, n, l) {
           (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (s(), g(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: E((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
+            onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7163,16 +7366,16 @@ function Xa(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1032, ["color"])) : c("", !0),
-              w("span", {
+              y("span", {
                 innerHTML: h.label
-              }, null, 8, Ua),
-              i.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              }, null, 8, Qo),
+              i.counts && (h.children || h.branch) ? (s(), u("span", Zo, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), g(V(i.noTransition ? "div" : "w-transition-expand"), {
+      (s(), g(I(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
         onAfterEnter: (B) => e.$emit("open", l.emitPayload(h)),
         onAfterLeave: (B) => e.$emit("close", l.emitPayload(h))
@@ -7206,7 +7409,7 @@ function Xa(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const Ya = {
+const ta = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -7360,62 +7563,63 @@ const Ya = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, Ga = /* @__PURE__ */ v(Ya, [["render", Xa]]), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ia = /* @__PURE__ */ w(ta, [["render", ea]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: Ye,
   WAlert: Ze,
-  WApp: lt,
-  WBadge: ot,
-  WBreadcrumbs: ut,
-  WButton: wt,
-  WCard: Ct,
-  WCheckbox: Ot,
-  WCheckboxes: Et,
-  WConfirm: Nt,
-  WDatePicker: Dt,
-  WDialog: Ut,
-  WDivider: Gt,
-  WDrawer: ti,
-  WFlex: si,
-  WForm: ri,
-  WFormElement: hi,
-  WGrid: fi,
-  WIcon: bi,
-  WImage: ki,
-  WInput: Oi,
-  WList: Mi,
-  WMenu: Ai,
-  WNotification: Hi,
-  WOverlay: ji,
-  WParallax: Yi,
-  WProgress: ll,
-  WRadio: hl,
-  WRadios: ml,
-  WRating: vl,
-  WScrollable: Sl,
-  WSelect: Pl,
-  WSlider: Xl,
-  WSpinner: Ql,
-  WSteps: ts,
-  WSwitch: ds,
-  WTabs: _s,
-  WTable: Zs,
-  WTag: la,
-  WTextarea: ua,
-  WTimeline: ma,
-  WToolbar: ya,
-  WTooltip: ka,
-  WTransitionBounce: Sa,
-  WTransitionExpand: Va,
-  WTransitionFade: Ra,
-  WTransitionScale: Oa,
-  WTransitionScaleFade: Ma,
-  WTransitionSlide: Aa,
-  WTransitionSlideFade: Ha,
-  WTransitionTwist: ja,
-  WTree: Ga
-}, Symbol.toStringTag, { value: "Module" })), Qa = K.install;
-K.install = (e, t = {}) => Qa.call(K, e, { components: Ja, ...t });
+  WAutocomplete: dt,
+  WApp: pt,
+  WBadge: gt,
+  WBreadcrumbs: vt,
+  WButton: Tt,
+  WCard: Ot,
+  WCheckbox: Dt,
+  WCheckboxes: qt,
+  WConfirm: Gt,
+  WDatePicker: Zt,
+  WDialog: ii,
+  WDivider: ai,
+  WDrawer: hi,
+  WFlex: fi,
+  WForm: yi,
+  WFormElement: ki,
+  WGrid: Si,
+  WIcon: Vi,
+  WImage: Li,
+  WInput: Hi,
+  WList: ji,
+  WMenu: Xi,
+  WNotification: Ji,
+  WOverlay: el,
+  WParallax: sl,
+  WProgress: cl,
+  WRadio: vl,
+  WRadios: Sl,
+  WRating: Tl,
+  WScrollable: Ol,
+  WSelect: Kl,
+  WSlider: es,
+  WSpinner: ss,
+  WSteps: ns,
+  WSwitch: ms,
+  WTabs: Is,
+  WTable: oo,
+  WTag: uo,
+  WTextarea: go,
+  WTimeline: ko,
+  WToolbar: So,
+  WTooltip: Vo,
+  WTransitionBounce: Ro,
+  WTransitionExpand: Oo,
+  WTransitionFade: zo,
+  WTransitionScale: Ao,
+  WTransitionScaleFade: Ho,
+  WTransitionSlide: jo,
+  WTransitionSlideFade: Xo,
+  WTransitionTwist: Jo,
+  WTree: ia
+}, Symbol.toStringTag, { value: "Module" })), sa = N.install;
+N.install = (e, t = {}) => sa.call(N, e, { components: la, ...t });
 export {
-  K as default
+  N as default
 };