wave-ui 2.45.1 → 2.46.0

package/dist/wave-ui.es.js

@@ -1,8 +1,8 @@
-var ne = Object.defineProperty;
-var re = (e, l, t) => l in e ? ne(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t;
-var T = (e, l, t) => (re(e, typeof l != "symbol" ? l + "" : l, t), t);
-import { reactive as K, resolveComponent as S, openBlock as s, createElementBlock as u, normalizeClass as m, Fragment as v, renderList as x, createElementVNode as w, withKeys as M, createBlock as g, withModifiers as W, createCommentVNode as p, renderSlot as c, createVNode as V, withCtx as b, mergeProps as C, toHandlers as P, createTextVNode as _, toDisplayString as k, TransitionGroup as te, Transition as L, normalizeStyle as R, resolveDynamicComponent as $, normalizeProps as Y, resolveDirective as le, withDirectives as j, createSlots as q, vShow as ie, vModelText as se, vModelDynamic as de, KeepAlive as ue } from "vue";
-const E = K({
+var re = Object.defineProperty;
+var de = (e, l, t) => l in e ? re(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t;
+var z = (e, l, t) => (de(e, typeof l != "symbol" ? l + "" : l, t), t);
+import { reactive as F, resolveComponent as S, openBlock as s, createElementBlock as u, normalizeClass as m, Fragment as v, renderList as x, createElementVNode as w, withKeys as P, createBlock as g, withModifiers as N, createCommentVNode as p, renderSlot as h, createVNode as V, withCtx as f, mergeProps as C, toHandlers as W, createTextVNode as _, toDisplayString as k, TransitionGroup as le, Transition as L, normalizeStyle as R, resolveDynamicComponent as I, normalizeProps as J, resolveDirective as ie, withDirectives as j, createSlots as G, vShow as se, vModelText as ae, vModelDynamic as ue, KeepAlive as he } from "vue";
+const O = F({
   breakpoints: {
     xs: 600,
     sm: 900,
@@ -31,19 +31,19 @@ const E = K({
     transition: "default"
   },
   presets: {}
-}), ae = (e, l = E) => {
+}), oe = (e, l = O) => {
   for (const t in e) {
     const n = e[t];
-    typeof n == "object" ? ae(e[t], l[t]) : l[t] = n;
+    typeof n == "object" ? oe(e[t], l[t]) : l[t] = n;
   }
-}, H = class {
+}, D = class {
   constructor() {
-    T(this, "notifications");
-    T(this, "_uid");
-    T(this, "_notificationDefaults");
-    if (H.instance)
-      return H.instance;
-    H.instance = this, this.notifications = [], this._uid = 0, this._notificationDefaults = {
+    z(this, "notifications");
+    z(this, "_uid");
+    z(this, "_notificationDefaults");
+    if (D.instance)
+      return D.instance;
+    D.instance = this, this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
       message: "",
@@ -70,9 +70,9 @@ const E = K({
     this.notifications = this.notifications.filter((t) => t._uid !== l);
   }
 };
-let F = H;
-T(F, "instance");
-const he = [
+let H = D;
+z(H, "instance");
+const ce = [
   {
     label: "pink",
     color: "#e91e63",
@@ -377,11 +377,11 @@ const he = [
       { label: "grey-dark5", color: "#383838" }
     ]
   }
-], Q = (e, l) => "#" + e.slice(1).match(/../g).map((t) => (t = +`0x${t}` + l, t < 0 ? 0 : t > 255 ? 255 : t).toString(16).padStart(2, 0)).join("");
-let G = null;
-const O = class {
+], Z = (e, l) => "#" + e.slice(1).match(/../g).map((t) => (t = +`0x${t}` + l, t < 0 ? 0 : t > 255 ? 255 : t).toString(16).padStart(2, 0)).join("");
+let X = null;
+const M = class {
   constructor(l, t = {}) {
-    T(this, "breakpoint", {
+    z(this, "breakpoint", {
       name: "",
       xs: !1,
       sm: !1,
@@ -389,23 +389,23 @@ const O = class {
       lg: !1,
       xl: !1
     });
-    T(this, "colors", he.reduce((l, t) => (l[t.label] = t.color, t.shades.forEach((n) => l[n.label] = n.color), l), { ...E.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
-    T(this, "config", {});
-    if (O.instance)
-      return O.instance;
-    if (O.registered || l.use(O), G = K(new F()), ae(t), E.css.colorShades) {
-      E.colorShades = {};
-      for (let n in E.colors) {
-        n = { label: n, color: E.colors[n].replace("#", "") };
+    z(this, "colors", ce.reduce((l, t) => (l[t.label] = t.color, t.shades.forEach((n) => l[n.label] = n.color), l), { ...O.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
+    z(this, "config", {});
+    if (M.instance)
+      return M.instance;
+    if (M.registered || l.use(M), X = F(new H()), oe(t), O.css.colorShades) {
+      O.colorShades = {};
+      for (let n in O.colors) {
+        n = { label: n, color: O.colors[n].replace("#", "") };
         const r = n.color;
         r.length === 3 && (n.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]), this.colors[n.label] = `#${n.color}`;
         for (let i = 1; i <= 3; i++) {
-          const a = Q(`#${n.color}`, i * 40), o = Q(`#${n.color}`, -i * 40);
-          this.colors[`${n.label}-light${i}`] = a, this.colors[`${n.label}-dark${i}`] = o, E.colorShades[`${n.label}-light${i}`] = a, E.colorShades[`${n.label}-dark${i}`] = o;
+          const a = Z(`#${n.color}`, i * 40), o = Z(`#${n.color}`, -i * 40);
+          this.colors[`${n.label}-light${i}`] = a, this.colors[`${n.label}-dark${i}`] = o, O.colorShades[`${n.label}-light${i}`] = a, O.colorShades[`${n.label}-dark${i}`] = o;
         }
       }
     }
-    this.config = E, this.notify = (...n) => G.notify(...n), O.instance = this, l.config.globalProperties.$waveui = K(this), l.provide("$waveui", O.instance);
+    this.config = O, this.notify = (...n) => X.notify(...n), M.instance = this, l.config.globalProperties.$waveui = F(this), l.provide("$waveui", M.instance);
   }
   static install(l, t = {}) {
     l.directive("focus", {
@@ -423,30 +423,30 @@ const O = class {
       const i = n[r];
       l.component(i.name, i);
     }
-    O.registered = !0;
+    M.registered = !0;
   }
   notify(...l) {
-    G.notify(...l);
+    X.notify(...l);
   }
 };
-let N = O;
-T(N, "instance", null), T(N, "vueInstance", null);
-const ce = ["aria-expanded"], pe = ["onClick", "onFocus", "onKeypress", "tabindex"], me = ["innerHTML"], fe = ["innerHTML"];
-function be(e, l, t, n, r, i) {
+let A = M;
+z(A, "instance", null), z(A, "vueInstance", null);
+const pe = ["aria-expanded"], me = ["onClick", "onFocus", "onKeypress", "tabindex"], fe = ["innerHTML"], be = ["innerHTML"];
+function ge(e, l, t, n, r, i) {
   const a = S("w-button"), o = S("w-transition-expand");
   return s(), u("div", {
     class: m(["w-accordion", i.accordionClasses])
   }, [
-    (s(!0), u(v, null, x(e.accordionItems, (d, h) => (s(), u("div", {
+    (s(!0), u(v, null, x(e.accordionItems, (d, b) => (s(), u("div", {
       class: m(["w-accordion__item", i.itemClasses(d)]),
-      key: h,
+      key: b,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
       w("div", {
         class: m(["w-accordion__item-title", t.titleClass]),
-        onClick: (f) => !d._disabled && i.toggleItem(d, f),
-        onFocus: (f) => e.$emit("focus", i.getOriginalItem(d)),
-        onKeypress: M((f) => !d._disabled && i.toggleItem(d, f), ["enter"]),
+        onClick: (c) => !d._disabled && i.toggleItem(d, c),
+        onFocus: (c) => e.$emit("focus", i.getOriginalItem(d)),
+        onKeypress: P((c) => !d._disabled && i.toggleItem(d, c), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         t.expandIcon && !t.expandIconRight ? (s(), g(a, {
@@ -457,66 +457,66 @@ function be(e, l, t, n, r, i) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: l[0] || (l[0] = W(() => {
+          onKeypress: l[0] || (l[0] = N(() => {
           }, ["stop"])),
-          onClick: W((f) => !d._disabled && i.toggleItem(d, f), ["stop"])
+          onClick: N((c) => !d._disabled && i.toggleItem(d, c), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : p("", !0),
-        e.$slots[`item-title.${d.id || h + 1}`] ? c(e.$slots, `item-title.${d.id || h + 1}`, {
+        e.$slots[`item-title.${d.id || b + 1}`] ? h(e.$slots, `item-title.${d.id || b + 1}`, {
           key: 1,
           item: i.getOriginalItem(d),
           expanded: d._expanded,
-          index: h + 1
-        }) : c(e.$slots, "item-title", {
+          index: b + 1
+        }) : h(e.$slots, "item-title", {
           key: 2,
           item: i.getOriginalItem(d),
           expanded: d._expanded,
-          index: h + 1
+          index: b + 1
         }, () => [
           w("div", {
             class: "grow",
             innerHTML: d[t.itemTitleKey]
-          }, null, 8, me)
+          }, null, 8, fe)
         ]),
         t.expandIcon && t.expandIconRight ? (s(), g(a, {
           key: 3,
           class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": t.expandIconRotate90 }]),
           icon: d._expanded && t.collapseIcon || t.expandIcon,
           text: "",
-          onKeypress: l[1] || (l[1] = W(() => {
+          onKeypress: l[1] || (l[1] = N(() => {
           }, ["stop"])),
-          onClick: W((f) => !d._disabled && i.toggleItem(d, f), ["stop"])
+          onClick: N((c) => !d._disabled && i.toggleItem(d, c), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
-      ], 42, pe),
+      ], 42, me),
       V(o, {
         y: "",
-        onAfterLeave: (f) => i.onEndOfCollapse(d),
+        onAfterLeave: (c) => i.onEndOfCollapse(d),
         duration: t.duration
       }, {
-        default: b(() => [
+        default: f(() => [
           d._expanded ? (s(), u("div", {
             key: 0,
             class: m(["w-accordion__item-content", t.contentClass])
           }, [
-            e.$slots[`item-content.${d.id || h + 1}`] ? c(e.$slots, `item-content.${d.id || h + 1}`, {
+            e.$slots[`item-content.${d.id || b + 1}`] ? h(e.$slots, `item-content.${d.id || b + 1}`, {
               key: 0,
               item: i.getOriginalItem(d),
               expanded: d._expanded,
-              index: h + 1
-            }) : c(e.$slots, "item-content", {
+              index: b + 1
+            }) : h(e.$slots, "item-content", {
               key: 1,
               item: i.getOriginalItem(d),
               expanded: d._expanded,
-              index: h + 1
+              index: b + 1
             }, () => [
               w("div", {
                 innerHTML: d[t.itemContentKey]
-              }, null, 8, fe)
+              }, null, 8, be)
             ])
           ], 2)) : p("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
-    ], 10, ce))), 128))
+    ], 10, pe))), 128))
   ], 2);
 }
 const y = (e, l) => {
@@ -524,7 +524,7 @@ const y = (e, l) => {
   for (const [n, r] of l)
     t[n] = r;
   return t;
-}, ge = {
+}, ye = {
   name: "w-accordion",
   props: {
     modelValue: { type: Array },
@@ -606,25 +606,25 @@ const y = (e, l) => {
       deep: !0
     }
   }
-}, ye = /* @__PURE__ */ y(ge, [["render", be]]), we = { class: "w-alert__content" };
-function ve(e, l, t, n, r, i) {
+}, we = /* @__PURE__ */ y(ye, [["render", ge]]), ve = { class: "w-alert__content" };
+function _e(e, l, t, n, r, i) {
   const a = S("w-icon"), o = S("w-button");
   return r.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
-  }, P(e.$attrs, !0), { class: i.classes }), [
+  }, W(e.$attrs, !0), { class: i.classes }), [
     i.type || t.icon || t.dismiss ? (s(), u(v, { key: 0 }, [
       i.type || t.icon ? (s(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
-        default: b(() => [
+        default: f(() => [
           _(k(i.type ? i.typeIcon : t.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      w("div", we, [
-        c(e.$slots, "default")
+      w("div", ve, [
+        h(e.$slots, "default")
       ]),
       t.dismiss ? (s(), g(o, {
         key: 1,
@@ -637,10 +637,10 @@ function ve(e, l, t, n, r, i) {
         sm: "",
         text: ""
       })) : p("", !0)
-    ], 64)) : c(e.$slots, "default", { key: 1 })
+    ], 64)) : h(e.$slots, "default", { key: 1 })
   ], 16)) : p("", !0);
 }
-const _e = {
+const ke = {
   name: "w-alert",
   props: {
     modelValue: { default: !0 },
@@ -715,16 +715,16 @@ const _e = {
       this.show = e;
     }
   }
-}, ke = /* @__PURE__ */ y(_e, [["render", ve]]), Ce = ["innerHTML"];
-function Se(e, l, t, n, r, i) {
+}, Ce = /* @__PURE__ */ y(ke, [["render", _e]]), Se = ["innerHTML"];
+function Be(e, l, t, n, r, i) {
   const a = S("w-alert");
-  return s(), g(te, {
+  return s(), g(le, {
     class: m(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
     tag: "div",
     name: i.transition,
     appear: ""
   }, {
-    default: b(() => [
+    default: f(() => [
       (s(!0), u(v, null, x(i.notifications, (o) => (s(), u(v, null, [
         o._value ? (s(), g(a, C({
           class: "white--bg",
@@ -733,10 +733,10 @@ function Se(e, l, t, n, r, i) {
           "onUpdate:modelValue": (d) => o._value = d,
           onClose: (d) => e.notifManager.dismiss(o._uid)
         }, i.notifProps(o)), {
-          default: b(() => [
+          default: f(() => [
             w("div", {
               innerHTML: o.message
-            }, null, 8, Ce)
+            }, null, 8, Se)
           ]),
           _: 2
         }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
@@ -745,7 +745,7 @@ function Se(e, l, t, n, r, i) {
     _: 1
   }, 8, ["class", "name"]);
 }
-const Be = {
+const $e = {
   name: "w-notification-manager",
   data: () => ({
     notifManager: null
@@ -769,30 +769,30 @@ const Be = {
     }
   },
   created() {
-    this.notifManager = new F();
+    this.notifManager = new H();
   },
   beforeUnmount() {
     this.notifManager.notifications = [], delete this.notifManager;
   }
-}, $e = /* @__PURE__ */ y(Be, [["render", Se]]), D = {
+}, Ve = /* @__PURE__ */ y($e, [["render", Be]]), U = {
   cssScope: ".w-app",
   baseIncrement: 4
-}, Ve = (e) => {
+}, Ie = (e) => {
   let l = "";
-  const { cssScope: t } = D, { info: n, warning: r, success: i, error: a, ...o } = e.colors;
-  for (const f in o)
-    l += `${t} .${f}--bg{background-color:${e.colors[f]}}${t} .${f}{color:${e.colors[f]}}`;
-  e.css.colorShades && e.colorShades && Object.entries(e.colorShades).forEach(([f, B]) => {
-    l += `${t} .${f}--bg{background-color:${B}}${t} .${f}{color:${B}}`;
+  const { cssScope: t } = U, { info: n, warning: r, success: i, error: a, ...o } = e.colors;
+  for (const c in o)
+    l += `${t} .${c}--bg{background-color:${e.colors[c]}}${t} .${c}{color:${e.colors[c]}}`;
+  e.css.colorShades && e.colorShades && Object.entries(e.colorShades).forEach(([c, B]) => {
+    l += `${t} .${c}--bg{background-color:${B}}${t} .${c}{color:${B}}`;
   });
   const d = { info: n, warning: r, success: i, error: a };
-  for (const f in d)
-    l += `${t} .${f}--bg{background-color:${e.colors[f]}}${t} .${f}{color:${e.colors[f]}}`;
-  const h = [];
-  return h.push(`--primary: ${e.colors.primary}`), l += `:root {${h.join(";")}}`, l;
-}, Ie = (e, l) => {
+  for (const c in d)
+    l += `${t} .${c}--bg{background-color:${e.colors[c]}}${t} .${c}{color:${e.colors[c]}}`;
+  const b = [];
+  return b.push(`--primary: ${e.colors.primary}`), l += `:root {${b.join(";")}}`, l;
+}, Re = (e, l) => {
   let t = "";
-  const { cssScope: n } = D;
+  const { cssScope: n } = U;
   return e.forEach(({ min: r, label: i }) => {
     if (i === "xs")
       for (let a = 0; a < l; a++)
@@ -804,9 +804,9 @@ const Be = {
       t += "}";
     }
   }), t;
-}, Re = (e) => {
+}, Le = (e) => {
   let l = "";
-  const { cssScope: t, baseIncrement: n } = D, r = [
+  const { cssScope: t, baseIncrement: n } = U, r = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -841,32 +841,32 @@ const Be = {
     "justify-space-evenly{justify-content:space-evenly}"
   ], i = Array(12).fill();
   return e.forEach(({ label: a, min: o }) => {
-    a !== "xs" && (l += `@media(min-width:${o}px){` + r.map((d) => `${t} .${a}u-${d}`).join("") + i.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * n}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+    a !== "xs" && (l += `@media(min-width:${o}px){` + r.map((d) => `${t} .${a}u-${d}`).join("") + i.map((d, b) => `.w-grid.${a}u-columns${b + 1}{grid-template-columns:repeat(${b + 1},1fr);}`).join("") + i.map((d, b) => `.w-flex.${a}u-gap${b + 1},.w-grid.${a}u-gap${b + 1}{gap:${(b + 1) * n}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: o, max: d }) => {
-    l += `@media (min-width:${o}px) and (max-width:${d}px){` + r.map((h) => `${t} .${a}-${h}`).join("") + i.map((h, f) => `.w-grid.${a}-columns${f + 1}{grid-template-columns:repeat(${f + 1},1fr);}`).join("") + i.map((h, f) => `.w-flex.${a}-gap${f + 1},.w-grid.${a}-gap${f + 1}{gap:${(f + 1) * n}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+    l += `@media (min-width:${o}px) and (max-width:${d}px){` + r.map((b) => `${t} .${a}-${b}`).join("") + i.map((b, c) => `.w-grid.${a}-columns${c + 1}{grid-template-columns:repeat(${c + 1},1fr);}`).join("") + i.map((b, c) => `.w-flex.${a}-gap${c + 1},.w-grid.${a}-gap${c + 1}{gap:${(c + 1) * n}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
   }), e.forEach(({ label: a, max: o }) => {
-    a !== "xl" && (l += `@media (max-width:${o}px){` + r.map((d) => `${t} .${a}d-${d}`).join("") + i.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * n}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
+    a !== "xl" && (l += `@media (max-width:${o}px){` + r.map((d) => `${t} .${a}d-${d}`).join("") + i.map((d, b) => `.w-grid.${a}d-columns${b + 1}{grid-template-columns:repeat(${b + 1},1fr);}`).join("") + i.map((d, b) => `.w-flex.${a}d-gap${b + 1},.w-grid.${a}d-gap${b + 1}{gap:${(b + 1) * n}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), l;
-}, Le = (e) => {
+}, xe = (e) => {
   const l = Object.entries(e.breakpoints), t = l.map(([i, a], o) => {
     const [, d = 0] = l[o - 1] || [];
     return { label: i, min: d ? d + 1 : 0, max: a };
   }), n = getComputedStyle(document.documentElement);
-  D.cssScope = n.getPropertyValue("--css-scope"), D.baseIncrement = parseInt(n.getPropertyValue("--base-increment"));
+  U.cssScope = n.getPropertyValue("--css-scope"), U.baseIncrement = parseInt(n.getPropertyValue("--base-increment"));
   let r = "";
-  return r += Ve(e), r += Ie(t, e.css.grid), e.css.breakpointLayoutClasses && (r += Re(t)), r;
+  return r += Ie(e), r += Re(t, e.css.grid), e.css.breakpointLayoutClasses && (r += Le(t)), r;
 };
-function xe(e, l, t, n, r, i) {
+function Te(e, l, t, n, r, i) {
   const a = S("notification-manager");
   return s(), u("div", {
     class: m(["w-app", i.classes])
   }, [
-    c(e.$slots, "default"),
+    h(e.$slots, "default"),
     V(a)
   ], 2);
 }
-let X = { keys: [], values: [] };
-const Te = {
+let Y = { keys: [], values: [] };
+const ze = {
   name: "w-app",
   props: {
     dark: { type: Boolean },
@@ -882,7 +882,7 @@ const Te = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   },
-  components: { NotificationManager: $e },
+  components: { NotificationManager: Ve },
   data: () => ({
     currentBreakpoint: null,
     notifManager: null
@@ -907,9 +907,9 @@ const Te = {
   },
   methods: {
     getBreakpoint() {
-      const e = window.innerWidth, l = X.values.slice(0);
+      const e = window.innerWidth, l = Y.values.slice(0);
       l.push(e), l.sort((n, r) => n - r);
-      const t = X.keys[l.indexOf(e)] || "xl";
+      const t = Y.keys[l.indexOf(e)] || "xl";
       t !== this.currentBreakpoint && (this.currentBreakpoint = t, this.$waveui.breakpoint = {
         name: t,
         xs: t === "xs",
@@ -923,9 +923,9 @@ const Te = {
   },
   mounted() {
     const { config: e } = this.$waveui;
-    if (X = { keys: Object.keys(e.breakpoints), values: Object.values(e.breakpoints) }, !document.getElementById("wave-ui-styles")) {
+    if (Y = { keys: Object.keys(e.breakpoints), values: Object.values(e.breakpoints) }, !document.getElementById("wave-ui-styles")) {
       const l = document.createElement("style");
-      l.id = "wave-ui-styles", l.innerHTML = Le(e);
+      l.id = "wave-ui-styles", l.innerHTML = xe(e);
       const t = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
       t ? t.before(l) : document.head.appendChild(l);
     }
@@ -934,14 +934,14 @@ const Te = {
   beforeUnmount() {
     window.removeEventListener("resize", this.getBreakpoint);
   }
-}, ze = /* @__PURE__ */ y(Te, [["render", xe]]);
-function Ee(e, l, t, n, r, i) {
-  return s(), u("div", C({ class: "w-badge-wrap" }, P(e.$attrs, !0)), [
-    c(e.$slots, "default"),
+}, Ee = /* @__PURE__ */ y(ze, [["render", Te]]);
+function Oe(e, l, t, n, r, i) {
+  return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
+    h(e.$slots, "default"),
     V(L, {
       name: `${t.transition}`
     }, {
-      default: b(() => [
+      default: f(() => [
         t.modelValue ? (s(), u("div", {
           key: 0,
           class: m(["w-badge", i.classes]),
@@ -951,7 +951,7 @@ function Ee(e, l, t, n, r, i) {
           "aria-live": "polite",
           role: "status"
         }, [
-          t.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
+          t.dot ? p("", !0) : h(e.$slots, "badge", { key: 0 }, () => [
             _(k(t.modelValue === !0 ? "" : t.modelValue || ""), 1)
           ])
         ], 6)) : p("", !0)
@@ -960,7 +960,7 @@ function Ee(e, l, t, n, r, i) {
     }, 8, ["name"])
   ], 16);
 }
-const Oe = {
+const Me = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1021,8 +1021,8 @@ const Oe = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, Me = /* @__PURE__ */ y(Oe, [["render", Ee]]), Pe = ["innerHTML"];
-function We(e, l, t, n, r, i) {
+}, Pe = /* @__PURE__ */ y(Me, [["render", Oe]]), We = ["innerHTML"];
+function Ne(e, l, t, n, r, i) {
   const a = S("w-icon");
   return s(), u("div", {
     class: m(["w-breadcrumbs", i.classes])
@@ -1032,39 +1032,39 @@ function We(e, l, t, n, r, i) {
         class: m(["w-breadcrumbs__separator", t.separatorColor]),
         key: `${d}a`
       }, [
-        c(e.$slots, "separator", { index: d })
+        h(e.$slots, "separator", { index: d })
       ], 2)) : d ? (s(), g(a, {
         class: m(["w-breadcrumbs__separator", t.separatorColor]),
         key: `${d}b`
       }, {
-        default: b(() => [
+        default: f(() => [
           _(k(t.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
       o[t.itemRouteKey] && (d < t.items.length - 1 || t.linkLastItem) ? (s(), u(v, { key: 2 }, [
-        e.$slots.item ? (s(), g($(i.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (s(), g(I(i.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", t.color || null]),
           key: `${d}c`,
           to: i.hasRouter && o[t.itemRouteKey],
           href: o[t.itemRouteKey]
         }, {
-          default: b(() => [
-            c(e.$slots, "item", {
+          default: f(() => [
+            h(e.$slots, "item", {
               item: o,
               index: d + 1,
               isLast: d === t.items.length - 1
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), g($(i.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (s(), g(I(i.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", t.color || null]),
           key: `${d}d`,
           to: i.hasRouter && o[t.itemRouteKey],
           href: o[t.itemRouteKey],
           innerHTML: o[t.itemLabelKey]
         }, null, 8, ["to", "href", "innerHTML", "class"]))
-      ], 64)) : e.$slots.item ? c(e.$slots, "item", {
+      ], 64)) : e.$slots.item ? h(e.$slots, "item", {
         key: `${d}e`,
         item: o,
         index: d + 1,
@@ -1072,11 +1072,11 @@ function We(e, l, t, n, r, i) {
       }) : (s(), u("span", {
         key: `${d}f`,
         innerHTML: o[t.itemLabelKey]
-      }, null, 8, Pe))
+      }, null, 8, We))
     ], 64))), 256))
   ], 2);
 }
-const Ne = {
+const Ae = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1106,7 +1106,7 @@ const Ne = {
       };
     }
   }
-}, Ae = /* @__PURE__ */ y(Ne, [["render", We]]), Ke = {
+}, Ke = /* @__PURE__ */ y(Ae, [["render", Ne]]), Fe = {
   key: 0,
   class: "w-button__loader"
 }, je = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
@@ -1120,25 +1120,25 @@ const Ne = {
     "stroke-linecap": "round"
   })
 ], -1);
-function Fe(e, l, t, n, r, i) {
+function He(e, l, t, n, r, i) {
   const a = S("w-icon");
-  return s(), g($(t.route ? "a" : "button"), C({
+  return s(), g(I(t.route ? "a" : "button"), C({
     class: ["w-button", i.classes],
     type: !t.route && t.type,
     href: t.route && (i.externalLink ? t.route : i.resolvedRoute) || null,
     disabled: !!t.disabled || null
-  }, P(i.listeners), { style: i.styles }), {
-    default: b(() => [
-      t.icon ? (s(), g(a, Y(C({ key: 0 }, t.iconProps || {})), {
-        default: b(() => [
+  }, W(i.listeners), { style: i.styles }), {
+    default: f(() => [
+      t.icon ? (s(), g(a, J(C({ key: 0 }, t.iconProps || {})), {
+        default: f(() => [
           _(k(t.icon), 1)
         ]),
         _: 1
-      }, 16)) : c(e.$slots, "default", { key: 1 }),
+      }, 16)) : h(e.$slots, "default", { key: 1 }),
       V(L, { name: "scale-fade" }, {
-        default: b(() => [
-          t.loading ? (s(), u("div", Ke, [
-            c(e.$slots, "loading", {}, () => [
+        default: f(() => [
+          t.loading ? (s(), u("div", Fe, [
+            h(e.$slots, "loading", {}, () => [
               je
             ])
           ])) : p("", !0)
@@ -1149,7 +1149,7 @@ function Fe(e, l, t, n, r, i) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const He = {
+const De = {
   props: {
     color: { type: String },
     bgColor: { type: String },
@@ -1237,30 +1237,30 @@ const He = {
       };
     }
   }
-}, De = /* @__PURE__ */ y(He, [["render", Fe]]), Ue = ["innerHTML"];
-function qe(e, l, t, n, r, i) {
+}, Ue = /* @__PURE__ */ y(De, [["render", He]]), qe = ["innerHTML"];
+function Ge(e, l, t, n, r, i) {
   const a = S("button-partial");
-  return t.tooltip ? (s(), g($("w-tooltip"), Y(C({ key: 0 }, t.tooltipProps || {})), {
-    activator: b(({ on: o }) => [
-      V(a, C(i.buttonProps, P(o)), {
-        default: b(() => [
-          c(e.$slots, "default")
+  return t.tooltip ? (s(), g(I("w-tooltip"), J(C({ key: 0 }, t.tooltipProps || {})), {
+    activator: f(({ on: o }) => [
+      V(a, C(i.buttonProps, W(o)), {
+        default: f(() => [
+          h(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
     ]),
-    default: b(() => [
-      w("div", { innerHTML: t.tooltip }, null, 8, Ue)
+    default: f(() => [
+      w("div", { innerHTML: t.tooltip }, null, 8, qe)
     ]),
     _: 3
-  }, 16)) : (s(), g(a, Y(C({ key: 1 }, i.buttonProps)), {
-    default: b(() => [
-      c(e.$slots, "default")
+  }, 16)) : (s(), g(a, J(C({ key: 1 }, i.buttonProps)), {
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16));
 }
-const Ge = {
+const Xe = {
   name: "w-button",
   inheritAttrs: !1,
   props: {
@@ -1296,7 +1296,7 @@ const Ge = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: De },
+  components: { ButtonPartial: Ue },
   emits: [],
   computed: {
     buttonProps() {
@@ -1304,8 +1304,8 @@ const Ge = {
       return { ...t, ...this.$attrs };
     }
   }
-}, Xe = /* @__PURE__ */ y(Ge, [["render", qe]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e);
-function Ye(e, l, t, n, r, i) {
+}, Ye = /* @__PURE__ */ y(Xe, [["render", Ge]]), K = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e);
+function Je(e, l, t, n, r, i) {
   const a = S("w-image");
   return s(), u("div", {
     class: m(["w-card", i.classes])
@@ -1314,7 +1314,7 @@ function Ye(e, l, t, n, r, i) {
       key: 0,
       class: m(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }])
     }, [
-      c(e.$slots, "title", {}, () => [
+      h(e.$slots, "title", {}, () => [
         _(k(t.title), 1)
       ])
     ], 2)) : p("", !0),
@@ -1323,25 +1323,25 @@ function Ye(e, l, t, n, r, i) {
       class: "w-card__image",
       src: t.image
     }, i.imgProps), {
-      default: b(() => [
-        c(e.$slots, "image-content")
+      default: f(() => [
+        h(e.$slots, "image-content")
       ]),
       _: 3
     }, 16, ["src"])) : p("", !0),
     w("div", {
       class: m(["w-card__content", i.contentClasses])
     }, [
-      c(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2),
     e.$slots.actions ? (s(), u("div", {
       key: 2,
       class: m(["w-card__actions", { "w-card__actions--has-toolbar": i.actionsHasToolbar }])
     }, [
-      c(e.$slots, "actions")
+      h(e.$slots, "actions")
     ], 2)) : p("", !0)
   ], 2);
 }
-const Je = {
+const Qe = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1358,10 +1358,10 @@ const Je = {
   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;
@@ -1388,7 +1388,7 @@ const Je = {
       };
     }
   }
-}, Qe = /* @__PURE__ */ y(Je, [["render", Ye]]), z = {
+}, Ze = /* @__PURE__ */ y(Qe, [["render", Je]]), E = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1429,13 +1429,13 @@ const Je = {
       this.$refs.formEl.validate(this);
     }
   }
-}, Ze = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], et = ["for"], tt = ["for", "innerHTML"], lt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+}, et = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], tt = ["for"], lt = ["for", "innerHTML"], it = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
   /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
-], -1), it = [
-  lt
-], st = ["for"], at = ["for", "innerHTML"];
-function ot(e, l, t, n, r, i) {
-  return s(), g($(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
+], -1), st = [
+  it
+], at = ["for"], ot = ["for", "innerHTML"];
+function nt(e, l, t, n, r, i) {
+  return s(), g(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": l[5] || (l[5] = (a) => e.valid = a),
     onReset: l[6] || (l[6] = (a) => {
@@ -1443,7 +1443,7 @@ function ot(e, l, t, n, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       w("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
@@ -1456,55 +1456,55 @@ function ot(e, l, t, n, r, i) {
         onFocus: l[0] || (l[0] = (a) => e.$emit("focus", a)),
         onBlur: l[1] || (l[1] = (a) => e.$emit("blur", a)),
         onChange: l[2] || (l[2] = (a) => i.onInput()),
-        onKeypress: l[3] || (l[3] = M((...a) => i.onInput && i.onInput(...a), ["enter"])),
+        onKeypress: l[3] || (l[3] = P((...a) => i.onInput && i.onInput(...a), ["enter"])),
         "aria-checked": r.isChecked || "false",
         role: "checkbox"
-      }, null, 40, Ze),
+      }, null, 40, et),
       i.hasLabel && t.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, et)) : t.label ? (s(), u("label", {
+        ], 10, tt)) : t.label ? (s(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: t.label
-        }, null, 10, tt)) : p("", !0)
+        }, null, 10, lt)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: m(["w-checkbox__input", this.color]),
         onClick: l[4] || (l[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, it, 2),
+      }, st, 2),
       i.hasLabel && !t.labelOnLeft ? (s(), u(v, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, st)) : t.label ? (s(), u("label", {
+        ], 10, at)) : t.label ? (s(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: t.label
-        }, null, 10, at)) : p("", !0)
+        }, null, 10, ot)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const nt = {
+const rt = {
   name: "w-checkbox",
-  mixins: [z],
+  mixins: [E],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -1557,10 +1557,10 @@ const nt = {
       this.isChecked = e;
     }
   }
-}, rt = /* @__PURE__ */ y(nt, [["render", ot]]), dt = ["innerHTML"];
-function ut(e, l, t, n, r, i) {
+}, dt = /* @__PURE__ */ y(rt, [["render", nt]]), ut = ["innerHTML"];
+function ht(e, l, t, n, r, i) {
   const a = S("w-checkbox");
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((o) => o._isChecked), disabled: e.isDisabled }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((o) => o._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": l[1] || (l[1] = (o) => e.valid = o),
     onReset: i.reset,
@@ -1568,20 +1568,20 @@ function ut(e, l, t, n, r, i) {
     wrap: t.inline,
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       (s(!0), u(v, null, x(i.checkboxItems, (o, d) => (s(), g(a, C({
         key: d,
         "model-value": o._isChecked,
-        "onUpdate:modelValue": (h) => i.toggleCheck(o, h),
-        onFocus: l[0] || (l[0] = (h) => e.$emit("focus", h)),
+        "onUpdate:modelValue": (b) => i.toggleCheck(o, b),
+        onFocus: l[0] || (l[0] = (b) => e.$emit("focus", b)),
         name: `${e.inputName}[]`
       }, { label: o.label, color: o.color, labelOnLeft: t.labelOnLeft, labelColor: t.labelColor, round: t.round }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !t.inline && d }
       }), {
-        default: b(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+        default: f(() => [
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? h(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(o),
             checked: !!o._isChecked,
@@ -1590,7 +1590,7 @@ function ut(e, l, t, n, r, i) {
           }) : o.label ? (s(), u("div", {
             key: 1,
             innerHTML: o.label
-          }, null, 8, dt)) : p("", !0)
+          }, null, 8, ut)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1598,9 +1598,9 @@ function ut(e, l, t, n, r, i) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const ht = {
+const ct = {
   name: "w-checkboxes",
-  mixins: [z],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
@@ -1621,7 +1621,7 @@ const ht = {
     checkboxItems() {
       return (this.items || []).map((e, l) => {
         const t = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || l : e[this.itemValueKey];
-        return K({
+        return F({
           ...e,
           label: e[this.itemLabelKey],
           _index: l,
@@ -1651,30 +1651,30 @@ const ht = {
       return this.items[e._index];
     }
   }
-}, ct = /* @__PURE__ */ y(ht, [["render", ut]]), pt = { class: "w-confirm" };
-function mt(e, l, t, n, r, i) {
-  const a = S("w-button"), o = S("w-flex"), d = S("w-menu"), h = le("focus");
-  return s(), u("div", pt, [
+}, pt = /* @__PURE__ */ y(ct, [["render", ht]]), mt = { class: "w-confirm" };
+function ft(e, l, t, n, r, i) {
+  const a = S("w-button"), o = S("w-flex"), d = S("w-menu"), b = ie("focus");
+  return s(), u("div", mt, [
     V(d, C({
       modelValue: e.showPopup,
-      "onUpdate:modelValue": l[2] || (l[2] = (f) => e.showPopup = f)
+      "onUpdate:modelValue": l[2] || (l[2] = (c) => e.showPopup = c)
     }, i.wMenuProps), {
-      activator: b(({ on: f }) => [
-        V(a, C({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...f }), {
-          default: b(() => [
-            c(e.$slots, "default")
+      activator: f(({ on: c }) => [
+        V(a, C({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...c }), {
+          default: f(() => [
+            h(e.$slots, "default")
           ]),
           _: 2
         }, 1040)
       ]),
-      default: b(() => [
+      default: f(() => [
         V(o, {
           column: !t.inline,
           "align-center": ""
         }, {
-          default: b(() => [
+          default: f(() => [
             w("div", null, [
-              c(e.$slots, "question", {}, () => [
+              h(e.$slots, "question", {}, () => [
                 _(k(t.question), 1)
               ])
             ]),
@@ -1686,11 +1686,11 @@ function mt(e, l, t, n, r, i) {
                 class: "mr2"
               }, i.cancelButtonProps, {
                 "bg-color": (i.cancelButton || {}).bgColor || "error",
-                onKeyup: l[0] || (l[0] = M((f) => !t.persistent && i.onCancel(), ["escape"])),
+                onKeyup: l[0] || (l[0] = P((c) => !t.persistent && i.onCancel(), ["escape"])),
                 onClick: i.onCancel
               }), {
-                default: b(() => [
-                  c(e.$slots, "cancel", {}, () => [
+                default: f(() => [
+                  h(e.$slots, "cancel", {}, () => [
                     _(k(i.cancelButton.label), 1)
                   ])
                 ]),
@@ -1698,17 +1698,17 @@ function mt(e, l, t, n, r, i) {
               }, 16, ["bg-color", "onClick"])) : p("", !0),
               j((s(), g(a, C(i.confirmButtonProps, {
                 "bg-color": (i.confirmButton || {}).bgColor || "success",
-                onKeyup: l[1] || (l[1] = M((f) => !t.persistent && i.onCancel(), ["escape"])),
+                onKeyup: l[1] || (l[1] = P((c) => !t.persistent && i.onCancel(), ["escape"])),
                 onClick: i.onConfirm
               }), {
-                default: b(() => [
-                  c(e.$slots, "confirm", {}, () => [
+                default: f(() => [
+                  h(e.$slots, "confirm", {}, () => [
                     _(k(i.confirmButton.label), 1)
                   ])
                 ]),
                 _: 3
               }, 16, ["bg-color", "onClick"])), [
-                [h]
+                [b]
               ])
             ], 2)
           ]),
@@ -1719,7 +1719,7 @@ function mt(e, l, t, n, r, i) {
     }, 16, ["modelValue"])
   ]);
 }
-const ft = {
+const bt = {
   name: "w-confirm",
   props: {
     bgColor: { type: String },
@@ -1806,16 +1806,16 @@ const ft = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, bt = /* @__PURE__ */ y(ft, [["render", mt]]);
-function gt(e, l, t, n, r, i) {
+}, gt = /* @__PURE__ */ y(bt, [["render", ft]]);
+function yt(e, l, t, n, r, i) {
   return s(), u("div", {
     class: m(["w-date-picker", i.classes]),
     style: R(i.styles)
   }, [
-    c(e.$slots, "default")
+    h(e.$slots, "default")
   ], 6);
 }
-const yt = {
+const wt = {
   name: "w-date-picker",
   props: {},
   emits: [],
@@ -1827,8 +1827,8 @@ const yt = {
       return !1;
     }
   }
-}, wt = /* @__PURE__ */ y(yt, [["render", gt]]);
-function vt(e, l, t, n, r, i) {
+}, vt = /* @__PURE__ */ y(wt, [["render", yt]]);
+function _t(e, l, t, n, r, i) {
   const a = S("w-card"), o = S("w-overlay");
   return s(), g(o, {
     class: m(["w-dialog", i.classes]),
@@ -1840,13 +1840,13 @@ function vt(e, l, t, n, r, i) {
     "bg-color": t.overlayColor,
     opacity: t.overlayOpacity
   }, {
-    default: b(() => [
+    default: f(() => [
       V(L, {
         name: t.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
       }, {
-        default: b(() => [
+        default: f(() => [
           j(V(a, {
             class: m(["w-dialog__content", t.dialogClass]),
             ref: "dialog",
@@ -1857,28 +1857,28 @@ function vt(e, l, t, n, r, i) {
             "content-class": t.contentClass,
             title: t.title || void 0,
             style: R(i.contentStyles)
-          }, q({
-            default: b(() => [
-              c(e.$slots, "default")
+          }, G({
+            default: f(() => [
+              h(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
-              fn: b(() => [
-                c(e.$slots, "title")
+              fn: f(() => [
+                h(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
-              fn: b(() => [
-                c(e.$slots, "actions")
+              fn: f(() => [
+                h(e.$slots, "actions")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [ie, r.showContent]
+            [se, r.showContent]
           ])
         ]),
         _: 3
@@ -1887,7 +1887,7 @@ function vt(e, l, t, n, r, i) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const _t = {
+const kt = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -1950,17 +1950,17 @@ const _t = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, kt = /* @__PURE__ */ y(_t, [["render", vt]]), Ct = ["role", "aria-orientation"];
-function St(e, l, t, n, r, i) {
+}, Ct = /* @__PURE__ */ y(kt, [["render", _t]]), St = ["role", "aria-orientation"];
+function Bt(e, l, t, n, r, i) {
   return s(), u("div", {
     class: m(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": t.vertical ? "vertical" : "horizontal"
   }, [
-    c(e.$slots, "default")
-  ], 10, Ct);
+    h(e.$slots, "default")
+  ], 10, St);
 }
-const Bt = {
+const $t = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -1976,8 +1976,8 @@ const Bt = {
       };
     }
   }
-}, $t = /* @__PURE__ */ y(Bt, [["render", St]]), Vt = { class: "w-drawer-wrap__pushable" };
-function It(e, l, t, n, r, i) {
+}, Vt = /* @__PURE__ */ y($t, [["render", Bt]]), It = { class: "w-drawer-wrap__pushable" };
+function Rt(e, l, t, n, r, i) {
   const a = S("w-overlay");
   return r.showWrapper || t.pushContent ? (s(), u("div", {
     key: 0,
@@ -1988,7 +1988,7 @@ function It(e, l, t, n, r, i) {
       class: "w-drawer-wrap__track",
       style: R(i.trackStyles)
     }, [
-      w("div", Vt, [
+      w("div", It, [
         t.noOverlay ? p("", !0) : (s(), g(a, {
           key: 0,
           modelValue: r.showDrawer,
@@ -1999,22 +1999,22 @@ function It(e, l, t, n, r, i) {
           "bg-color": t.overlayColor || "transparent",
           opacity: t.overlayOpacity
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-        c(e.$slots, "pushable")
+        h(e.$slots, "pushable")
       ]),
       V(L, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: b(() => [
-          r.showDrawer ? (s(), g($(t.tag || "aside"), {
+        default: f(() => [
+          r.showDrawer ? (s(), g(I(t.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: R(i.styles)
           }, {
-            default: b(() => [
-              c(e.$slots, "default")
+            default: f(() => [
+              h(e.$slots, "default")
             ]),
             _: 3
           }, 8, ["class", "style"])) : p("", !0)
@@ -2038,15 +2038,15 @@ function It(e, l, t, n, r, i) {
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: b(() => [
-          r.showDrawer ? (s(), g($(t.tag || "aside"), {
+        default: f(() => [
+          r.showDrawer ? (s(), g(I(t.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: R(i.styles)
           }, {
-            default: b(() => [
-              c(e.$slots, "default")
+            default: f(() => [
+              h(e.$slots, "default")
             ]),
             _: 3
           }, 8, ["class", "style"])) : p("", !0)
@@ -2056,7 +2056,7 @@ function It(e, l, t, n, r, i) {
     ], 64))
   ], 2)) : p("", !0);
 }
-const Rt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
+const Lt = { left: "right", right: "left", top: "down", bottom: "up" }, xt = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2136,7 +2136,7 @@ const Rt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${Rt[this.position]}`;
+      return `slide-${Lt[this.position]}`;
     }
   },
   methods: {
@@ -2155,18 +2155,18 @@ const Rt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, xt = /* @__PURE__ */ y(Lt, [["render", It]]);
-function Tt(e, l, t, n, r, i) {
-  return s(), g($(t.tag), {
+}, Tt = /* @__PURE__ */ y(xt, [["render", Rt]]);
+function zt(e, l, t, n, r, i) {
+  return s(), g(I(t.tag), {
     class: m(["w-flex", i.classes])
   }, {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const zt = {
+const Et = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2213,23 +2213,23 @@ const zt = {
       };
     }
   }
-}, Et = /* @__PURE__ */ y(zt, [["render", Tt]]);
-function Ot(e, l, t, n, r, i) {
+}, Ot = /* @__PURE__ */ y(Et, [["render", zt]]);
+function Mt(e, l, t, n, r, i) {
   return s(), u("form", {
     class: m(["w-form", i.classes]),
     onSubmit: l[0] || (l[0] = (...a) => i.onSubmit && i.onSubmit(...a)),
     onReset: l[1] || (l[1] = (...a) => i.reset && i.reset(...a)),
     novalidate: ""
   }, [
-    c(e.$slots, "default")
+    h(e.$slots, "default")
   ], 34);
 }
-const Mt = async (e, l) => {
+const Pt = async (e, l) => {
   for (const t of e)
     if (await l(t))
       return !0;
   return !1;
-}, Pt = {
+}, Wt = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2296,7 +2296,7 @@ const Mt = async (e, l) => {
     },
     async checkElementValidators(e) {
       let l = !1, t = "";
-      await Mt(e.validators, async (n) => {
+      await Pt(e.validators, async (n) => {
         const r = await (typeof n == "function" && n(e.inputValue));
         return l = typeof r != "string", t = l ? "" : r, !l;
       }), e.hasJustReset = !1, e.Validation.isValid = l, e.Validation.message = t;
@@ -2319,8 +2319,8 @@ const Mt = async (e, l) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, Wt = /* @__PURE__ */ y(Pt, [["render", Ot]]);
-function Nt(e, l, t, n, r, i) {
+}, Nt = /* @__PURE__ */ y(Wt, [["render", Mt]]);
+function At(e, l, t, n, r, i) {
   const a = S("w-transition-expand");
   return s(), u("div", {
     class: m(i.classes)
@@ -2328,15 +2328,15 @@ function Nt(e, l, t, n, r, i) {
     w("div", {
       class: m(["w-flex grow", [t.column ? "column" : "align-center", t.wrap ? "wrap" : ""]])
     }, [
-      c(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2),
     V(a, { y: "" }, {
-      default: b(() => [
+      default: f(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
           class: m(["w-form-el__error", i.formProps.validationColor])
         }, [
-          c(e.$slots, "error-message", {
+          h(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
             _(k(e.Validation.message), 1)
@@ -2347,7 +2347,7 @@ function Nt(e, l, t, n, r, i) {
     })
   ], 2);
 }
-const At = {
+const Kt = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2413,18 +2413,18 @@ const At = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Kt = /* @__PURE__ */ y(At, [["render", Nt]]);
+}, Ft = /* @__PURE__ */ y(Kt, [["render", At]]);
 function jt(e, l, t, n, r, i) {
-  return s(), g($(t.tag), {
+  return s(), g(I(t.tag), {
     class: m(["w-grid", i.classes])
   }, {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const Ft = {
+const Ht = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2468,15 +2468,15 @@ const Ft = {
       };
     }
   }
-}, Ht = /* @__PURE__ */ y(Ft, [["render", jt]]);
-function Dt(e, l, t, n, r, i) {
-  return s(), g($(t.tag || "i"), C({ class: "w-icon" }, P(e.$attrs), {
+}, Dt = /* @__PURE__ */ y(Ht, [["render", jt]]);
+function Ut(e, l, t, n, r, i) {
+  return s(), g(I(t.tag || "i"), C({ class: "w-icon" }, W(e.$attrs), {
     class: i.classes,
     role: "icon",
     "aria-hidden": "true",
     style: i.readIcon() && i.styles
   }), {
-    default: b(() => [
+    default: f(() => [
       i.hasLigature ? (s(), u(v, { key: 0 }, [
         _(k(e.icon), 1)
       ], 64)) : p("", !0)
@@ -2484,7 +2484,7 @@ function Dt(e, l, t, n, r, i) {
     _: 1
   }, 16, ["class", "style"]);
 }
-const Ut = {
+const qt = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -2553,23 +2553,23 @@ const Ut = {
       return this.fontName = l, this.icon = t, !0;
     }
   }
-}, qt = /* @__PURE__ */ y(Ut, [["render", Dt]]), J = (e) => console.warn(`Wave UI: ${e}`), Z = (e) => console.error(`Wave UI: ${e}`), Gt = {
+}, Gt = /* @__PURE__ */ y(qt, [["render", Ut]]), Q = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), Xt = {
   key: 0,
   class: "w-image__loader"
 };
-function Xt(e, l, t, n, r, i) {
+function Yt(e, l, t, n, r, i) {
   const a = S("w-progress");
-  return s(), g($(i.wrapperTag), {
+  return s(), g(I(i.wrapperTag), {
     class: m(["w-image-wrap", i.wrapperClasses]),
     style: R(i.wrapperStyles)
   }, {
-    default: b(() => [
+    default: f(() => [
       V(L, {
         name: t.transition,
         appear: ""
       }, {
-        default: b(() => [
-          r.loaded ? (s(), g($(t.tag), {
+        default: f(() => [
+          r.loaded ? (s(), g(I(t.tag), {
             key: 0,
             class: m(["w-image", i.imageClasses]),
             style: R(i.imageStyles),
@@ -2578,19 +2578,19 @@ function Xt(e, l, t, n, r, i) {
         ]),
         _: 1
       }, 8, ["name"]),
-      !t.noSpinner && r.loading ? (s(), u("div", Gt, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (s(), g(a, {
+      !t.noSpinner && r.loading ? (s(), u("div", Xt, [
+        e.$slots.loading ? h(e.$slots, "loading", { key: 0 }) : (s(), g(a, {
           key: 1,
           circle: "",
           indeterminate: ""
         }))
       ])) : p("", !0),
-      e.$slots.default ? (s(), g($(i.wrapperTag), {
+      e.$slots.default ? (s(), g(I(i.wrapperTag), {
         key: 1,
         class: m(["w-image__content", t.contentClass])
       }, {
-        default: b(() => [
-          c(e.$slots, "default")
+        default: f(() => [
+          h(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["class"])) : p("", !0)
@@ -2598,7 +2598,7 @@ function Xt(e, l, t, n, r, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const Yt = {
+const Jt = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2673,7 +2673,7 @@ const Yt = {
   },
   mounted() {
     if (!this.src)
-      return J("The w-image component was used without src.");
+      return Q("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((l) => {
         l[0] && l[0].isIntersecting && (this.loadImage(), e.disconnect());
@@ -2693,13 +2693,13 @@ const Yt = {
       this.imgHeight = e;
     }
   }
-}, Jt = /* @__PURE__ */ y(Yt, [["render", Xt]]), Qt = ["name"], Zt = ["for"], el = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], tl = ["id", "name", "multiple", "data-progress"], ll = {
+}, Qt = /* @__PURE__ */ y(Jt, [["render", Yt]]), Zt = ["name"], el = ["for"], tl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], ll = ["id", "name", "multiple", "data-progress"], il = {
   class: "w-input__no-file",
   key: "no-file"
-}, il = ["for"], sl = ["for"], al = ["src"], ol = ["for"];
-function nl(e, l, t, n, r, i) {
+}, sl = ["for"], al = ["for"], ol = ["src"], nl = ["for"];
+function rl(e, l, t, n, r, i) {
   const a = S("w-icon"), o = S("w-progress");
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": l[10] || (l[10] = (d) => e.valid = d),
     onReset: l[11] || (l[11] = (d) => {
@@ -2708,14 +2708,14 @@ function nl(e, l, t, n, r, i) {
     wrap: i.hasLabel && t.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       t.type === "hidden" ? j((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": l[0] || (l[0] = (d) => r.inputValue = d)
-      }, null, 8, Qt)), [
-        [se, r.inputValue]
+      }, null, 8, Zt)), [
+        [ae, r.inputValue]
       ]) : (s(), u(v, { key: 1 }, [
         t.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
           e.$slots.default || t.label ? (s(), u("label", {
@@ -2723,10 +2723,10 @@ function nl(e, l, t, n, r, i) {
             class: m(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            c(e.$slots, "default", {}, () => [
+            h(e.$slots, "default", {}, () => [
               _(k(t.label), 1)
             ])
-          ], 10, Zt)) : p("", !0)
+          ], 10, el)) : p("", !0)
         ], 64)) : p("", !0),
         w("div", {
           class: m(["w-input__input-wrap", i.inputWrapClasses])
@@ -2738,7 +2738,7 @@ function nl(e, l, t, n, r, i) {
             for: `w-input--${e._.uid}`,
             onClick: l[1] || (l[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
-            default: b(() => [
+            default: f(() => [
               _(k(t.innerIconLeft), 1)
             ]),
             _: 1
@@ -2748,7 +2748,7 @@ function nl(e, l, t, n, r, i) {
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": l[2] || (l[2] = (d) => r.inputValue = d)
-          }, P(i.listeners, !0), {
+          }, W(i.listeners, !0), {
             onInput: l[3] || (l[3] = (...d) => i.onInput && i.onInput(...d)),
             onFocus: l[4] || (l[4] = (...d) => i.onFocus && i.onFocus(...d)),
             onBlur: l[5] || (l[5] = (...d) => i.onBlur && i.onBlur(...d)),
@@ -2766,8 +2766,8 @@ function nl(e, l, t, n, r, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, el)), [
-            [de, r.inputValue]
+          }, i.attrs), null, 16, tl)), [
+            [ue, r.inputValue]
           ]) : (s(), u(v, { key: 2 }, [
             w("input", C({
               ref: "input",
@@ -2780,28 +2780,28 @@ function nl(e, l, t, n, r, i) {
               multiple: t.multiple || null
             }, i.attrs, {
               "data-progress": i.overallFilesProgress
-            }), null, 16, tl),
-            V(te, {
+            }), null, 16, ll),
+            V(le, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
-              default: b(() => [
-                !r.inputFiles.length && r.isFocused ? (s(), u("span", ll, [
-                  c(e.$slots, "no-file", {}, () => [
+              default: f(() => [
+                !r.inputFiles.length && r.isFocused ? (s(), u("span", il, [
+                  h(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(v, { key: 0 }, [
                       _("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
-                (s(!0), u(v, null, x(r.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(v, null, x(r.inputFiles, (d, b) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  _(k(h ? ", " : ""), 1),
+                  _(k(b ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
-                    key: `${h}b`
+                    key: `${b}b`
                   }, k(d.base), 1)),
                   _(k(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
@@ -2815,10 +2815,10 @@ function nl(e, l, t, n, r, i) {
               class: m(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses]),
               for: `w-input--${e._.uid}`
             }, [
-              c(e.$slots, "default", {}, () => [
+              h(e.$slots, "default", {}, () => [
                 _(k(t.label), 1)
               ])
-            ], 10, il)) : p("", !0)
+            ], 10, sl)) : p("", !0)
           ], 64)) : p("", !0),
           t.innerIconRight ? (s(), g(a, {
             key: 4,
@@ -2827,7 +2827,7 @@ function nl(e, l, t, n, r, i) {
             for: `w-input--${e._.uid}`,
             onClick: l[9] || (l[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
-            default: b(() => [
+            default: f(() => [
               _(k(t.innerIconRight), 1)
             ]),
             _: 1
@@ -2845,40 +2845,40 @@ function nl(e, l, t, n, r, i) {
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(v, null, x(r.inputFiles, (d, h) => (s(), u(v, null, [
+          (s(!0), u(v, null, x(r.inputFiles, (d, b) => (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`
+              key: `${b}a`
             })) : d.preview ? (s(), u("img", {
               class: "w-input__file-preview",
-              key: `${h}b`,
+              key: `${b}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, al)) : (s(), u("i", {
+            }, null, 8, ol)) : (s(), u("i", {
               class: m(["w-icon w-input__file-preview primary size--md", t.preview && typeof t.preview == "string" ? t.preview : "wi-file"]),
-              key: `${h}c`
+              key: `${b}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, sl)) : p("", !0),
+        ], 8, al)) : p("", !0),
         t.labelPosition === "right" ? (s(), u(v, { key: 2 }, [
           e.$slots.default || t.label ? (s(), u("label", {
             key: 0,
             class: m(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            c(e.$slots, "default", {}, () => [
+            h(e.$slots, "default", {}, () => [
               _(k(t.label), 1)
             ])
-          ], 10, ol)) : p("", !0)
+          ], 10, nl)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const rl = {
+const dl = {
   name: "w-input",
-  mixins: [z],
+  mixins: [E],
   props: {
     modelValue: { default: "" },
     type: { type: String, default: "text" },
@@ -3008,7 +3008,7 @@ const rl = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((l) => {
-        const [, t = "", n = "", r = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = K({
+        const [, t = "", n = "", r = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = F({
           name: l.name,
           base: t || r,
           extension: n,
@@ -3041,81 +3041,81 @@ const rl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1);
     }
   }
-}, dl = /* @__PURE__ */ y(rl, [["render", nl]]);
-function ul(e, l, t, n, r, i) {
+}, ul = /* @__PURE__ */ y(dl, [["render", rl]]);
+function hl(e, l, t, n, r, i) {
   const a = S("w-icon"), o = S("w-list", !0);
   return s(), u("ul", {
     class: m(["w-list", i.classes])
   }, [
-    (s(!0), u(v, null, x(e.listItems, (d, h) => (s(), u("li", {
+    (s(!0), u(v, null, x(e.listItems, (d, b) => (s(), u("li", {
       class: m(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
-      key: h
+      key: b
     }, [
       t.icon ? (s(), g(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
-        default: b(() => [
+        default: f(() => [
           _(k(t.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g($(t.checklist ? "w-checkbox" : t.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
+      e.$slots[`item.${b + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(I(t.checklist ? "w-checkbox" : t.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
         key: 1,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, h, d._selected)), {
-        default: b(() => [
-          e.$slots[`item.${h + 1}`] ? c(e.$slots, `item.${h + 1}`, {
+      }, i.liLabelProps(d, b, d._selected)), {
+        default: f(() => [
+          e.$slots[`item.${b + 1}`] ? h(e.$slots, `item.${b + 1}`, {
             key: 0,
             item: i.cleanLi(d),
-            index: h + 1,
+            index: b + 1,
             selected: d._selected
-          }) : e.$slots.item ? c(e.$slots, "item", {
+          }) : e.$slots.item ? h(e.$slots, "item", {
             key: 1,
             item: i.cleanLi(d),
-            index: h + 1,
+            index: b + 1,
             selected: d._selected
-          }) : c(e.$slots, "default", {
+          }) : h(e.$slots, "default", {
             key: 2,
             item: i.cleanLi(d),
-            index: h + 1,
+            index: b + 1,
             selected: d._selected
           }, () => [
             _(k(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), g($(t.checklist ? "w-checkbox" : t.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
+      }, 1040)) : (s(), g(I(t.checklist ? "w-checkbox" : t.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
         key: 2,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, h, d._selected)), null, 16)),
+      }, i.liLabelProps(d, b, d._selected)), null, 16)),
       (d.children || []).length ? (s(), g(o, C({ key: 3 }, e.$props, {
         items: d.children,
         depth: t.depth + 1,
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => e.$emit("update:modelValue", f)),
-        onInput: l[1] || (l[1] = (f) => e.$emit("input", f)),
-        onItemClick: l[2] || (l[2] = (f) => e.$emit("item-click", f)),
-        onItemSelect: l[3] || (l[3] = (f) => e.$emit("item-select", f))
-      }), q({ _: 2 }, [
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => e.$emit("update:modelValue", c)),
+        onInput: l[1] || (l[1] = (c) => e.$emit("input", c)),
+        onItemClick: l[2] || (l[2] = (c) => e.$emit("item-click", c)),
+        onItemSelect: l[3] || (l[3] = (c) => e.$emit("item-select", c))
+      }), G({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: b(({ item: f, index: B, selected: I }) => [
-            c(e.$slots, "item", {
-              item: i.cleanLi(f),
+          fn: f(({ item: c, index: B, selected: $ }) => [
+            h(e.$slots, "item", {
+              item: i.cleanLi(c),
               index: B,
-              selected: I
+              selected: $
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: b(({ item: f, index: B, selected: I }) => [
-            c(e.$slots, "default", {
-              item: i.cleanLi(f),
+          fn: f(({ item: c, index: B, selected: $ }) => [
+            h(e.$slots, "default", {
+              item: i.cleanLi(c),
               index: B,
-              selected: I
+              selected: $
             }, () => [
-              _(k(f[t.itemLabelKey]), 1)
+              _(k(c[t.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3124,7 +3124,7 @@ function ul(e, l, t, n, r, i) {
     ], 2))), 128))
   ], 2);
 }
-const hl = {
+const cl = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3225,8 +3225,8 @@ const hl = {
         role: "option"
       };
       return this.checklist ? (o.modelValue = e._selected, o.color = e[this.itemColorKey] || this.color, o.round = this.roundCheckboxes, o.disabled = e.disabled, n || (o.label = e._label || null), o.onFocus = () => e._focused = !0, o.onBlur = () => e._focused = !1, o.onInput = (d) => this.selectItem(e, d), o.onClick = (d) => {
-        const h = d.target.querySelector('input[type="checkbox"]');
-        h && (h.focus(), h.click()), r();
+        const b = d.target.querySelector('input[type="checkbox"]');
+        b && (b.focus(), b.click()), r();
       }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (o.onKeydown = a, o.onMousedown = i, this.$router ? (o.to = e[this.itemRouteKey], o.onClick = (d) => {
         d.preventDefault(), this.$router.push(e[this.itemRouteKey]), r();
       }) : (o.href = e[this.itemRouteKey], o.onClick = r)), n || (o.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (o.tabindex = 0), o.onClick = r, o.onKeydown = a, o.onMousedown = i), n || (o.innerHTML = e._label)), o;
@@ -3286,7 +3286,7 @@ const hl = {
       }
     }
   }
-}, cl = /* @__PURE__ */ y(hl, [["render", ul]]), oe = {
+}, pl = /* @__PURE__ */ y(cl, [["render", hl]]), ne = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3313,7 +3313,7 @@ const hl = {
       let e = ".w-app";
       typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
       let l = this.appendTo || e;
-      return l === !0 ? l = e : this.appendTo === "activator" ? l = this.$el.previousElementSibling : l && !["object", "string"].includes(typeof l) ? l = e : typeof l == "object" && !l.nodeType && (l = e, J(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof l == "string" && (l = document.querySelector(l)), l || (J(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), l = document.querySelector(e)), l;
+      return l === !0 ? l = e : this.appendTo === "activator" ? l = this.$el.previousElementSibling : l && !["object", "string"].includes(typeof l) ? l = e : typeof l == "object" && !l.nodeType && (l = e, Q(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof l == "string" && (l = document.querySelector(l)), l || (Q(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), l = document.querySelector(e)), l;
     },
     detachableParentEl() {
       return this.appendToTarget;
@@ -3438,15 +3438,15 @@ const hl = {
     }
   }
 };
-function pl(e, l, t, n, r, i) {
+function ml(e, l, t, n, r, i) {
   const a = S("w-card"), o = S("w-overlay");
   return s(), u(v, null, [
-    c(e.$slots, "activator", { on: i.activatorEventHandlers }),
+    h(e.$slots, "activator", { on: i.activatorEventHandlers }),
     V(L, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: b(() => [
+      default: f(() => [
         t.custom && e.detachableVisible ? (s(), u("div", C({
           key: 0,
           class: "w-menu",
@@ -3458,7 +3458,7 @@ function pl(e, l, t, n, r, i) {
           class: i.classes,
           style: i.styles
         }), [
-          c(e.$slots, "default")
+          h(e.$slots, "default")
         ], 16)) : e.detachableVisible ? (s(), g(a, C({
           key: 1,
           class: "w-menu",
@@ -3474,23 +3474,23 @@ function pl(e, l, t, n, r, i) {
           "no-border": t.noBorder,
           class: i.classes,
           style: i.styles
-        }), q({
-          default: b(() => [
-            c(e.$slots, "default")
+        }), G({
+          default: f(() => [
+            h(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
-            fn: b(() => [
-              c(e.$slots, "title")
+            fn: f(() => [
+              h(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
-            fn: b(() => [
-              c(e.$slots, "actions")
+            fn: f(() => [
+              h(e.$slots, "actions")
             ]),
             key: "1"
           } : void 0
@@ -3510,9 +3510,9 @@ function pl(e, l, t, n, r, i) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const ml = {
+const fl = {
   name: "w-menu",
-  mixins: [oe],
+  mixins: [ne],
   inheritAttrs: !1,
   props: {
     modelValue: {},
@@ -3566,17 +3566,17 @@ const ml = {
       return this.minWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.minWidth) ? this.minWidth : this.minWidth ? `${this.minWidth}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
       };
     },
@@ -3629,14 +3629,14 @@ const ml = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((l) => setTimeout(l, 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));
     }
   }
-}, fl = /* @__PURE__ */ y(ml, [["render", pl]]);
-function bl(e, l, t, n, r, i) {
+}, bl = /* @__PURE__ */ y(fl, [["render", ml]]);
+function gl(e, l, t, n, r, i) {
   const a = S("w-alert");
   return s(), g(L, {
     name: i.transitionName,
     appear: ""
   }, {
-    default: b(() => [
+    default: f(() => [
       r.show ? (s(), u("div", {
         key: 0,
         class: m(["w-notification", i.classes]),
@@ -3648,8 +3648,8 @@ function bl(e, l, t, n, r, i) {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
-          default: b(() => [
-            c(e.$slots, "default")
+          default: f(() => [
+            h(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
@@ -3658,7 +3658,7 @@ function bl(e, l, t, n, r, i) {
     _: 3
   }, 8, ["name"]);
 }
-const gl = {
+const yl = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3774,34 +3774,34 @@ const gl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, yl = /* @__PURE__ */ y(gl, [["render", bl]]);
-function wl(e, l, t, n, r, i) {
-  const a = le("focus");
+}, wl = /* @__PURE__ */ y(yl, [["render", gl]]);
+function vl(e, l, t, n, r, i) {
+  const a = ie("focus");
   return s(), g(L, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
   }, {
-    default: b(() => [
+    default: f(() => [
       t.modelValue ? j((s(), u("div", {
         key: 0,
         class: m(["w-overlay", i.classes]),
         ref: "overlay",
         style: R(t.modelValue && i.styles || null),
-        onKeydown: l[0] || (l[0] = M(W((...o) => i.onClick && i.onClick(...o), ["stop"]), ["escape"])),
+        onKeydown: l[0] || (l[0] = P(N((...o) => i.onClick && i.onClick(...o), ["stop"]), ["escape"])),
         onClick: l[1] || (l[1] = (...o) => i.onClick && i.onClick(...o)),
         tabindex: "0"
       }, [
-        c(e.$slots, "default")
+        h(e.$slots, "default")
       ], 38)), [
-        [ie, e.showOverlay],
+        [se, e.showOverlay],
         [a]
       ]) : p("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const vl = {
+const _l = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -3855,17 +3855,17 @@ const vl = {
       e && (this.showOverlay = !0);
     }
   }
-}, _l = /* @__PURE__ */ y(vl, [["render", wl]]), kl = { class: "w-parallax" };
-function Cl(e, l, t, n, r, i) {
-  return s(), u("div", kl);
+}, kl = /* @__PURE__ */ y(_l, [["render", vl]]), Cl = { class: "w-parallax" };
+function Sl(e, l, t, n, r, i) {
+  return s(), u("div", Cl);
 }
-const Sl = {
+const Bl = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, Bl = /* @__PURE__ */ y(Sl, [["render", Cl]]), $l = ["viewBox"], Vl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Il = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Rl(e, l, t, n, r, i) {
+}, $l = /* @__PURE__ */ y(Bl, [["render", Sl]]), Vl = ["viewBox"], Il = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Rl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Ll(e, l, t, n, r, i) {
   return s(), u("div", {
     class: m(["w-progress", i.classes]),
     style: R(i.styles)
@@ -3883,7 +3883,7 @@ function Rl(e, l, t, n, r, i) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": t.stroke
-      }, null, 10, Vl)) : p("", !0),
+      }, null, 10, Il)) : p("", !0),
       w("circle", {
         class: "w-progress__progress",
         cx: i.circleCenter,
@@ -3894,8 +3894,8 @@ function Rl(e, l, t, n, r, i) {
         "stroke-linecap": t.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: R(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Il)
-    ], 8, $l)) : (s(), u("div", {
+      }, null, 12, Rl)
+    ], 8, Vl)) : (s(), u("div", {
       key: 0,
       class: m(["w-progress__progress", { full: i.progressValue === 100 }]),
       style: R(`width: ${i.progressValue}%`)
@@ -3904,13 +3904,13 @@ function Rl(e, l, t, n, r, i) {
       key: 2,
       class: m(["w-progress__label", t.labelColor || !1])
     }, [
-      c(e.$slots, "default", {}, () => [
+      h(e.$slots, "default", {}, () => [
         _(k(Math.round(i.progressValue)) + k(t.circle ? "" : "%"), 1)
       ])
     ], 2)) : p("", !0)
   ], 6);
 }
-const U = 40, Ll = U / 2, xl = Math.round(U * 3.14 * 100) / 100, Tl = {
+const q = 40, xl = q / 2, Tl = Math.round(q * 3.14 * 100) / 100, zl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -3935,16 +3935,16 @@ const U = 40, Ll = U / 2, xl = Math.round(U * 3.14 * 100) / 100, Tl = {
   },
   emits: [],
   data: () => ({
-    circleSize: U,
-    circleRadius: Ll,
-    circleCircumference: xl
+    circleSize: q,
+    circleRadius: xl,
+    circleCircumference: Tl
   }),
   computed: {
     progressValue() {
       return parseFloat(this.modelValue);
     },
     circleCenter() {
-      return U + this.stroke;
+      return q + this.stroke;
     },
     forcedSize() {
       return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -3976,9 +3976,9 @@ const U = 40, Ll = U / 2, xl = Math.round(U * 3.14 * 100) / 100, Tl = {
       };
     }
   }
-}, zl = /* @__PURE__ */ y(Tl, [["render", Rl]]), El = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Ol = ["for"], Ml = ["for", "innerHTML"], Pl = ["for"], Wl = ["for", "innerHTML"];
-function Nl(e, l, t, n, r, i) {
-  return s(), g($(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, El = /* @__PURE__ */ y(zl, [["render", Ll]]), Ol = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Ml = ["for"], Pl = ["for", "innerHTML"], Wl = ["for"], Nl = ["for", "innerHTML"];
+function Al(e, l, t, n, r, i) {
+  return s(), g(I(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": l[3] || (l[3] = (a) => e.valid = a),
     onReset: l[4] || (l[4] = (a) => {
@@ -3986,7 +3986,7 @@ function Nl(e, l, t, n, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       w("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
@@ -4000,22 +4000,22 @@ function Nl(e, l, t, n, r, i) {
         onChange: l[1] || (l[1] = (a) => i.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, El),
+      }, null, 40, Ol),
       i.hasLabel && t.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, Ol)) : t.label ? (s(), u("label", {
+        ], 10, Ml)) : t.label ? (s(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: t.label
-        }, null, 10, Ml)) : p("", !0)
+        }, null, 10, Pl)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: m(["w-radio__input", this.color]),
@@ -4029,23 +4029,23 @@ function Nl(e, l, t, n, r, i) {
           class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, Pl)) : t.label ? (s(), u("label", {
+        ], 10, Wl)) : t.label ? (s(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: t.label
-        }, null, 10, Wl)) : p("", !0)
+        }, null, 10, Nl)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Al = {
+const Kl = {
   name: "w-radio",
-  mixins: [z],
+  mixins: [E],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4098,10 +4098,10 @@ const Al = {
       this.toggleFromOutside();
     }
   }
-}, Kl = /* @__PURE__ */ y(Al, [["render", Nl]]), jl = ["innerHTML"];
-function Fl(e, l, t, n, r, i) {
+}, Fl = /* @__PURE__ */ y(Kl, [["render", Al]]), jl = ["innerHTML"];
+function Hl(e, l, t, n, r, i) {
   const a = S("w-radio");
-  return s(), g($(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": l[1] || (l[1] = (o) => e.valid = o),
     onReset: l[2] || (l[2] = (o) => {
@@ -4111,20 +4111,20 @@ function Fl(e, l, t, n, r, i) {
     wrap: t.inline,
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       (s(!0), u(v, null, x(i.radioItems, (o, d) => (s(), g(a, C({
         key: d,
         "model-value": o.value === t.modelValue,
-        "onUpdate:modelValue": (h) => i.onInput(o),
-        onFocus: l[0] || (l[0] = (h) => e.$emit("focus", h)),
+        "onUpdate:modelValue": (b) => i.onInput(o),
+        onFocus: l[0] || (l[0] = (b) => e.$emit("focus", b)),
         name: e.inputName
       }, { label: o.label, color: o.color, labelOnLeft: t.labelOnLeft, labelColor: t.labelColor }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !t.inline && d }
       }), {
-        default: b(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+        default: f(() => [
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? h(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(o),
             index: d + 1,
@@ -4141,9 +4141,9 @@ function Fl(e, l, t, n, r, i) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Hl = {
+const Dl = {
   name: "w-radios",
-  mixins: [z],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: [String, Number, Boolean] },
@@ -4187,9 +4187,9 @@ const Hl = {
       return this.items[e._index];
     }
   }
-}, Dl = /* @__PURE__ */ y(Hl, [["render", Fl]]), Ul = ["id", "name", "value"], ql = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Gl(e, l, t, n, r, i) {
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Ul = /* @__PURE__ */ y(Dl, [["render", Hl]]), ql = ["id", "name", "value"], Gl = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Xl(e, l, t, n, r, i) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": l[4] || (l[4] = (a) => e.valid = a),
     onReset: l[5] || (l[5] = (a) => {
@@ -4197,15 +4197,15 @@ function Gl(e, l, t, n, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       w("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: r.rating
-      }, null, 8, Ul),
+      }, null, 8, ql),
       (s(!0), u(v, null, x(t.max, (a) => (s(), u(v, { key: a }, [
-        e.$slots.item ? c(e.$slots, "item", {
+        e.$slots.item ? h(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : p("", !0),
@@ -4228,15 +4228,15 @@ function Gl(e, l, t, n, r, i) {
             "aria-hidden": "true",
             style: R(i.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, ql)
+        ], 42, Gl)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Xl = {
+const Yl = {
   name: "w-rating",
-  mixins: [z],
+  mixins: [E],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -4319,34 +4319,34 @@ const Xl = {
       this.rating = parseFloat(e);
     }
   }
-}, Yl = /* @__PURE__ */ y(Xl, [["render", Gl]]), Jl = ["for"], Ql = ["aria-expanded", "aria-owns", "aria-activedescendant"], Zl = {
+}, Jl = /* @__PURE__ */ y(Yl, [["render", Xl]]), Ql = ["for"], Zl = ["aria-expanded", "aria-owns", "aria-activedescendant"], ei = {
   key: 1,
   class: "w-select__selection-slot"
-}, ei = ["value", "id", "placeholder", "disabled", "required", "tabindex"], ti = ["value", "name"], li = ["for"], ii = ["for"];
-function si(e, l, t, n, r, i) {
+}, ti = ["value", "id", "placeholder", "disabled", "required", "tabindex"], li = ["value", "name"], ii = ["for"], si = ["for"];
+function ai(e, l, t, n, r, i) {
   const a = S("w-icon"), o = S("w-list"), d = S("w-menu");
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, 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: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": l[9] || (l[9] = (h) => e.valid = h),
+    "onUpdate:valid": l[9] || (l[9] = (b) => e.valid = b),
     onReset: i.onReset,
     wrap: i.hasLabel && t.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       t.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
         e.$slots.default || t.label ? (s(), u("label", {
           key: 0,
           class: m(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, Jl)) : p("", !0)
+        ], 10, Ql)) : p("", !0)
       ], 64)) : p("", !0),
       V(d, C({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": l[8] || (l[8] = (h) => e.showMenu = h),
+        "onUpdate:modelValue": l[8] || (l[8] = (b) => e.showMenu = b),
         "menu-class": `w-select__menu ${t.menuClass || ""}`,
         transition: "slide-fade-down",
         "append-to": (t.menuProps || {}).appendTo !== void 0 ? (t.menuProps || {}).appendTo : void 0,
@@ -4354,10 +4354,10 @@ function si(e, l, t, n, r, i) {
         custom: "",
         "min-width": "activator"
       }, t.menuProps || {}), {
-        activator: b(({ on: h }) => [
+        activator: f(({ on: b }) => [
           w("div", {
             class: m(["w-select__selection-wrap", i.inputWrapClasses]),
-            onClick: l[5] || (l[5] = (f) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
+            onClick: l[5] || (l[5] = (c) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
@@ -4368,15 +4368,15 @@ function si(e, l, t, n, r, i) {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
-              onClick: l[0] || (l[0] = (f) => e.$emit("click:inner-icon-left", f))
+              onClick: l[0] || (l[0] = (c) => e.$emit("click:inner-icon-left", c))
             }, {
-              default: b(() => [
+              default: f(() => [
                 _(k(t.innerIconLeft), 1)
               ]),
               _: 1
             })) : p("", !0),
-            e.$slots.selection ? (s(), u("div", Zl, [
-              c(e.$slots, "selection", {
+            e.$slots.selection ? (s(), u("div", ei, [
+              h(e.$slots, "selection", {
                 item: t.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : p("", !0),
@@ -4385,9 +4385,9 @@ function si(e, l, t, n, r, i) {
               ref: "selection-input",
               type: "text",
               value: e.$slots.selection ? "" : i.selectionString,
-              onFocus: l[1] || (l[1] = (f) => !e.isDisabled && !e.isReadonly && i.onFocus(f)),
-              onBlur: l[2] || (l[2] = (...f) => i.onBlur && i.onBlur(...f)),
-              onKeydown: l[3] || (l[3] = (f) => !e.isDisabled && !e.isReadonly && i.onKeydown(f)),
+              onFocus: l[1] || (l[1] = (c) => !e.isDisabled && !e.isReadonly && i.onFocus(c)),
+              onBlur: l[2] || (l[2] = (...c) => i.onBlur && i.onBlur(...c)),
+              onKeydown: l[3] || (l[3] = (c) => !e.isDisabled && !e.isReadonly && i.onKeydown(c)),
               id: `w-select--${e._.uid}`,
               placeholder: !e.$slots.selection && t.placeholder || null,
               disabled: e.isDisabled || null,
@@ -4396,45 +4396,45 @@ function si(e, l, t, n, r, i) {
               required: e.required || null,
               tabindex: e.tabindex || null,
               autocomplete: "off"
-            }, null, 40, ei),
-            (s(!0), u(v, null, x(e.inputValue.length ? e.inputValue : [{}], (f, B) => (s(), u("input", {
+            }, null, 40, ti),
+            (s(!0), u(v, null, x(e.inputValue.length ? e.inputValue : [{}], (c, B) => (s(), u("input", {
               key: B,
               type: "hidden",
-              value: f.value || "",
+              value: c.value || "",
               name: e.inputName + (t.multiple ? "[]" : "")
-            }, null, 8, ti))), 128)),
+            }, null, 8, li))), 128)),
             t.labelPosition === "inside" && i.showLabelInside ? (s(), u(v, { key: 2 }, [
               e.$slots.default || t.label ? (s(), u("label", {
                 key: 0,
                 class: m(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
                 for: `w-select--${e._.uid}`
               }, [
-                c(e.$slots, "default", {}, () => [
+                h(e.$slots, "default", {}, () => [
                   _(k(t.label), 1)
                 ])
-              ], 10, li)) : p("", !0)
+              ], 10, ii)) : p("", !0)
             ], 64)) : p("", !0),
             t.innerIconRight ? (s(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
-              onClick: l[4] || (l[4] = (f) => e.$emit("click:inner-icon-right", f))
+              onClick: l[4] || (l[4] = (c) => e.$emit("click:inner-icon-right", c))
             }, {
-              default: b(() => [
+              default: f(() => [
                 _(k(t.innerIconRight), 1)
               ]),
               _: 1
             })) : p("", !0)
-          ], 10, Ql)
+          ], 10, Zl)
         ]),
-        default: b(() => [
+        default: f(() => [
           V(o, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
-            onItemClick: l[6] || (l[6] = (h) => e.$emit("item-click", h)),
+            onItemClick: l[6] || (l[6] = (b) => e.$emit("item-click", b)),
             onItemSelect: i.onListItemSelect,
-            "onKeydown:enter": l[7] || (l[7] = (h) => t.noUnselect && !t.multiple && i.closeMenu()),
+            "onKeydown:enter": l[7] || (l[7] = (b) => t.noUnselect && !t.multiple && i.closeMenu()),
             "onKeydown:escape": i.closeMenu,
             items: i.selectItems,
             multiple: t.multiple,
@@ -4446,24 +4446,24 @@ function si(e, l, t, n, r, i) {
             "item-color-key": t.itemColorKey,
             role: "listbox",
             tabindex: "-1"
-          }, q({ _: 2 }, [
-            x(t.items.length, (h) => ({
-              name: `item.${h}`,
-              fn: b(({ item: f, selected: B, index: I }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](f, B, I) ? c(e.$slots, `item.${h}`, {
+          }, G({ _: 2 }, [
+            x(t.items.length, (b) => ({
+              name: `item.${b}`,
+              fn: f(({ item: c, selected: B, index: $ }) => [
+                e.$slots[`item.${b}`] && e.$slots[`item.${b}`](c, B, $) ? h(e.$slots, `item.${b}`, {
                   key: 0,
-                  item: f,
+                  item: c,
                   selected: B,
-                  index: I
+                  index: $
                 }, () => [
-                  _(k(f[t.itemLabelKey]), 1)
-                ]) : c(e.$slots, "item", {
+                  _(k(c[t.itemLabelKey]), 1)
+                ]) : h(e.$slots, "item", {
                   key: 1,
-                  item: f,
+                  item: c,
                   selected: B,
-                  index: I
+                  index: $
                 }, () => [
-                  _(k(f[t.itemLabelKey]), 1)
+                  _(k(c[t.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4477,18 +4477,18 @@ function si(e, l, t, n, r, i) {
           class: m(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, ii)) : p("", !0)
+        ], 10, si)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const ai = {
+const oi = {
   name: "w-select",
-  mixins: [z],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -4645,12 +4645,12 @@ const ai = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, oi = /* @__PURE__ */ y(ai, [["render", si]]), ni = ["for"], ri = ["for", "innerHTML"], di = { class: "w-slider__track-wrap" }, ui = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], hi = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], ci = ["for"], pi = { key: 0 }, mi = {
+}, ni = /* @__PURE__ */ y(oi, [["render", ai]]), ri = ["for"], di = ["for", "innerHTML"], ui = { class: "w-slider__track-wrap" }, hi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ci = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], pi = ["for"], mi = { key: 0 }, fi = {
   key: 0,
   class: "w-slider__step-labels"
-}, fi = ["onClick"], bi = ["for"], gi = ["for", "innerHTML"];
-function yi(e, l, t, n, r, i) {
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, bi = ["onClick"], gi = ["for"], yi = ["for", "innerHTML"];
+function wi(e, l, t, n, r, i) {
+  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": l[8] || (l[8] = (a) => e.valid = a),
     onReset: l[9] || (l[9] = (a) => {
@@ -4659,20 +4659,20 @@ function yi(e, l, t, n, r, i) {
     wrap: e.formRegister || null,
     class: i.wrapperClasses
   }), {
-    default: b(() => [
+    default: f(() => [
       e.$slots["label-left"] ? (s(), u("label", {
         key: 0,
         class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        c(e.$slots, "label-left")
-      ], 10, ni)) : t.labelLeft ? (s(), u("label", {
+        h(e.$slots, "label-left")
+      ], 10, ri)) : t.labelLeft ? (s(), u("label", {
         key: 1,
         class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: t.labelLeft
-      }, null, 10, ri)) : p("", !0),
-      w("div", di, [
+      }, null, 10, di)) : p("", !0),
+      w("div", ui, [
         w("div", {
           class: m(["w-slider__track", i.trackClasses]),
           ref: "track",
@@ -4705,32 +4705,32 @@ function yi(e, l, t, n, r, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                l[0] || (l[0] = M((a) => i.onKeyDown(a, -1), ["left"])),
-                l[1] || (l[1] = M((a) => i.onKeyDown(a, 1), ["right"]))
+                l[0] || (l[0] = P((a) => i.onKeyDown(a, -1), ["left"])),
+                l[1] || (l[1] = P((a) => i.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: l[2] || (l[2] = (a) => e.$emit("focus", a)),
-              onClick: l[3] || (l[3] = W(() => {
+              onClick: l[3] || (l[3] = N(() => {
               }, ["prevent"]))
-            }, null, 42, hi),
+            }, null, 42, ci),
             t.thumbLabel ? (s(), u("label", {
               key: 0,
               class: m(["w-slider__thumb-label", i.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              t.thumbLabel === "droplet" ? (s(), u("div", pi, [
-                c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
+              t.thumbLabel === "droplet" ? (s(), u("div", mi, [
+                h(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   _(k(~~e.rangeValueScaled), 1)
                 ])
-              ])) : c(e.$slots, "label", {
+              ])) : h(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
                 _(k(~~e.rangeValueScaled), 1)
               ])
-            ], 10, ci)) : p("", !0)
+            ], 10, pi)) : p("", !0)
           ], 4)
-        ], 42, ui),
-        t.stepLabels && t.step ? (s(), u("div", mi, [
+        ], 42, hi),
+        t.stepLabels && t.step ? (s(), u("div", fi, [
           w("div", {
             class: "w-slider__step-label",
             onClick: l[6] || (l[6] = (a) => i.onStepLabelClick(0))
@@ -4740,7 +4740,7 @@ function yi(e, l, t, n, r, i) {
             key: a,
             onClick: (o) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
             style: R(`left: ${a * (100 / i.numberOfSteps)}%`)
-          }, k(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, fi))), 128)),
+          }, k(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, bi))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -4754,20 +4754,20 @@ function yi(e, l, t, n, r, i) {
         class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        c(e.$slots, "label-right")
-      ], 10, bi)) : t.labelRight ? (s(), u("label", {
+        h(e.$slots, "label-right")
+      ], 10, gi)) : t.labelRight ? (s(), u("label", {
         key: 3,
         class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: t.labelRight
-      }, null, 10, gi)) : p("", !0)
+      }, null, 10, yi)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const wi = {
+const vi = {
   name: "w-slider",
-  mixins: [z],
+  mixins: [E],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -4895,17 +4895,17 @@ const wi = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, vi = /* @__PURE__ */ y(wi, [["render", yi]]), _i = { key: 0 };
-function ki(e, l, t, n, r, i) {
+}, _i = /* @__PURE__ */ y(vi, [["render", wi]]), ki = { key: 0 };
+function Ci(e, l, t, n, r, i) {
   return t.modelValue || t.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: m(["w-spinner", i.classes]),
     style: R(i.styles)
   }, [
-    i.isThreeDots ? (s(), u("span", _i)) : p("", !0)
+    i.isThreeDots ? (s(), u("span", ki)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const Ci = {
+const Si = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -4943,25 +4943,25 @@ const Ci = {
       };
     }
   }
-}, Si = /* @__PURE__ */ y(Ci, [["render", ki]]), Bi = { class: "w-steps" };
-function $i(e, l, t, n, r, i) {
-  return s(), u("div", Bi);
+}, Bi = /* @__PURE__ */ y(Si, [["render", Ci]]), $i = { class: "w-steps" };
+function Vi(e, l, t, n, r, i) {
+  return s(), u("div", $i);
 }
-const Vi = {
+const Ii = {
   name: "w-steps",
   props: {},
   emits: [],
   data: () => ({})
-}, Ii = /* @__PURE__ */ y(Vi, [["render", $i]]), Ri = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Li = ["for"], xi = {
+}, Ri = /* @__PURE__ */ y(Ii, [["render", Vi]]), Li = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], xi = ["for"], Ti = {
   key: 0,
   class: "w-switch__track"
-}, Ti = {
+}, zi = {
   key: 1,
   class: "w-switch__thumb"
-}, zi = ["for"];
-function Ei(e, l, t, n, r, i) {
+}, Ei = ["for"];
+function Oi(e, l, t, n, r, i) {
   const a = S("w-progress");
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.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: r.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": l[3] || (l[3] = (o) => e.valid = o),
     onReset: l[4] || (l[4] = (o) => {
@@ -4969,7 +4969,7 @@ function Ei(e, l, t, n, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       w("input", {
         ref: "input",
         id: `w-switch--${e._.uid}`,
@@ -4985,33 +4985,33 @@ function Ei(e, l, t, n, r, i) {
         onFocus: l[1] || (l[1] = (o) => e.$emit("focus", o)),
         "aria-checked": r.isOn || "false",
         role: "switch"
-      }, null, 40, Ri),
+      }, null, 40, Li),
       i.hasLabel && t.labelOnLeft ? (s(), u(v, { key: 0 }, [
         e.$slots.default || t.label ? (s(), u("label", {
           key: 0,
           class: m(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, Li)) : p("", !0)
+        ], 10, xi)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", C({
         class: "w-switch__input",
         onClick: l[2] || (l[2] = (o) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, P(e.$attrs, !0), { class: i.inputClasses }), [
-        e.$slots.track ? (s(), u("div", xi, [
-          c(e.$slots, "track")
+      }, W(e.$attrs, !0), { class: i.inputClasses }), [
+        e.$slots.track ? (s(), u("div", Ti, [
+          h(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || t.loading ? (s(), u("div", Ti, [
+        e.$slots.thumb || t.loading ? (s(), u("div", zi, [
           t.loading ? (s(), g(a, C({
             key: 0,
             circle: "",
             color: "inherit"
-          }, typeof t.loading == "number" ? { "model-value": t.loading } : {}), null, 16)) : c(e.$slots, "thumb", { key: 1 })
+          }, typeof t.loading == "number" ? { "model-value": t.loading } : {}), null, 16)) : h(e.$slots, "thumb", { key: 1 })
         ])) : p("", !0)
       ], 16),
       i.hasLabel && !t.labelOnLeft ? (s(), u(v, { key: 1 }, [
@@ -5020,18 +5020,18 @@ function Ei(e, l, t, n, r, i) {
           class: m(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, zi)) : p("", !0)
+        ], 10, Ei)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Oi = {
+const Mi = {
   name: "w-switch",
-  mixins: [z],
+  mixins: [E],
   props: {
     modelValue: { default: !1 },
     label: { type: String, default: "" },
@@ -5090,22 +5090,22 @@ const Oi = {
       this.isOn = e;
     }
   }
-}, Mi = /* @__PURE__ */ y(Oi, [["render", Ei]]), Pi = { class: "w-tabs__content" };
-function Wi(e, l, t, n, r, i) {
-  return s(), u("div", Pi, [
-    c(e.$slots, "default", { item: t.item })
+}, Pi = /* @__PURE__ */ y(Mi, [["render", Oi]]), Wi = { class: "w-tabs__content" };
+function Ni(e, l, t, n, r, i) {
+  return s(), u("div", Wi, [
+    h(e.$slots, "default", { item: t.item })
   ]);
 }
-const Ni = {
+const Ai = {
   props: { item: Object }
-}, Ai = /* @__PURE__ */ y(Ni, [["render", Wi]]), Ki = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ji = ["innerHTML"], Fi = {
+}, Ki = /* @__PURE__ */ y(Ai, [["render", Ni]]), Fi = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ji = ["innerHTML"], Hi = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Hi = {
+}, Di = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, Di = ["innerHTML"];
-function Ui(e, l, t, n, r, i) {
+}, Ui = ["innerHTML"];
+function qi(e, l, t, n, r, i) {
   const a = S("tab-content");
   return s(), u("div", {
     class: m(["w-tabs", i.tabsClasses])
@@ -5117,19 +5117,19 @@ function Ui(e, l, t, n, r, i) {
       (s(!0), u(v, null, x(i.tabsItems, (o, d) => (s(), u("div", {
         class: m(["w-tabs__bar-item", i.barItemClasses(o)]),
         key: d,
-        onClick: (h) => !o._disabled && i.openTab(o),
-        onFocus: (h) => e.$emit("focus", i.getOriginalItem(o)),
+        onClick: (b) => !o._disabled && i.openTab(o),
+        onFocus: (b) => e.$emit("focus", i.getOriginalItem(o)),
         tabindex: !o._disabled && 0,
-        onKeypress: M((h) => !o._disabled && i.openTab(o), ["enter"]),
+        onKeypress: P((b) => !o._disabled && i.openTab(o), ["enter"]),
         "aria-selected": o._index === e.activeTabIndex ? "true" : "false",
         role: "tab"
       }, [
-        e.$slots[`item-title.${o.id || d + 1}`] ? c(e.$slots, `item-title.${o.id || d + 1}`, {
+        e.$slots[`item-title.${o.id || d + 1}`] ? h(e.$slots, `item-title.${o.id || d + 1}`, {
           key: 0,
           item: i.getOriginalItem(o),
           index: d + 1,
           active: o._index === e.activeTabIndex
-        }) : c(e.$slots, "item-title", {
+        }) : h(e.$slots, "item-title", {
           key: 1,
           item: i.getOriginalItem(o),
           index: d + 1,
@@ -5139,9 +5139,9 @@ function Ui(e, l, t, n, r, i) {
             innerHTML: o[t.itemTitleKey]
           }, null, 8, ji)
         ])
-      ], 42, Ki))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", Fi, [
-        c(e.$slots, "tabs-bar-extra")
+      ], 42, Fi))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", Hi, [
+        h(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
       !t.noSlider && !t.card ? (s(), u("div", {
         key: 1,
@@ -5149,25 +5149,25 @@ function Ui(e, l, t, n, r, i) {
         style: R(i.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    i.tabsItems.length ? (s(), u("div", Hi, [
+    i.tabsItems.length ? (s(), u("div", Di, [
       V(L, {
         name: i.transitionName,
         mode: i.transitionMode
       }, {
-        default: b(() => [
-          (s(), g(ue, null, [
+        default: f(() => [
+          (s(), g(he, null, [
             (s(), g(a, {
               key: i.activeTab._index,
               item: i.activeTab,
               class: m(t.contentClass)
             }, {
-              default: b(({ item: o }) => [
-                e.$slots[`item-content.${o._index + 1}`] ? c(e.$slots, `item-content.${o._index + 1}`, {
+              default: f(({ item: o }) => [
+                e.$slots[`item-content.${o._index + 1}`] ? h(e.$slots, `item-content.${o._index + 1}`, {
                   key: 0,
                   item: i.getOriginalItem(o),
                   index: o._index + 1,
                   active: o._index === i.activeTab._index
-                }) : c(e.$slots, "item-content", {
+                }) : h(e.$slots, "item-content", {
                   key: 1,
                   item: i.getOriginalItem(o),
                   index: o._index + 1,
@@ -5176,7 +5176,7 @@ function Ui(e, l, t, n, r, i) {
                   o[t.itemContentKey] ? (s(), u("div", {
                     key: 0,
                     innerHTML: o[t.itemContentKey]
-                  }, null, 8, Di)) : p("", !0)
+                  }, null, 8, Ui)) : p("", !0)
                 ])
               ]),
               _: 3
@@ -5188,7 +5188,7 @@ function Ui(e, l, t, n, r, i) {
     ])) : p("", !0)
   ], 2);
 }
-const qi = {
+const Gi = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5209,7 +5209,7 @@ const qi = {
     right: { type: Boolean },
     card: { type: Boolean }
   },
-  components: { TabContent: Ai },
+  components: { TabContent: Ki },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     activeTabEl: null,
@@ -5232,7 +5232,7 @@ const qi = {
       return this.activeTab._index < this.prevTabIndex ? "right" : "left";
     },
     tabsItems() {
-      return (typeof this.items == "number" ? Array(this.items).fill({}) : this.items).map((l, t) => K({
+      return (typeof this.items == "number" ? Array(this.items).fill({}) : this.items).map((l, t) => F({
         ...l,
         _index: t,
         _disabled: !!l.disabled
@@ -5325,208 +5325,224 @@ const qi = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Gi = /* @__PURE__ */ y(qi, [["render", Ui]]), Xi = { ref: "colgroup" }, Yi = ["width"], Ji = { key: 0 }, Qi = ["onClick"], Zi = ["innerHTML"], es = {
+}, Xi = /* @__PURE__ */ y(Gi, [["render", qi]]), Yi = { ref: "colgroup" }, Ji = ["width"], Qi = { key: 0 }, Zi = ["onClick"], es = ["innerHTML"], ts = {
+  key: 0,
+  class: "w-table__progress-bar"
+}, ls = ["colspan"], is = {
   key: 0,
   class: "w-table__progress-bar"
-}, ts = ["colspan"], ls = { class: "w-table__loading-text" }, is = {
+}, ss = ["colspan"], as = { class: "w-table__loading-text" }, os = {
   key: 1,
   class: "no-data"
-}, ss = ["colspan"], as = ["onClick"], os = ["data-label"], ns = ["data-label"], rs = ["innerHTML"], ds = {
+}, ns = ["colspan"], rs = ["onClick"], ds = ["data-label"], us = ["data-label"], hs = ["innerHTML"], cs = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, us = ["colspan"], hs = { key: 0 }, cs = {
+}, ps = ["colspan"], ms = { key: 0 }, fs = {
   key: 3,
   class: "w-table__extra-row"
-}, ps = {
+}, bs = {
   key: 1,
   class: "w-table__footer"
-}, ms = {
+}, gs = {
   key: 1,
   class: "w-table__row"
-}, fs = ["colspan"];
-function bs(e, l, t, n, r, i) {
-  const a = S("w-icon"), o = S("w-progress"), d = S("w-transition-expand");
+}, ys = ["colspan"];
+function ws(e, l, t, n, r, i) {
+  const a = S("w-icon"), o = S("w-progress"), d = S("w-transition-fade"), b = S("w-transition-expand");
   return s(), u("div", {
     class: m(["w-table-wrap", i.wrapClasses])
   }, [
     w("table", {
       class: m(["w-table", i.classes]),
-      onMousedown: l[1] || (l[1] = (...h) => i.onMouseDown && i.onMouseDown(...h)),
-      onMouseover: l[2] || (l[2] = (...h) => i.onMouseOver && i.onMouseOver(...h)),
-      onMouseout: l[3] || (l[3] = (...h) => i.onMouseOut && i.onMouseOut(...h))
+      onMousedown: l[1] || (l[1] = (...c) => i.onMouseDown && i.onMouseDown(...c)),
+      onMouseover: l[2] || (l[2] = (...c) => i.onMouseOver && i.onMouseOver(...c)),
+      onMouseout: l[3] || (l[3] = (...c) => i.onMouseOut && i.onMouseOut(...c))
     }, [
-      w("colgroup", Xi, [
-        (s(!0), u(v, null, x(t.headers, (h, f) => (s(), u("col", {
+      w("colgroup", Yi, [
+        (s(!0), u(v, null, x(t.headers, (c, B) => (s(), u("col", {
           class: "w-table__col",
-          key: f,
-          width: h.width || null
-        }, null, 8, Yi))), 128))
+          key: B,
+          width: c.width || null
+        }, null, 8, Ji))), 128))
       ], 512),
-      t.noHeaders ? p("", !0) : (s(), u("thead", Ji, [
+      t.noHeaders ? p("", !0) : (s(), u("thead", Qi, [
         w("tr", null, [
-          (s(!0), u(v, null, x(t.headers, (h, f) => (s(), u("th", {
-            class: m(["w-table__header", i.headerClasses(h)]),
-            key: f,
-            onClick: (B) => !e.colResizing.dragging && h.sortable !== !1 && i.sortTable(h)
+          (s(!0), u(v, null, x(t.headers, (c, B) => (s(), u("th", {
+            class: m(["w-table__header", i.headerClasses(c)]),
+            key: B,
+            onClick: ($) => !e.colResizing.dragging && c.sortable !== !1 && i.sortTable(c)
           }, [
-            h.sortable !== !1 && h.align === "right" ? (s(), g(a, {
+            c.sortable !== !1 && c.align === "right" ? (s(), g(a, {
               key: 0,
-              class: m(["w-table__header-sort", i.headerSortClasses(h)])
+              class: m(["w-table__header-sort", i.headerSortClasses(c)])
             }, {
-              default: b(() => [
+              default: f(() => [
                 _("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : p("", !0),
-            h.label ? (s(), u(v, { key: 1 }, [
-              e.$slots["header-label"] ? c(e.$slots, "header-label", {
+            c.label ? (s(), u(v, { key: 1 }, [
+              e.$slots["header-label"] ? h(e.$slots, "header-label", {
                 key: 0,
-                header: h,
-                label: h.label,
-                index: f + 1
+                header: c,
+                label: c.label,
+                index: B + 1
               }, () => [
-                _(k(h.label || ""), 1)
+                _(k(c.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
-                innerHTML: h.label || ""
-              }, null, 8, Zi))
+                innerHTML: c.label || ""
+              }, null, 8, es))
             ], 64)) : p("", !0),
-            h.sortable !== !1 && h.align !== "right" ? (s(), g(a, {
+            c.sortable !== !1 && c.align !== "right" ? (s(), g(a, {
               key: 2,
-              class: m(["w-table__header-sort", i.headerSortClasses(h)])
+              class: m(["w-table__header-sort", i.headerSortClasses(c)])
             }, {
-              default: b(() => [
+              default: f(() => [
                 _("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : p("", !0),
-            f < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
+            B < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
               key: 3,
-              class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === f, "w-table__col-resizer--active": e.colResizing.columnIndex === f }]),
-              onClick: l[0] || (l[0] = W(() => {
+              class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === B, "w-table__col-resizer--active": e.colResizing.columnIndex === B }]),
+              onClick: l[0] || (l[0] = N(() => {
               }, ["stop"]))
             }, null, 2)) : p("", !0)
-          ], 10, Qi))), 128))
-        ])
+          ], 10, Zi))), 128))
+        ]),
+        V(d, null, {
+          default: f(() => [
+            t.loading === "header" ? (s(), u("tr", ts, [
+              w("td", {
+                colspan: t.headers.length
+              }, [
+                V(o, { tile: "" })
+              ], 8, ls)
+            ])) : p("", !0)
+          ]),
+          _: 1
+        })
       ])),
       w("tbody", null, [
-        t.loading ? (s(), u("tr", es, [
+        t.loading === !0 ? (s(), u("tr", is, [
           w("td", {
             colspan: t.headers.length
           }, [
             V(o, { tile: "" }),
-            w("div", ls, [
-              c(e.$slots, "loading", {}, () => [
+            w("div", as, [
+              h(e.$slots, "loading", {}, () => [
                 _("Loading...")
               ])
             ])
-          ], 8, ts)
-        ])) : i.tableItems.length ? (s(!0), u(v, { key: 2 }, x(i.sortedItems, (h, f) => (s(), u(v, { key: f }, [
-          e.$slots.item ? c(e.$slots, "item", {
+          ], 8, ss)
+        ])) : i.tableItems.length ? p("", !0) : (s(), u("tr", os, [
+          w("td", {
+            class: "w-table__cell text-center",
+            colspan: t.headers.length
+          }, [
+            h(e.$slots, "no-data", {}, () => [
+              _("No data to show.")
+            ])
+          ], 8, ns)
+        ])),
+        i.tableItems.length && t.loading !== !0 ? (s(!0), u(v, { key: 2 }, x(i.sortedItems, (c, B) => (s(), u(v, { key: B }, [
+          e.$slots.item ? h(e.$slots, "item", {
             key: 0,
-            item: h,
-            index: f + 1,
-            select: () => i.doSelectRow(h, f),
-            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[h._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[h._uid] !== void 0 }
+            item: c,
+            index: B + 1,
+            select: () => i.doSelectRow(c, B),
+            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[c._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[c._uid] !== void 0 }
           }) : (s(), u("tr", {
             key: 1,
-            class: m(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[h._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[h._uid] !== void 0 }]),
-            onClick: (B) => i.doSelectRow(h, f)
+            class: m(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[c._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[c._uid] !== void 0 }]),
+            onClick: ($) => i.doSelectRow(c, B)
           }, [
-            (s(!0), u(v, null, x(t.headers, (B, I) => (s(), u(v, null, [
-              e.$slots[`item-cell.${B.key}`] || e.$slots[`item-cell.${I + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
-                class: m(["w-table__cell", { [`text-${B.align || "left"}`]: !0, "w-table__cell--sticky": B.sticky }]),
-                key: `${I}-a`,
-                "data-label": B.label
+            (s(!0), u(v, null, x(t.headers, ($, T) => (s(), u(v, null, [
+              e.$slots[`item-cell.${$.key}`] || e.$slots[`item-cell.${T + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+                class: m(["w-table__cell", { [`text-${$.align || "left"}`]: !0, "w-table__cell--sticky": $.sticky }]),
+                key: `${T}-a`,
+                "data-label": $.label
               }, [
-                e.$slots[`item-cell.${B.key}`] ? c(e.$slots, `item-cell.${B.key}`, {
+                e.$slots[`item-cell.${$.key}`] ? h(e.$slots, `item-cell.${$.key}`, {
                   key: 0,
-                  header: B,
-                  item: h,
-                  label: h[B.key] || "",
-                  index: f + 1
-                }) : e.$slots[`item-cell.${I + 1}`] ? c(e.$slots, `item-cell.${I + 1}`, {
+                  header: $,
+                  item: c,
+                  label: c[$.key] || "",
+                  index: B + 1
+                }) : e.$slots[`item-cell.${T + 1}`] ? h(e.$slots, `item-cell.${T + 1}`, {
                   key: 1,
-                  header: B,
-                  item: h,
-                  label: h[B.key] || "",
-                  index: f + 1
-                }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
+                  header: $,
+                  item: c,
+                  label: c[$.key] || "",
+                  index: B + 1
+                }) : e.$slots["item-cell"] ? h(e.$slots, "item-cell", {
                   key: 2,
-                  header: B,
-                  item: h,
-                  label: h[B.key] || "",
-                  index: f + 1
+                  header: $,
+                  item: c,
+                  label: c[$.key] || "",
+                  index: B + 1
                 }) : p("", !0),
-                I < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
+                T < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
                   key: 3,
-                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === I, "w-table__col-resizer--active": e.colResizing.columnIndex === I }])
+                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }])
                 }, null, 2)) : p("", !0)
-              ], 10, os)) : (s(), u("td", {
-                class: m(["w-table__cell", { [`text-${B.align || "left"}`]: !0, "w-table__cell--sticky": B.sticky }]),
-                key: `${I}-b`,
-                "data-label": B.label
+              ], 10, ds)) : (s(), u("td", {
+                class: m(["w-table__cell", { [`text-${$.align || "left"}`]: !0, "w-table__cell--sticky": $.sticky }]),
+                key: `${T}-b`,
+                "data-label": $.label
               }, [
                 w("div", {
-                  innerHTML: h[B.key] || ""
-                }, null, 8, rs),
-                I < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
+                  innerHTML: c[$.key] || ""
+                }, null, 8, hs),
+                T < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
                   key: 0,
-                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === I, "w-table__col-resizer--active": e.colResizing.columnIndex === I }])
+                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }])
                 }, null, 2)) : p("", !0)
-              ], 10, ns))
+              ], 10, us))
             ], 64))), 256))
-          ], 10, as)),
-          i.expandedRowsByUid[h._uid] ? (s(), u("tr", ds, [
+          ], 10, rs)),
+          i.expandedRowsByUid[c._uid] ? (s(), u("tr", cs, [
             w("td", {
               class: "w-table__cell",
               colspan: t.headers.length
             }, [
-              V(d, { y: "" }, {
-                default: b(() => [
-                  i.expandedRowsByUid[h._uid] ? (s(), u("div", hs, [
-                    c(e.$slots, "row-expansion", {
-                      item: h,
-                      index: f + 1
+              V(b, { y: "" }, {
+                default: f(() => [
+                  i.expandedRowsByUid[c._uid] ? (s(), u("div", ms, [
+                    h(e.$slots, "row-expansion", {
+                      item: c,
+                      index: B + 1
                     })
                   ])) : p("", !0),
-                  f < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
+                  B < t.headers.length - 1 && t.resizableColumns ? (s(), u("span", {
                     key: 1,
-                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === f, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === B, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                   }, null, 2)) : p("", !0)
                 ]),
                 _: 2
               }, 1024)
-            ], 8, us)
+            ], 8, ps)
           ])) : p("", !0)
-        ], 64))), 128)) : (s(), u("tr", is, [
-          w("td", {
-            class: "w-table__cell text-center",
-            colspan: t.headers.length
-          }, [
-            c(e.$slots, "no-data", {}, () => [
-              _("No data to show.")
-            ])
-          ], 8, ss)
-        ])),
-        e.$slots["extra-row"] ? (s(), u("div", cs, [
-          c(e.$slots, "extra-row")
+        ], 64))), 128)) : p("", !0),
+        e.$slots["extra-row"] ? (s(), u("div", fs, [
+          h(e.$slots, "extra-row")
         ])) : p("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", ps, [
-        e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : (s(), u("tr", ms, [
+      e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", bs, [
+        e.$slots["footer-row"] ? h(e.$slots, "footer-row", { key: 0 }) : (s(), u("tr", gs, [
           w("td", {
             class: "w-table__cell",
             colspan: t.headers.length
           }, [
-            c(e.$slots, "footer")
-          ], 8, fs)
+            h(e.$slots, "footer")
+          ], 8, ys)
         ]))
       ])) : p("", !0)
     ], 34)
   ], 2);
 }
-const ee = 15, gs = {
+const te = 15, vs = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -5535,16 +5551,16 @@ const ee = 15, gs = {
     fixedLayout: { type: Boolean },
     fixedHeaders: { type: Boolean },
     fixedFooter: { type: Boolean },
-    loading: { type: Boolean },
+    loading: { type: [Boolean, String] },
     sort: { type: [String, Array] },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || Z(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || Z(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -5552,6 +5568,7 @@ const ee = 15, gs = {
     forceSelection: { type: Boolean },
     uidKey: { type: String, default: "id" },
     filter: { type: Function },
+    sortFunction: { type: Function },
     mobileBreakpoint: { type: Number, default: 0 },
     resizableColumns: { type: Boolean }
   },
@@ -5587,7 +5604,7 @@ const ee = 15, gs = {
       return typeof this.filter == "function" ? this.tableItems.filter(this.filter) : this.tableItems;
     },
     sortedItems() {
-      if (!this.activeSorting.length)
+      if (!this.activeSorting.length || this.sortFunction)
         return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), l = this.activeSorting[0][0] === "-";
       return [...this.filteredItems].sort((t, n) => (t = t[e], n = n[e], !isNaN(t) && !isNaN(n) && (t = parseFloat(t), n = parseFloat(n)), (t > n ? 1 : -1) * (l ? -1 : 1)));
@@ -5641,11 +5658,9 @@ const ee = 15, gs = {
         `m${e.align === "right" ? "r" : "l"}1`
       ];
     },
-    sortTable(e) {
+    async sortTable(e) {
       const l = this.activeSortingKeys[e.key];
-      if (l && this.activeSortingKeys[e.key] === "-")
-        return this.activeSorting = [], this.$emit("update:sort");
-      this.activeSorting[0] = (l ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting);
+      l && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (l ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" && await this.sortFunction(this.activeSorting);
     },
     doSelectRow(e, l) {
       const t = this.expandableRows === "" ? !0 : this.expandableRows, n = this.selectableRows === "" ? !0 : this.selectableRows;
@@ -5687,12 +5702,12 @@ const ee = 15, gs = {
     onResizerMouseMove(e) {
       const { startCursorX: l, columnEl: t, nextColumnEl: n, colWidth: r, nextColWidth: i } = this.colResizing;
       this.colResizing.dragging = !0;
-      const a = e.pageX - l, o = r + i, d = r + a, h = i - a;
+      const a = e.pageX - l, o = r + i, d = r + a, b = i - a;
       t.style.width = r + a + "px", n.style.width = i - a + "px";
-      const f = a < 0 && t.offsetWidth > d || t.offsetWidth <= ee, B = a > 0 && n.offsetWidth > h;
-      if (f) {
-        const I = Math.max(t.offsetWidth, ee);
-        t.style.width = I + "px", n.style.width = o - I + "px";
+      const c = a < 0 && t.offsetWidth > d || t.offsetWidth <= te, B = a > 0 && n.offsetWidth > b;
+      if (c) {
+        const $ = Math.max(t.offsetWidth, te);
+        t.style.width = $ + "px", n.style.width = o - $ + "px";
       } else
         B && (t.style.width = o - n.offsetWidth + "px", n.style.width = n.offsetWidth + "px");
     },
@@ -5726,13 +5741,13 @@ const ee = 15, gs = {
       this.selectedRowsInternal = Array.isArray(e) && e.length ? this.selectedRows : [];
     }
   }
-}, ys = /* @__PURE__ */ y(gs, [["render", bs]]), ws = ["role", "aria-pressed", "tabindex"];
-function vs(e, l, t, n, r, i) {
-  return s(), u("span", C({ class: "w-tag" }, P(e.$attrs, !0), {
+}, _s = /* @__PURE__ */ y(vs, [["render", ws]]), ks = ["role", "aria-pressed", "tabindex"];
+function Cs(e, l, t, n, r, i) {
+  return s(), u("span", C({ class: "w-tag" }, W(e.$attrs, !0), {
     onClick: l[1] || (l[1] = (a) => {
       e.$emit("update:modelValue", !t.modelValue), e.$emit("input", !t.modelValue);
     }),
-    onKeypress: l[2] || (l[2] = M((a) => {
+    onKeypress: l[2] || (l[2] = P((a) => {
       e.$emit("update:modelValue", !t.modelValue), e.$emit("input", !t.modelValue);
     }, ["enter"])),
     class: i.classes,
@@ -5741,19 +5756,19 @@ function vs(e, l, t, n, r, i) {
     tabindex: t.modelValue !== -1 && 0,
     style: i.styles
   }), [
-    c(e.$slots, "default"),
+    h(e.$slots, "default"),
     t.closable && t.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: l[0] || (l[0] = W((a) => {
+      onClick: l[0] || (l[0] = N((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 16, ws);
+  ], 16, ks);
 }
-const _s = {
+const Ss = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -5800,10 +5815,10 @@ const _s = {
       };
     }
   }
-}, ks = /* @__PURE__ */ y(_s, [["render", vs]]), Cs = ["for"], Ss = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bs = ["for"], $s = ["for"];
-function Vs(e, l, t, n, r, i) {
+}, Bs = /* @__PURE__ */ y(Ss, [["render", Cs]]), $s = ["for"], Vs = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Is = ["for"], Rs = ["for"];
+function Ls(e, l, t, n, r, i) {
   const a = S("w-icon");
-  return s(), g($(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": l[6] || (l[6] = (o) => e.valid = o),
     wrap: i.hasLabel && t.labelPosition !== "inside",
@@ -5812,17 +5827,17 @@ function Vs(e, l, t, n, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: f(() => [
       t.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
         e.$slots.default || t.label ? (s(), u("label", {
           key: 0,
           class: m(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, Cs)) : p("", !0)
+        ], 10, $s)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: m(["w-textarea__textarea-wrap", i.inputWrapClasses])
@@ -5834,7 +5849,7 @@ function Vs(e, l, t, n, r, i) {
           for: `w-textarea--${e._.uid}`,
           onClick: l[0] || (l[0] = (o) => e.$emit("click:inner-icon-left", o))
         }, {
-          default: b(() => [
+          default: f(() => [
             _(k(t.innerIconLeft), 1)
           ]),
           _: 1
@@ -5843,7 +5858,7 @@ function Vs(e, l, t, n, r, i) {
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": l[1] || (l[1] = (o) => r.inputValue = o)
-        }, P(i.listeners, !0), {
+        }, W(i.listeners, !0), {
           onInput: l[2] || (l[2] = (...o) => i.onInput && i.onInput(...o)),
           onFocus: l[3] || (l[3] = (...o) => i.onFocus && i.onFocus(...o)),
           onBlur: l[4] || (l[4] = (...o) => i.onBlur && i.onBlur(...o)),
@@ -5857,8 +5872,8 @@ function Vs(e, l, t, n, r, i) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, Ss), [
-          [se, r.inputValue]
+        }), null, 16, Vs), [
+          [ae, r.inputValue]
         ]),
         t.labelPosition === "inside" && i.showLabelInside ? (s(), u(v, { key: 1 }, [
           e.$slots.default || t.label ? (s(), u("label", {
@@ -5866,10 +5881,10 @@ function Vs(e, l, t, n, r, i) {
             class: m(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses]),
             for: `w-textarea--${e._.uid}`
           }, [
-            c(e.$slots, "default", {}, () => [
+            h(e.$slots, "default", {}, () => [
               _(k(t.label), 1)
             ])
-          ], 10, Bs)) : p("", !0)
+          ], 10, Is)) : p("", !0)
         ], 64)) : p("", !0),
         t.innerIconRight ? (s(), g(a, {
           key: 2,
@@ -5878,7 +5893,7 @@ function Vs(e, l, t, n, r, i) {
           for: `w-textarea--${e._.uid}`,
           onClick: l[5] || (l[5] = (o) => e.$emit("click:inner-icon-right", o))
         }, {
-          default: b(() => [
+          default: f(() => [
             _(k(t.innerIconRight), 1)
           ]),
           _: 1
@@ -5890,18 +5905,18 @@ function Vs(e, l, t, n, r, i) {
           class: m(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          c(e.$slots, "default", {}, () => [
+          h(e.$slots, "default", {}, () => [
             _(k(t.label), 1)
           ])
-        ], 10, $s)) : p("", !0)
+        ], 10, Rs)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const Is = {
+const xs = {
   name: "w-textarea",
-  mixins: [z],
+  mixins: [E],
   props: {
     modelValue: { default: "" },
     label: { type: String },
@@ -6013,26 +6028,26 @@ const Is = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, Rs = /* @__PURE__ */ y(Is, [["render", Vs]]), Ls = { class: "w-timeline" }, xs = ["innerHTML"], Ts = ["innerHTML"];
-function zs(e, l, t, n, r, i) {
-  return s(), u("ul", Ls, [
+}, Ts = /* @__PURE__ */ y(xs, [["render", Ls]]), zs = { class: "w-timeline" }, Es = ["innerHTML"], Os = ["innerHTML"];
+function Ms(e, l, t, n, r, i) {
+  return s(), u("ul", zs, [
     (s(!0), u(v, null, x(t.items, (a, o) => (s(), u("li", {
       class: "w-timeline-item",
       key: o
     }, [
-      (s(), g($(a[t.itemIconKey] || t.icon ? "w-icon" : "div"), {
+      (s(), g(I(a[t.itemIconKey] || t.icon ? "w-icon" : "div"), {
         class: m(["w-timeline-item__bullet", { [a[t.itemColorKey] || t.color]: a[t.itemColorKey] || t.color }])
       }, {
-        default: b(() => [
+        default: f(() => [
           _(k(a[t.itemIconKey] || t.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
-      e.$slots[`item.${o + 1}`] ? c(e.$slots, `item.${o + 1}`, {
+      e.$slots[`item.${o + 1}`] ? h(e.$slots, `item.${o + 1}`, {
         key: 1,
         item: a,
         index: o + 1
-      }) : c(e.$slots, "item", {
+      }) : h(e.$slots, "item", {
         key: 0,
         item: a,
         index: o + 1
@@ -6040,16 +6055,16 @@ function zs(e, l, t, n, r, i) {
         w("div", {
           class: m(["w-timeline-item__title", { [a[t.itemColorKey] || t.color]: a[t.itemColorKey] || t.color }]),
           innerHTML: a[t.itemTitleKey]
-        }, null, 10, xs),
+        }, null, 10, Es),
         w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[t.itemContentKey]
-        }, null, 8, Ts)
+        }, null, 8, Os)
       ])
     ]))), 128))
   ]);
 }
-const Es = {
+const Ps = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6061,16 +6076,16 @@ const Es = {
     itemColorKey: { type: String, default: "color" }
   },
   emits: []
-}, Os = /* @__PURE__ */ y(Es, [["render", zs]]);
-function Ms(e, l, t, n, r, i) {
+}, Ws = /* @__PURE__ */ y(Ps, [["render", Ms]]);
+function Ns(e, l, t, n, r, i) {
   return s(), u("div", {
     class: m(["w-toolbar", i.classes]),
     style: R(i.styles)
   }, [
-    c(e.$slots, "default")
+    h(e.$slots, "default")
   ], 6);
 }
-const Ps = {
+const As = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -6115,31 +6130,31 @@ const Ps = {
       };
     }
   }
-}, Ws = /* @__PURE__ */ y(Ps, [["render", Ms]]);
-function Ns(e, l, t, n, r, i) {
+}, Ks = /* @__PURE__ */ y(As, [["render", Ns]]);
+function Fs(e, l, t, n, r, i) {
   return s(), u(v, null, [
-    c(e.$slots, "activator", { on: i.activatorEventHandlers }),
+    h(e.$slots, "activator", { on: i.activatorEventHandlers }),
     V(L, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: b(() => [
+      default: f(() => [
         e.detachableVisible ? (s(), u("div", {
           class: m(["w-tooltip", i.classes]),
           ref: "detachable",
           key: e._.uid,
           style: R(i.styles)
         }, [
-          c(e.$slots, "default")
+          h(e.$slots, "default")
         ], 6)) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"])
   ], 64);
 }
-const As = {
+const js = {
   name: "w-tooltip",
-  mixins: [oe],
+  mixins: [ne],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },
@@ -6167,7 +6182,7 @@ const As = {
   }),
   computed: {
     tooltipClasses() {
-      return A(this.tooltipClass);
+      return K(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (l) => ({ top: "up", bottom: "down" })[l]);
@@ -6219,23 +6234,23 @@ const As = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((l) => setTimeout(l, 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));
     }
   }
-}, Ks = /* @__PURE__ */ y(As, [["render", Ns]]);
-function js(e, l, t, n, r, i) {
+}, Hs = /* @__PURE__ */ y(js, [["render", Fs]]);
+function Ds(e, l, t, n, r, i) {
   return s(), g(L, C({ name: "bounce" }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Fs = {
+const Us = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Hs = /* @__PURE__ */ y(Fs, [["render", js]]);
-function Ds(e, l, t, n, r, i) {
+}, qs = /* @__PURE__ */ y(Us, [["render", Ds]]);
+function Gs(e, l, t, n, r, i) {
   return s(), g(L, {
     name: "expand",
     mode: "out-in",
@@ -6250,13 +6265,13 @@ function Ds(e, l, t, n, r, i) {
     onLeave: i.leave,
     onAfterLeave: i.afterLeave
   }, {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Us = {
+const Xs = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -6342,61 +6357,61 @@ const Us = {
       setTimeout(() => this.applyHideStyles(e), 20), setTimeout(l, this.duration);
     }
   }
-}, qs = /* @__PURE__ */ y(Us, [["render", Ds]]);
-function Gs(e, l, t, n, r, i) {
+}, Ys = /* @__PURE__ */ y(Xs, [["render", Gs]]);
+function Js(e, l, t, n, r, i) {
   return s(), g(L, C({ name: "fade" }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Xs = {
+const Qs = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ys = /* @__PURE__ */ y(Xs, [["render", Gs]]);
-function Js(e, l, t, n, r, i) {
+}, Zs = /* @__PURE__ */ y(Qs, [["render", Js]]);
+function ea(e, l, t, n, r, i) {
   return s(), g(L, C({ name: "scale" }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Qs = {
+const ta = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Zs = /* @__PURE__ */ y(Qs, [["render", Js]]);
-function ea(e, l, t, n, r, i) {
+}, la = /* @__PURE__ */ y(ta, [["render", ea]]);
+function ia(e, l, t, n, r, i) {
   return s(), g(L, C({ name: "scale-fade" }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const ta = {
+const sa = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, la = /* @__PURE__ */ y(ta, [["render", ea]]);
-function ia(e, l, t, n, r, i) {
+}, aa = /* @__PURE__ */ y(sa, [["render", ia]]);
+function oa(e, l, t, n, r, i) {
   return s(), g(L, C({ name: i.transitionName }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const sa = {
+const na = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -6414,16 +6429,16 @@ const sa = {
       return `slide-${this.direction}`;
     }
   }
-}, aa = /* @__PURE__ */ y(sa, [["render", ia]]);
-function oa(e, l, t, n, r, i) {
+}, ra = /* @__PURE__ */ y(na, [["render", oa]]);
+function da(e, l, t, n, r, i) {
   return s(), g(L, C({ name: i.transitionName }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const na = {
+const ua = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -6441,75 +6456,75 @@ const na = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, ra = /* @__PURE__ */ y(na, [["render", oa]]);
-function da(e, l, t, n, r, i) {
+}, ha = /* @__PURE__ */ y(ua, [["render", da]]);
+function ca(e, l, t, n, r, i) {
   return s(), g(L, C({ name: "twist" }, e.$props), {
-    default: b(() => [
-      c(e.$slots, "default")
+    default: f(() => [
+      h(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const ua = {
+const pa = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ha = /* @__PURE__ */ y(ua, [["render", da]]), ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ma = /* @__PURE__ */ y(pa, [["render", ca]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WAccordion: ye,
-  WAlert: ke,
-  WApp: ze,
-  WBadge: Me,
-  WBreadcrumbs: Ae,
-  WButton: Xe,
-  WCard: Qe,
-  WCheckbox: rt,
-  WCheckboxes: ct,
-  WConfirm: bt,
-  WDatePicker: wt,
-  WDialog: kt,
-  WDivider: $t,
-  WDrawer: xt,
-  WFlex: Et,
-  WForm: Wt,
-  WFormElement: Kt,
-  WGrid: Ht,
-  WIcon: qt,
-  WImage: Jt,
-  WInput: dl,
-  WList: cl,
-  WMenu: fl,
-  WNotification: yl,
-  WOverlay: _l,
-  WParallax: Bl,
-  WProgress: zl,
-  WRadio: Kl,
-  WRadios: Dl,
-  WRating: Yl,
-  WSelect: oi,
-  WSlider: vi,
-  WSpinner: Si,
-  WSteps: Ii,
-  WSwitch: Mi,
-  WTabs: Gi,
-  WTable: ys,
-  WTag: ks,
-  WTextarea: Rs,
-  WTimeline: Os,
-  WToolbar: Ws,
-  WTooltip: Ks,
-  WTransitionBounce: Hs,
-  WTransitionExpand: qs,
-  WTransitionFade: Ys,
-  WTransitionScale: Zs,
-  WTransitionScaleFade: la,
-  WTransitionSlide: aa,
-  WTransitionSlideFade: ra,
-  WTransitionTwist: ha
-}, Symbol.toStringTag, { value: "Module" })), pa = N.install;
-N.install = (e, l = {}) => pa.call(N, e, { components: ca, ...l });
+  WAccordion: we,
+  WAlert: Ce,
+  WApp: Ee,
+  WBadge: Pe,
+  WBreadcrumbs: Ke,
+  WButton: Ye,
+  WCard: Ze,
+  WCheckbox: dt,
+  WCheckboxes: pt,
+  WConfirm: gt,
+  WDatePicker: vt,
+  WDialog: Ct,
+  WDivider: Vt,
+  WDrawer: Tt,
+  WFlex: Ot,
+  WForm: Nt,
+  WFormElement: Ft,
+  WGrid: Dt,
+  WIcon: Gt,
+  WImage: Qt,
+  WInput: ul,
+  WList: pl,
+  WMenu: bl,
+  WNotification: wl,
+  WOverlay: kl,
+  WParallax: $l,
+  WProgress: El,
+  WRadio: Fl,
+  WRadios: Ul,
+  WRating: Jl,
+  WSelect: ni,
+  WSlider: _i,
+  WSpinner: Bi,
+  WSteps: Ri,
+  WSwitch: Pi,
+  WTabs: Xi,
+  WTable: _s,
+  WTag: Bs,
+  WTextarea: Ts,
+  WTimeline: Ws,
+  WToolbar: Ks,
+  WTooltip: Hs,
+  WTransitionBounce: qs,
+  WTransitionExpand: Ys,
+  WTransitionFade: Zs,
+  WTransitionScale: la,
+  WTransitionScaleFade: aa,
+  WTransitionSlide: ra,
+  WTransitionSlideFade: ha,
+  WTransitionTwist: ma
+}, Symbol.toStringTag, { value: "Module" })), ba = A.install;
+A.install = (e, l = {}) => ba.call(A, e, { components: fa, ...l });
 export {
-  N as default
+  A as default
 };