wave-ui 3.14.2 → 3.15.0

package/dist/wave-ui.es.js

@@ -5,7 +5,7 @@ var de = (e) => {
 var $e = (e, t, i) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var H = (e, t, i) => $e(e, typeof t != "symbol" ? t + "" : t, i), ue = (e, t, i) => t.has(e) || de("Cannot " + i);
 var Y = (e, t, i) => (ue(e, t, "read from private field"), i ? i.call(e) : t.get(e)), te = (e, t, i) => t.has(e) ? de("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), ie = (e, t, i, s) => (ue(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
-import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as g, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ie, defineComponent as Te, inject as Le, withKeys as E, withModifiers as M, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
+import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as b, Teleport as Ie, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ve, defineComponent as Te, inject as Le, withKeys as E, withModifiers as O, renderSlot as c, createTextVNode as B, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
 const Pe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -74,18 +74,20 @@ const Pe = Z({
       typeof s == "object" && typeof t[i] == "object" ? Ce(e[i], t[i]) : t[i] = s;
     }
   return t;
-}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), Oe = (e) => {
+}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), ze = (e) => {
   ["light", "dark"].forEach((t) => {
-    var s;
+    var s, n, l;
     const i = e.colors[t];
     i.shades = {};
-    for (const n in i) {
-      if (n === "shades") continue;
-      const l = i[n], a = { label: n, color: (((s = i[n]) == null ? void 0 : s.color) ?? i[n]).replace("#", "") }, r = a.color;
-      r.length === 3 && (a.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]);
-      for (let d = 1; d <= 6; d++) {
-        const h = We(`#${a.color}`, d * ((l == null ? void 0 : l.lightIncrement) ?? 16) + ((l == null ? void 0 : l.lightOffset) ?? 0)), y = Ke(`#${a.color}`, d * ((l == null ? void 0 : l.darkIncrement) ?? 12.4) + ((l == null ? void 0 : l.darkOffset) ?? 0));
-        i.shades[`${a.label}-light${d}`] = h, i.shades[`${a.label}-dark${d}`] = y;
+    for (const a in i) {
+      if (a === "shades") continue;
+      const r = i[a], d = { label: a, color: (l = (n = ((s = i[a]) == null ? void 0 : s.color) ?? i[a]) == null ? void 0 : n.replace) == null ? void 0 : l.call(n, "#", "") }, h = d.color;
+      if (h) {
+        h.length === 3 && (d.color = h[0] + "" + h[0] + h[1] + h[1] + h[2] + h[2]);
+        for (let y = 1; y <= 6; y++) {
+          const S = We(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = Ke(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
+          i.shades[`${d.label}-light${y}`] = S, i.shades[`${d.label}-dark${y}`] = g;
+        }
       }
     }
   });
@@ -106,17 +108,17 @@ function J(e) {
   const t = e.toString(16);
   return t.length === 1 && `0${t}` || t.length === 2 && t || F(`expected value from 0~255, got: ${e}`) || "";
 }
-function Me(e) {
+function Oe(e) {
   return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
-function ze(e) {
+function Me(e) {
   return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
 }
 function Ee(e) {
   return `#${e.substring(1).split("").map((t) => `${t}${t}`).join("")}`;
 }
 function Ae(e) {
-  return Me(e) && e || ze(e) && Ee(e) || F(`expected color hex string, got '${e}'`) || "";
+  return Oe(e) && e || Me(e) && Ee(e) || F(`expected color hex string, got '${e}'`) || "";
 }
 function ce(e) {
   const t = Ae(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), n = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
@@ -132,8 +134,8 @@ function pe(e, t, i, s) {
   return `#${J(e)}${J(t)}${J(i)}${s ? J(Math.floor(s * 255)) : ""}`;
 }
 function Se(e, t, i = 50) {
-  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), B = G(Math.round(s.green * d + n.green * h), 0, 255), b = G(Math.round(s.blue * d + n.blue * h), 0, 255), I = s.alpha * l + n.alpha * (1 - l);
-  return s.hasAlpha || n.hasAlpha || I !== 1 ? pe(y, B, b, I) : pe(y, B, b);
+  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), S = G(Math.round(s.green * d + n.green * h), 0, 255), g = G(Math.round(s.blue * d + n.blue * h), 0, 255), V = s.alpha * l + n.alpha * (1 - l);
+  return s.hasAlpha || n.hasAlpha || V !== 1 ? pe(y, S, g, V) : pe(y, S, g);
 }
 function We(e, t = 15) {
   return Se("#ffffff", e, t);
@@ -494,21 +496,21 @@ const fe = [
 };
 let se = { keys: [], values: [] }, me = null;
 const Ne = (e, t) => {
-  var I;
+  var V;
   let i = "";
   const s = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: y } = U;
-  for (const V in h)
-    i += `${y} .${V}--bg{background-color:var(--w-${V}-color)}${y} .${V}{color:var(--w-${V}-color)}`;
-  for (const V in d)
-    i += `${y} .${V}--bg{background-color:${d[V]}}${y} .${V}{color:${d[V]}}`;
-  const B = { ...h, info: n, warning: l, success: a, error: r };
-  for (const V in B) s[V] = ((I = B[V]) == null ? void 0 : I.color) ?? B[V];
+  for (const I in h)
+    i += `${y} .${I}--bg{background-color:var(--w-${I}-color)}${y} .${I}{color:var(--w-${I}-color)}`;
+  for (const I in d)
+    i += `${y} .${I}--bg{background-color:${d[I]}}${y} .${I}{color:${d[I]}}`;
+  const S = { ...h, info: n, warning: l, success: a, error: r };
+  for (const I in S) s[I] = ((V = S[I]) == null ? void 0 : V.color) ?? S[I];
   if (t)
-    for (const V in d) s[V] = d[V];
-  let b = "";
-  return Object.entries(s).forEach(([V, O]) => {
-    b += `--w-${V}-color: ${O};`;
-  }), `:root{${b}}${i}`;
+    for (const I in d) s[I] = d[I];
+  let g = "";
+  return Object.entries(s).forEach(([I, z]) => {
+    g += `--w-${I}-color: ${z};`;
+  }), `:root{${g}}${i}`;
 }, De = (e, t) => {
   let i = "";
   const { cssScope: s } = U;
@@ -543,6 +545,8 @@ const Ne = (e, t) => {
     "no-grow{flex-grow:0}",
     "shrink{flex-shrink:1;margin-left:auto;margin-right:auto}",
     "no-shrink{flex-shrink:0}",
+    "wrap{flex-wrap: wrap}",
+    "no-wrap{flex-wrap: nowrap}",
     "fill-width{width:100%}",
     "fill-height{height:100%}",
     "basis-zero{flex-basis:0}",
@@ -610,7 +614,7 @@ const Ne = (e, t) => {
 }, qe = ["innerHTML"];
 function Xe(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return o(), g(Ve, { to: ".w-app" }, [
+  return o(), b(Ie, { to: ".w-app" }, [
     T(ae, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
@@ -619,7 +623,7 @@ function Xe(e, t, i, s, n, l) {
     }, {
       default: m(() => [
         (o(!0), u(k, null, x(l.notifications, (r) => (o(), u(k, null, [
-          r._value ? (o(), g(a, _({
+          r._value ? (o(), b(a, _({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -711,7 +715,7 @@ let oe = K;
 const Je = (e, t, i) => {
   const s = document.createElement("div");
   e.appendChild(s);
-  const n = Ie(Te({
+  const n = Ve(Te({
     ...Ge,
     inject: ["$waveui"]
   })).provide("$waveui", i);
@@ -786,7 +790,7 @@ const N = class N {
       i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
     let { components: s, ...n } = i;
-    n = this.$waveui.config = Ce(n), n.css.colorShades && Oe(n);
+    n = this.$waveui.config = Ce(n), n.css.colorShades && ze(n);
     const l = Z(this.$waveui);
     t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = he(n.colors[n.theme], fe));
   }
@@ -840,7 +844,7 @@ function st(e, t, i, s, n, l) {
         onKeypress: E((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        i.expandIcon && !i.expandIconRight ? (o(), g(a, {
+        i.expandIcon && !i.expandIconRight ? (o(), b(a, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
@@ -848,9 +852,9 @@ function st(e, t, i, s, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = M(() => {
+          onKeypress: t[0] || (t[0] = O(() => {
           }, ["stop"])),
-          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: O((y) => !d._disabled && l.toggleItem(d, y), ["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}`, {
           key: 1,
@@ -868,14 +872,14 @@ function st(e, t, i, s, n, l) {
             innerHTML: d[i.itemTitleKey]
           }, null, 8, it)
         ]),
-        i.expandIcon && i.expandIconRight ? (o(), g(a, {
+        i.expandIcon && i.expandIconRight ? (o(), b(a, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
-          onKeypress: t[1] || (t[1] = M(() => {
+          onKeypress: t[1] || (t[1] = O(() => {
           }, ["stop"])),
-          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: O((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
       ], 42, tt),
       T(r, {
@@ -1006,19 +1010,19 @@ function rt(e, t, i, s, n, l) {
     class: f(["w-alert", l.classes])
   }, [
     l.type || i.icon || i.dismiss ? (o(), u(k, { key: 0 }, [
-      l.type || i.icon ? (o(), g(a, {
+      l.type || i.icon ? (o(), b(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
         default: m(() => [
-          S(C(l.type ? l.typeIcon : i.icon), 1)
+          B(C(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
       w("div", nt, [
         c(e.$slots, "default")
       ]),
-      i.dismiss ? (o(), g(r, {
+      i.dismiss ? (o(), b(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -1132,7 +1136,7 @@ function yt(e, t, i, s, n, l) {
           innerHTML: d[i.itemLabelKey]
         }, null, 8, ct),
         T(a, {
-          onClick: M((y) => l.unselectItem(h), ["stop"]),
+          onClick: O((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
           text: "",
@@ -1163,7 +1167,7 @@ function yt(e, t, i, s, n, l) {
         }, [
           (o(!0), u(k, null, x(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
-            onClick: M((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
+            onClick: O((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
             c(e.$slots, "item", {
@@ -1422,7 +1426,7 @@ function $t(e, t, i, s, n, l) {
           role: "status"
         }, [
           i.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
-            S(C(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
+            B(C(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
         ], 6)) : p("", !0)
       ]),
@@ -1430,7 +1434,7 @@ function $t(e, t, i, s, n, l) {
     }, 8, ["name"])
   ]);
 }
-const Vt = {
+const It = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1493,7 +1497,7 @@ const Vt = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, It = /* @__PURE__ */ v(Vt, [["render", $t]]), Tt = ["innerHTML"];
+}, Vt = /* @__PURE__ */ v(It, [["render", $t]]), Tt = ["innerHTML"];
 function Lt(e, t, i, s, n, l) {
   const a = $("w-icon");
   return o(), u("div", {
@@ -1505,17 +1509,17 @@ function Lt(e, t, i, s, n, l) {
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (o(), g(a, {
+      ], 2)) : d ? (o(), b(a, {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
       r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (o(), u(k, { key: 2 }, [
-        e.$slots.item ? (o(), g(L(l.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1529,7 +1533,7 @@ function Lt(e, t, i, s, n, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (o(), g(L(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1582,7 +1586,7 @@ const Rt = {
 }, xt = /* @__PURE__ */ v(Rt, [["render", Lt]]), Pt = {
   key: 0,
   class: "w-button__loader"
-}, Ot = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
+}, zt = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
   /* @__PURE__ */ w("circle", {
     cx: "20",
     cy: "20",
@@ -1593,18 +1597,18 @@ const Rt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function Mt(e, t, i, s, n, l) {
+function Ot(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return o(), g(L(!i.disabled && i.route ? "a" : "button"), _({
+  return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
     href: !i.disabled && i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
     disabled: !!i.disabled || null
   }, l.attrs, { style: l.styles }), {
     default: m(() => [
-      i.icon ? (o(), g(a, le(_({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), b(a, le(_({ key: 0 }, i.iconProps || {})), {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
@@ -1612,7 +1616,7 @@ function Mt(e, t, i, s, n, l) {
         default: m(() => [
           i.loading ? (o(), u("div", Pt, [
             c(e.$slots, "loading", {}, () => [
-              Ot
+              zt
             ])
           ])) : p("", !0)
         ]),
@@ -1622,7 +1626,7 @@ function Mt(e, t, i, s, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const zt = {
+const Mt = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1723,10 +1727,10 @@ const zt = {
       };
     }
   }
-}, Et = /* @__PURE__ */ v(zt, [["render", Mt]]), At = ["innerHTML"];
+}, Et = /* @__PURE__ */ v(Mt, [["render", Ot]]), At = ["innerHTML"];
 function Wt(e, t, i, s, n, l) {
   const a = $("button-partial");
-  return i.tooltip ? (o(), g(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
+  return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
       T(a, _(l.buttonProps, ne(r)), {
         default: m(() => [
@@ -1739,7 +1743,7 @@ function Wt(e, t, i, s, n, l) {
       w("div", { innerHTML: i.tooltip }, null, 8, At)
     ]),
     _: 3
-  }, 16)) : (o(), g(a, le(_({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), b(a, le(_({ key: 1 }, l.buttonProps)), {
     loading: m(() => [
       c(e.$slots, "loading")
     ]),
@@ -1816,7 +1820,7 @@ function Ht(e, t, i, s, n, l) {
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
     }, null, 10, Dt)) : p("", !0),
-    i.image ? (o(), g(a, _({
+    i.image ? (o(), b(a, _({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1890,7 +1894,7 @@ const Ft = {
       };
     }
   }
-}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), z = {
+}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), M = {
   inject: {
     // Used in each form component to determine whether to use the w-form-element wrap or not.
     // So, if a form component is in a form, use the w-form-element wrap.
@@ -1943,7 +1947,7 @@ const Ft = {
   Yt
 ], Jt = ["for"], Qt = ["for", "innerHTML"];
 function Zt(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return o(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
@@ -1975,7 +1979,7 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, qt)) : i.label ? (o(), u("label", {
           key: 1,
@@ -1997,7 +2001,7 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Jt)) : i.label ? (o(), u("label", {
           key: 1,
@@ -2012,7 +2016,7 @@ function Zt(e, t, i, s, n, l) {
 }
 const ei = {
   name: "w-checkbox",
-  mixins: [z],
+  mixins: [M],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -2080,7 +2084,7 @@ const ei = {
 }, ti = /* @__PURE__ */ v(ei, [["render", Zt]]), ii = ["innerHTML"];
 function li(e, t, i, s, n, l) {
   const a = $("w-checkbox");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -2089,7 +2093,7 @@ function li(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (o(!0), u(k, null, x(l.checkboxItems, (r, d) => (o(), g(a, _({
+      (o(!0), u(k, null, x(l.checkboxItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2121,7 +2125,7 @@ function li(e, t, i, s, n, l) {
 }
 const si = {
   name: "w-checkboxes",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -2185,7 +2189,7 @@ const si = {
 }, oi = /* @__PURE__ */ v(si, [["render", li]]);
 function ai(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
-  return o(), g(d, _({
+  return o(), b(d, _({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
@@ -2205,13 +2209,13 @@ function ai(e, t, i, s, n, l) {
         default: m(() => [
           w("div", null, [
             c(e.$slots, "question", {}, () => [
-              S(C(i.question), 1)
+              B(C(i.question), 1)
             ])
           ]),
           w("div", {
             class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (o(), g(a, _({
+            i.cancel !== !1 ? (o(), b(a, _({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
@@ -2221,19 +2225,19 @@ function ai(e, t, i, s, n, l) {
             }), {
               default: m(() => [
                 c(e.$slots, "cancel", {}, () => [
-                  S(C(l.cancelButton.label), 1)
+                  B(C(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((o(), g(a, _(l.confirmButtonProps, {
+            W((o(), b(a, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
                 c(e.$slots, "confirm", {}, () => [
-                  S(C(l.confirmButton.label), 1)
+                  B(C(l.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -2391,7 +2395,7 @@ const ui = {
 }, hi = /* @__PURE__ */ v(ui, [["render", di]]);
 function ci(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return o(), g(r, {
+  return o(), b(r, {
     class: f(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
     persistent: i.persistent,
@@ -2561,7 +2565,7 @@ function ki(e, t, i, s, n, l) {
       style: R(l.trackStyles)
     }, [
       w("div", wi, [
-        i.noOverlay ? p("", !0) : (o(), g(a, {
+        i.noOverlay ? p("", !0) : (o(), b(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
@@ -2579,7 +2583,7 @@ function ki(e, t, i, s, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2594,7 +2598,7 @@ function ki(e, t, i, s, n, l) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (o(), u(k, { key: 1 }, [
-      i.noOverlay ? p("", !0) : (o(), g(a, {
+      i.noOverlay ? p("", !0) : (o(), b(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
@@ -2611,7 +2615,7 @@ function ki(e, t, i, s, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2743,7 +2747,7 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
   }
 }, Si = /* @__PURE__ */ v(Ci, [["render", ki]]);
 function Bi(e, t, i, s, n, l) {
-  return o(), g(L(i.tag), {
+  return o(), b(L(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
@@ -2800,7 +2804,7 @@ const _i = {
     }
   }
 }, $i = /* @__PURE__ */ v(_i, [["render", Bi]]);
-function Vi(e, t, i, s, n, l) {
+function Ii(e, t, i, s, n, l) {
   return o(), u("form", {
     class: f(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
@@ -2810,7 +2814,7 @@ function Vi(e, t, i, s, n, l) {
     c(e.$slots, "default")
   ], 34);
 }
-const Ii = async (e, t) => {
+const Vi = async (e, t) => {
   for (const i of e)
     if (await t(i)) return !0;
   return !1;
@@ -2894,7 +2898,7 @@ const Ii = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await Ii(e.validators, async (s) => {
+      await Vi(e.validators, async (s) => {
         const n = await (typeof s == "function" && s(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
@@ -2920,7 +2924,7 @@ const Ii = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, Li = /* @__PURE__ */ v(Ti, [["render", Vi]]);
+}, Li = /* @__PURE__ */ v(Ti, [["render", Ii]]);
 function Ri(e, t, i, s, n, l) {
   const a = $("w-transition-expand");
   return o(), u("div", {
@@ -2940,7 +2944,7 @@ function Ri(e, t, i, s, n, l) {
           c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            S(C(e.Validation.message), 1)
+            B(C(e.Validation.message), 1)
           ])
         ], 2)) : p("", !0)
       ]),
@@ -3022,8 +3026,8 @@ const xi = {
     this.formUnregister && this.formUnregister(this);
   }
 }, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
-function Oi(e, t, i, s, n, l) {
-  return o(), g(L(i.tag), {
+function zi(e, t, i, s, n, l) {
+  return o(), b(L(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
@@ -3032,7 +3036,7 @@ function Oi(e, t, i, s, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const Mi = {
+const Oi = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -3076,9 +3080,9 @@ const Mi = {
       };
     }
   }
-}, zi = /* @__PURE__ */ v(Mi, [["render", Oi]]);
+}, Mi = /* @__PURE__ */ v(Oi, [["render", zi]]);
 function Ei(e, t, i, s, n, l) {
-  return o(), g(L(i.tag || "i"), {
+  return o(), b(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
     "aria-hidden": "true",
@@ -3086,7 +3090,7 @@ function Ei(e, t, i, s, n, l) {
   }, {
     default: m(() => [
       l.hasLigature ? (o(), u(k, { key: 0 }, [
-        S(C(e.icon), 1)
+        B(C(e.icon), 1)
       ], 64)) : p("", !0)
     ]),
     _: 1
@@ -3164,11 +3168,11 @@ const Ai = {
 }, Wi = /* @__PURE__ */ v(Ai, [["render", Ei]]), Ki = {
   key: 0,
   class: "w-image__loader"
-};
-function Ni(e, t, i, s, n, l) {
+}, Ni = ["innerHTML"];
+function Di(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return o(), g(L(l.wrapperTag), {
-    class: f(["w-image-wrap", l.wrapperClasses]),
+  return o(), b(L(l.wrapperTag), {
+    class: f(["w-image", l.wrapperClasses]),
     style: R(l.wrapperStyles)
   }, {
     default: m(() => [
@@ -3177,23 +3181,23 @@ function Ni(e, t, i, s, n, l) {
         appear: ""
       }, {
         default: m(() => [
-          n.loaded ? (o(), g(L(i.tag), {
+          n.loaded ? (o(), b(L(l.normalized.tag), {
             key: 0,
-            class: f(["w-image", l.imageClasses]),
+            class: f(["w-image__image", l.imageClasses]),
             style: R(l.imageStyles),
-            src: i.tag === "img" ? n.imgSrc : null
+            src: l.normalized.tag === "img" ? n.computedImg.src : null
           }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (o(), u("div", Ki, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), g(a, _({
+      !i.noSpinner && n.loading ? (o(), u("span", Ki, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, _({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : p("", !0),
-      e.$slots.default ? (o(), g(L(l.wrapperTag), {
+      e.$slots.default ? (o(), b(L(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
@@ -3201,18 +3205,31 @@ function Ni(e, t, i, s, n, l) {
           c(e.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class"])) : p("", !0)
+      }, 8, ["class"])) : p("", !0),
+      e.$slots.caption ? (o(), u("figcaption", {
+        key: 2,
+        class: f(["w-image__caption caption", i.captionClass])
+      }, [
+        c(e.$slots, "caption")
+      ], 2)) : i.caption ? (o(), u("figcaption", {
+        key: 3,
+        class: f(["w-image__caption caption", i.captionClass]),
+        innerHTML: i.caption
+      }, null, 10, Ni)) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
 }
-const Di = {
+const Hi = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
+    // span, div, figure, img.
     src: { type: String },
     width: { type: [Number, String] },
     height: { type: [Number, String] },
+    maxWidth: { type: [Number, String] },
+    maxHeight: { type: [Number, String] },
     ratio: { type: [Number, String] },
     lazy: { type: Boolean },
     absolute: { type: Boolean },
@@ -3222,50 +3239,68 @@ const Di = {
     spinnerColor: { type: String },
     fallback: { type: String },
     transition: { type: String, default: "fade" },
-    contentClass: { type: [String, Array, Object] }
+    contentClass: { type: [String, Array, Object] },
+    caption: { type: String },
+    captionClass: { type: String }
   },
   emits: ["loading", "loaded", "error"],
   data() {
     return {
       loading: !1,
       loaded: !1,
-      imgSrc: "",
-      imgWidth: this.width || 0,
-      imgHeight: this.height || 0,
-      imgComputedRatio: 0
+      // The computed image source, and real image dimensions.
+      computedImg: {
+        src: "",
+        width: 0,
+        height: 0,
+        ratio: 0
+      }
     };
   },
   computed: {
-    imgGivenRatio() {
-      return parseFloat(this.ratio);
+    // Normalized props.
+    normalized() {
+      return {
+        width: (isNaN(this.width) ? this.width : `${this.width}px`) || null,
+        height: (isNaN(this.height) ? this.height : `${this.height}px`) || null,
+        maxWidth: (isNaN(this.maxWidth) ? this.maxWidth : `${this.maxWidth}px`) || null,
+        maxHeight: (isNaN(this.maxHeight) ? this.maxHeight : `${this.maxHeight}px`) || null,
+        ratio: parseFloat(this.ratio) || void 0,
+        tag: this.tag === "img" || this.tag === "figure" || this.caption ? "img" : "span"
+      };
     },
     wrapperTag() {
-      return ["span", "div"].includes(this.tag) ? this.tag : "span";
+      return this.caption || this.tag === "figure" ? "figure" : ["span", "div"].includes(this.tag) ? this.tag : "span";
     },
     wrapperClasses() {
       return {
-        "w-image-wrap--absolute": this.absolute,
-        "w-image-wrap--fixed": this.fixed,
-        "w-image-wrap--has-ratio": this.imgGivenRatio
+        "w-image--absolute": this.absolute,
+        "w-image--fixed": this.fixed,
+        "w-image--has-ratio": this.normalized.ratio
       };
     },
     wrapperStyles() {
-      return {
-        width: this.imgGivenRatio ? null : (isNaN(this.imgWidth) ? this.imgWidth : `${this.imgWidth}px`) || null,
-        height: this.imgGivenRatio || this.tag === "img" ? null : (isNaN(this.imgHeight) ? this.imgHeight : `${this.imgHeight}px`) || null,
-        "padding-bottom": this.imgGivenRatio && `${this.imgGivenRatio * 100}%`
+      let e = this.normalized.width;
+      const t = this.normalized.height;
+      let i = this.normalized.maxWidth, s = this.normalized.ratio;
+      return s && !e && !t ? e = "100%" : !e && !t ? (e = "100%", i = this.normalized.maxWidth || `${this.computedImg.width}px`, s = s || this.computedImg.width / this.computedImg.height) : (e && !t || t && !e) && (s = s || this.computedImg.width / this.computedImg.height), {
+        width: e,
+        height: t,
+        maxWidth: i,
+        maxHeight: this.normalized.maxHeight,
+        aspectRatio: s
       };
     },
     imageClasses() {
       return {
-        "w-image--loading": this.loading,
-        "w-image--loaded": this.loaded,
-        "w-image--contain": this.contain
+        "w-image__image--loading": this.loading,
+        "w-image__image--loaded": this.loaded,
+        "w-image__image--contain": this.contain
       };
     },
     imageStyles() {
       return {
-        "background-image": this.tag !== "img" && this.loaded ? `url('${this.imgSrc}')` : null
+        "background-image": this.normalized.tag !== "img" && this.loaded ? `url('${this.computedImg.src}')` : null
       };
     }
   },
@@ -3274,7 +3309,7 @@ const Di = {
       if (!this.loading)
         return this.loading = !0, this.loaded = !1, this.$emit("loading", e ? this.fallback : this.src), new Promise((t) => {
           const i = new Image();
-          i.onload = (s) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = s.target.width, this.imgHeight = s.target.height), this.imgComputedRatio = s.target.height / s.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(i)), i.onerror = (s) => {
+          i.onload = (s) => (this.computedImg.width = s.target.width, this.computedImg.height = s.target.height, this.computedImg.ratio = s.target.height / s.target.width, this.loading = !1, this.loaded = !0, this.computedImg.src = e ? this.fallback : this.src, this.$emit("loaded", this.computedImg.src), t(i)), i.onerror = (s) => {
             this.$emit("error", s), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
           }, i.src = e ? this.fallback : this.src;
         });
@@ -3292,21 +3327,15 @@ const Di = {
   watch: {
     src() {
       this.loadImage();
-    },
-    width(e) {
-      this.imgWidth = e;
-    },
-    height(e) {
-      this.imgHeight = e;
     }
   }
-}, Hi = /* @__PURE__ */ v(Di, [["render", Ni]]), Fi = ["name"], ji = ["for"], Ui = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], qi = ["id", "name", "multiple", "disabled", "data-progress"], Xi = {
+}, Fi = /* @__PURE__ */ v(Hi, [["render", Di]]), ji = ["name"], Ui = ["for"], qi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Xi = ["id", "name", "multiple", "disabled", "data-progress"], Yi = {
   class: "w-input__no-file",
   key: "no-file"
-}, Yi = ["for"], Gi = ["src"], Ji = ["for"];
-function Qi(e, t, i, s, n, l) {
+}, Gi = ["for"], Ji = ["src"], Qi = ["for"];
+function Zi(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -3322,7 +3351,7 @@ function Qi(e, t, i, s, n, l) {
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, Fi)), [
+      }, null, 8, ji)), [
         [ve, n.inputValue]
       ]) : (o(), u(k, { key: 1 }, [
         i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
@@ -3332,9 +3361,9 @@ function Qi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
-          ], 10, ji)) : p("", !0)
+          ], 10, Ui)) : p("", !0)
         ], 64)) : p("", !0),
         w("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
@@ -3342,7 +3371,7 @@ function Qi(e, t, i, s, n, l) {
           c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (o(), g(a, {
+            i.innerIconLeft ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3350,7 +3379,7 @@ function Qi(e, t, i, s, n, l) {
               onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
             }, {
               default: m(() => [
-                S(C(i.innerIconLeft), 1)
+                B(C(i.innerIconLeft), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
@@ -3377,7 +3406,7 @@ function Qi(e, t, i, s, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, Ui)), [
+          }, l.attrs), null, 16, qi)), [
             [Re, n.inputValue]
           ]) : (o(), u(k, { key: 1 }, [
             w("input", _({
@@ -3393,7 +3422,7 @@ function Qi(e, t, i, s, n, l) {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
               /* Needed to emit the overallProgress. */
-            }), null, 16, qi),
+            }), null, 16, Xi),
             T(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -3401,22 +3430,22 @@ function Qi(e, t, i, s, n, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (o(), u("span", Xi, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", Yi, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (o(), u(k, { key: 0 }, [
-                      S("No file")
+                      B("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
                 (o(!0), u(k, null, x(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
-                  S(C(h ? ", " : ""), 1),
+                  B(C(h ? ", " : ""), 1),
                   (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, C(d.base), 1)),
-                  S(C(d.extension ? `.${d.extension}` : ""), 1)
+                  B(C(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -3428,14 +3457,14 @@ function Qi(e, t, i, s, n, l) {
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
               c(e.$slots, "default", {}, () => [
-                S(C(i.label), 1)
+                B(C(i.label), 1)
               ])
             ], 2)) : p("", !0)
           ], 64)) : p("", !0),
           c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (o(), g(a, {
+            i.innerIconRight ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3443,12 +3472,12 @@ function Qi(e, t, i, s, n, l) {
               onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
             }, {
               default: m(() => [
-                S(C(i.innerIconRight), 1)
+                B(C(i.innerIconRight), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), g(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), b(r, {
             key: 3,
             class: "fill-width",
             size: "2",
@@ -3470,12 +3499,12 @@ function Qi(e, t, i, s, n, l) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Gi)) : (o(), u("i", {
+            }, null, 8, Ji)) : (o(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Yi)) : p("", !0),
+        ], 8, Gi)) : p("", !0),
         i.labelPosition === "right" ? (o(), u(k, { key: 2 }, [
           e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
@@ -3483,18 +3512,18 @@ function Qi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
-          ], 10, Ji)) : p("", !0)
+          ], 10, Qi)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const Zi = {
+const el = {
   name: "w-input",
-  mixins: [z],
+  mixins: [M],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -3677,8 +3706,8 @@ const Zi = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, el = /* @__PURE__ */ v(Zi, [["render", Qi]]);
-function tl(e, t, i, s, n, l) {
+}, tl = /* @__PURE__ */ v(el, [["render", Zi]]);
+function il(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return o(), u("ul", {
     class: f(["w-list", l.classes])
@@ -3687,16 +3716,16 @@ function tl(e, t, i, s, n, l) {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (o(), g(a, {
+      i.icon ? (o(), b(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), g(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 1,
         class: "w-list__item-label",
         ref_for: !0
@@ -3718,16 +3747,16 @@ function tl(e, t, i, s, n, l) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            S(C(d._label), 1)
+            B(C(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (o(), g(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      }, 1040)) : (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 2,
         class: "w-list__item-label",
         ref_for: !0
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (o(), g(r, _({
+      (d.children || []).length ? (o(), b(r, _({
         key: 3,
         ref_for: !0
       }, e.$props, {
@@ -3740,23 +3769,23 @@ function tl(e, t, i, s, n, l) {
       }), ee({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: S, selected: g }) => [
             c(e.$slots, "item", {
               item: l.cleanLi(y),
-              index: B,
-              selected: b
+              index: S,
+              selected: g
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: S, selected: g }) => [
             c(e.$slots, "default", {
               item: l.cleanLi(y),
-              index: B,
-              selected: b
+              index: S,
+              selected: g
             }, () => [
-              S(C(y[i.itemLabelKey]), 1)
+              B(C(y[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3765,7 +3794,7 @@ function tl(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const il = {
+const ll = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3959,7 +3988,7 @@ const il = {
       }
     }
   }
-}, ll = /* @__PURE__ */ v(il, [["render", tl]]), Be = {
+}, sl = /* @__PURE__ */ v(ll, [["render", il]]), Be = {
   props: {
     // Position.
     appendTo: { type: [String, Boolean, Object] },
@@ -4136,7 +4165,7 @@ const il = {
     }
   }
 };
-function sl(e, t, i, s, n, l) {
+function ol(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
@@ -4157,7 +4186,7 @@ function sl(e, t, i, s, n, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (o(), g(a, _({
+        ], 16)) : e.detachableVisible ? (o(), b(a, _({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4196,7 +4225,7 @@ function sl(e, t, i, s, n, l) {
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (o(), g(r, _({
+    i.overlay ? (o(), b(r, _({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -4208,7 +4237,7 @@ function sl(e, t, i, s, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const ol = {
+const al = {
   name: "w-menu",
   mixins: [Be],
   inheritAttrs: !1,
@@ -4381,10 +4410,10 @@ const ol = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, al = /* @__PURE__ */ v(ol, [["render", sl]]);
-function nl(e, t, i, s, n, l) {
+}, nl = /* @__PURE__ */ v(al, [["render", ol]]);
+function rl(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return o(), g(P, {
+  return o(), b(P, {
     name: l.transitionName,
     appear: ""
   }, {
@@ -4410,7 +4439,7 @@ function nl(e, t, i, s, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const rl = {
+const dl = {
   name: "w-notification",
   props: {
     // Notification props.
@@ -4533,10 +4562,10 @@ const rl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, dl = /* @__PURE__ */ v(rl, [["render", nl]]);
-function ul(e, t, i, s, n, l) {
+}, ul = /* @__PURE__ */ v(dl, [["render", rl]]);
+function hl(e, t, i, s, n, l) {
   const a = ke("focus");
-  return o(), g(P, {
+  return o(), b(P, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
@@ -4547,7 +4576,7 @@ function ul(e, t, i, s, n, l) {
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
         style: R(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = E(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        onKeydown: t[0] || (t[0] = E(O((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
@@ -4560,7 +4589,7 @@ function ul(e, t, i, s, n, l) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const hl = {
+const cl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4618,17 +4647,17 @@ const hl = {
       e && (this.showOverlay = !0);
     }
   }
-}, cl = /* @__PURE__ */ v(hl, [["render", ul]]), pl = { class: "w-parallax" };
-function fl(e, t, i, s, n, l) {
-  return o(), u("div", pl);
+}, pl = /* @__PURE__ */ v(cl, [["render", hl]]), fl = { class: "w-parallax" };
+function ml(e, t, i, s, n, l) {
+  return o(), u("div", fl);
 }
-const ml = {
+const gl = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, gl = /* @__PURE__ */ v(ml, [["render", fl]]), bl = ["viewBox"], yl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], wl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function kl(e, t, i, s, n, l) {
+}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), yl = ["viewBox"], wl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], kl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function vl(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-progress", l.classes]),
     style: R(l.styles)
@@ -4646,7 +4675,7 @@ function kl(e, t, i, s, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, yl)) : p("", !0),
+      }, null, 10, wl)) : p("", !0),
       w("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
@@ -4657,8 +4686,8 @@ function kl(e, t, i, s, n, l) {
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, wl)
-    ], 8, bl)) : (o(), u("div", {
+      }, null, 12, kl)
+    ], 8, yl)) : (o(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
       style: R(`width: ${l.progressValue}%`)
@@ -4668,12 +4697,12 @@ function kl(e, t, i, s, n, l) {
       class: f(["w-progress__label", i.labelColor || !1])
     }, [
       c(e.$slots, "default", {}, () => [
-        S(C(Math.round(l.progressValue)) + C(i.circle ? "" : "%"), 1)
+        B(C(Math.round(l.progressValue)) + C(i.circle ? "" : "%"), 1)
       ])
     ], 2)) : p("", !0)
   ], 6);
 }
-const Q = 40, vl = Q / 2, Cl = Math.round(Q * 3.14 * 100) / 100, Sl = {
+const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4701,8 +4730,8 @@ const Q = 40, vl = Q / 2, Cl = Math.round(Q * 3.14 * 100) / 100, Sl = {
   emits: [],
   data: () => ({
     circleSize: Q,
-    circleRadius: vl,
-    circleCircumference: Cl
+    circleRadius: Cl,
+    circleCircumference: Sl
   }),
   computed: {
     progressValue() {
@@ -4742,9 +4771,9 @@ const Q = 40, vl = Q / 2, Cl = Math.round(Q * 3.14 * 100) / 100, Sl = {
       };
     }
   }
-}, Bl = /* @__PURE__ */ v(Sl, [["render", kl]]), _l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], $l = ["for"], Vl = ["for", "innerHTML"], Il = ["for"], Tl = ["for", "innerHTML"];
-function Ll(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, _l = /* @__PURE__ */ v(Bl, [["render", vl]]), $l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Il = ["for"], Vl = ["for", "innerHTML"], Tl = ["for"], Ll = ["for", "innerHTML"];
+function Rl(e, t, i, s, n, l) {
+  return o(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
@@ -4766,7 +4795,7 @@ function Ll(e, t, i, s, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, _l),
+      }, null, 40, $l),
       l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -4774,9 +4803,9 @@ function Ll(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, $l)) : i.label ? (o(), u("label", {
+        ], 10, Il)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
@@ -4796,22 +4825,22 @@ function Ll(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, Il)) : i.label ? (o(), u("label", {
+        ], 10, Tl)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Tl)) : p("", !0)
+        }, null, 10, Ll)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Rl = {
+const xl = {
   name: "w-radio",
-  mixins: [z],
+  mixins: [M],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4874,10 +4903,10 @@ const Rl = {
       this.toggleFromOutside();
     }
   }
-}, xl = /* @__PURE__ */ v(Rl, [["render", Ll]]), Pl = ["innerHTML"];
+}, Pl = /* @__PURE__ */ v(xl, [["render", Rl]]), zl = ["innerHTML"];
 function Ol(e, t, i, s, n, l) {
   const a = $("w-radio");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -4888,7 +4917,7 @@ function Ol(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (o(!0), u(k, null, x(l.radioItems, (r, d) => (o(), g(a, _({
+      (o(!0), u(k, null, x(l.radioItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -4910,7 +4939,7 @@ function Ol(e, t, i, s, n, l) {
           }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Pl)) : p("", !0)
+          }, null, 8, zl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4920,7 +4949,7 @@ function Ol(e, t, i, s, n, l) {
 }
 const Ml = {
   name: "w-radios",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -4971,9 +5000,9 @@ const Ml = {
       return this.items[e._index];
     }
   }
-}, zl = /* @__PURE__ */ v(Ml, [["render", Ol]]), El = ["id", "name", "value"], Al = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Wl(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, El = /* @__PURE__ */ v(Ml, [["render", Ol]]), Al = ["id", "name", "value"], Wl = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Kl(e, t, i, s, n, l) {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
@@ -4987,7 +5016,7 @@ function Wl(e, t, i, s, n, l) {
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, El),
+      }, null, 8, Al),
       (o(!0), u(k, null, x(i.max, (a) => (o(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
@@ -5012,15 +5041,15 @@ function Wl(e, t, i, s, n, l) {
             "aria-hidden": "true",
             style: R(l.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, Al)
+        ], 42, Wl)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Kl = {
+const Nl = {
   name: "w-rating",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -5112,8 +5141,8 @@ const Kl = {
       this.rating = parseFloat(e);
     }
   }
-}, Nl = /* @__PURE__ */ v(Kl, [["render", Wl]]);
-function Dl(e, t, i, s, n, l) {
+}, Dl = /* @__PURE__ */ v(Nl, [["render", Kl]]);
+function Hl(e, t, i, s, n, l) {
   return o(), u(k, null, [
     w("div", _({
       class: ["w-scrollable", l.scrollableClasses],
@@ -5137,7 +5166,7 @@ function Dl(e, t, i, s, n, l) {
     ], 34)
   ], 64);
 }
-const Hl = {
+const Fl = {
   h: {
     direction: "horizontal",
     topOrLeft: "left",
@@ -5160,7 +5189,7 @@ const Hl = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, Fl = {
+}, jl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -5184,7 +5213,7 @@ const Hl = {
       return this.mounted ? (console.log("💂‍♂️", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((s = this.$refs.scrollable) == null ? void 0 : s.offsetWidth)) : !1;
     },
     m() {
-      return Hl[this.isHorizontal ? "h" : "v"];
+      return Fl[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -5253,13 +5282,13 @@ const Hl = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style.padding = 0, window.addEventListener("resize", this.onResize);
   }
-}, jl = /* @__PURE__ */ v(Fl, [["render", Dl]]), Ul = ["aria-expanded", "aria-owns", "aria-activedescendant"], ql = {
+}, Ul = /* @__PURE__ */ v(jl, [["render", Hl]]), ql = ["aria-expanded", "aria-owns", "aria-activedescendant"], Xl = {
   key: 0,
   class: "w-select__selection-slot"
-}, Xl = ["innerHTML"], Yl = ["value", "name"];
-function Gl(e, t, i, s, n, l) {
+}, Yl = ["innerHTML"], Gl = ["value", "name"];
+function Jl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -5274,7 +5303,7 @@ function Gl(e, t, i, s, n, l) {
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0),
@@ -5300,19 +5329,19 @@ function Gl(e, t, i, s, n, l) {
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
             c(e.$slots, "icon-left", {}, () => [
-              i.innerIconLeft ? (o(), g(a, {
+              i.innerIconLeft ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-left",
                 tag: "label",
                 onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
               }, {
                 default: m(() => [
-                  S(C(i.innerIconLeft), 1)
+                  B(C(i.innerIconLeft), 1)
                 ]),
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (o(), u("div", ql, [
+            e.$slots.selection ? (o(), u("div", Xl, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -5323,37 +5352,37 @@ function Gl(e, t, i, s, n, l) {
               onFocus: t[2] || (t[2] = (h) => !e.isDisabled && !e.isReadonly && l.onFocus(h)),
               onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
               onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
-            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Xl),
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Yl),
             (o(!0), u(k, null, x(e.inputValue.length ? e.inputValue : [{}], (h, y) => (o(), u("input", {
               key: y,
               type: "hidden",
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Yl))), 128)),
+            }, null, 8, Gl))), 128)),
             i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 1 }, [
               e.$slots.default || i.label ? (o(), u("label", {
                 key: 0,
                 class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
                 c(e.$slots, "default", {}, () => [
-                  S(C(i.label), 1)
+                  B(C(i.label), 1)
                 ])
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
             c(e.$slots, "icon-right", {}, () => [
-              i.innerIconRight ? (o(), g(a, {
+              i.innerIconRight ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-right",
                 tag: "label",
                 onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
               }, {
                 default: m(() => [
-                  S(C(i.innerIconRight), 1)
+                  B(C(i.innerIconRight), 1)
                 ]),
                 _: 1
               })) : p("", !0)
             ])
-          ], 10, Ul)
+          ], 10, ql)
         ]),
         default: m(() => [
           T(r, {
@@ -5378,21 +5407,21 @@ function Gl(e, t, i, s, n, l) {
           }, ee({ _: 2 }, [
             x(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: y, selected: B, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? c(e.$slots, `item.${h}`, {
+              fn: m(({ item: y, selected: S, index: g }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, g) ? c(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: B,
-                  index: b
+                  selected: S,
+                  index: g
                 }, () => [
-                  S(C(y[i.itemLabelKey]), 1)
+                  B(C(y[i.itemLabelKey]), 1)
                 ]) : c(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: B,
-                  index: b
+                  selected: S,
+                  index: g
                 }, () => [
-                  S(C(y[i.itemLabelKey]), 1)
+                  B(C(y[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -5407,7 +5436,7 @@ function Gl(e, t, i, s, n, l) {
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0)
@@ -5415,9 +5444,9 @@ function Gl(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Jl = {
+const Ql = {
   name: "w-select",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -5645,12 +5674,12 @@ const Jl = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Ql = /* @__PURE__ */ v(Jl, [["render", Gl]]), Zl = ["for"], es = ["for", "innerHTML"], ts = { class: "w-slider__track-wrap" }, is = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ls = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], ss = ["for"], os = { key: 0 }, as = {
+}, Zl = /* @__PURE__ */ v(Ql, [["render", Jl]]), es = ["for"], ts = ["for", "innerHTML"], is = { class: "w-slider__track-wrap" }, ls = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ss = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], os = ["for"], as = { key: 0 }, ns = {
   key: 0,
   class: "w-slider__step-labels"
-}, ns = ["onClick"], rs = ["for"], ds = ["for", "innerHTML"];
-function us(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, rs = ["onClick"], ds = ["for"], us = ["for", "innerHTML"];
+function hs(e, t, i, s, n, l) {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
@@ -5666,13 +5695,13 @@ function us(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, Zl)) : i.labelLeft ? (o(), u("label", {
+      ], 10, es)) : i.labelLeft ? (o(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, es)) : p("", !0),
-      w("div", ts, [
+      }, null, 10, ts)) : p("", !0),
+      w("div", is, [
         w("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
@@ -5709,28 +5738,28 @@ function us(e, t, i, s, n, l) {
                 t[1] || (t[1] = E((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = M(() => {
+              onClick: t[3] || (t[3] = O(() => {
               }, ["prevent"]))
-            }, null, 42, ls),
+            }, null, 42, ss),
             i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (o(), u("div", os, [
+              i.thumbLabel === "droplet" ? (o(), u("div", as, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  S(C(~~e.rangeValueScaled), 1)
+                  B(C(~~e.rangeValueScaled), 1)
                 ])
               ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                S(C(~~e.rangeValueScaled), 1)
+                B(C(~~e.rangeValueScaled), 1)
               ])
-            ], 10, ss)) : p("", !0)
+            ], 10, os)) : p("", !0)
           ], 4)
-        ], 42, is),
-        i.stepLabels && i.step ? (o(), u("div", as, [
+        ], 42, ls),
+        i.stepLabels && i.step ? (o(), u("div", ns, [
           w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
@@ -5740,7 +5769,7 @@ function us(e, t, i, s, n, l) {
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
             style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, ns))), 128)),
+          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, rs))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5755,19 +5784,19 @@ function us(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, rs)) : i.labelRight ? (o(), u("label", {
+      ], 10, ds)) : i.labelRight ? (o(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, ds)) : p("", !0)
+      }, null, 10, us)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const hs = {
+const cs = {
   name: "w-slider",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -5902,17 +5931,17 @@ const hs = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, cs = /* @__PURE__ */ v(hs, [["render", us]]), ps = { key: 0 };
-function fs(e, t, i, s, n, l) {
+}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = { key: 0 };
+function ms(e, t, i, s, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
     style: R(l.styles)
   }, [
-    l.isThreeDots ? (o(), u("span", ps)) : p("", !0)
+    l.isThreeDots ? (o(), u("span", fs)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const ms = {
+const gs = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5950,13 +5979,13 @@ const ms = {
       };
     }
   }
-}, gs = /* @__PURE__ */ v(ms, [["render", fs]]);
-function bs(e, t, i, s, n, l) {
+}, bs = /* @__PURE__ */ v(gs, [["render", ms]]);
+function ys(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const ys = {
+const ws = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5972,16 +6001,16 @@ const ys = {
       };
     }
   }
-}, ws = /* @__PURE__ */ v(ys, [["render", bs]]), ks = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], vs = ["for"], Cs = {
+}, ks = /* @__PURE__ */ v(ws, [["render", ys]]), vs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Cs = ["for"], Ss = {
   key: 0,
   class: "w-switch__track"
-}, Ss = {
+}, Bs = {
   key: 1,
   class: "w-switch__thumb"
-}, Bs = ["for"];
-function _s(e, t, i, s, n, l) {
+}, _s = ["for"];
+function $s(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -6007,7 +6036,7 @@ function _s(e, t, i, s, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }), null, 16, ks),
+      }), null, 16, vs),
       l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
         e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
@@ -6015,9 +6044,9 @@ function _s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, vs)) : p("", !0)
+        ], 10, Cs)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-switch__input", l.inputClasses]),
@@ -6025,11 +6054,11 @@ function _s(e, t, i, s, n, l) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (o(), u("div", Cs, [
+        e.$slots.track ? (o(), u("div", Ss, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (o(), u("div", Ss, [
-          i.loading ? (o(), g(a, _({
+        e.$slots.thumb || i.loading ? (o(), u("div", Bs, [
+          i.loading ? (o(), b(a, _({
             key: 0,
             circle: "",
             color: "inherit"
@@ -6043,17 +6072,17 @@ function _s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, Bs)) : p("", !0)
+        ], 10, _s)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class", "style"]);
 }
-const $s = {
+const Is = {
   name: "w-switch",
-  mixins: [z],
+  mixins: [M],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -6127,24 +6156,24 @@ const $s = {
       this.isOn = e;
     }
   }
-}, Vs = /* @__PURE__ */ v($s, [["render", _s]]), Is = { class: "w-tabs__content" };
-function Ts(e, t, i, s, n, l) {
-  return o(), u("div", Is, [
+}, Vs = /* @__PURE__ */ v(Is, [["render", $s]]), Ts = { class: "w-tabs__content" };
+function Ls(e, t, i, s, n, l) {
+  return o(), u("div", Ts, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
-const Ls = {
+const Rs = {
   name: "tab-content",
   // Keep-alive include/exclude mechanism is component-name-based.
   props: { item: Object }
-}, Rs = /* @__PURE__ */ v(Ls, [["render", Ts]]), xs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Ps = ["innerHTML"], Os = {
+}, xs = /* @__PURE__ */ v(Rs, [["render", Ls]]), Ps = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], zs = ["innerHTML"], Os = {
   key: 0,
   class: "w-tabs__bar-extra"
 }, Ms = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, zs = ["innerHTML"], Es = ["innerHTML"];
-function As(e, t, i, s, n, l) {
+}, Es = ["innerHTML"], As = ["innerHTML"];
+function Ws(e, t, i, s, n, l) {
   const a = $("tab-content");
   return o(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
@@ -6176,9 +6205,9 @@ function As(e, t, i, s, n, l) {
         }, () => [
           w("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, Ps)
+          }, null, 8, zs)
         ])
-      ], 42, xs))), 128)),
+      ], 42, Ps))), 128)),
       e.$slots["tabs-bar-extra"] ? (o(), u("div", Os, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
@@ -6189,12 +6218,12 @@ function As(e, t, i, s, n, l) {
       }, null, 6)) : p("", !0)
     ], 2),
     e.tabs.length ? (o(), u("div", Ms, [
-      i.keepInDom ? (o(), g(ae, {
+      i.keepInDom ? (o(), b(ae, {
         key: 0,
         name: l.transitionName
       }, {
         default: m(() => [
-          (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), g(a, {
+          (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), b(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
@@ -6214,7 +6243,7 @@ function As(e, t, i, s, n, l) {
                 r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, zs)) : p("", !0)
+                }, null, 8, Es)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6223,16 +6252,16 @@ function As(e, t, i, s, n, l) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (o(), g(P, {
+      }, 8, ["name"])) : (o(), b(P, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: m(() => [
-          (o(), g(xe, {
+          (o(), b(xe, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (o(), g(a, {
+            (o(), b(a, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: f(i.contentClass)
@@ -6253,7 +6282,7 @@ function As(e, t, i, s, n, l) {
                     r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, Es)) : p("", !0)
+                    }, null, 8, As)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6267,7 +6296,7 @@ function As(e, t, i, s, n, l) {
   ], 2);
 }
 let ye = 0;
-const Ws = {
+const Ks = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6293,7 +6322,7 @@ const Ws = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: Rs },
+  components: { TabContent: xs },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -6442,227 +6471,227 @@ const Ws = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ks = /* @__PURE__ */ v(Ws, [["render", As]]), Ns = { class: "w-table__scroll-wrap" }, Ds = { ref: "colgroup" }, Hs = ["width"], Fs = { key: 0 }, js = ["onClick"], Us = ["innerHTML"], qs = {
+}, Ns = /* @__PURE__ */ v(Ks, [["render", Ws]]), Ds = { class: "w-table__scroll-wrap" }, Hs = { ref: "colgroup" }, Fs = ["width"], js = { key: 0 }, Us = ["onClick"], qs = ["innerHTML"], Xs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Xs = ["colspan"], Ys = {
+}, Ys = ["colspan"], Gs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Gs = ["colspan"], Js = { class: "w-table__loading-text" }, Qs = {
+}, Js = ["colspan"], Qs = { class: "w-table__loading-text" }, Zs = {
   key: 1,
   class: "no-data"
-}, Zs = ["colspan"], eo = ["onClick"], to = ["data-label"], io = ["data-label"], lo = ["innerHTML"], so = {
+}, eo = ["colspan"], to = ["onClick"], io = ["data-label"], lo = ["data-label"], so = ["innerHTML"], oo = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, oo = ["colspan"], ao = { key: 0 }, no = {
+}, ao = ["colspan"], no = { key: 0 }, ro = {
   key: 3,
   class: "w-table__extra-row"
-}, ro = {
+}, uo = {
   key: 1,
   class: "w-table__footer"
-}, uo = {
+}, ho = {
   key: 1,
   class: "w-table__row"
-}, ho = ["colspan"], co = {
+}, co = ["colspan"], po = {
   key: 0,
   class: "w-table__pagination w-pagination"
-}, po = { class: "pages-wrap" }, fo = { class: "w-pagination__results" };
-function mo(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
+}, fo = { class: "pages-wrap" }, mo = { class: "w-pagination__results" };
+function go(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return o(), u("div", {
     class: f(["w-table w-table--wrap", l.classes])
   }, [
-    w("div", Ns, [
+    w("div", Ds, [
       w("table", {
         class: "w-table__table",
-        onMousedown: t[1] || (t[1] = (...b) => l.onMouseDown && l.onMouseDown(...b)),
-        onMouseover: t[2] || (t[2] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
-        onMouseout: t[3] || (t[3] = (...b) => l.onMouseOut && l.onMouseOut(...b))
+        onMousedown: t[1] || (t[1] = (...g) => l.onMouseDown && l.onMouseDown(...g)),
+        onMouseover: t[2] || (t[2] = (...g) => l.onMouseOver && l.onMouseOver(...g)),
+        onMouseout: t[3] || (t[3] = (...g) => l.onMouseOut && l.onMouseOut(...g))
       }, [
-        w("colgroup", Ds, [
-          (o(!0), u(k, null, x(i.headers, (b, I) => (o(), u("col", {
-            class: f(["w-table__col", l.colClasses[I]]),
-            key: I,
-            width: b.width || null
-          }, null, 10, Hs))), 128))
+        w("colgroup", Hs, [
+          (o(!0), u(k, null, x(i.headers, (g, V) => (o(), u("col", {
+            class: f(["w-table__col", l.colClasses[V]]),
+            key: V,
+            width: g.width || null
+          }, null, 10, Fs))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (o(), u("thead", Fs, [
+        i.noHeaders ? p("", !0) : (o(), u("thead", js, [
           w("tr", null, [
-            (o(!0), u(k, null, x(i.headers, (b, I) => (o(), u("th", {
-              class: f(["w-table__header", l.headerClasses(b)]),
-              key: I,
-              onClick: (V) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
+            (o(!0), u(k, null, x(i.headers, (g, V) => (o(), u("th", {
+              class: f(["w-table__header", l.headerClasses(g)]),
+              key: V,
+              onClick: (I) => !e.colResizing.dragging && g.sortable !== !1 && l.sortTable(g)
             }, [
-              b.sortable !== !1 && b.align === "right" ? (o(), g(a, {
+              g.sortable !== !1 && g.align === "right" ? (o(), b(a, {
                 key: 0,
-                class: f(["w-table__header-sort", l.headerSortClasses(b)])
+                class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: m(() => [
-                  S("wi-arrow-down")
+                  B("wi-arrow-down")
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              b.label ? (o(), u(k, { key: 1 }, [
+              g.label ? (o(), u(k, { key: 1 }, [
                 e.$slots["header-label"] ? c(e.$slots, "header-label", {
                   key: 0,
-                  header: b,
-                  label: b.label,
-                  index: I + 1
+                  header: g,
+                  label: g.label,
+                  index: V + 1
                 }, () => [
-                  S(C(b.label || ""), 1)
+                  B(C(g.label || ""), 1)
                 ]) : (o(), u("span", {
                   key: 1,
-                  innerHTML: b.label || ""
-                }, null, 8, Us))
+                  innerHTML: g.label || ""
+                }, null, 8, qs))
               ], 64)) : p("", !0),
-              b.sortable !== !1 && b.align !== "right" ? (o(), g(a, {
+              g.sortable !== !1 && g.align !== "right" ? (o(), b(a, {
                 key: 2,
-                class: f(["w-table__header-sort", l.headerSortClasses(b)])
+                class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: m(() => [
-                  S("wi-arrow-down")
+                  B("wi-arrow-down")
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              I < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+              V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                 key: 3,
-                class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === I, "w-table__col-resizer--active": e.colResizing.columnIndex === I }]),
-                onClick: t[0] || (t[0] = M(() => {
+                class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === V }]),
+                onClick: t[0] || (t[0] = O(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
-            ], 10, js))), 128))
+            ], 10, Us))), 128))
           ]),
           T(d, null, {
             default: m(() => [
-              i.loading === "header" ? (o(), u("tr", qs, [
+              i.loading === "header" ? (o(), u("tr", Xs, [
                 w("td", {
                   colspan: i.headers.length
                 }, [
                   T(r, { tile: "" })
-                ], 8, Xs)
+                ], 8, Ys)
               ])) : p("", !0)
             ]),
             _: 1
           })
         ])),
         w("tbody", null, [
-          i.loading === !0 ? (o(), u("tr", Ys, [
+          i.loading === !0 ? (o(), u("tr", Gs, [
             w("td", {
               colspan: i.headers.length
             }, [
               T(r, { tile: "" }),
-              w("div", Js, [
+              w("div", Qs, [
                 c(e.$slots, "loading", {}, () => [
-                  S("Loading...")
+                  B("Loading...")
                 ])
               ])
-            ], 8, Gs)
-          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Qs, [
+            ], 8, Js)
+          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Zs, [
             w("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
             }, [
               c(e.$slots, "no-data", {}, () => [
-                S("No data to show.")
+                B("No data to show.")
               ])
-            ], 8, Zs)
+            ], 8, eo)
           ])),
-          l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (b, I) => (o(), u(k, { key: I }, [
+          l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (g, V) => (o(), u(k, { key: V }, [
             e.$slots.item ? c(e.$slots, "item", {
               key: 0,
-              item: b,
-              index: I + 1,
-              select: () => l.doSelectRow(b, I),
-              classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }
+              item: g,
+              index: V + 1,
+              select: () => l.doSelectRow(g, V),
+              classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }
             }) : (o(), u("tr", {
               key: 1,
-              class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }]),
-              onClick: (V) => l.doSelectRow(b, I)
+              class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }]),
+              onClick: (I) => l.doSelectRow(g, V)
             }, [
-              (o(!0), u(k, null, x(i.headers, (V, O) => (o(), u(k, null, [
-                e.$slots[`item-cell.${V.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
-                  class: f(["w-table__cell", { [`text-${V.align || "left"}`]: !0, "w-table__cell--sticky": V.sticky }]),
-                  key: `${O}-a`,
-                  "data-label": V.label
+              (o(!0), u(k, null, x(i.headers, (I, z) => (o(), u(k, null, [
+                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${z + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
+                  class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
+                  key: `${z}-a`,
+                  "data-label": I.label
                 }, [
-                  e.$slots[`item-cell.${V.key}`] ? c(e.$slots, `item-cell.${V.key}`, {
+                  e.$slots[`item-cell.${I.key}`] ? c(e.$slots, `item-cell.${I.key}`, {
                     key: 0,
-                    header: V,
-                    item: b,
-                    label: b[V.key] || "",
-                    index: I + 1
-                  }) : e.$slots[`item-cell.${O + 1}`] ? c(e.$slots, `item-cell.${O + 1}`, {
+                    header: I,
+                    item: g,
+                    label: g[I.key] || "",
+                    index: V + 1
+                  }) : e.$slots[`item-cell.${z + 1}`] ? c(e.$slots, `item-cell.${z + 1}`, {
                     key: 1,
-                    header: V,
-                    item: b,
-                    label: b[V.key] || "",
-                    index: I + 1
+                    header: I,
+                    item: g,
+                    label: g[I.key] || "",
+                    index: V + 1
                   }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                     key: 2,
-                    header: V,
-                    item: b,
-                    label: b[V.key] || "",
-                    index: I + 1
+                    header: I,
+                    item: g,
+                    label: g[I.key] || "",
+                    index: V + 1
                   }) : p("", !0),
-                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 3,
-                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
-                ], 10, to)) : (o(), u("td", {
-                  class: f(["w-table__cell", { [`text-${V.align || "left"}`]: !0, "w-table__cell--sticky": V.sticky }]),
-                  key: `${O}-b`,
-                  "data-label": V.label
+                ], 10, io)) : (o(), u("td", {
+                  class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
+                  key: `${z}-b`,
+                  "data-label": I.label
                 }, [
                   w("div", {
-                    innerHTML: b[V.key] || ""
-                  }, null, 8, lo),
-                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                    innerHTML: g[I.key] || ""
+                  }, null, 8, so),
+                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
-                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
-                ], 10, io))
+                ], 10, lo))
               ], 64))), 256))
-            ], 10, eo)),
-            l.expandedRowsByUid[b._uid] ? (o(), u("tr", so, [
+            ], 10, to)),
+            l.expandedRowsByUid[g._uid] ? (o(), u("tr", oo, [
               w("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
                 T(h, { y: "" }, {
                   default: m(() => [
-                    l.expandedRowsByUid[b._uid] ? (o(), u("div", ao, [
+                    l.expandedRowsByUid[g._uid] ? (o(), u("div", no, [
                       c(e.$slots, "row-expansion", {
-                        item: b,
-                        index: I + 1
+                        item: g,
+                        index: V + 1
                       })
                     ])) : p("", !0),
-                    I < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                    V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                       key: 1,
-                      class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === I, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                      class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                     }, null, 2)) : p("", !0)
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, oo)
+              ], 8, ao)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (o(), u("div", no, [
+          e.$slots["extra-row"] ? (o(), u("div", ro, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", ro, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", uo, [
+        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", uo, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", ho, [
             w("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               c(e.$slots, "footer")
-            ], 8, ho)
+            ], 8, co)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (o(), u("div", co, [
+    i.pagination && e.paginationConfig ? (o(), u("div", po, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6670,77 +6699,77 @@ function mo(e, t, i, s, n, l) {
         page: e.paginationConfig.page,
         goToPage: l.goToPage
       }, () => [
-        e.paginationConfig.itemsPerPageOptions ? (o(), g(y, {
+        e.paginationConfig.itemsPerPageOptions ? (o(), b(y, {
           key: 0,
           class: "w-pagination__items-per-page",
           modelValue: e.paginationConfig.itemsPerPage,
-          "onUpdate:modelValue": t[4] || (t[4] = (b) => e.paginationConfig.itemsPerPage = b),
-          onInput: t[5] || (t[5] = (b) => l.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
+          "onUpdate:modelValue": t[4] || (t[4] = (g) => e.paginationConfig.itemsPerPage = g),
+          onInput: t[5] || (t[5] = (g) => l.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
           items: e.paginationConfig.itemsPerPageOptions,
           "label-position": "left",
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
-        w("div", po, [
-          T(B, {
+        w("div", fo, [
+          T(S, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
-            onClick: t[6] || (t[6] = (b) => l.goToPage("-1")),
+            onClick: t[6] || (t[6] = (g) => l.goToPage("-1")),
             disabled: e.paginationConfig.page <= 1,
             icon: "wi-chevron-left",
             text: "",
             lg: ""
           }, null, 8, ["disabled"]),
-          e.paginationConfig.pagesCount > 7 ? (o(!0), u(k, { key: 0 }, x(e.paginationConfig.pagesCount, (b) => (o(), u(k, { key: b }, [
-            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b) ? (o(), g(B, {
+          e.paginationConfig.pagesCount > 7 ? (o(!0), u(k, { key: 0 }, x(e.paginationConfig.pagesCount, (g) => (o(), u(k, { key: g }, [
+            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (o(), b(S, {
               key: 0,
-              class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+              class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+              onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: m(() => [
-                S(C(b), 1)
+                B(C(g), 1)
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b - 1) ? (o(), g(B, {
+            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (o(), b(S, {
               key: 1,
-              class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+              class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+              onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: m(() => [
-                S("...")
+                B("...")
               ]),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
-          ], 64))), 128)) : (o(!0), u(k, { key: 1 }, x(e.paginationConfig.pagesCount, (b) => (o(), g(B, {
-            class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-            key: b,
-            onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+          ], 64))), 128)) : (o(!0), u(k, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (o(), b(S, {
+            class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+            key: g,
+            onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
             round: "",
             lg: ""
           }, {
             default: m(() => [
-              S(C(b), 1)
+              B(C(g), 1)
             ]),
             _: 2
           }, 1032, ["onClick", "class"]))), 128)),
-          T(B, {
+          T(S, {
             class: "w-pagination__arrow w-pagination__arrow--next",
-            onClick: t[7] || (t[7] = (b) => l.goToPage("+1")),
+            onClick: t[7] || (t[7] = (g) => l.goToPage("+1")),
             disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
             icon: "wi-chevron-right",
             text: "",
             lg: ""
           }, null, 8, ["disabled"])
         ]),
-        w("span", fo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
+        w("span", mo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
       ])
     ])) : p("", !0)
   ], 2);
 }
-const we = 15, go = {
+const we = 15, bo = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6963,11 +6992,11 @@ const we = 15, go = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = n + a + "px", s.style.width = l - a + "px";
-      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, B = a > 0 && s.offsetWidth > h;
+      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, S = a > 0 && s.offsetWidth > h;
       if (y) {
-        const b = Math.max(i.offsetWidth, we);
-        i.style.width = b + "px", s.style.width = r - b + "px";
-      } else B && (i.style.width = r - s.offsetWidth + "px", s.style.width = s.offsetWidth + "px");
+        const g = Math.max(i.offsetWidth, we);
+        i.style.width = g + "px", s.style.width = r - g + "px";
+      } else S && (i.style.width = r - s.offsetWidth + "px", s.style.width = s.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -7069,8 +7098,8 @@ const we = 15, go = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, bo = /* @__PURE__ */ v(go, [["render", mo]]), yo = ["role", "aria-pressed", "tabindex"];
-function wo(e, t, i, s, n, l) {
+}, yo = /* @__PURE__ */ v(bo, [["render", go]]), wo = ["role", "aria-pressed", "tabindex"];
+function ko(e, t, i, s, n, l) {
   return o(), u("span", {
     class: f(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (a) => {
@@ -7088,15 +7117,15 @@ function wo(e, t, i, s, n, l) {
     i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = M((a) => {
+      onClick: t[0] || (t[0] = O((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 46, yo);
+  ], 46, wo);
 }
-const ko = {
+const vo = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -7145,10 +7174,10 @@ const ko = {
       };
     }
   }
-}, vo = /* @__PURE__ */ v(ko, [["render", wo]]), Co = ["for"], So = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bo = ["for"];
-function _o(e, t, i, s, n, l) {
+}, Co = /* @__PURE__ */ v(vo, [["render", ko]]), So = ["for"], Bo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], _o = ["for"];
+function $o(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
@@ -7166,9 +7195,9 @@ function _o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, Co)) : p("", !0)
+        ], 10, So)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
@@ -7176,7 +7205,7 @@ function _o(e, t, i, s, n, l) {
         c(e.$slots, "icon-left", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconLeft ? (o(), g(a, {
+          i.innerIconLeft ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-left",
             tag: "label",
@@ -7184,7 +7213,7 @@ function _o(e, t, i, s, n, l) {
             onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
           }, {
             default: m(() => [
-              S(C(i.innerIconLeft), 1)
+              B(C(i.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
@@ -7207,7 +7236,7 @@ function _o(e, t, i, s, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, So), [
+        }), null, 16, Bo), [
           [ve, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 0 }, [
@@ -7216,14 +7245,14 @@ function _o(e, t, i, s, n, l) {
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
           ], 2)) : p("", !0)
         ], 64)) : p("", !0),
         c(e.$slots, "icon-right", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconRight ? (o(), g(a, {
+          i.innerIconRight ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-right",
             tag: "label",
@@ -7231,7 +7260,7 @@ function _o(e, t, i, s, n, l) {
             onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
           }, {
             default: m(() => [
-              S(C(i.innerIconRight), 1)
+              B(C(i.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
@@ -7244,17 +7273,17 @@ function _o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
-        ], 10, Bo)) : p("", !0)
+        ], 10, _o)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const $o = {
+const Io = {
   name: "w-textarea",
-  mixins: [z],
+  mixins: [M],
   inheritAttrs: !1,
   // The attrs should only be added to the textarea not the wrapper.
   props: {
@@ -7378,8 +7407,8 @@ const $o = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, Vo = /* @__PURE__ */ v($o, [["render", _o]]), Io = ["innerHTML"], To = ["innerHTML"];
-function Lo(e, t, i, s, n, l) {
+}, Vo = /* @__PURE__ */ v(Io, [["render", $o]]), To = ["innerHTML"], Lo = ["innerHTML"];
+function Ro(e, t, i, s, n, l) {
   return o(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
@@ -7387,11 +7416,11 @@ function Lo(e, t, i, s, n, l) {
       class: "w-timeline-item",
       key: r
     }, [
-      (o(), g(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), b(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: m(() => [
-          S(C(a[i.itemIconKey] || i.icon), 1)
+          B(C(a[i.itemIconKey] || i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -7407,16 +7436,16 @@ function Lo(e, t, i, s, n, l) {
         w("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, Io),
+        }, null, 10, To),
         w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, To)
+        }, null, 8, Lo)
       ])
     ]))), 128))
   ], 2);
 }
-const Ro = {
+const xo = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -7438,8 +7467,8 @@ const Ro = {
       };
     }
   }
-}, xo = /* @__PURE__ */ v(Ro, [["render", Lo]]);
-function Po(e, t, i, s, n, l) {
+}, Po = /* @__PURE__ */ v(xo, [["render", Ro]]);
+function zo(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-toolbar", l.classes]),
     style: R(l.styles)
@@ -7498,8 +7527,8 @@ const Oo = {
       };
     }
   }
-}, Mo = /* @__PURE__ */ v(Oo, [["render", Po]]);
-function zo(e, t, i, s, n, l) {
+}, Mo = /* @__PURE__ */ v(Oo, [["render", zo]]);
+function Eo(e, t, i, s, n, l) {
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(P, {
@@ -7520,7 +7549,7 @@ function zo(e, t, i, s, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const Eo = {
+const Ao = {
   name: "w-tooltip",
   mixins: [Be],
   props: {
@@ -7656,24 +7685,24 @@ const Eo = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Ao = /* @__PURE__ */ v(Eo, [["render", zo]]);
-function Wo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "bounce" }, e.$props), {
+}, Wo = /* @__PURE__ */ v(Ao, [["render", Eo]]);
+function Ko(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ko = {
+const No = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, No = /* @__PURE__ */ v(Ko, [["render", Wo]]);
-function Do(e, t, i, s, n, l) {
-  return o(), g(P, {
+}, Do = /* @__PURE__ */ v(No, [["render", Ko]]);
+function Ho(e, t, i, s, n, l) {
+  return o(), b(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7693,7 +7722,7 @@ function Do(e, t, i, s, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Ho = {
+const Fo = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7783,61 +7812,61 @@ const Ho = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, Fo = /* @__PURE__ */ v(Ho, [["render", Do]]);
-function jo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "fade" }, e.$props), {
+}, jo = /* @__PURE__ */ v(Fo, [["render", Ho]]);
+function Uo(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Uo = {
+const qo = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, qo = /* @__PURE__ */ v(Uo, [["render", jo]]);
-function Xo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "scale" }, e.$props), {
+}, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
+function Yo(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Yo = {
+const Go = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Go = /* @__PURE__ */ v(Yo, [["render", Xo]]);
-function Jo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "scale-fade" }, e.$props), {
+}, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]);
+function Qo(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Qo = {
+const Zo = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Zo = /* @__PURE__ */ v(Qo, [["render", Jo]]);
-function ea(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: l.transitionName }, e.$props), {
+}, ea = /* @__PURE__ */ v(Zo, [["render", Qo]]);
+function ta(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const ta = {
+const ia = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7855,16 +7884,16 @@ const ta = {
       return `slide-${this.direction}`;
     }
   }
-}, ia = /* @__PURE__ */ v(ta, [["render", ea]]);
-function la(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: l.transitionName }, e.$props), {
+}, la = /* @__PURE__ */ v(ia, [["render", ta]]);
+function sa(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const sa = {
+const oa = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7882,26 +7911,26 @@ const sa = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, oa = /* @__PURE__ */ v(sa, [["render", la]]);
-function aa(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "twist" }, e.$props), {
+}, aa = /* @__PURE__ */ v(oa, [["render", sa]]);
+function na(e, t, i, s, n, l) {
+  return o(), b(P, _({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const na = {
+const ra = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ra = /* @__PURE__ */ v(na, [["render", aa]]), da = ["innerHTML"], ua = {
+}, da = /* @__PURE__ */ v(ra, [["render", na]]), ua = ["innerHTML"], ha = {
   key: 1,
   class: "ml1"
 };
-function ha(e, t, i, s, n, l) {
+function ca(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return o(), u("ul", {
     class: f(["w-tree", l.classes])
@@ -7910,19 +7939,19 @@ function ha(e, t, i, s, n, l) {
       class: f(["w-tree__item", l.itemClasses(h)]),
       key: y
     }, [
-      (o(), g(L(l.getTreeItemComponent(h)), _({
+      (o(), b(L(l.getTreeItemComponent(h)), _({
         class: "w-tree__item-label",
         ref_for: !0
       }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (B) => !i.disabled && !h.disabled && l.onLabelClick(h, B),
-        onKeydown: (B) => !i.disabled && !h.disabled && l.onLabelKeydown(h, B),
+        onClick: (S) => !i.disabled && !h.disabled && l.onLabelClick(h, S),
+        onKeydown: (S) => !i.disabled && !h.disabled && l.onLabelKeydown(h, S),
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: m(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), g(a, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
+            onClick: O((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7937,54 +7966,54 @@ function ha(e, t, i, s, n, l) {
             path: h.path,
             open: h.open
           }, () => {
-            var B;
+            var S;
             return [
-              l.itemIcon(h) ? (o(), g(r, {
+              l.itemIcon(h) ? (o(), b(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
               }, {
                 default: m(() => [
-                  S(C(l.itemIcon(h)), 1)
+                  B(C(l.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : p("", !0),
               w("span", {
                 innerHTML: h.label
-              }, null, 8, da),
-              i.counts && (h.children || h.branch) ? (o(), u("span", ua, "(" + C(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : p("", !0)
+              }, null, 8, ua),
+              i.counts && (h.children || h.branch) ? (o(), u("span", ha, "(" + C(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (o(), g(L(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), b(L(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
-        onAfterEnter: (B) => e.$emit("open", l.emitPayload(h)),
-        onAfterLeave: (B) => e.$emit("close", l.emitPayload(h))
+        onAfterEnter: (S) => e.$emit("open", l.emitPayload(h)),
+        onAfterLeave: (S) => e.$emit("close", l.emitPayload(h))
       }, {
         default: m(() => [
-          h.children && h.open ? (o(), g(d, _({
+          h.children && h.open ? (o(), b(d, _({
             key: 0,
             ref_for: !0
           }, e.$props, {
             depth: i.depth + 1,
             data: h.originalItem.children,
             parent: h,
-            onBeforeOpen: t[0] || (t[0] = (B) => e.$emit("before-open", B)),
-            onOpen: t[1] || (t[1] = (B) => e.$emit("open", B)),
-            onBeforeClose: t[2] || (t[2] = (B) => e.$emit("before-close", B)),
-            onClose: t[3] || (t[3] = (B) => e.$emit("close", B)),
-            onClick: t[4] || (t[4] = (B) => e.$emit("click", B)),
-            onSelect: t[5] || (t[5] = (B) => e.$emit("select", B)),
-            "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
+            onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
+            onOpen: t[1] || (t[1] = (S) => e.$emit("open", S)),
+            onBeforeClose: t[2] || (t[2] = (S) => e.$emit("before-close", S)),
+            onClose: t[3] || (t[3] = (S) => e.$emit("close", S)),
+            onClick: t[4] || (t[4] = (S) => e.$emit("click", S)),
+            onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
+            "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
           }), {
-            item: m(({ item: B, depth: b, path: I, open: V }) => [
+            item: m(({ item: S, depth: g, path: V, open: I }) => [
               c(e.$slots, "item", {
-                item: B,
-                depth: b,
-                path: I,
-                open: V
+                item: S,
+                depth: g,
+                path: V,
+                open: I
               })
             ]),
             _: 2
@@ -7995,7 +8024,7 @@ function ha(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ca = {
+const pa = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -8193,13 +8222,13 @@ const ca = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, pa = /* @__PURE__ */ v(ca, [["render", ha]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, fa = /* @__PURE__ */ v(pa, [["render", ca]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: at,
   WAlert: ut,
   WApp: Bt,
   WAutocomplete: kt,
-  WBadge: It,
+  WBadge: Vt,
   WBreadcrumbs: xt,
   WButton: Nt,
   WCard: jt,
@@ -8213,43 +8242,43 @@ const ca = {
   WFlex: $i,
   WForm: Li,
   WFormElement: Pi,
-  WGrid: zi,
+  WGrid: Mi,
   WIcon: Wi,
-  WImage: Hi,
-  WInput: el,
-  WList: ll,
-  WMenu: al,
-  WNotification: dl,
-  WOverlay: cl,
-  WParallax: gl,
-  WProgress: Bl,
-  WRadio: xl,
-  WRadios: zl,
-  WRating: Nl,
-  WScrollable: jl,
-  WSelect: Ql,
-  WSlider: cs,
-  WSpinner: gs,
-  WSteps: ws,
+  WImage: Fi,
+  WInput: tl,
+  WList: sl,
+  WMenu: nl,
+  WNotification: ul,
+  WOverlay: pl,
+  WParallax: bl,
+  WProgress: _l,
+  WRadio: Pl,
+  WRadios: El,
+  WRating: Dl,
+  WScrollable: Ul,
+  WSelect: Zl,
+  WSlider: ps,
+  WSpinner: bs,
+  WSteps: ks,
   WSwitch: Vs,
-  WTable: bo,
-  WTabs: Ks,
-  WTag: vo,
+  WTable: yo,
+  WTabs: Ns,
+  WTag: Co,
   WTextarea: Vo,
-  WTimeline: xo,
+  WTimeline: Po,
   WToolbar: Mo,
-  WTooltip: Ao,
-  WTransitionBounce: No,
-  WTransitionExpand: Fo,
-  WTransitionFade: qo,
-  WTransitionScale: Go,
-  WTransitionScaleFade: Zo,
-  WTransitionSlide: ia,
-  WTransitionSlideFade: oa,
-  WTransitionTwist: ra,
-  WTree: pa
-}, Symbol.toStringTag, { value: "Module" })), ma = q.install;
-q.install = (e, t = {}) => ma.call(q, e, { components: fa, ...t });
+  WTooltip: Wo,
+  WTransitionBounce: Do,
+  WTransitionExpand: jo,
+  WTransitionFade: Xo,
+  WTransitionScale: Jo,
+  WTransitionScaleFade: ea,
+  WTransitionSlide: la,
+  WTransitionSlideFade: aa,
+  WTransitionTwist: da,
+  WTree: fa
+}, Symbol.toStringTag, { value: "Module" })), ga = q.install;
+q.install = (e, t = {}) => ga.call(q, e, { components: ma, ...t });
 export {
   q as default
 };