wave-ui 3.13.6 → 3.14.1

package/dist/wave-ui.es.js

@@ -1,12 +1,12 @@
-var ve = Object.defineProperty;
-var ne = (e) => {
+var _e = Object.defineProperty;
+var de = (e) => {
   throw TypeError(e);
 };
-var Ce = (e, t, i) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var H = (e, t, i) => Ce(e, typeof t != "symbol" ? t + "" : t, i), re = (e, t, i) => t.has(e) || ne("Cannot " + i);
-var X = (e, t, i) => (re(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Q = (e, t, i) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), Z = (e, t, i, o) => (re(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as Se, createVNode as I, TransitionGroup as se, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as R, mergeProps as B, createElementVNode as y, createCommentVNode as p, createApp as Be, defineComponent as _e, inject as $e, withKeys as E, withModifiers as z, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as L, toHandlers as oe, Transition as O, resolveDynamicComponent as T, normalizeProps as te, resolveDirective as be, withDirectives as W, createSlots as J, vShow as ae, vModelText as ye, vModelDynamic as Ve, KeepAlive as Ie } from "vue";
-const Te = G({
+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";
+const Pe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
   breakpoints: {
@@ -66,39 +66,82 @@ const Te = G({
   },
   presets: {}
   // User presets for each component.
-}), we = (e, t = Te) => {
+}), Ce = (e, t = Pe) => {
   if (!Object.keys(t).length) t = Object.assign(t, e);
   else
     for (const i in e) {
-      const o = e[i];
-      typeof o == "object" ? we(e[i], t[i]) : t[i] = o;
+      const s = e[i];
+      typeof s == "object" && typeof t[i] == "object" ? Ce(e[i], t[i]) : t[i] = s;
     }
   return t;
-}, F = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), de = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Le = (e) => {
+}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), Oe = (e) => {
   ["light", "dark"].forEach((t) => {
+    var s;
     const i = e.colors[t];
     i.shades = {};
-    for (let o in i) {
-      if (o === "shades") continue;
-      o = { label: o, color: i[o].replace("#", "") };
-      const n = o.color;
-      n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
-      for (let l = 1; l <= 3; l++) {
-        const a = de(`#${o.color}`, l * 40), r = de(`#${o.color}`, -l * 40);
-        i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
+    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;
       }
     }
   });
-}, ue = (e, t) => {
+}, he = (e, t) => {
   const i = {
-    ...t.reduce((o, n) => {
-      o[n.label] = n.color;
+    ...t.reduce((s, n) => {
+      s[n.label] = n.color;
       const l = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
-      return { ...o, ...l };
+      return { ...s, ...l };
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
-}, he = [
+};
+function G(e, t, i) {
+  return Math.min(Math.max(e, t), i);
+}
+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) {
+  return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
+}
+function ze(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}'`) || "";
+}
+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;
+  return {
+    red: i,
+    green: s,
+    blue: n,
+    alpha: l,
+    hasAlpha: t.length === 9
+  };
+}
+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);
+}
+function We(e, t = 15) {
+  return Se("#ffffff", e, t);
+}
+function Ke(e, t = 12.4) {
+  return Se("#000000", e, t);
+}
+const fe = [
   {
     label: "pink",
     color: "#e91e63",
@@ -445,43 +488,44 @@ const Te = G({
   { label: "white", color: "#fff" },
   { label: "transparent", color: "transparent" },
   { label: "inherit", color: "inherit" }
-], j = {
+], U = {
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let ie = { keys: [], values: [] }, ce = null;
-const Re = (e, t) => {
+let se = { keys: [], values: [] }, me = null;
+const Ne = (e, t) => {
+  var I;
   let i = "";
-  const o = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: w } = j;
+  const s = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: y } = U;
   for (const V in h)
-    i += `${w} .${V}--bg{background-color:var(--w-${V}-color)}${w} .${V}{color:var(--w-${V}-color)}`;
+    i += `${y} .${V}--bg{background-color:var(--w-${V}-color)}${y} .${V}{color:var(--w-${V}-color)}`;
   for (const V in d)
-    i += `${w} .${V}--bg{background-color:${d[V]}}${w} .${V}{color:${d[V]}}`;
-  const _ = { ...h, info: n, warning: l, success: a, error: r };
-  for (const V in _) o[V] = _[V];
+    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];
   if (t)
-    for (const V in d) o[V] = d[V];
+    for (const V in d) s[V] = d[V];
   let b = "";
-  return Object.entries(o).forEach(([V, P]) => {
-    b += `--w-${V}-color: ${P};`;
+  return Object.entries(s).forEach(([V, O]) => {
+    b += `--w-${V}-color: ${O};`;
   }), `:root{${b}}${i}`;
-}, Pe = (e, t) => {
+}, De = (e, t) => {
   let i = "";
-  const { cssScope: o } = j;
+  const { cssScope: s } = U;
   return e.forEach(({ min: n, label: l }) => {
     if (l === "xs")
       for (let a = 0; a < t; a++)
-        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
       i += `@media(min-width:${n}px){`;
       for (let a = 0; a < t; a++)
-        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
       i += "}";
     }
   }), i;
-}, Oe = (e) => {
+}, He = (e) => {
   let t = "";
-  const { cssScope: i, baseIncrement: o } = j, n = [
+  const { cssScope: i, baseIncrement: s } = U, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -518,64 +562,64 @@ const Re = (e, t) => {
   ], l = Array(12).fill();
   return e.forEach(({ label: a, min: r }) => {
     a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${i} .${a}u-${d}`).join("") + // w-grid columns and gap.
-    l.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+    l.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: r, max: d }) => {
     t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + // w-grid columns and gap.
-    l.map((h, w) => `.w-grid.${a}-columns${w + 1}{grid-template-columns:repeat(${w + 1},1fr);}`).join("") + l.map((h, w) => `.w-flex.${a}-gap${w + 1},.w-grid.${a}-gap${w + 1}{gap:${(w + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+    l.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + l.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * s}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
   }), e.forEach(({ label: a, max: r }) => {
     a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + // w-grid columns and gap.
-    l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
+    l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, pe = (e) => {
-  const t = window.innerWidth, i = ie.values.slice(0);
+}, ge = (e) => {
+  const t = window.innerWidth, i = se.values.slice(0);
   i.push(t), i.sort((n, l) => n - l);
-  const o = ie.keys[i.indexOf(t)] || "xl";
-  o !== ce && (ce = o, e.breakpoint = {
-    name: o,
-    xs: o === "xs",
-    sm: o === "sm",
-    md: o === "md",
-    lg: o === "lg",
-    xl: o === "xl",
+  const s = se.keys[i.indexOf(t)] || "xl";
+  s !== me && (me = s, e.breakpoint = {
+    name: s,
+    xs: s === "xs",
+    sm: s === "sm",
+    md: s === "md",
+    lg: s === "lg",
+    xl: s === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, xe = (e) => {
+}, Fe = (e) => {
   const { config: t } = e;
-  if (ie = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
+  if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
-    i.id = "wave-ui-styles", i.innerHTML = Me(t);
-    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    o ? o.before(i) : document.head.appendChild(i);
+    i.id = "wave-ui-styles", i.innerHTML = Ue(t);
+    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    s ? s.before(i) : document.head.appendChild(i);
   }
-  pe(e), window.addEventListener("resize", () => pe(e));
-}, ze = (e, t) => {
+  ge(e), window.addEventListener("resize", () => ge(e));
+}, je = (e, t, i) => {
   if (!document.getElementById("wave-ui-colors")) {
-    const i = document.createElement("style");
-    i.id = "wave-ui-colors", i.innerHTML = Re(e, t);
-    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    o ? o.before(i) : document.head.appendChild(i);
+    const s = document.createElement("style");
+    s.id = "wave-ui-colors", s.innerHTML = Ne(e, t);
+    const n = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    n ? n.before(s) : document.head.appendChild(s);
   }
-}, Me = (e) => {
+}, Ue = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: a };
-  }), o = getComputedStyle(document.documentElement);
-  j.cssScope = o.getPropertyValue("--w-css-scope"), j.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
+  }), s = getComputedStyle(document.documentElement);
+  U.cssScope = s.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(s.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += Pe(i, e.css.grid), e.css.breakpointLayoutClasses && (n += Oe(i)), n;
-}, Ee = ["innerHTML"];
-function Ae(e, t, i, o, n, l) {
+  return n += De(i, e.css.grid), e.css.breakpointLayoutClasses && (n += He(i)), n;
+}, qe = ["innerHTML"];
+function Xe(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return s(), g(Se, { to: ".w-app" }, [
-    I(se, {
+  return o(), g(Ve, { to: ".w-app" }, [
+    T(ae, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
       name: l.transition,
       appear: ""
     }, {
       default: m(() => [
-        (s(!0), u(k, null, R(l.notifications, (r) => (s(), u(k, null, [
-          r._value ? (s(), g(a, B({
+        (o(!0), u(k, null, x(l.notifications, (r) => (o(), u(k, null, [
+          r._value ? (o(), g(a, _({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -584,9 +628,9 @@ function Ae(e, t, i, o, n, l) {
             ref_for: !0
           }, l.notifProps(r)), {
             default: m(() => [
-              y("div", {
+              w("div", {
                 innerHTML: r.message
-              }, null, 8, Ee)
+              }, null, 8, qe)
             ]),
             _: 2
           }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
@@ -598,10 +642,10 @@ function Ae(e, t, i, o, n, l) {
 }
 const v = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [o, n] of t)
-    i[o] = n;
+  for (const [s, n] of t)
+    i[s] = n;
   return i;
-}, We = {
+}, Ye = {
   name: "w-notification-manager",
   computed: {
     conf() {
@@ -619,11 +663,11 @@ const v = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: i, message: o, timeout: n, ...l } = e;
+      const { _value: t, _uid: i, message: s, timeout: n, ...l } = e;
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, Ke = /* @__PURE__ */ v(We, [["render", Ae]]);
+}, Ge = /* @__PURE__ */ v(Ye, [["render", Xe]]);
 var D;
 const K = class K {
   constructor() {
@@ -632,14 +676,14 @@ const K = class K {
     H(this, "_uid");
     // A unique ID for each notification.
     H(this, "_notificationDefaults");
-    if (X(K, D)) return X(K, D);
+    if (Y(K, D)) return Y(K, D);
     this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
       message: "",
       timeout: 4e3,
       dismiss: !0
-    }, Z(K, D, this);
+    }, ie(K, D, this);
   }
   notify(...t) {
     let i = {
@@ -648,10 +692,10 @@ const K = class K {
     };
     if (typeof t[0] == "object") i = { ...i, ...t[0] };
     else {
-      const [o, n, l] = t;
+      const [s, n, l] = t;
       i = {
         ...i,
-        message: o || "",
+        message: s || "",
         [n === void 0 ? "info" : n]: !0,
         timeout: l || l === 0 ? parseFloat(l) : 4e3
       };
@@ -662,29 +706,29 @@ const K = class K {
     this.notifications = this.notifications.filter((i) => i._uid !== t);
   }
 };
-D = new WeakMap(), Q(K, D);
-let le = K;
-const Ne = (e, t, i) => {
-  const o = document.createElement("div");
-  e.appendChild(o);
-  const n = Be(_e({
-    ...Ke,
+D = new WeakMap(), te(K, D);
+let oe = K;
+const Je = (e, t, i) => {
+  const s = document.createElement("div");
+  e.appendChild(s);
+  const n = Ie(Te({
+    ...Ge,
     inject: ["$waveui"]
   })).provide("$waveui", i);
   for (const l in t) {
     const a = t[l];
     n.component(a.name, { ...a, inject: ["$waveui"] });
   }
-  n.mount(o), o.remove();
+  n.mount(s), s.remove();
 };
-let fe = !1;
-const De = (e) => {
+let be = !1;
+const Qe = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
-}, He = (e, t) => {
-  var i, o;
+}, Ze = (e, t) => {
+  var i, s;
   for (const n in t)
     if ((i = e.props) != null && i[n])
       e.props[n].default = t[n];
@@ -692,16 +736,16 @@ const De = (e) => {
       let l = !1;
       if (Array.isArray(e.mixins) && e.mixins.length) {
         for (const a of e.mixins)
-          if ((o = a == null ? void 0 : a.props) != null && o[n]) {
+          if ((s = a == null ? void 0 : a.props) != null && s[n]) {
             a.props[n].default = t[n], l = !0;
             break;
           }
-        l || F(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
         continue;
       }
     }
 };
-var q;
+var X;
 const N = class N {
   constructor(t, i = {}) {
     // Exposed as a global object and also `app.provide`d.
@@ -732,19 +776,19 @@ const N = class N {
       switchTheme(t, i = !1) {
         var n, l;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || l.call(n);
-        const o = this.config.colors[this.theme];
-        ze(o, this.config.css.colorShadeCssVariables), this.colors = ue(o, he);
+        const s = this.config.colors[this.theme];
+        je(s, this.config.css.colorShadeCssVariables), this.colors = he(s, fe);
       }
     });
-    if (X(N, q)) return;
-    if (this.$waveui._notificationManager = new le(), i.theme || (i.theme = "light"), i.colors) {
+    if (Y(N, X)) return;
+    if (this.$waveui._notificationManager = new oe(), i.theme || (i.theme = "light"), i.colors) {
       const a = { ...i.colors };
       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: o, ...n } = i;
-    n = this.$waveui.config = we(n), n.css.colorShades && Le(n);
-    const l = G(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = ue(n.colors[n.theme], he));
+    let { components: s, ...n } = i;
+    n = this.$waveui.config = Ce(n), n.css.colorShades && Oe(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));
   }
   static install(t, i = {}) {
     var n;
@@ -759,44 +803,44 @@ const N = class N {
         window.addEventListener("scroll", r);
       }
     });
-    const { components: o = {} } = i || {};
-    for (const l in o) {
-      const a = o[l];
-      (n = i.presets) != null && n[a.name] && He(a, i.presets[a.name]), t.component(a.name, a);
+    const { components: s = {} } = i || {};
+    for (const l in s) {
+      const a = s[l];
+      (n = i.presets) != null && n[a.name] && Ze(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
       beforeMount() {
-        if (!fe) {
-          fe = !0;
-          const l = $e("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
-          r.classList.add("w-app"), a.theme === "auto" ? De(l) : l.switchTheme(a.theme, !0), xe(l), Ne(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+        if (!be) {
+          be = !0;
+          const l = Le("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
+          r.classList.add("w-app"), a.theme === "auto" ? Qe(l) : l.switchTheme(a.theme, !0), Fe(l), Je(r, s, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
-    }), new N(t, i), Z(N, q, !0);
+    }), new N(t, i), ie(N, X, !0);
   }
 };
-q = new WeakMap(), Q(N, q, !1);
-let U = N;
-const Fe = ["aria-expanded"], je = ["onClick", "onFocus", "onKeypress", "tabindex"], Ue = ["innerHTML"], qe = ["innerHTML"];
-function Xe(e, t, i, o, n, l) {
+X = new WeakMap(), te(N, X, !1);
+let q = N;
+const et = ["aria-expanded"], tt = ["onClick", "onFocus", "onKeypress", "tabindex"], it = ["innerHTML"], lt = ["innerHTML"];
+function st(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-accordion", l.accordionClasses])
   }, [
-    (s(!0), u(k, null, R(e.accordionItems, (d, h) => (s(), u("div", {
+    (o(!0), u(k, null, x(e.accordionItems, (d, h) => (o(), u("div", {
       class: f(["w-accordion__item", l.itemClasses(d)]),
       key: h,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
-      y("div", {
+      w("div", {
         class: f(["w-accordion__item-title", i.titleClass]),
-        onClick: (w) => !d._disabled && l.toggleItem(d, w),
-        onFocus: (w) => e.$emit("focus", l.getOriginalItem(d)),
-        onKeypress: E((w) => !d._disabled && l.toggleItem(d, w), ["enter"]),
+        onClick: (y) => !d._disabled && l.toggleItem(d, y),
+        onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
+        onKeypress: E((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        i.expandIcon && !i.expandIconRight ? (s(), g(a, {
+        i.expandIcon && !i.expandIconRight ? (o(), g(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,
@@ -804,9 +848,9 @@ function Xe(e, t, i, o, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = z(() => {
+          onKeypress: t[0] || (t[0] = M(() => {
           }, ["stop"])),
-          onClick: z((w) => !d._disabled && l.toggleItem(d, w), ["stop"])
+          onClick: M((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,
@@ -819,28 +863,28 @@ function Xe(e, t, i, o, n, l) {
           expanded: d._expanded,
           index: h + 1
         }, () => [
-          y("div", {
+          w("div", {
             class: "grow",
             innerHTML: d[i.itemTitleKey]
-          }, null, 8, Ue)
+          }, null, 8, it)
         ]),
-        i.expandIcon && i.expandIconRight ? (s(), g(a, {
+        i.expandIcon && i.expandIconRight ? (o(), g(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] = z(() => {
+          onKeypress: t[1] || (t[1] = M(() => {
           }, ["stop"])),
-          onClick: z((w) => !d._disabled && l.toggleItem(d, w), ["stop"])
+          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
-      ], 42, je),
-      I(r, {
+      ], 42, tt),
+      T(r, {
         y: "",
-        onAfterLeave: (w) => l.onEndOfCollapse(d),
+        onAfterLeave: (y) => l.onEndOfCollapse(d),
         duration: i.duration
       }, {
         default: m(() => [
-          d._expanded ? (s(), u("div", {
+          d._expanded ? (o(), u("div", {
             key: 0,
             class: f(["w-accordion__item-content", i.contentClass])
           }, [
@@ -855,18 +899,18 @@ function Xe(e, t, i, o, n, l) {
               expanded: d._expanded,
               index: h + 1
             }, () => [
-              y("div", {
+              w("div", {
                 innerHTML: d[i.itemContentKey]
-              }, null, 8, qe)
+              }, null, 8, lt)
             ])
           ], 2)) : p("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
-    ], 10, Fe))), 128))
+    ], 10, et))), 128))
   ], 2);
 }
-const Ye = {
+const ot = {
   name: "w-accordion",
   props: {
     modelValue: { type: Array },
@@ -911,8 +955,8 @@ const Ye = {
   },
   methods: {
     toggleItem(e, t) {
-      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((o) => o._index !== e._index && (o._expanded = !1));
-      const i = this.accordionItems.map((o) => o._expanded || !1);
+      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((s) => s._index !== e._index && (s._expanded = !1));
+      const i = this.accordionItems.map((s) => s._expanded || !1);
       this.$emit("update:modelValue", i), this.$emit("input", i), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
     },
     onEndOfCollapse(e) {
@@ -954,15 +998,15 @@ const Ye = {
       deep: !0
     }
   }
-}, Ge = /* @__PURE__ */ v(Ye, [["render", Xe]]), Je = { class: "w-alert__content" };
-function Qe(e, t, i, o, n, l) {
+}, at = /* @__PURE__ */ v(ot, [["render", st]]), nt = { class: "w-alert__content" };
+function rt(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-button");
-  return n.show ? (s(), u("div", {
+  return n.show ? (o(), u("div", {
     key: 0,
     class: f(["w-alert", l.classes])
   }, [
-    l.type || i.icon || i.dismiss ? (s(), u(k, { key: 0 }, [
-      l.type || i.icon ? (s(), g(a, {
+    l.type || i.icon || i.dismiss ? (o(), u(k, { key: 0 }, [
+      l.type || i.icon ? (o(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
@@ -971,10 +1015,10 @@ function Qe(e, t, i, o, n, l) {
         ]),
         _: 1
       })) : p("", !0),
-      y("div", Je, [
+      w("div", nt, [
         c(e.$slots, "default")
       ]),
-      i.dismiss ? (s(), g(r, {
+      i.dismiss ? (o(), g(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -988,7 +1032,7 @@ function Qe(e, t, i, o, n, l) {
     ], 64)) : c(e.$slots, "default", { key: 1 })
   ], 2)) : p("", !0);
 }
-const Ze = {
+const dt = {
   name: "w-alert",
   props: {
     modelValue: { default: !0 },
@@ -1071,24 +1115,24 @@ const Ze = {
       this.show = e;
     }
   }
-}, et = /* @__PURE__ */ v(Ze, [["render", Qe]]), tt = { class: "w-autocomplete__selection" }, it = ["innerHTML"], lt = ["innerHTML"], st = ["value"], ot = ["onClick"], at = ["innerHTML"], nt = ["innerHTML"];
-function rt(e, t, i, o, n, l) {
+}, ut = /* @__PURE__ */ v(dt, [["render", rt]]), ht = { class: "w-autocomplete__selection" }, ct = ["innerHTML"], pt = ["innerHTML"], ft = ["value"], mt = ["onClick"], gt = ["innerHTML"], bt = ["innerHTML"];
+function yt(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-transition-slide-fade");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-autocomplete", l.classes]),
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d)),
-    style: L(e.$attrs.style)
+    style: R(e.$attrs.style)
   }, [
-    e.selection.length ? (s(!0), u(k, { key: 0 }, R(e.selection, (d, h) => (s(), u("div", tt, [
+    e.selection.length ? (o(!0), u(k, { key: 0 }, x(e.selection, (d, h) => (o(), u("div", ht, [
       c(e.$slots, "selection", {
         item: d,
-        unselect: (w) => l.unselectItem(w)
+        unselect: (y) => l.unselectItem(y)
       }, () => [
-        y("span", {
+        w("span", {
           innerHTML: d[i.itemLabelKey]
-        }, null, 8, it),
-        I(a, {
-          onClick: z((w) => l.unselectItem(h), ["stop"]),
+        }, null, 8, ct),
+        T(a, {
+          onClick: M((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
           text: "",
@@ -1096,19 +1140,19 @@ function rt(e, t, i, o, n, l) {
         }, null, 8, ["onClick"])
       ])
     ]))), 256)) : p("", !0),
-    !e.selection.length && !e.keywords && i.placeholder ? (s(), u("div", {
+    !e.selection.length && !e.keywords && i.placeholder ? (o(), u("div", {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
-    }, null, 8, lt)) : p("", !0),
-    y("input", B({
+    }, null, 8, pt)) : p("", !0),
+    w("input", _({
       class: "w-autocomplete__input",
       ref: "input",
       value: e.keywords
-    }, oe(l.inputEventListeners, !0), l.inputAttrs), null, 16, st),
-    I(r, null, {
+    }, ne(l.inputEventListeners, !0), l.inputAttrs), null, 16, ft),
+    T(r, null, {
       default: m(() => [
-        e.menuOpen ? (s(), u("ul", {
+        e.menuOpen ? (o(), u("ul", {
           key: 0,
           class: "w-autocomplete__menu",
           ref: "menu",
@@ -1117,32 +1161,32 @@ function rt(e, t, i, o, n, l) {
           onTouchstart: t[3] || (t[3] = (d) => e.menuIsBeingClicked = !0),
           onTouchend: t[4] || (t[4] = (...d) => l.setEndOfMenuClick && l.setEndOfMenuClick(...d))
         }, [
-          (s(!0), u(k, null, R(l.filteredItems, (d, h) => (s(), u("li", {
+          (o(!0), u(k, null, x(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
-            onClick: z((w) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
+            onClick: M((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
             c(e.$slots, "item", {
               item: d,
               highlighted: e.highlightedItem === d.uid
             }, () => [
-              y("span", {
+              w("span", {
                 innerHTML: d[i.itemLabelKey]
-              }, null, 8, at)
+              }, null, 8, gt)
             ])
-          ], 10, ot))), 128)),
-          l.filteredItems.length ? p("", !0) : (s(), u("li", {
+          ], 10, mt))), 128)),
+          l.filteredItems.length ? p("", !0) : (o(), u("li", {
             key: 0,
             class: f(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
           }, [
             c(e.$slots, "no-match", {}, () => [
-              y("div", {
+              w("div", {
                 class: "caption",
                 innerHTML: i.noMatch ?? "No match."
-              }, null, 8, nt)
+              }, null, 8, bt)
             ])
           ], 2)),
-          e.$slots["extra-item"] ? (s(), u("li", {
+          e.$slots["extra-item"] ? (o(), u("li", {
             key: 1,
             class: f(["w-autocomplete__extra-item", { highlighted: e.highlightedItem === "extra-item" }]),
             onClick: t[0] || (t[0] = (...d) => l.selectExtraItem && l.selectExtraItem(...d))
@@ -1155,7 +1199,7 @@ function rt(e, t, i, o, n, l) {
     })
   ], 6);
 }
-const dt = {
+const wt = {
   name: "w-autocomplete",
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
@@ -1205,7 +1249,7 @@ const dt = {
     },
     filteredItems() {
       let e = this.optimizedItemsForSearch;
-      const t = (i) => !this.selection.find((o) => o.uid === i.uid);
+      const t = (i) => !this.selection.find((s) => s.uid === i.uid);
       return this.keywords ? e = e.filter((i) => i.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? t(i) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(t)), e;
     },
     highlightedItemIndex() {
@@ -1291,13 +1335,13 @@ const dt = {
         e.preventDefault(), this.highlightedItem === "extra-item" ? this.selectExtraItem() : this.highlightedItemIndex >= 0 && this.selectItem(this.filteredItems[this.highlightedItemIndex]);
       else if ([38, 40].includes(e.keyCode)) {
         e.preventDefault();
-        let o = this.highlightedItemIndex;
-        o === -1 ? o = e.keyCode === 38 ? t - 1 : 0 : o = (o + (e.keyCode === 38 ? -1 : 1) + t) % t, this.$slots["extra-item"] && o === t - 1 ? this.highlightedItem = "extra-item" : this.highlightedItem = ((i = this.filteredItems[o]) == null ? void 0 : i.uid) || 0;
+        let s = this.highlightedItemIndex;
+        s === -1 ? s = e.keyCode === 38 ? t - 1 : 0 : s = (s + (e.keyCode === 38 ? -1 : 1) + t) % t, this.$slots["extra-item"] && s === t - 1 ? this.highlightedItem = "extra-item" : this.highlightedItem = ((i = this.filteredItems[s]) == null ? void 0 : i.uid) || 0;
         const n = this.$refs.menu;
         if (n)
-          if (this.$slots["extra-item"] && o === t - 1) n.scrollTop = n.scrollHeight;
+          if (this.$slots["extra-item"] && s === t - 1) n.scrollTop = n.scrollHeight;
           else {
-            const { offsetHeight: l, offsetTop: a } = n.childNodes[o] || {};
+            const { offsetHeight: l, offsetTop: a } = n.childNodes[s] || {};
             n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
           }
       } else !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
@@ -1334,17 +1378,17 @@ const dt = {
   watch: {
     modelValue(e) {
       this.selection = [], e && (Array.isArray(e) ? e : [e]).forEach((i) => {
-        this.selection.push(this.optimizedItemsForSearch.find((o) => o[this.itemValueKey] === +i));
+        this.selection.push(this.optimizedItemsForSearch.find((s) => s[this.itemValueKey] === +i));
       });
     }
   }
-}, ut = /* @__PURE__ */ v(dt, [["render", rt]]), ht = { class: "w-app" };
-function ct(e, t, i, o, n, l) {
-  return s(), u("div", ht, [
+}, kt = /* @__PURE__ */ v(wt, [["render", yt]]), vt = { class: "w-app" };
+function Ct(e, t, i, s, n, l) {
+  return o(), u("div", vt, [
     c(e.$slots, "default")
   ]);
 }
-const pt = {
+const St = {
   name: "w-app",
   // Keep the props for the API documentation.
   props: {
@@ -1360,18 +1404,18 @@ const pt = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = { class: "w-badge-wrap" };
-function gt(e, t, i, o, n, l) {
-  return s(), u("div", mt, [
+}, Bt = /* @__PURE__ */ v(St, [["render", Ct]]), _t = { class: "w-badge-wrap" };
+function $t(e, t, i, s, n, l) {
+  return o(), u("div", _t, [
     c(e.$slots, "default"),
-    I(O, {
+    T(P, {
       name: `${i.transition}`
     }, {
       default: m(() => [
-        i.modelValue ? (s(), u("div", {
+        i.modelValue ? (o(), u("div", {
           key: 0,
           class: f(["w-badge", l.classes]),
-          style: L(l.styles),
+          style: R(l.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
@@ -1386,7 +1430,7 @@ function gt(e, t, i, o, n, l) {
     }, 8, ["name"])
   ]);
 }
-const bt = {
+const Vt = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1449,19 +1493,19 @@ const bt = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, yt = /* @__PURE__ */ v(bt, [["render", gt]]), wt = ["innerHTML"];
-function kt(e, t, i, o, n, l) {
+}, It = /* @__PURE__ */ v(Vt, [["render", $t]]), Tt = ["innerHTML"];
+function Lt(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-breadcrumbs", l.classes])
   }, [
-    (s(!0), u(k, null, R(i.items, (r, d) => (s(), u(k, null, [
-      d && e.$slots.separator ? (s(), u("span", {
+    (o(!0), u(k, null, x(i.items, (r, d) => (o(), u(k, null, [
+      d && e.$slots.separator ? (o(), u("span", {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), g(a, {
+      ], 2)) : d ? (o(), g(a, {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
@@ -1470,8 +1514,8 @@ function kt(e, t, i, o, n, l) {
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
-      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(k, { key: 2 }, [
-        e.$slots.item ? (s(), g(T(l.hasRouter ? "router-link" : "a"), {
+      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"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1485,7 +1529,7 @@ function kt(e, t, i, o, n, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), g(T(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), g(L(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1497,14 +1541,14 @@ function kt(e, t, i, o, n, l) {
         item: r,
         index: d + 1,
         isLast: d === i.items.length - 1
-      }) : (s(), u("span", {
+      }) : (o(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
-      }, null, 8, wt))
+      }, null, 8, Tt))
     ], 64))), 256))
   ], 2);
 }
-const vt = {
+const Rt = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1535,11 +1579,11 @@ const vt = {
       };
     }
   }
-}, Ct = /* @__PURE__ */ v(vt, [["render", kt]]), St = {
+}, xt = /* @__PURE__ */ v(Rt, [["render", Lt]]), Pt = {
   key: 0,
   class: "w-button__loader"
-}, Bt = /* @__PURE__ */ y("svg", { viewBox: "0 0 40 40" }, [
-  /* @__PURE__ */ y("circle", {
+}, Ot = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
+  /* @__PURE__ */ w("circle", {
     cx: "20",
     cy: "20",
     r: "18",
@@ -1549,26 +1593,26 @@ const vt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function _t(e, t, i, o, n, l) {
+function Mt(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return s(), g(T(i.route ? "a" : "button"), B({
+  return o(), g(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
-    href: i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
+    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 ? (s(), g(a, te(B({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), g(a, le(_({ key: 0 }, i.iconProps || {})), {
         default: m(() => [
           S(C(i.icon), 1)
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
-      I(O, { name: "scale-fade" }, {
+      T(P, { name: "scale-fade" }, {
         default: m(() => [
-          i.loading ? (s(), u("div", St, [
+          i.loading ? (o(), u("div", Pt, [
             c(e.$slots, "loading", {}, () => [
-              Bt
+              Ot
             ])
           ])) : p("", !0)
         ]),
@@ -1578,7 +1622,7 @@ function _t(e, t, i, o, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const $t = {
+const zt = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1629,13 +1673,13 @@ const $t = {
       return this.hasRouter ? this.$router.resolve(this.route).href : this.route;
     },
     attrs() {
-      const e = {
+      const e = this.route && this.hasRouter && !this.forceLink && !this.externalLink, t = (i) => {
+        this.$attrs.onClick && this.$attrs.onClick(i), this.$router.push(this.route), i.stopPropagation(), i.preventDefault();
+      };
+      return {
         ...this.$attrs,
-        onClick: (t) => {
-          this.$attrs.onClick && this.$attrs.onClick(t), this.$router.push(this.route), t.stopPropagation(), t.preventDefault();
-        }
+        onClick: !this.disabled && (e ? t : this.$attrs.onClick)
       };
-      return this.route && this.hasRouter && !this.forceLink && !this.externalLink ? e : this.$attrs;
     },
     size() {
       return this.xs && "xs" || this.sm && "sm" || this.lg && "lg" || this.xl && "xl" || "md";
@@ -1679,12 +1723,12 @@ const $t = {
       };
     }
   }
-}, Vt = /* @__PURE__ */ v($t, [["render", _t]]), It = ["innerHTML"];
-function Tt(e, t, i, o, n, l) {
+}, Et = /* @__PURE__ */ v(zt, [["render", Mt]]), At = ["innerHTML"];
+function Wt(e, t, i, s, n, l) {
   const a = $("button-partial");
-  return i.tooltip ? (s(), g(T("w-tooltip"), te(B({ key: 0 }, i.tooltipProps)), {
+  return i.tooltip ? (o(), g(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
-      I(a, B(l.buttonProps, oe(r)), {
+      T(a, _(l.buttonProps, ne(r)), {
         default: m(() => [
           c(e.$slots, "default")
         ]),
@@ -1692,10 +1736,10 @@ function Tt(e, t, i, o, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      y("div", { innerHTML: i.tooltip }, null, 8, It)
+      w("div", { innerHTML: i.tooltip }, null, 8, At)
     ]),
     _: 3
-  }, 16)) : (s(), g(a, te(B({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), g(a, le(_({ key: 1 }, l.buttonProps)), {
     loading: m(() => [
       c(e.$slots, "loading")
     ]),
@@ -1705,7 +1749,7 @@ function Tt(e, t, i, o, n, l) {
     _: 3
   }, 16));
 }
-const Lt = {
+const Kt = {
   name: "w-button",
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
@@ -1748,7 +1792,7 @@ const Lt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: Vt },
+  components: { ButtonPartial: Et },
   emits: [],
   computed: {
     buttonProps() {
@@ -1756,23 +1800,23 @@ const Lt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Rt = /* @__PURE__ */ v(Lt, [["render", Tt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Pt = ["innerHTML"];
-function Ot(e, t, i, o, n, l) {
+}, Nt = /* @__PURE__ */ v(Kt, [["render", Wt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Dt = ["innerHTML"];
+function Ht(e, t, i, s, n, l) {
   const a = $("w-image");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-card", l.classes])
   }, [
-    e.$slots.title ? (s(), u("div", {
+    e.$slots.title ? (o(), u("div", {
       key: 0,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }])
     }, [
       c(e.$slots, "title")
-    ], 2)) : i.title ? (s(), u("div", {
+    ], 2)) : i.title ? (o(), u("div", {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Pt)) : p("", !0),
-    i.image ? (s(), g(a, B({
+    }, null, 10, Dt)) : p("", !0),
+    i.image ? (o(), g(a, _({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1782,12 +1826,12 @@ function Ot(e, t, i, o, n, l) {
       ]),
       _: 3
     }, 16, ["src"])) : p("", !0),
-    y("div", {
+    w("div", {
       class: f(["w-card__content", l.contentClasses])
     }, [
       c(e.$slots, "default")
     ], 2),
-    e.$slots.actions ? (s(), u("div", {
+    e.$slots.actions ? (o(), u("div", {
       key: 3,
       class: f(["w-card__actions", { "w-card__actions--has-toolbar": l.actionsHasToolbar }])
     }, [
@@ -1795,7 +1839,7 @@ function Ot(e, t, i, o, n, l) {
     ], 2)) : p("", !0)
   ], 2);
 }
-const xt = {
+const Ft = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1846,7 +1890,7 @@ const xt = {
       };
     }
   }
-}, zt = /* @__PURE__ */ v(xt, [["render", Ot]]), M = {
+}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), z = {
   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.
@@ -1893,13 +1937,13 @@ const xt = {
       this.$refs.formEl.validate(this);
     }
   }
-}, Mt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Et = ["for"], At = ["for", "innerHTML"], Wt = /* @__PURE__ */ y("svg", { viewBox: "-0.5 0 12 10" }, [
-  /* @__PURE__ */ y("polyline", { points: "1 5 4 8 10 2" })
-], -1), Kt = [
-  Wt
-], Nt = ["for"], Dt = ["for", "innerHTML"];
-function Ht(e, t, i, o, n, l) {
-  return s(), g(T(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Ut = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], qt = ["for"], Xt = ["for", "innerHTML"], Yt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+  /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
+], -1), Gt = [
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
@@ -1908,7 +1952,7 @@ function Ht(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      y("input", {
+      w("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
@@ -1923,9 +1967,9 @@ function Ht(e, t, i, o, n, l) {
         onKeypress: t[3] || (t[3] = E((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, Mt),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
-        e.$slots.default ? (s(), u("label", {
+      }, null, 40, Ut),
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
@@ -1933,21 +1977,21 @@ function Ht(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, Et)) : i.label ? (s(), u("label", {
+        ], 10, qt)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, At)) : p("", !0)
+        }, null, 10, Xt)) : p("", !0)
       ], 64)) : p("", !0),
-      y("div", {
+      w("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, Kt, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
-        e.$slots.default ? (s(), u("label", {
+      }, Gt, 2),
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
@@ -1955,20 +1999,20 @@ function Ht(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, Nt)) : i.label ? (s(), u("label", {
+        ], 10, Jt)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Dt)) : p("", !0)
+        }, null, 10, Qt)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Ft = {
+const ei = {
   name: "w-checkbox",
-  mixins: [M],
+  mixins: [z],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -2033,10 +2077,10 @@ const Ft = {
       this.isChecked = e;
     }
   }
-}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), Ut = ["innerHTML"];
-function qt(e, t, i, o, n, l) {
+}, ti = /* @__PURE__ */ v(ei, [["render", Zt]]), ii = ["innerHTML"];
+function li(e, t, i, s, n, l) {
   const a = $("w-checkbox");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -2045,7 +2089,7 @@ function qt(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(k, null, R(l.checkboxItems, (r, d) => (s(), g(a, B({
+      (o(!0), u(k, null, x(l.checkboxItems, (r, d) => (o(), g(a, _({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2064,10 +2108,10 @@ function qt(e, t, i, o, n, l) {
             checked: !!r._isChecked,
             index: d + 1,
             innerHTML: r.label
-          }) : r.label ? (s(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Ut)) : p("", !0)
+          }, null, 8, ii)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -2075,9 +2119,9 @@ function qt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const Xt = {
+const si = {
   name: "w-checkboxes",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -2106,7 +2150,7 @@ const Xt = {
     checkboxItems() {
       return (this.items || []).map((e, t) => {
         const i = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
-        return G({
+        return Z({
           ...e,
           label: e[this.itemLabelKey],
           _index: t,
@@ -2130,7 +2174,7 @@ const Xt = {
     },
     toggleCheck(e, t) {
       e._isChecked = t;
-      const i = this.checkboxItems.filter((o) => o._isChecked).map((o) => this.returnValues ? o.returnValue : o.value);
+      const i = this.checkboxItems.filter((s) => s._isChecked).map((s) => this.returnValues ? s.returnValue : s.value);
       this.$emit("update:modelValue", i), this.$emit("input", i);
     },
     // Return the original item (so there is no `_index`, etc.).
@@ -2138,15 +2182,15 @@ const Xt = {
       return this.items[e._index];
     }
   }
-}, Yt = /* @__PURE__ */ v(Xt, [["render", qt]]);
-function Gt(e, t, i, o, n, l) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = be("focus");
-  return s(), g(d, B({
+}, 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, _({
     modelValue: e.showPopup,
-    "onUpdate:modelValue": t[2] || (t[2] = (w) => e.showPopup = w)
+    "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
-    activator: m(({ on: w }) => [
-      I(a, B({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, oe(i.disablePrompt ? {} : { ...w })), {
+    activator: m(({ on: y }) => [
+      T(a, _({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, ne(i.disablePrompt ? {} : { ...y })), {
         default: m(() => [
           c(e.$slots, "default")
         ]),
@@ -2154,25 +2198,25 @@ function Gt(e, t, i, o, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      I(r, {
+      T(r, {
         column: !i.inline,
         "align-center": ""
       }, {
         default: m(() => [
-          y("div", null, [
+          w("div", null, [
             c(e.$slots, "question", {}, () => [
               S(C(i.question), 1)
             ])
           ]),
-          y("div", {
+          w("div", {
             class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (s(), g(a, B({
+            i.cancel !== !1 ? (o(), g(a, _({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = E((w) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: m(() => [
@@ -2182,9 +2226,9 @@ function Gt(e, t, i, o, n, l) {
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((s(), g(a, B(l.confirmButtonProps, {
+            W((o(), g(a, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = E((w) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
@@ -2204,7 +2248,7 @@ function Gt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["modelValue"]);
 }
-const Jt = {
+const ni = {
   name: "w-confirm",
   inheritAttrs: !1,
   // The attrs are only bound to the button, not the w-menu.
@@ -2317,16 +2361,16 @@ const Jt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, Qt = /* @__PURE__ */ v(Jt, [["render", Gt]]);
-function Zt(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, ri = /* @__PURE__ */ v(ni, [["render", ai]]);
+function di(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-date-picker", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const ei = {
+const ui = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -2344,10 +2388,10 @@ const ei = {
       return !1;
     }
   }
-}, ti = /* @__PURE__ */ v(ei, [["render", Zt]]);
-function ii(e, t, i, o, n, l) {
+}, hi = /* @__PURE__ */ v(ui, [["render", di]]);
+function ci(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), g(r, {
+  return o(), g(r, {
     class: f(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
     persistent: i.persistent,
@@ -2358,13 +2402,13 @@ function ii(e, t, i, o, n, l) {
     opacity: i.overlayOpacity
   }, {
     default: m(() => [
-      I(O, {
+      T(P, {
         name: i.transition,
         appear: "",
         onAfterLeave: l.onBeforeClose
       }, {
         default: m(() => [
-          W(I(a, {
+          W(T(a, {
             class: f(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2373,8 +2417,8 @@ function ii(e, t, i, o, n, l) {
             "title-class": i.titleClass,
             "content-class": i.contentClass,
             title: i.title || void 0,
-            style: L(l.contentStyles)
-          }, J({
+            style: R(l.contentStyles)
+          }, ee({
             default: m(() => [
               c(e.$slots, "default")
             ]),
@@ -2395,7 +2439,7 @@ function ii(e, t, i, o, n, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [ae, n.showContent]
+            [re, n.showContent]
           ])
         ]),
         _: 3
@@ -2404,7 +2448,7 @@ function ii(e, t, i, o, n, l) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const li = {
+const pi = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2474,17 +2518,17 @@ const li = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, si = /* @__PURE__ */ v(li, [["render", ii]]), oi = ["role", "aria-orientation"];
-function ai(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, fi = /* @__PURE__ */ v(pi, [["render", ci]]), mi = ["role", "aria-orientation"];
+function gi(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     c(e.$slots, "default")
-  ], 10, oi);
+  ], 10, mi);
 }
-const ni = {
+const bi = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2504,20 +2548,20 @@ const ni = {
       };
     }
   }
-}, ri = /* @__PURE__ */ v(ni, [["render", ai]]), di = { class: "w-drawer-wrap__pushable" };
-function ui(e, t, i, o, n, l) {
+}, yi = /* @__PURE__ */ v(bi, [["render", gi]]), wi = { class: "w-drawer-wrap__pushable" };
+function ki(e, t, i, s, n, l) {
   const a = $("w-overlay");
-  return n.showWrapper || i.pushContent ? (s(), u("div", {
+  return n.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
     class: f(["w-drawer-wrap", l.wrapperClasses])
   }, [
-    i.pushContent ? (s(), u("div", {
+    i.pushContent ? (o(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: L(l.trackStyles)
+      style: R(l.trackStyles)
     }, [
-      y("div", di, [
-        i.noOverlay ? p("", !0) : (s(), g(a, {
+      w("div", wi, [
+        i.noOverlay ? p("", !0) : (o(), g(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
@@ -2529,17 +2573,17 @@ function ui(e, t, i, o, n, l) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         c(e.$slots, "pushable")
       ]),
-      I(O, {
+      T(P, {
         name: "fade",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(T(i.tag || "aside"), {
+          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: L(l.styles)
+            style: R(l.styles)
           }, {
             default: m(() => [
               c(e.$slots, "default")
@@ -2549,8 +2593,8 @@ function ui(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
-    ], 4)) : (s(), u(k, { key: 1 }, [
-      i.noOverlay ? p("", !0) : (s(), g(a, {
+    ], 4)) : (o(), u(k, { key: 1 }, [
+      i.noOverlay ? p("", !0) : (o(), g(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
@@ -2560,18 +2604,18 @@ function ui(e, t, i, o, n, l) {
         "bg-color": i.overlayColor,
         opacity: i.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(O, {
+      T(P, {
         name: l.transitionName,
         appear: "",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(T(i.tag || "aside"), {
+          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: L(l.styles)
+            style: R(l.styles)
           }, {
             default: m(() => [
               c(e.$slots, "default")
@@ -2584,7 +2628,7 @@ function ui(e, t, i, o, n, l) {
     ], 64))
   ], 2)) : p("", !0);
 }
-const hi = { left: "right", right: "left", top: "down", bottom: "up" }, ci = {
+const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2678,7 +2722,7 @@ const hi = { left: "right", right: "left", top: "down", bottom: "up" }, ci = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${hi[this.position]}`;
+      return `slide-${vi[this.position]}`;
     }
   },
   methods: {
@@ -2697,9 +2741,9 @@ const hi = { left: "right", right: "left", top: "down", bottom: "up" }, ci = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, pi = /* @__PURE__ */ v(ci, [["render", ui]]);
-function fi(e, t, i, o, n, l) {
-  return s(), g(T(i.tag), {
+}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]);
+function Bi(e, t, i, s, n, l) {
+  return o(), g(L(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
@@ -2708,7 +2752,7 @@ function fi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const mi = {
+const _i = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2755,9 +2799,9 @@ const mi = {
       };
     }
   }
-}, gi = /* @__PURE__ */ v(mi, [["render", fi]]);
-function bi(e, t, i, o, n, l) {
-  return s(), u("form", {
+}, $i = /* @__PURE__ */ v(_i, [["render", Bi]]);
+function Vi(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)),
     onReset: t[1] || (t[1] = (...a) => l.reset && l.reset(...a)),
@@ -2766,11 +2810,11 @@ function bi(e, t, i, o, n, l) {
     c(e.$slots, "default")
   ], 34);
 }
-const yi = async (e, t) => {
+const Ii = async (e, t) => {
   for (const i of e)
     if (await t(i)) return !0;
   return !1;
-}, wi = {
+}, Ti = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2839,8 +2883,8 @@ const yi = async (e, t) => {
       let t = 0;
       return await (async () => {
         var i;
-        for (const o of this.formElements)
-          !((i = o.validators) != null && i.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
+        for (const s of this.formElements)
+          !((i = s.validators) != null && i.length) || s.disabled || s.readonly || (await this.checkElementValidators(s), t += ~~!s.Validation.isValid, s.$emit("update:valid", s.Validation.isValid));
       })(), this.updateErrorsCount(t), this.status = !t, this.$emit("validate", { e, errorsCount: t }), this.$emit(this.status ? "success" : "error", { e, errorsCount: t }), this.status;
     },
     async validateElement(e) {
@@ -2850,8 +2894,8 @@ const yi = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await yi(e.validators, async (o) => {
-        const n = await (typeof o == "function" && o(e.inputValue));
+      await Ii(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;
     },
@@ -2862,7 +2906,7 @@ const yi = async (e, t) => {
       this.status = null, this.formElements.forEach((t) => t.reset()), this.updateErrorsCount(0, !0), this.$emit("reset", e);
     },
     updateErrorsCount(e = null, t = !1) {
-      this.errorsCount = e !== null ? e : this.formElements.reduce((i, o) => i + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
+      this.errorsCount = e !== null ? e : this.formElements.reduce((i, s) => i + ~~(s.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
     },
     onSubmit(e) {
       this.validate(e), this.$emit("submit", e), (!this.allowSubmit || !this.status) && e.preventDefault();
@@ -2876,20 +2920,20 @@ const yi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, ki = /* @__PURE__ */ v(wi, [["render", bi]]);
-function vi(e, t, i, o, n, l) {
+}, Li = /* @__PURE__ */ v(Ti, [["render", Vi]]);
+function Ri(e, t, i, s, n, l) {
   const a = $("w-transition-expand");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(l.classes)
   }, [
-    y("div", {
+    w("div", {
       class: f(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
       c(e.$slots, "default")
     ], 2),
-    I(a, { y: "" }, {
+    T(a, { y: "" }, {
       default: m(() => [
-        e.Validation.message ? (s(), u("div", {
+        e.Validation.message ? (o(), u("div", {
           key: 0,
           class: f(["w-form-el__error", l.formProps.validationColor])
         }, [
@@ -2904,7 +2948,7 @@ function vi(e, t, i, o, n, l) {
     })
   ], 2);
 }
-const Ci = {
+const xi = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2977,9 +3021,9 @@ const Ci = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Si = /* @__PURE__ */ v(Ci, [["render", vi]]);
-function Bi(e, t, i, o, n, l) {
-  return s(), g(T(i.tag), {
+}, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
+function Oi(e, t, i, s, n, l) {
+  return o(), g(L(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
@@ -2988,7 +3032,7 @@ function Bi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const _i = {
+const Mi = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -3024,31 +3068,31 @@ const _i = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [o, n]) => (i[`${o}-columns${n}`] = !0, i), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [s, n]) => (i[`${s}-columns${n}`] = !0, i), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [o, n]) => (i[`${o}-gap${n}`] = !0, i), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [s, n]) => (i[`${s}-gap${n}`] = !0, i), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
-}, $i = /* @__PURE__ */ v(_i, [["render", Bi]]);
-function Vi(e, t, i, o, n, l) {
-  return s(), g(T(i.tag || "i"), {
+}, zi = /* @__PURE__ */ v(Mi, [["render", Oi]]);
+function Ei(e, t, i, s, n, l) {
+  return o(), g(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
     "aria-hidden": "true",
-    style: L(l.readIcon() && l.styles)
+    style: R(l.readIcon() && l.styles)
   }, {
     default: m(() => [
-      l.hasLigature ? (s(), u(k, { key: 0 }, [
+      l.hasLigature ? (o(), u(k, { key: 0 }, [
         S(C(e.icon), 1)
       ], 64)) : p("", !0)
     ]),
     _: 1
   }, 8, ["class", "style"]);
 }
-const Ii = {
+const Ai = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -3117,39 +3161,39 @@ const Ii = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Ti = /* @__PURE__ */ v(Ii, [["render", Vi]]), Li = {
+}, Wi = /* @__PURE__ */ v(Ai, [["render", Ei]]), Ki = {
   key: 0,
   class: "w-image__loader"
 };
-function Ri(e, t, i, o, n, l) {
+function Ni(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return s(), g(T(l.wrapperTag), {
+  return o(), g(L(l.wrapperTag), {
     class: f(["w-image-wrap", l.wrapperClasses]),
-    style: L(l.wrapperStyles)
+    style: R(l.wrapperStyles)
   }, {
     default: m(() => [
-      I(O, {
+      T(P, {
         name: i.transition,
         appear: ""
       }, {
         default: m(() => [
-          n.loaded ? (s(), g(T(i.tag), {
+          n.loaded ? (o(), g(L(i.tag), {
             key: 0,
             class: f(["w-image", l.imageClasses]),
-            style: L(l.imageStyles),
+            style: R(l.imageStyles),
             src: i.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (s(), u("div", Li, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (s(), g(a, B({
+      !i.noSpinner && n.loading ? (o(), u("div", Ki, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), g(a, _({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : p("", !0),
-      e.$slots.default ? (s(), g(T(l.wrapperTag), {
+      e.$slots.default ? (o(), g(L(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
@@ -3162,7 +3206,7 @@ function Ri(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const Pi = {
+const Di = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -3230,14 +3274,14 @@ const Pi = {
       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 = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(i)), i.onerror = (o) => {
-            this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
+          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) => {
+            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;
         });
     }
   },
   mounted() {
-    if (!this.src) return F("The w-image component was used without src.");
+    if (!this.src) return j("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((t) => {
         t[0] && t[0].isIntersecting && (this.loadImage(), e.disconnect());
@@ -3256,13 +3300,13 @@ const Pi = {
       this.imgHeight = e;
     }
   }
-}, Oi = /* @__PURE__ */ v(Pi, [["render", Ri]]), xi = ["name"], zi = ["for"], Mi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Ei = ["id", "name", "multiple", "disabled", "data-progress"], Ai = {
+}, 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 = {
   class: "w-input__no-file",
   key: "no-file"
-}, Wi = ["for"], Ki = ["src"], Ni = ["for"];
-function Di(e, t, i, o, n, l) {
+}, Yi = ["for"], Gi = ["src"], Ji = ["for"];
+function Qi(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -3273,16 +3317,16 @@ function Di(e, t, i, o, n, l) {
     style: e.$attrs.style
   }), {
     default: m(() => [
-      i.type === "hidden" ? W((s(), u("input", {
+      i.type === "hidden" ? W((o(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, xi)), [
-        [ye, n.inputValue]
-      ]) : (s(), u(k, { key: 1 }, [
-        i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+      }, null, 8, Fi)), [
+        [ve, n.inputValue]
+      ]) : (o(), u(k, { key: 1 }, [
+        i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
@@ -3290,15 +3334,15 @@ function Di(e, t, i, o, n, l) {
             c(e.$slots, "default", {}, () => [
               S(C(i.label), 1)
             ])
-          ], 10, zi)) : p("", !0)
+          ], 10, ji)) : p("", !0)
         ], 64)) : p("", !0),
-        y("div", {
+        w("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
         }, [
           c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (s(), g(a, {
+            i.innerIconLeft ? (o(), g(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3311,7 +3355,7 @@ function Di(e, t, i, o, n, l) {
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          i.type !== "file" ? W((s(), u("input", B({
+          i.type !== "file" ? W((o(), u("input", _({
             key: 0,
             class: "w-input__input",
             ref: "input",
@@ -3333,10 +3377,10 @@ function Di(e, t, i, o, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, Mi)), [
-            [Ve, n.inputValue]
-          ]) : (s(), u(k, { key: 1 }, [
-            y("input", B({
+          }, l.attrs), null, 16, Ui)), [
+            [Re, n.inputValue]
+          ]) : (o(), u(k, { key: 1 }, [
+            w("input", _({
               ref: "input",
               id: `w-input--${e._.uid}`,
               type: "file",
@@ -3349,26 +3393,26 @@ function Di(e, t, i, o, n, l) {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
               /* Needed to emit the overallProgress. */
-            }), null, 16, Ei),
-            I(se, {
+            }), null, 16, qi),
+            T(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (s(), u("span", Ai, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", Xi, [
                   c(e.$slots, "no-file", {}, () => [
-                    e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
+                    e.$slots["no-file"] === void 0 ? (o(), u(k, { key: 0 }, [
                       S("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
-                (s(!0), u(k, null, R(n.inputFiles, (d, h) => (s(), u("span", {
+                (o(!0), u(k, null, x(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
                   S(C(h ? ", " : ""), 1),
-                  (s(), u("span", {
+                  (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, C(d.base), 1)),
@@ -3378,8 +3422,8 @@ function Di(e, t, i, o, n, l) {
               _: 3
             }, 8, ["for"])
           ], 64)),
-          i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 2 }, [
-            e.$slots.default || i.label ? (s(), u("label", {
+          i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 2 }, [
+            e.$slots.default || i.label ? (o(), u("label", {
               key: 0,
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
@@ -3391,7 +3435,7 @@ function Di(e, t, i, o, n, l) {
           c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (s(), g(a, {
+            i.innerIconRight ? (o(), g(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3404,7 +3448,7 @@ function Di(e, t, i, o, n, l) {
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (s(), g(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), g(r, {
             key: 3,
             class: "fill-width",
             size: "2",
@@ -3412,28 +3456,28 @@ function Di(e, t, i, o, n, l) {
             "model-value": i.showProgress ? (l.uploadInProgress || l.uploadComplete) && l.overallFilesProgress : l.loadingValue
           }, null, 8, ["color", "model-value"])) : p("", !0)
         ], 2),
-        i.type === "file" && i.preview && n.inputFiles.length ? (s(), u("label", {
+        i.type === "file" && i.preview && n.inputFiles.length ? (o(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(k, null, R(n.inputFiles, (d, h) => (s(), u(k, null, [
-            d.progress < 100 ? (s(), u("i", {
+          (o(!0), u(k, null, x(n.inputFiles, (d, h) => (o(), u(k, null, [
+            d.progress < 100 ? (o(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
-            })) : d.preview ? (s(), u("img", {
+            })) : d.preview ? (o(), u("img", {
               class: "w-input__file-preview",
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Ki)) : (s(), u("i", {
+            }, null, 8, Gi)) : (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, Wi)) : p("", !0),
-        i.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+        ], 8, Yi)) : p("", !0),
+        i.labelPosition === "right" ? (o(), u(k, { key: 2 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
@@ -3441,16 +3485,16 @@ function Di(e, t, i, o, n, l) {
             c(e.$slots, "default", {}, () => [
               S(C(i.label), 1)
             ])
-          ], 10, Ni)) : p("", !0)
+          ], 10, Ji)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const Hi = {
+const Zi = {
   name: "w-input",
-  mixins: [M],
+  mixins: [z],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -3539,7 +3583,7 @@ const Hi = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     overallFilesProgress() {
-      const t = +this.inputFiles.reduce((i, o) => i + o.progress, 0) / this.inputFiles.length;
+      const t = +this.inputFiles.reduce((i, s) => i + s.progress, 0) / this.inputFiles.length;
       return this.$emit("update:overallProgress", this.inputFiles.length ? t : 0), t;
     },
     uploadInProgress() {
@@ -3597,9 +3641,9 @@ const Hi = {
     // For file input.
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((i) => {
-        const [, o = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = G({
+        const [, s = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Z({
           name: i.name,
-          base: o || l,
+          base: s || l,
           extension: n,
           type: i.type,
           size: i.size,
@@ -3615,8 +3659,8 @@ const Hi = {
     },
     // For file input.
     readFile(e, t) {
-      const i = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
-      this.preview && !o && n ? i.addEventListener("load", (l) => {
+      const i = new FileReader(), s = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !s && n ? i.addEventListener("load", (l) => {
         t.preview = l.target.result;
       }) : delete t.preview, i.addEventListener("progress", (l) => {
         l.loaded && l.total && (t.progress = l.loaded * 100 / l.total);
@@ -3633,17 +3677,17 @@ const Hi = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Fi = /* @__PURE__ */ v(Hi, [["render", Di]]);
-function ji(e, t, i, o, n, l) {
+}, el = /* @__PURE__ */ v(Zi, [["render", Qi]]);
+function tl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
-  return s(), u("ul", {
+  return o(), u("ul", {
     class: f(["w-list", l.classes])
   }, [
-    (s(!0), u(k, null, R(e.listItems, (d, h) => (s(), u("li", {
+    (o(!0), u(k, null, x(e.listItems, (d, h) => (o(), u("li", {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (s(), g(a, {
+      i.icon ? (o(), g(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
@@ -3652,7 +3696,7 @@ function ji(e, t, i, o, n, l) {
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(T(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), B({
+      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"), _({
         key: 1,
         class: "w-list__item-label",
         ref_for: !0
@@ -3678,41 +3722,41 @@ function ji(e, t, i, o, n, l) {
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), g(T(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), B({
+      }, 1040)) : (o(), g(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 ? (s(), g(r, B({
+      (d.children || []).length ? (o(), g(r, _({
         key: 3,
         ref_for: !0
       }, e.$props, {
         items: d.children,
         depth: i.depth + 1,
-        "onUpdate:modelValue": t[0] || (t[0] = (w) => e.$emit("update:modelValue", w)),
-        onInput: t[1] || (t[1] = (w) => e.$emit("input", w)),
-        onItemClick: t[2] || (t[2] = (w) => e.$emit("item-click", w)),
-        onItemSelect: t[3] || (t[3] = (w) => e.$emit("item-select", w))
-      }), J({ _: 2 }, [
+        "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
+        onInput: t[1] || (t[1] = (y) => e.$emit("input", y)),
+        onItemClick: t[2] || (t[2] = (y) => e.$emit("item-click", y)),
+        onItemSelect: t[3] || (t[3] = (y) => e.$emit("item-select", y))
+      }), ee({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: w, index: _, selected: b }) => [
+          fn: m(({ item: y, index: B, selected: b }) => [
             c(e.$slots, "item", {
-              item: l.cleanLi(w),
-              index: _,
+              item: l.cleanLi(y),
+              index: B,
               selected: b
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: w, index: _, selected: b }) => [
+          fn: m(({ item: y, index: B, selected: b }) => [
             c(e.$slots, "default", {
-              item: l.cleanLi(w),
-              index: _,
+              item: l.cleanLi(y),
+              index: B,
               selected: b
             }, () => [
-              S(C(w[i.itemLabelKey]), 1)
+              S(C(y[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3721,7 +3765,7 @@ function ji(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const Ui = {
+const il = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3827,7 +3871,7 @@ const Ui = {
       };
     },
     liLabelProps(e, t, i) {
-      const o = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
+      const s = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
@@ -3843,12 +3887,12 @@ const Ui = {
         id: this.listId ? `${this.listId}_item-${t + 1}` : null,
         role: "option"
       };
-      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, o || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
+      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, s || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
         const h = d.target.querySelector('input[type="checkbox"]');
         h && (h.focus(), h.click()), n();
       }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = l, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
         d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
-      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), o || (r.innerHTML = e._label)), r;
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), s || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), s || (r.innerHTML = e._label)), r;
     },
     // Convert the received items selection to array if it is a unique value.
     // Also accept objects if returnObject is true and convert to the object's value.
@@ -3861,7 +3905,7 @@ const Ui = {
     emitSelection() {
       const e = this.selectedItems.map((i) => {
         if (!this.returnObject) return i._value;
-        const { _value: o, _selected: n, ...l } = i;
+        const { _value: s, _selected: n, ...l } = i;
         return l;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -3872,7 +3916,7 @@ const Ui = {
       e === void 0 && (e = this.enabledItemsIndexes[i]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: i, _label: o, _selected: n, _focused: l, ...a } = e;
+      const { _index: t, _value: i, _label: s, _selected: n, _focused: l, ...a } = e;
       return a;
     },
     refreshListItems() {
@@ -3892,7 +3936,7 @@ const Ui = {
       this.isMultipleSelect || this.listItems.forEach((i) => i._selected = !1);
       const t = this.checkSelection(e);
       this.listItems.forEach((i) => {
-        i._selected = t.find((o) => i._value === o) !== void 0;
+        i._selected = t.find((s) => i._value === s) !== void 0;
       });
     }
   },
@@ -3915,7 +3959,7 @@ const Ui = {
       }
     }
   }
-}, qi = /* @__PURE__ */ v(Ui, [["render", ji]]), ke = {
+}, ll = /* @__PURE__ */ v(il, [["render", tl]]), Be = {
   props: {
     // Position.
     appendTo: { type: [String, Boolean, Object] },
@@ -3956,7 +4000,7 @@ const Ui = {
       let e = ".w-app";
       typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
       let t = this.appendTo || e;
-      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, F(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (F(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
+      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, j(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (j(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
     },
     // DOM element that will receive the tooltip/menu.
     // ! \ This computed uses the DOM - NO SSR (only trigger from beforeMount and later).
@@ -4000,8 +4044,8 @@ const Ui = {
     },
     // ! \ This function uses the DOM - NO SSR (only trigger from beforeMount and later).
     getActivatorCoordinates() {
-      const { top: e, left: t, width: i, height: o } = this.activatorEl.getBoundingClientRect();
-      let n = { top: e, left: t, width: i, height: o };
+      const { top: e, left: t, width: i, height: s } = this.activatorEl.getBoundingClientRect();
+      let n = { top: e, left: t, width: i, height: s };
       if (!this.fixed) {
         const { top: l, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
         n = {
@@ -4014,7 +4058,7 @@ const Ui = {
     },
     // ! \ This function uses the DOM - NO SSR (only trigger from beforeMount and later).
     computeDetachableCoords() {
-      let { top: e, left: t, width: i, height: o } = this.getActivatorCoordinates();
+      let { top: e, left: t, width: i, height: s } = this.getActivatorCoordinates();
       if (!this.detachableEl) return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
       const n = window.getComputedStyle(this.detachableEl, null);
@@ -4024,15 +4068,15 @@ const Ui = {
           break;
         }
         case "bottom": {
-          e += o, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
+          e += s, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
-          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += o - this.detachableEl.offsetHeight : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2);
+          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += s - this.detachableEl.offsetHeight : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2);
           break;
         }
         case "right": {
-          t += i, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + // top: 50% of activator - half menu height.
+          t += i, this.alignBottom ? e += s - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2 + // top: 50% of activator - half menu height.
           parseInt(n.getPropertyValue("margin-top")));
           break;
         }
@@ -4064,11 +4108,11 @@ const Ui = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, i]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const o = (n) => {
+        const s = (n) => {
           var l;
           (e && ((l = n.target) != null && l.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && i(n);
         };
-        document.addEventListener(t, o), this.docEventListenersHandlers.push({ eventName: t, handler: o });
+        document.addEventListener(t, s), this.docEventListenersHandlers.push({ eventName: t, handler: s });
       });
     }
   },
@@ -4092,16 +4136,16 @@ const Ui = {
     }
   }
 };
-function Xi(e, t, i, o, n, l) {
+function sl(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), u(k, null, [
+  return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    I(O, {
+    T(P, {
       name: l.transitionName,
       appear: ""
     }, {
       default: m(() => [
-        i.custom && e.detachableVisible ? (s(), u("div", B({
+        i.custom && e.detachableVisible ? (o(), u("div", _({
           key: 0,
           class: "w-menu",
           ref: "detachable"
@@ -4113,7 +4157,7 @@ function Xi(e, t, i, o, n, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), g(a, B({
+        ], 16)) : e.detachableVisible ? (o(), g(a, _({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4128,7 +4172,7 @@ function Xi(e, t, i, o, n, l) {
           "no-border": i.noBorder,
           class: l.classes,
           style: l.styles
-        }), J({
+        }), ee({
           default: m(() => [
             c(e.$slots, "default")
           ]),
@@ -4152,7 +4196,7 @@ function Xi(e, t, i, o, n, l) {
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (s(), g(r, B({
+    i.overlay ? (o(), g(r, _({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -4164,9 +4208,9 @@ function Xi(e, t, i, o, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const Yi = {
+const ol = {
   name: "w-menu",
-  mixins: [ke],
+  mixins: [Be],
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
   props: {
@@ -4337,20 +4381,20 @@ const Yi = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Gi = /* @__PURE__ */ v(Yi, [["render", Xi]]);
-function Ji(e, t, i, o, n, l) {
+}, al = /* @__PURE__ */ v(ol, [["render", sl]]);
+function nl(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return s(), g(O, {
+  return o(), g(P, {
     name: l.transitionName,
     appear: ""
   }, {
     default: m(() => [
-      n.show ? (s(), u("div", {
+      n.show ? (o(), u("div", {
         key: 0,
         class: f(["w-notification", l.classes]),
-        style: L(l.styles)
+        style: R(l.styles)
       }, [
-        I(a, B(l.alertProps, {
+        T(a, _(l.alertProps, {
           class: l.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
@@ -4366,7 +4410,7 @@ function Ji(e, t, i, o, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const Qi = {
+const rl = {
   name: "w-notification",
   props: {
     // Notification props.
@@ -4489,34 +4533,34 @@ const Qi = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Zi = /* @__PURE__ */ v(Qi, [["render", Ji]]);
-function el(e, t, i, o, n, l) {
-  const a = be("focus");
-  return s(), g(O, {
+}, dl = /* @__PURE__ */ v(rl, [["render", nl]]);
+function ul(e, t, i, s, n, l) {
+  const a = ke("focus");
+  return o(), g(P, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
   }, {
     default: m(() => [
-      i.modelValue ? W((s(), u("div", {
+      i.modelValue ? W((o(), u("div", {
         key: 0,
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
-        style: L(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = E(z((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        style: R(i.modelValue && l.styles || null),
+        onKeydown: t[0] || (t[0] = E(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
         c(e.$slots, "default")
       ], 38)), [
-        [ae, e.showOverlay],
+        [re, e.showOverlay],
         [a]
       ]) : p("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const tl = {
+const hl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4574,26 +4618,26 @@ const tl = {
       e && (this.showOverlay = !0);
     }
   }
-}, il = /* @__PURE__ */ v(tl, [["render", el]]), ll = { class: "w-parallax" };
-function sl(e, t, i, o, n, l) {
-  return s(), u("div", ll);
+}, cl = /* @__PURE__ */ v(hl, [["render", ul]]), pl = { class: "w-parallax" };
+function fl(e, t, i, s, n, l) {
+  return o(), u("div", pl);
 }
-const ol = {
+const ml = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, al = /* @__PURE__ */ v(ol, [["render", sl]]), nl = ["viewBox"], rl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], dl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function ul(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, 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) {
+  return o(), u("div", {
     class: f(["w-progress", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
-    i.circle ? (s(), u("svg", {
+    i.circle ? (o(), u("svg", {
       key: 1,
       viewBox: `${l.circleCenter / 2} ${l.circleCenter / 2} ${l.circleCenter} ${l.circleCenter}`
     }, [
-      i.bgColor || this.progressValue > -1 ? (s(), u("circle", {
+      i.bgColor || this.progressValue > -1 ? (o(), u("circle", {
         key: 0,
         class: f(["bg", i.bgColor || null]),
         cx: l.circleCenter,
@@ -4602,8 +4646,8 @@ function ul(e, t, i, o, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, rl)) : p("", !0),
-      y("circle", {
+      }, null, 10, yl)) : p("", !0),
+      w("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
         cy: l.circleCenter,
@@ -4612,14 +4656,14 @@ function ul(e, t, i, o, n, l) {
         "stroke-width": i.stroke,
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: L(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, dl)
-    ], 8, nl)) : (s(), u("div", {
+        style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
+      }, null, 12, wl)
+    ], 8, bl)) : (o(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
-      style: L(`width: ${l.progressValue}%`)
+      style: R(`width: ${l.progressValue}%`)
     }, null, 6)),
-    i.label || e.$slots.default ? (s(), u("div", {
+    i.label || e.$slots.default ? (o(), u("div", {
       key: 2,
       class: f(["w-progress__label", i.labelColor || !1])
     }, [
@@ -4629,7 +4673,7 @@ function ul(e, t, i, o, n, l) {
     ], 2)) : p("", !0)
   ], 6);
 }
-const Y = 40, hl = Y / 2, cl = Math.round(Y * 3.14 * 100) / 100, pl = {
+const Q = 40, vl = Q / 2, Cl = Math.round(Q * 3.14 * 100) / 100, Sl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4656,16 +4700,16 @@ const Y = 40, hl = Y / 2, cl = Math.round(Y * 3.14 * 100) / 100, pl = {
   },
   emits: [],
   data: () => ({
-    circleSize: Y,
-    circleRadius: hl,
-    circleCircumference: cl
+    circleSize: Q,
+    circleRadius: vl,
+    circleCircumference: Cl
   }),
   computed: {
     progressValue() {
       return parseFloat(this.modelValue);
     },
     circleCenter() {
-      return Y + this.stroke;
+      return Q + this.stroke;
     },
     forcedSize() {
       return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -4698,9 +4742,9 @@ const Y = 40, hl = Y / 2, cl = Math.round(Y * 3.14 * 100) / 100, pl = {
       };
     }
   }
-}, fl = /* @__PURE__ */ v(pl, [["render", ul]]), ml = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], gl = ["for"], bl = ["for", "innerHTML"], yl = ["for"], wl = ["for", "innerHTML"];
-function kl(e, t, i, o, n, l) {
-  return s(), g(T(e.formRegister && !l.wRadios ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, 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 }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
@@ -4709,7 +4753,7 @@ function kl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      y("input", {
+      w("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
         type: "radio",
@@ -4722,9 +4766,9 @@ function kl(e, t, i, o, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, ml),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
-        e.$slots.default ? (s(), u("label", {
+      }, null, 40, _l),
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
@@ -4732,21 +4776,21 @@ function kl(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, gl)) : i.label ? (s(), u("label", {
+        ], 10, $l)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, bl)) : p("", !0)
+        }, null, 10, Vl)) : p("", !0)
       ], 64)) : p("", !0),
-      y("div", {
+      w("div", {
         class: f(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
-        e.$slots.default ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
@@ -4754,20 +4798,20 @@ function kl(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, yl)) : i.label ? (s(), u("label", {
+        ], 10, Il)) : 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, wl)) : p("", !0)
+        }, null, 10, Tl)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const vl = {
+const Rl = {
   name: "w-radio",
-  mixins: [M],
+  mixins: [z],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4830,10 +4874,10 @@ const vl = {
       this.toggleFromOutside();
     }
   }
-}, Cl = /* @__PURE__ */ v(vl, [["render", kl]]), Sl = ["innerHTML"];
-function Bl(e, t, i, o, n, l) {
+}, xl = /* @__PURE__ */ v(Rl, [["render", Ll]]), Pl = ["innerHTML"];
+function Ol(e, t, i, s, n, l) {
   const a = $("w-radio");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return o(), g(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) => {
@@ -4844,7 +4888,7 @@ function Bl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(k, null, R(l.radioItems, (r, d) => (s(), g(a, B({
+      (o(!0), u(k, null, x(l.radioItems, (r, d) => (o(), g(a, _({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -4863,10 +4907,10 @@ function Bl(e, t, i, o, n, l) {
             index: d + 1,
             checked: r.value === i.modelValue,
             innerHTML: r.label
-          }) : r.label ? (s(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Sl)) : p("", !0)
+          }, null, 8, Pl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4874,9 +4918,9 @@ function Bl(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const _l = {
+const Ml = {
   name: "w-radios",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -4927,9 +4971,9 @@ const _l = {
       return this.items[e._index];
     }
   }
-}, $l = /* @__PURE__ */ v(_l, [["render", Bl]]), Vl = ["id", "name", "value"], Il = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Tl(e, t, i, o, n, l) {
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, 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 }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
@@ -4938,18 +4982,18 @@ function Tl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      y("input", {
+      w("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, Vl),
-      (s(!0), u(k, null, R(i.max, (a) => (s(), u(k, { key: a }, [
+      }, null, 8, El),
+      (o(!0), u(k, null, x(i.max, (a) => (o(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : p("", !0),
-        y("button", {
+        w("button", {
           class: f(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
           onMouseenter: (r) => n.hover = a,
@@ -4961,22 +5005,22 @@ function Tl(e, t, i, o, n, l) {
           type: "button",
           tabindex: a === 1 ? 0 : -1
         }, [
-          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
+          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (o(), u("i", {
             key: 0,
             class: f(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: L(l.halfStarStyle)
+            style: R(l.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, Il)
+        ], 42, Al)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Ll = {
+const Kl = {
   name: "w-rating",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -5068,10 +5112,10 @@ const Ll = {
       this.rating = parseFloat(e);
     }
   }
-}, Rl = /* @__PURE__ */ v(Ll, [["render", Tl]]);
-function Pl(e, t, i, o, n, l) {
-  return s(), u(k, null, [
-    y("div", B({
+}, Nl = /* @__PURE__ */ v(Kl, [["render", Wl]]);
+function Dl(e, t, i, s, n, l) {
+  return o(), u(k, null, [
+    w("div", _({
       class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
       onMouseenter: t[0] || (t[0] = (...a) => l.onMouseEnter && l.onMouseEnter(...a)),
@@ -5080,20 +5124,20 @@ function Pl(e, t, i, o, n, l) {
     }, e.$attrs, { style: l.scrollableStyles }), [
       c(e.$slots, "default")
     ], 16),
-    y("div", {
+    w("div", {
       class: f(["w-scrollbar", l.scrollbarClasses]),
       ref: "track",
       onMousedown: t[3] || (t[3] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a))
     }, [
-      y("div", {
+      w("div", {
         class: "w-scrollbar__thumb",
         ref: "thumb",
-        style: L(l.thumbStyles)
+        style: R(l.thumbStyles)
       }, null, 4)
     ], 34)
   ], 64);
 }
-const Ol = {
+const Hl = {
   h: {
     direction: "horizontal",
     topOrLeft: "left",
@@ -5116,7 +5160,7 @@ const Ol = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, xl = {
+}, Fl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -5136,11 +5180,11 @@ const Ol = {
   }),
   computed: {
     isHorizontal() {
-      var e, t, i, o;
-      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) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
+      var e, t, i, s;
+      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 Ol[this.isHorizontal ? "h" : "v"];
+      return Hl[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -5172,8 +5216,8 @@ const Ol = {
   methods: {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
-      const { top: t, left: i, width: o, height: n } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
+      const { top: t, left: i, width: s, height: n } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = s, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
     onDrag(e) {
       this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
@@ -5193,7 +5237,7 @@ const Ol = {
       this.scrollable.hovered && (this.scrollValuePercent <= 0 && e[this.m.deltaXorY] < 0 || this.scrollValuePercent >= 100 - this.thumbSizePercent && e[this.m.deltaXorY] > 0 || (e.preventDefault(), this.scrollValuePercent += e[this.m.deltaXorY] * 0.05, this.scrollValuePercent = Math.max(0, Math.min(this.scrollValuePercent, 100)), this.scroll()));
     },
     computeScroll(e) {
-      const { top: t, left: i, width: o, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? o : n;
+      const { top: t, left: i, width: s, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? s : n;
       this.scrollValuePercent = Math.max(0, Math.min((e - l) / a * 100, 100));
     },
     scroll() {
@@ -5209,13 +5253,13 @@ const Ol = {
     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);
   }
-}, zl = /* @__PURE__ */ v(xl, [["render", Pl]]), Ml = ["aria-expanded", "aria-owns", "aria-activedescendant"], El = {
+}, jl = /* @__PURE__ */ v(Fl, [["render", Dl]]), Ul = ["aria-expanded", "aria-owns", "aria-activedescendant"], ql = {
   key: 0,
   class: "w-select__selection-slot"
-}, Al = ["innerHTML"], Wl = ["value", "name"];
-function Kl(e, t, i, o, n, l) {
+}, Xl = ["innerHTML"], Yl = ["value", "name"];
+function Gl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -5223,8 +5267,8 @@ function Kl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
@@ -5234,7 +5278,7 @@ function Kl(e, t, i, o, n, l) {
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0),
-      I(d, B({
+      T(d, _({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
         onClose: l.closeMenu,
@@ -5246,7 +5290,7 @@ function Kl(e, t, i, o, n, l) {
         "min-width": "activator"
       }, i.menuProps || {}), {
         activator: m(() => [
-          y("div", {
+          w("div", {
             class: f(["w-select__selection-wrap", l.inputWrapClasses]),
             onClick: t[6] || (t[6] = (h) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
             role: "button",
@@ -5256,7 +5300,7 @@ function Kl(e, t, i, o, n, l) {
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
             c(e.$slots, "icon-left", {}, () => [
-              i.innerIconLeft ? (s(), g(a, {
+              i.innerIconLeft ? (o(), g(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-left",
                 tag: "label",
@@ -5268,26 +5312,26 @@ function Kl(e, t, i, o, n, l) {
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (s(), u("div", El, [
+            e.$slots.selection ? (o(), u("div", ql, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : p("", !0),
-            y("div", B({
+            w("div", _({
               class: "w-select__selection",
               ref: "selection-input",
               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, Al),
-            (s(!0), u(k, null, R(e.inputValue.length ? e.inputValue : [{}], (h, w) => (s(), u("input", {
-              key: w,
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Xl),
+            (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, Wl))), 128)),
-            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 1 }, [
-              e.$slots.default || i.label ? (s(), u("label", {
+            }, null, 8, Yl))), 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])
               }, [
@@ -5297,7 +5341,7 @@ function Kl(e, t, i, o, n, l) {
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
             c(e.$slots, "icon-right", {}, () => [
-              i.innerIconRight ? (s(), g(a, {
+              i.innerIconRight ? (o(), g(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-right",
                 tag: "label",
@@ -5309,10 +5353,10 @@ function Kl(e, t, i, o, n, l) {
                 _: 1
               })) : p("", !0)
             ])
-          ], 10, Ml)
+          ], 10, Ul)
         ]),
         default: m(() => [
-          I(r, {
+          T(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": l.onInput,
@@ -5331,24 +5375,24 @@ function Kl(e, t, i, o, n, l) {
             "item-color-key": i.itemColorKey,
             role: "listbox",
             tabindex: "-1"
-          }, J({ _: 2 }, [
-            R(i.items.length, (h) => ({
+          }, ee({ _: 2 }, [
+            x(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: w, selected: _, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](w, _, b) ? c(e.$slots, `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}`, {
                   key: 0,
-                  item: w,
-                  selected: _,
+                  item: y,
+                  selected: B,
                   index: b
                 }, () => [
-                  S(C(w[i.itemLabelKey]), 1)
+                  S(C(y[i.itemLabelKey]), 1)
                 ]) : c(e.$slots, "item", {
                   key: 1,
-                  item: w,
-                  selected: _,
+                  item: y,
+                  selected: B,
                   index: b
                 }, () => [
-                  S(C(w[i.itemLabelKey]), 1)
+                  S(C(y[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -5356,8 +5400,8 @@ function Kl(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
-      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
@@ -5371,9 +5415,9 @@ function Kl(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Nl = {
+const Jl = {
   name: "w-select",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -5516,7 +5560,7 @@ const Nl = {
             const n = e.keyCode === 38 ? -1 : 1;
             t = (t + i.length + n) % i.length;
           }
-          let o = !1;
+          let s = !1;
           if (i[t].disabled) {
             const n = e.keyCode === 38 ? -1 : 1;
             let l = (t + n + i.length) % i.length;
@@ -5524,9 +5568,9 @@ const Nl = {
             let r = 0;
             for (; r < a && i[l].disabled; )
               l = (l + i.length + n) % i.length, r++;
-            r >= a && (o = !0), t = l;
+            r >= a && (s = !0), t = l;
           }
-          o || this.onInput(i[t]);
+          s || this.onInput(i[t]);
         }
       else e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
@@ -5534,14 +5578,14 @@ const Nl = {
       e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
     focusItemOnQuickLookup(e) {
-      var o, n, l;
+      var s, n, l;
       this.quickLookup.timeout && clearTimeout(this.quickLookup.timeout), this.quickLookup.timeout = setTimeout(() => this.quickLookup.string = "", 1e3), this.quickLookup.string += e.key;
       const t = new RegExp(`^${this.quickLookup.string}`, "i"), i = this.selectItems.findIndex(
         (a) => !a.disabled && a[this.itemLabelKey].match(t)
       ) + 1;
       if (i) {
         const a = `.w-list__item:nth-child(${i}) .w-list__item-label`;
-        (l = (n = (o = this.$refs["w-list"]) == null ? void 0 : o.$el) == null ? void 0 : n.querySelector(a)) == null || l.focus();
+        (l = (n = (s = this.$refs["w-list"]) == null ? void 0 : s.$el) == null ? void 0 : n.querySelector(a)) == null || l.focus();
       }
     },
     // The items are given by the w-list component.
@@ -5569,8 +5613,8 @@ const Nl = {
       e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
       const t = this.selectItems.map((i) => i.value);
       return e.map((i) => {
-        let o = i;
-        return i && typeof i == "object" && (o = i[this.itemValueKey] ?? i[this.itemLabelKey] ?? i), this.selectItems[t.indexOf(o)];
+        let s = i;
+        return i && typeof i == "object" && (s = i[this.itemValueKey] ?? i[this.itemLabelKey] ?? i), this.selectItems[t.indexOf(s)];
       }).filter((i) => i !== void 0);
     },
     // Open the dropdown selection list.
@@ -5601,12 +5645,12 @@ const Nl = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Dl = /* @__PURE__ */ v(Nl, [["render", Kl]]), Hl = ["for"], Fl = ["for", "innerHTML"], jl = { class: "w-slider__track-wrap" }, Ul = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ql = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Xl = ["for"], Yl = { key: 0 }, Gl = {
+}, 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 = {
   key: 0,
   class: "w-slider__step-labels"
-}, Jl = ["onClick"], Ql = ["for"], Zl = ["for", "innerHTML"];
-function es(e, t, i, o, n, l) {
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, 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 }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
@@ -5616,20 +5660,20 @@ function es(e, t, i, o, n, l) {
     class: l.wrapperClasses
   }), {
     default: m(() => [
-      e.$slots["label-left"] ? (s(), u("label", {
+      e.$slots["label-left"] ? (o(), u("label", {
         key: 0,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, Hl)) : i.labelLeft ? (s(), u("label", {
+      ], 10, Zl)) : 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, Fl)) : p("", !0),
-      y("div", jl, [
-        y("div", {
+      }, null, 10, es)) : p("", !0),
+      w("div", ts, [
+        w("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
           onMousedown: t[4] || (t[4] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a)),
@@ -5642,15 +5686,15 @@ function es(e, t, i, o, n, l) {
           "aria-readonly": e.isReadonly ? "true" : "false",
           "aria-orientation": "horizontal"
         }, [
-          y("div", {
+          w("div", {
             class: f(["w-slider__range", l.rangeClasses]),
-            style: L(l.rangeStyles)
+            style: R(l.rangeStyles)
           }, null, 6),
-          y("div", {
+          w("div", {
             class: "w-slider__thumb",
-            style: L(l.thumbStyles)
+            style: R(l.thumbStyles)
           }, [
-            y("button", {
+            w("button", {
               class: f(["w-slider__thumb-button", [i.color]]),
               ref: "thumb",
               id: `button--${e._.uid}`,
@@ -5665,15 +5709,15 @@ function es(e, t, i, o, 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] = z(() => {
+              onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
-            }, null, 42, ql),
-            i.thumbLabel ? (s(), u("label", {
+            }, null, 42, ls),
+            i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (s(), u("div", Yl, [
+              i.thumbLabel === "droplet" ? (o(), u("div", os, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(C(~~e.rangeValueScaled), 1)
                 ])
@@ -5683,21 +5727,21 @@ function es(e, t, i, o, n, l) {
               }, () => [
                 S(C(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Xl)) : p("", !0)
+            ], 10, ss)) : p("", !0)
           ], 4)
-        ], 42, Ul),
-        i.stepLabels && i.step ? (s(), u("div", Gl, [
-          y("div", {
+        ], 42, is),
+        i.stepLabels && i.step ? (o(), u("div", as, [
+          w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, C(this.minVal), 1),
-          (s(!0), u(k, null, R(~~l.numberOfSteps, (a) => (s(), u("div", {
+          (o(!0), u(k, null, x(~~l.numberOfSteps, (a) => (o(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
-            style: L(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Jl))), 128)),
-          ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
+            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
+          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, ns))), 128)),
+          ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
             onClick: t[7] || (t[7] = (a) => l.onStepLabelClick(100)),
@@ -5705,25 +5749,25 @@ function es(e, t, i, o, n, l) {
           }, C(this.maxVal), 1)) : p("", !0)
         ])) : p("", !0)
       ]),
-      e.$slots["label-right"] ? (s(), u("label", {
+      e.$slots["label-right"] ? (o(), u("label", {
         key: 2,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, Ql)) : i.labelRight ? (s(), u("label", {
+      ], 10, rs)) : 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, Zl)) : p("", !0)
+      }, null, 10, ds)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const ts = {
+const hs = {
   name: "w-slider",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -5858,17 +5902,17 @@ const ts = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, is = /* @__PURE__ */ v(ts, [["render", es]]), ls = { key: 0 };
-function ss(e, t, i, o, n, l) {
-  return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
+}, cs = /* @__PURE__ */ v(hs, [["render", us]]), ps = { key: 0 };
+function fs(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: L(l.styles)
+    style: R(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", ls)) : p("", !0)
+    l.isThreeDots ? (o(), u("span", ps)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const os = {
+const ms = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5906,13 +5950,13 @@ const os = {
       };
     }
   }
-}, as = /* @__PURE__ */ v(os, [["render", ss]]);
-function ns(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, gs = /* @__PURE__ */ v(ms, [["render", fs]]);
+function bs(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const rs = {
+const ys = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5928,16 +5972,16 @@ const rs = {
       };
     }
   }
-}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], hs = ["for"], cs = {
+}, ws = /* @__PURE__ */ v(ys, [["render", bs]]), ks = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], vs = ["for"], Cs = {
   key: 0,
   class: "w-switch__track"
-}, ps = {
+}, Ss = {
   key: 1,
   class: "w-switch__thumb"
-}, fs = ["for"];
-function ms(e, t, i, o, n, l) {
+}, Bs = ["for"];
+function _s(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -5947,7 +5991,7 @@ function ms(e, t, i, o, n, l) {
     style: e.$attrs.style
   }), {
     default: m(() => [
-      y("input", B({
+      w("input", _({
         ref: "input",
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
@@ -5963,9 +6007,9 @@ function ms(e, t, i, o, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }), null, 16, us),
-      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      }), null, 16, ks),
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
@@ -5973,27 +6017,27 @@ function ms(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, hs)) : p("", !0)
+        ], 10, vs)) : p("", !0)
       ], 64)) : p("", !0),
-      y("div", {
+      w("div", {
         class: f(["w-switch__input", l.inputClasses]),
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (s(), u("div", cs, [
+        e.$slots.track ? (o(), u("div", Cs, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (s(), u("div", ps, [
-          i.loading ? (s(), g(a, B({
+        e.$slots.thumb || i.loading ? (o(), u("div", Ss, [
+          i.loading ? (o(), g(a, _({
             key: 0,
             circle: "",
             color: "inherit"
           }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : c(e.$slots, "thumb", { key: 1 })
         ])) : p("", !0)
       ], 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
@@ -6001,15 +6045,15 @@ function ms(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, fs)) : p("", !0)
+        ], 10, Bs)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class", "style"]);
 }
-const gs = {
+const $s = {
   name: "w-switch",
-  mixins: [M],
+  mixins: [z],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -6083,33 +6127,33 @@ const gs = {
       this.isOn = e;
     }
   }
-}, bs = /* @__PURE__ */ v(gs, [["render", ms]]), ys = { class: "w-tabs__content" };
-function ws(e, t, i, o, n, l) {
-  return s(), u("div", ys, [
+}, Vs = /* @__PURE__ */ v($s, [["render", _s]]), Is = { class: "w-tabs__content" };
+function Ts(e, t, i, s, n, l) {
+  return o(), u("div", Is, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
-const ks = {
+const Ls = {
   name: "tab-content",
   // Keep-alive include/exclude mechanism is component-name-based.
   props: { item: Object }
-}, vs = /* @__PURE__ */ v(ks, [["render", ws]]), Cs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Ss = ["innerHTML"], Bs = {
+}, Rs = /* @__PURE__ */ v(Ls, [["render", Ts]]), xs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Ps = ["innerHTML"], Os = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, _s = {
+}, Ms = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, $s = ["innerHTML"], Vs = ["innerHTML"];
-function Is(e, t, i, o, n, l) {
+}, zs = ["innerHTML"], Es = ["innerHTML"];
+function As(e, t, i, s, n, l) {
   const a = $("tab-content");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
   }, [
-    y("div", {
+    w("div", {
       class: f(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(k, null, R(e.tabs, (r, d) => (s(), u("div", {
+      (o(!0), u(k, null, x(e.tabs, (r, d) => (o(), u("div", {
         class: f(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
@@ -6130,27 +6174,27 @@ function Is(e, t, i, o, n, l) {
           index: d + 1,
           active: r._uid === e.activeTabUid
         }, () => [
-          y("div", {
+          w("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, Ss)
+          }, null, 8, Ps)
         ])
-      ], 42, Cs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", Bs, [
+      ], 42, xs))), 128)),
+      e.$slots["tabs-bar-extra"] ? (o(), u("div", Os, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
-      !i.noSlider && !i.card ? (s(), u("div", {
+      !i.noSlider && !i.card ? (o(), u("div", {
         key: 1,
         class: f(["w-tabs__slider", i.sliderColor]),
-        style: L(l.sliderStyles)
+        style: R(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (s(), u("div", _s, [
-      i.keepInDom ? (s(), g(se, {
+    e.tabs.length ? (o(), u("div", Ms, [
+      i.keepInDom ? (o(), g(ae, {
         key: 0,
         name: l.transitionName
       }, {
         default: m(() => [
-          (s(!0), u(k, null, R(e.tabs, (r, d) => W((s(), g(a, {
+          (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), g(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
@@ -6167,34 +6211,34 @@ function Is(e, t, i, o, n, l) {
                 index: r._index + 1,
                 active: r._index === l.activeTab._index
               }, () => [
-                r[i.itemContentKey] ? (s(), u("div", {
+                r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, $s)) : p("", !0)
+                }, null, 8, zs)) : p("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [ae, r._uid === l.activeTab._uid]
+            [re, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), g(O, {
+      }, 8, ["name"])) : (o(), g(P, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: m(() => [
-          (s(), g(Ie, {
+          (o(), g(xe, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (s(), g(a, {
+            (o(), g(a, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: f(i.contentClass)
             }, {
               default: m(({ item: r }) => [
-                r ? (s(), u(k, { key: 0 }, [
+                r ? (o(), u(k, { key: 0 }, [
                   e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
                     item: l.getOriginalItem(r),
@@ -6206,10 +6250,10 @@ function Is(e, t, i, o, n, l) {
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
                   }, () => [
-                    r[i.itemContentKey] ? (s(), u("div", {
+                    r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, Vs)) : p("", !0)
+                    }, null, 8, Es)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6222,8 +6266,8 @@ function Is(e, t, i, o, n, l) {
     ])) : p("", !0)
   ], 2);
 }
-let me = 0;
-const Ts = {
+let ye = 0;
+const Ws = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6249,7 +6293,7 @@ const Ts = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: vs },
+  components: { TabContent: Rs },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -6308,7 +6352,7 @@ const Ts = {
   methods: {
     // Adding a tab in the list.
     addTab(e) {
-      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++me}`), this.tabs.push({
+      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++ye}`), this.tabs.push({
         _uid: e[this.itemIdKey] ?? e._uid,
         _index: this.tabs.length,
         ...e,
@@ -6317,7 +6361,7 @@ const Ts = {
     },
     refreshTabs() {
       let e = this.items;
-      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++me}`), {
+      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++ye}`), {
         ...t,
         _uid: t[this.itemIdKey] ?? t._uid,
         _index: i,
@@ -6325,10 +6369,10 @@ const Ts = {
       }));
     },
     reopenTheActiveTab() {
-      var t, i, o;
+      var t, i, s;
       if (this.tabs.length === 1) return this.openTab(this.tabs[0]._uid);
       let e = (t = this.tabsByUid[this.activeTabUid]) == null ? void 0 : t._uid;
-      e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
+      e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (s = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : s._uid), e && this.openTab(e);
     },
     onResize() {
       this.updateSlider(!1);
@@ -6356,16 +6400,16 @@ const Ts = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(o);
-        this.slider.left = `${t - n - parseInt(l) + o.scrollLeft}px`, this.slider.width = `${i}px`;
+        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), s = this.activeTabEl.parentNode, { left: n } = s.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(s);
+        this.slider.left = `${t - n - parseInt(l) + s.scrollLeft}px`, this.slider.width = `${i}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabs.length}%`, this.slider.width = `${100 / this.tabs.length}%`;
     },
     updateActiveTab(e) {
       var t, i;
       typeof e == "string" ? e = ~~e : (isNaN(e) || e < 0) && (e = 0), (t = this.tabs[e]) != null && t._uid && (this.openTab((i = this.tabs[e]) == null ? void 0 : i._uid), this.$nextTick(() => {
-        const o = this.$refs["tabs-bar"];
-        this.activeTabEl = o && o.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+        const s = this.$refs["tabs-bar"];
+        this.activeTabEl = s && s.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
       }));
     },
     // Return the original item (so there is no `_index`, etc.).
@@ -6398,58 +6442,58 @@ const Ts = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ls = /* @__PURE__ */ v(Ts, [["render", Is]]), Rs = { class: "w-table__scroll-wrap" }, Ps = { ref: "colgroup" }, Os = ["width"], xs = { key: 0 }, zs = ["onClick"], Ms = ["innerHTML"], Es = {
+}, 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 = {
   key: 0,
   class: "w-table__progress-bar"
-}, As = ["colspan"], Ws = {
+}, Xs = ["colspan"], Ys = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ks = ["colspan"], Ns = { class: "w-table__loading-text" }, Ds = {
+}, Gs = ["colspan"], Js = { class: "w-table__loading-text" }, Qs = {
   key: 1,
   class: "no-data"
-}, Hs = ["colspan"], Fs = ["onClick"], js = ["data-label"], Us = ["data-label"], qs = ["innerHTML"], Xs = {
+}, Zs = ["colspan"], eo = ["onClick"], to = ["data-label"], io = ["data-label"], lo = ["innerHTML"], so = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Ys = ["colspan"], Gs = { key: 0 }, Js = {
+}, oo = ["colspan"], ao = { key: 0 }, no = {
   key: 3,
   class: "w-table__extra-row"
-}, Qs = {
+}, ro = {
   key: 1,
   class: "w-table__footer"
-}, Zs = {
+}, uo = {
   key: 1,
   class: "w-table__row"
-}, eo = ["colspan"], to = {
+}, ho = ["colspan"], co = {
   key: 0,
   class: "w-table__pagination w-pagination"
-}, io = { class: "pages-wrap" }, lo = { class: "w-pagination__results" };
-function so(e, t, i, o, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), w = $("w-select"), _ = $("w-button");
-  return s(), u("div", {
+}, 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");
+  return o(), u("div", {
     class: f(["w-table w-table--wrap", l.classes])
   }, [
-    y("div", Rs, [
-      y("table", {
+    w("div", Ns, [
+      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))
       }, [
-        y("colgroup", Ps, [
-          (s(!0), u(k, null, R(i.headers, (b, V) => (s(), u("col", {
-            class: f(["w-table__col", l.colClasses[V]]),
-            key: V,
+        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, Os))), 128))
+          }, null, 10, Hs))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (s(), u("thead", xs, [
-          y("tr", null, [
-            (s(!0), u(k, null, R(i.headers, (b, V) => (s(), u("th", {
+        i.noHeaders ? p("", !0) : (o(), u("thead", Fs, [
+          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: V,
-              onClick: (P) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
+              key: I,
+              onClick: (V) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
             }, [
-              b.sortable !== !1 && b.align === "right" ? (s(), g(a, {
+              b.sortable !== !1 && b.align === "right" ? (o(), g(a, {
                 key: 0,
                 class: f(["w-table__header-sort", l.headerSortClasses(b)])
               }, {
@@ -6458,20 +6502,20 @@ function so(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              b.label ? (s(), u(k, { key: 1 }, [
+              b.label ? (o(), u(k, { key: 1 }, [
                 e.$slots["header-label"] ? c(e.$slots, "header-label", {
                   key: 0,
                   header: b,
                   label: b.label,
-                  index: V + 1
+                  index: I + 1
                 }, () => [
                   S(C(b.label || ""), 1)
-                ]) : (s(), u("span", {
+                ]) : (o(), u("span", {
                   key: 1,
                   innerHTML: b.label || ""
-                }, null, 8, Ms))
+                }, null, 8, Us))
               ], 64)) : p("", !0),
-              b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
+              b.sortable !== !1 && b.align !== "right" ? (o(), g(a, {
                 key: 2,
                 class: f(["w-table__header-sort", l.headerSortClasses(b)])
               }, {
@@ -6480,145 +6524,145 @@ function so(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              V < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+              I < 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 === V, "w-table__col-resizer--active": e.colResizing.columnIndex === V }]),
-                onClick: t[0] || (t[0] = z(() => {
+                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(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
-            ], 10, zs))), 128))
+            ], 10, js))), 128))
           ]),
-          I(d, null, {
+          T(d, null, {
             default: m(() => [
-              i.loading === "header" ? (s(), u("tr", Es, [
-                y("td", {
+              i.loading === "header" ? (o(), u("tr", qs, [
+                w("td", {
                   colspan: i.headers.length
                 }, [
-                  I(r, { tile: "" })
-                ], 8, As)
+                  T(r, { tile: "" })
+                ], 8, Xs)
               ])) : p("", !0)
             ]),
             _: 1
           })
         ])),
-        y("tbody", null, [
-          i.loading === !0 ? (s(), u("tr", Ws, [
-            y("td", {
+        w("tbody", null, [
+          i.loading === !0 ? (o(), u("tr", Ys, [
+            w("td", {
               colspan: i.headers.length
             }, [
-              I(r, { tile: "" }),
-              y("div", Ns, [
+              T(r, { tile: "" }),
+              w("div", Js, [
                 c(e.$slots, "loading", {}, () => [
                   S("Loading...")
                 ])
               ])
-            ], 8, Ks)
-          ])) : l.tableItems.length ? p("", !0) : (s(), u("tr", Ds, [
-            y("td", {
+            ], 8, Gs)
+          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Qs, [
+            w("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
             }, [
               c(e.$slots, "no-data", {}, () => [
                 S("No data to show.")
               ])
-            ], 8, Hs)
+            ], 8, Zs)
           ])),
-          l.tableItems.length && i.loading !== !0 ? (s(!0), u(k, { key: 2 }, R(l.paginatedItems, (b, V) => (s(), u(k, { key: V }, [
+          l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (b, I) => (o(), u(k, { key: I }, [
             e.$slots.item ? c(e.$slots, "item", {
               key: 0,
               item: b,
-              index: V + 1,
-              select: () => l.doSelectRow(b, V),
+              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 }
-            }) : (s(), u("tr", {
+            }) : (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: (P) => l.doSelectRow(b, V)
+              onClick: (V) => l.doSelectRow(b, I)
             }, [
-              (s(!0), u(k, null, R(i.headers, (P, x) => (s(), u(k, null, [
-                e.$slots[`item-cell.${P.key}`] || e.$slots[`item-cell.${x + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
-                  class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
-                  key: `${x}-a`,
-                  "data-label": P.label
+              (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
                 }, [
-                  e.$slots[`item-cell.${P.key}`] ? c(e.$slots, `item-cell.${P.key}`, {
+                  e.$slots[`item-cell.${V.key}`] ? c(e.$slots, `item-cell.${V.key}`, {
                     key: 0,
-                    header: P,
+                    header: V,
                     item: b,
-                    label: b[P.key] || "",
-                    index: V + 1
-                  }) : e.$slots[`item-cell.${x + 1}`] ? c(e.$slots, `item-cell.${x + 1}`, {
+                    label: b[V.key] || "",
+                    index: I + 1
+                  }) : e.$slots[`item-cell.${O + 1}`] ? c(e.$slots, `item-cell.${O + 1}`, {
                     key: 1,
-                    header: P,
+                    header: V,
                     item: b,
-                    label: b[P.key] || "",
-                    index: V + 1
+                    label: b[V.key] || "",
+                    index: I + 1
                   }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                     key: 2,
-                    header: P,
+                    header: V,
                     item: b,
-                    label: b[P.key] || "",
-                    index: V + 1
+                    label: b[V.key] || "",
+                    index: I + 1
                   }) : p("", !0),
-                  x < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                  O < 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 === x, "w-table__col-resizer--active": e.colResizing.columnIndex === x }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                   }, null, 2)) : p("", !0)
-                ], 10, js)) : (s(), u("td", {
-                  class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
-                  key: `${x}-b`,
-                  "data-label": P.label
+                ], 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
                 }, [
-                  y("div", {
-                    innerHTML: b[P.key] || ""
-                  }, null, 8, qs),
-                  x < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                  w("div", {
+                    innerHTML: b[V.key] || ""
+                  }, null, 8, lo),
+                  O < 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 === x, "w-table__col-resizer--active": e.colResizing.columnIndex === x }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                   }, null, 2)) : p("", !0)
-                ], 10, Us))
+                ], 10, io))
               ], 64))), 256))
-            ], 10, Fs)),
-            l.expandedRowsByUid[b._uid] ? (s(), u("tr", Xs, [
-              y("td", {
+            ], 10, eo)),
+            l.expandedRowsByUid[b._uid] ? (o(), u("tr", so, [
+              w("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
-                I(h, { y: "" }, {
+                T(h, { y: "" }, {
                   default: m(() => [
-                    l.expandedRowsByUid[b._uid] ? (s(), u("div", Gs, [
+                    l.expandedRowsByUid[b._uid] ? (o(), u("div", ao, [
                       c(e.$slots, "row-expansion", {
                         item: b,
-                        index: V + 1
+                        index: I + 1
                       })
                     ])) : p("", !0),
-                    V < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                    I < 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 === V, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                      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 }])
                     }, null, 2)) : p("", !0)
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, Ys)
+              ], 8, oo)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (s(), u("div", Js, [
+          e.$slots["extra-row"] ? (o(), u("div", no, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", Qs, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Zs, [
-            y("td", {
+        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, [
+            w("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               c(e.$slots, "footer")
-            ], 8, eo)
+            ], 8, ho)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (s(), u("div", to, [
+    i.pagination && e.paginationConfig ? (o(), u("div", co, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6626,7 +6670,7 @@ function so(e, t, i, o, n, l) {
         page: e.paginationConfig.page,
         goToPage: l.goToPage
       }, () => [
-        e.paginationConfig.itemsPerPageOptions ? (s(), g(w, {
+        e.paginationConfig.itemsPerPageOptions ? (o(), g(y, {
           key: 0,
           class: "w-pagination__items-per-page",
           modelValue: e.paginationConfig.itemsPerPage,
@@ -6637,8 +6681,8 @@ function so(e, t, i, o, n, l) {
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
-        y("div", io, [
-          I(_, {
+        w("div", po, [
+          T(B, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
             onClick: t[6] || (t[6] = (b) => l.goToPage("-1")),
             disabled: e.paginationConfig.page <= 1,
@@ -6646,11 +6690,11 @@ function so(e, t, i, o, n, l) {
             text: "",
             lg: ""
           }, null, 8, ["disabled"]),
-          e.paginationConfig.pagesCount > 7 ? (s(!0), u(k, { key: 0 }, R(e.paginationConfig.pagesCount, (b) => (s(), u(k, { key: b }, [
-            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b) ? (s(), g(_, {
+          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, {
               key: 0,
               class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (V) => b !== e.paginationConfig.page && l.goToPage(b),
+              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
               round: "",
               lg: ""
             }, {
@@ -6658,10 +6702,10 @@ function so(e, t, i, o, n, l) {
                 S(C(b), 1)
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b - 1) ? (s(), g(_, {
+            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b - 1) ? (o(), g(B, {
               key: 1,
               class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (V) => b !== e.paginationConfig.page && l.goToPage(b),
+              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
               round: "",
               lg: ""
             }, {
@@ -6670,10 +6714,10 @@ function so(e, t, i, o, n, l) {
               ]),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
-          ], 64))), 128)) : (s(!0), u(k, { key: 1 }, R(e.paginationConfig.pagesCount, (b) => (s(), g(_, {
+          ], 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: (V) => b !== e.paginationConfig.page && l.goToPage(b),
+            onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
             round: "",
             lg: ""
           }, {
@@ -6682,7 +6726,7 @@ function so(e, t, i, o, n, l) {
             ]),
             _: 2
           }, 1032, ["onClick", "class"]))), 128)),
-          I(_, {
+          T(B, {
             class: "w-pagination__arrow w-pagination__arrow--next",
             onClick: t[7] || (t[7] = (b) => l.goToPage("+1")),
             disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
@@ -6691,12 +6735,12 @@ function so(e, t, i, o, n, l) {
             lg: ""
           }, null, 8, ["disabled"])
         ]),
-        y("span", lo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
+        w("span", fo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
       ])
     ])) : p("", !0)
   ], 2);
 }
-const ge = 15, oo = {
+const we = 15, go = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6713,14 +6757,14 @@ const ge = 15, oo = {
     filter: { type: Function },
     fetch: { type: Function },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || F(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     // Allow providing the expanded rows and keeping it in sync via .sync in Vue 2 or v-model:expandedRows in Vue 3.
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || F(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -6743,7 +6787,7 @@ const ge = 15, oo = {
       validator: (e) => {
         if (e) {
           if (typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)))
-            return ee(
+            return F(
               "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
             ), !1;
         } else return !0;
@@ -6800,7 +6844,7 @@ const ge = 15, oo = {
     sortedItems() {
       if (!this.activeSorting.length || this.sortFunction || this.fetch) return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), t = this.activeSorting[0][0] === "-";
-      return [...this.filteredItems].sort((i, o) => (i = i[e], o = o[e], !isNaN(i) && !isNaN(o) && (i = parseFloat(i), o = parseFloat(o)), (i > o ? 1 : -1) * (t ? -1 : 1)));
+      return [...this.filteredItems].sort((i, s) => (i = i[e], s = s[e], !isNaN(i) && !isNaN(s) && (i = parseFloat(i), s = parseFloat(s)), (i > s ? 1 : -1) * (t ? -1 : 1)));
     },
     paginatedItems() {
       return typeof this.fetch == "function" ? this.sortedItems : this.sortedItems.slice(this.paginationConfig.start - 1, this.paginationConfig.end);
@@ -6865,7 +6909,7 @@ const ge = 15, oo = {
       t && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (t ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" ? await this.sortFunction(this.activeSorting) : typeof this.fetch == "function" && await this.callApiFetch();
     },
     doSelectRow(e, t) {
-      const i = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
+      const i = this.expandableRows === "" ? !0 : this.expandableRows, s = this.selectableRows === "" ? !0 : this.selectableRows;
       if (i) {
         const n = this.expandedRowsByUid[e._uid] === void 0;
         n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((l) => l !== e._uid), this.$emit(
@@ -6877,7 +6921,7 @@ const ge = 15, oo = {
             expandedRows: this.expandedRowsInternal.map((l) => this.filteredItems[l])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
-      } else if (o) {
+      } else if (s) {
         let n = !1;
         const l = this.selectedRowsByUid[e._uid] === void 0;
         l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
@@ -6915,15 +6959,15 @@ const ge = 15, oo = {
          * (losing the 2 columns width). So do a direct DOM manipulation using `.style.width`.
          */
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: i, nextColumnEl: o, colWidth: n, nextColWidth: l } = this.colResizing;
+      const { startCursorX: t, columnEl: i, nextColumnEl: s, colWidth: n, nextColWidth: l } = this.colResizing;
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
-      i.style.width = n + a + "px", o.style.width = l - a + "px";
-      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= ge, _ = a > 0 && o.offsetWidth > h;
-      if (w) {
-        const b = Math.max(i.offsetWidth, ge);
-        i.style.width = b + "px", o.style.width = r - b + "px";
-      } else _ && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+      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;
+      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");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6935,8 +6979,8 @@ const ge = 15, oo = {
       }, 0);
     },
     initPagination() {
-      var o, n;
-      const e = ((o = this.pagination) == null ? void 0 : o.itemsPerPage) ?? 20, t = ((n = this.pagination) == null ? void 0 : n.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
+      var s, n;
+      const e = ((s = this.pagination) == null ? void 0 : s.itemsPerPage) ?? 20, t = ((n = this.pagination) == null ? void 0 : n.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
       t.find((l) => ((l == null ? void 0 : l.value) ?? l) === +e) || t.push(e), this.paginationConfig.itemsPerPageOptions = t.map((l) => ({
         label: ["string", "number"].includes(typeof l) ? l.toString() : l.label || l.value,
         value: ["string", "number"].includes(typeof l) ? ~~l : l.value ?? l.label
@@ -6965,8 +7009,8 @@ const ge = 15, oo = {
     updatePaginationConfig({ itemsPerPage: e, page: t, total: i }) {
       if (i && (this.paginationConfig.total = i), e !== void 0) {
         this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = t || this.paginationConfig.page || 1, t = this.paginationConfig.page, i = this.paginationConfig.total;
-        const o = e * t;
-        this.paginationConfig.start = 1, this.paginationConfig.end = i >= o ? o : i % o, this.paginationConfig.pagesCount = Math.ceil(i / e);
+        const s = e * t;
+        this.paginationConfig.start = 1, this.paginationConfig.end = i >= s ? s : i % s, this.paginationConfig.pagesCount = Math.ceil(i / e);
       }
       t && this.goToPage(t);
     },
@@ -6985,13 +7029,13 @@ const ge = 15, oo = {
      * While waiting for the call to resolve, nothing in the table will change.
      */
     async callApiFetch() {
-      const { page: e, start: t, end: i, total: o, itemsPerPage: n } = this.paginationConfig;
+      const { page: e, start: t, end: i, total: s, itemsPerPage: n } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
-        end: i || o,
-        total: o,
-        itemsPerPage: n || o,
+        end: i || s,
+        total: s,
+        itemsPerPage: n || s,
         sorting: this.activeSorting
       });
     }
@@ -7025,9 +7069,9 @@ const ge = 15, oo = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, ao = /* @__PURE__ */ v(oo, [["render", so]]), no = ["role", "aria-pressed", "tabindex"];
-function ro(e, t, i, o, n, l) {
-  return s(), u("span", {
+}, bo = /* @__PURE__ */ v(go, [["render", mo]]), yo = ["role", "aria-pressed", "tabindex"];
+function wo(e, t, i, s, n, l) {
+  return o(), u("span", {
     class: f(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
@@ -7038,21 +7082,21 @@ function ro(e, t, i, o, n, l) {
     role: i.modelValue !== -1 && "button",
     "aria-pressed": i.modelValue !== -1 && (i.modelValue ? "true" : "false"),
     tabindex: i.modelValue !== -1 && 0,
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
     c(e.$slots, "default"),
-    i.closable && i.modelValue ? (s(), u("i", {
+    i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = z((a) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 46, no);
+  ], 46, yo);
 }
-const uo = {
+const ko = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -7101,10 +7145,10 @@ const uo = {
       };
     }
   }
-}, ho = /* @__PURE__ */ v(uo, [["render", ro]]), co = ["for"], po = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], fo = ["for"];
-function mo(e, t, i, o, n, l) {
+}, 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) {
   const a = $("w-icon");
-  return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  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 }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
@@ -7115,8 +7159,8 @@ function mo(e, t, i, o, n, l) {
     style: e.$attrs.style
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
@@ -7124,15 +7168,15 @@ function mo(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, co)) : p("", !0)
+        ], 10, Co)) : p("", !0)
       ], 64)) : p("", !0),
-      y("div", {
+      w("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
         c(e.$slots, "icon-left", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconLeft ? (s(), g(a, {
+          i.innerIconLeft ? (o(), g(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-left",
             tag: "label",
@@ -7145,7 +7189,7 @@ function mo(e, t, i, o, n, l) {
             _: 1
           }, 8, ["for"])) : p("", !0)
         ]),
-        W(y("textarea", B({
+        W(w("textarea", _({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
@@ -7163,11 +7207,11 @@ function mo(e, t, i, o, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, po), [
-          [ye, n.inputValue]
+        }), null, 16, So), [
+          [ve, n.inputValue]
         ]),
-        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 0 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+        i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 0 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
@@ -7179,7 +7223,7 @@ function mo(e, t, i, o, n, l) {
         c(e.$slots, "icon-right", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconRight ? (s(), g(a, {
+          i.innerIconRight ? (o(), g(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-right",
             tag: "label",
@@ -7193,8 +7237,8 @@ function mo(e, t, i, o, n, l) {
           }, 8, ["for"])) : p("", !0)
         ])
       ], 2),
-      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
@@ -7202,15 +7246,15 @@ function mo(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, fo)) : p("", !0)
+        ], 10, Bo)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const go = {
+const $o = {
   name: "w-textarea",
-  mixins: [M],
+  mixins: [z],
   inheritAttrs: !1,
   // The attrs should only be added to the textarea not the wrapper.
   props: {
@@ -7334,16 +7378,16 @@ const go = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, bo = /* @__PURE__ */ v(go, [["render", mo]]), yo = ["innerHTML"], wo = ["innerHTML"];
-function ko(e, t, i, o, n, l) {
-  return s(), u("ul", {
+}, Vo = /* @__PURE__ */ v($o, [["render", _o]]), Io = ["innerHTML"], To = ["innerHTML"];
+function Lo(e, t, i, s, n, l) {
+  return o(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
-    (s(!0), u(k, null, R(i.items, (a, r) => (s(), u("li", {
+    (o(!0), u(k, null, x(i.items, (a, r) => (o(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), g(T(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), g(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(() => [
@@ -7360,19 +7404,19 @@ function ko(e, t, i, o, n, l) {
         item: a,
         index: r + 1
       }, () => [
-        y("div", {
+        w("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, yo),
-        y("div", {
+        }, null, 10, Io),
+        w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, wo)
+        }, null, 8, To)
       ])
     ]))), 128))
   ], 2);
 }
-const vo = {
+const Ro = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -7394,16 +7438,16 @@ const vo = {
       };
     }
   }
-}, Co = /* @__PURE__ */ v(vo, [["render", ko]]);
-function So(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, xo = /* @__PURE__ */ v(Ro, [["render", Lo]]);
+function Po(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-toolbar", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const Bo = {
+const Oo = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -7454,20 +7498,20 @@ const Bo = {
       };
     }
   }
-}, _o = /* @__PURE__ */ v(Bo, [["render", So]]);
-function $o(e, t, i, o, n, l) {
-  return s(), u(k, null, [
+}, Mo = /* @__PURE__ */ v(Oo, [["render", Po]]);
+function zo(e, t, i, s, n, l) {
+  return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    I(O, {
+    T(P, {
       name: l.transitionName,
       appear: ""
     }, {
       default: m(() => [
-        e.detachableVisible ? (s(), u("div", {
+        e.detachableVisible ? (o(), u("div", {
           class: f(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: L(l.styles)
+          style: R(l.styles)
         }, [
           c(e.$slots, "default")
         ], 6)) : p("", !0)
@@ -7476,9 +7520,9 @@ function $o(e, t, i, o, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const Vo = {
+const Eo = {
   name: "w-tooltip",
-  mixins: [ke],
+  mixins: [Be],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },
@@ -7612,24 +7656,24 @@ const Vo = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Io = /* @__PURE__ */ v(Vo, [["render", $o]]);
-function To(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: "bounce" }, e.$props), {
+}, Ao = /* @__PURE__ */ v(Eo, [["render", zo]]);
+function Wo(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Lo = {
+const Ko = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ro = /* @__PURE__ */ v(Lo, [["render", To]]);
-function Po(e, t, i, o, n, l) {
-  return s(), g(O, {
+}, No = /* @__PURE__ */ v(Ko, [["render", Wo]]);
+function Do(e, t, i, s, n, l) {
+  return o(), g(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7649,7 +7693,7 @@ function Po(e, t, i, o, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Oo = {
+const Ho = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7739,61 +7783,61 @@ const Oo = {
       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;
     }
   }
-}, xo = /* @__PURE__ */ v(Oo, [["render", Po]]);
-function zo(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: "fade" }, e.$props), {
+}, Fo = /* @__PURE__ */ v(Ho, [["render", Do]]);
+function jo(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Mo = {
+const Uo = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Eo = /* @__PURE__ */ v(Mo, [["render", zo]]);
-function Ao(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: "scale" }, e.$props), {
+}, qo = /* @__PURE__ */ v(Uo, [["render", jo]]);
+function Xo(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Wo = {
+const Yo = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ko = /* @__PURE__ */ v(Wo, [["render", Ao]]);
-function No(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: "scale-fade" }, e.$props), {
+}, Go = /* @__PURE__ */ v(Yo, [["render", Xo]]);
+function Jo(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Do = {
+const Qo = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ho = /* @__PURE__ */ v(Do, [["render", No]]);
-function Fo(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: l.transitionName }, e.$props), {
+}, Zo = /* @__PURE__ */ v(Qo, [["render", Jo]]);
+function ea(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const jo = {
+const ta = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7811,16 +7855,16 @@ const jo = {
       return `slide-${this.direction}`;
     }
   }
-}, Uo = /* @__PURE__ */ v(jo, [["render", Fo]]);
-function qo(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: l.transitionName }, e.$props), {
+}, ia = /* @__PURE__ */ v(ta, [["render", ea]]);
+function la(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const Xo = {
+const sa = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7838,47 +7882,47 @@ const Xo = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Yo = /* @__PURE__ */ v(Xo, [["render", qo]]);
-function Go(e, t, i, o, n, l) {
-  return s(), g(O, B({ name: "twist" }, e.$props), {
+}, oa = /* @__PURE__ */ v(sa, [["render", la]]);
+function aa(e, t, i, s, n, l) {
+  return o(), g(P, _({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Jo = {
+const na = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Qo = /* @__PURE__ */ v(Jo, [["render", Go]]), Zo = ["innerHTML"], ea = {
+}, ra = /* @__PURE__ */ v(na, [["render", aa]]), da = ["innerHTML"], ua = {
   key: 1,
   class: "ml1"
 };
-function ta(e, t, i, o, n, l) {
+function ha(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
-  return s(), u("ul", {
+  return o(), u("ul", {
     class: f(["w-tree", l.classes])
   }, [
-    (s(!0), u(k, null, R(e.currentDepthItems, (h, w) => (s(), u("li", {
+    (o(!0), u(k, null, x(e.currentDepthItems, (h, y) => (o(), u("li", {
       class: f(["w-tree__item", l.itemClasses(h)]),
-      key: w
+      key: y
     }, [
-      (s(), g(T(l.getTreeItemComponent(h)), B({
+      (o(), g(L(l.getTreeItemComponent(h)), _({
         class: "w-tree__item-label",
         ref_for: !0
       }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (_) => !i.disabled && !h.disabled && l.onLabelClick(h, _),
-        onKeydown: (_) => !i.disabled && !h.disabled && l.onLabelKeydown(h, _),
+        onClick: (B) => !i.disabled && !h.disabled && l.onLabelClick(h, B),
+        onKeydown: (B) => !i.disabled && !h.disabled && l.onLabelKeydown(h, B),
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: m(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (s(), g(a, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), g(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: z((_) => !i.disabled && !h.disabled && l.onLabelClick(h, _), ["stop"]),
+            onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7893,9 +7937,9 @@ function ta(e, t, i, o, n, l) {
             path: h.path,
             open: h.open
           }, () => {
-            var _;
+            var B;
             return [
-              l.itemIcon(h) ? (s(), g(r, {
+              l.itemIcon(h) ? (o(), g(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
@@ -7905,42 +7949,42 @@ function ta(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1032, ["color"])) : p("", !0),
-              y("span", {
+              w("span", {
                 innerHTML: h.label
-              }, null, 8, Zo),
-              i.counts && (h.children || h.branch) ? (s(), u("span", ea, "(" + C(((_ = h.originalItem.children) == null ? void 0 : _.length) || 0) + ")", 1)) : p("", !0)
+              }, 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)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), g(T(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), g(L(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
-        onAfterEnter: (_) => e.$emit("open", l.emitPayload(h)),
-        onAfterLeave: (_) => e.$emit("close", l.emitPayload(h))
+        onAfterEnter: (B) => e.$emit("open", l.emitPayload(h)),
+        onAfterLeave: (B) => e.$emit("close", l.emitPayload(h))
       }, {
         default: m(() => [
-          h.children && h.open ? (s(), g(d, B({
+          h.children && h.open ? (o(), g(d, _({
             key: 0,
             ref_for: !0
           }, e.$props, {
             depth: i.depth + 1,
             data: h.originalItem.children,
             parent: h,
-            onBeforeOpen: t[0] || (t[0] = (_) => e.$emit("before-open", _)),
-            onOpen: t[1] || (t[1] = (_) => e.$emit("open", _)),
-            onBeforeClose: t[2] || (t[2] = (_) => e.$emit("before-close", _)),
-            onClose: t[3] || (t[3] = (_) => e.$emit("close", _)),
-            onClick: t[4] || (t[4] = (_) => e.$emit("click", _)),
-            onSelect: t[5] || (t[5] = (_) => e.$emit("select", _)),
-            "onUpdate:modelValue": t[6] || (t[6] = (_) => e.$emit("update:model-value", _))
+            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))
           }), {
-            item: m(({ item: _, depth: b, path: V, open: P }) => [
+            item: m(({ item: B, depth: b, path: I, open: V }) => [
               c(e.$slots, "item", {
-                item: _,
+                item: B,
                 depth: b,
-                path: V,
-                open: P
+                path: I,
+                open: V
               })
             ]),
             _: 2
@@ -7951,7 +7995,7 @@ function ta(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ia = {
+const ca = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -8012,22 +8056,22 @@ const ia = {
     //  From data watcher, retain the oldItems open state.
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
-        return F(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
-      Array.isArray(e) || (e = [e]), e.forEach((i, o) => {
+        return j(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
+      Array.isArray(e) || (e = [e]), e.forEach((i, s) => {
         var l, a;
         const n = {
           originalItem: i,
           // Store the original item to return it on event emits.
-          _uid: this.depth.toString() + (o + 1),
+          _uid: this.depth.toString() + (s + 1),
           label: i[this.itemLabelKey],
           children: !!i.children,
           // The children tree remains available in originalItem.
           branch: i.branch,
           route: i[this.itemRouteKey],
           disabled: i[this.itemDisabledKey],
-          selected: ((l = t[o]) == null ? void 0 : l.selected) || !1,
+          selected: ((l = t[s]) == null ? void 0 : l.selected) || !1,
           depth: this.depth,
-          open: !!((a = t[o]) != null && a.open || this.expandAll || i[this.itemOpenKey]),
+          open: !!((a = t[s]) != null && a.open || this.expandAll || i[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
           // Ancestors path from root to leaf including self.
@@ -8073,13 +8117,13 @@ const ia = {
     },
     onLabelClick(e, t) {
       e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && (e.selected = !e.selected);
-      const o = this.emitPayload(e, t);
-      this.$emit("click", o), this.emitItemSelection(e, t);
+      const s = this.emitPayload(e, t);
+      this.$emit("click", s), this.emitItemSelection(e, t);
     },
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.keyCode) && ((e.children || e.branch) && ([13, 32].includes(t.keyCode) ? this.expandDepth(e) && t.preventDefault() : t.keyCode === 37 ? this.expandDepth(e, !1) && t.preventDefault() : t.keyCode === 39 && this.expandDepth(e, !0) && t.preventDefault()), [38, 40].includes(t.keyCode))) {
-        const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), l = t.keyCode === 38 ? -1 : 1;
-        [...o].some((a, r) => a.isSameNode(n) ? (o[r + l] && o[r + l].focus(), !0) : !1);
+        const s = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), l = t.keyCode === 38 ? -1 : 1;
+        [...s].some((a, r) => a.isSameNode(n) ? (s[r + l] && s[r + l].focus(), !0) : !1);
       }
       t.keyCode === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },
@@ -8149,63 +8193,63 @@ const ia = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, la = /* @__PURE__ */ v(ia, [["render", ta]]), sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pa = /* @__PURE__ */ v(ca, [["render", ha]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WAccordion: Ge,
-  WAlert: et,
-  WApp: ft,
-  WAutocomplete: ut,
-  WBadge: yt,
-  WBreadcrumbs: Ct,
-  WButton: Rt,
-  WCard: zt,
-  WCheckbox: jt,
-  WCheckboxes: Yt,
-  WConfirm: Qt,
-  WDatePicker: ti,
-  WDialog: si,
-  WDivider: ri,
-  WDrawer: pi,
-  WFlex: gi,
-  WForm: ki,
-  WFormElement: Si,
-  WGrid: $i,
-  WIcon: Ti,
-  WImage: Oi,
-  WInput: Fi,
-  WList: qi,
-  WMenu: Gi,
-  WNotification: Zi,
-  WOverlay: il,
-  WParallax: al,
-  WProgress: fl,
-  WRadio: Cl,
-  WRadios: $l,
-  WRating: Rl,
-  WScrollable: zl,
-  WSelect: Dl,
-  WSlider: is,
-  WSpinner: as,
-  WSteps: ds,
-  WSwitch: bs,
-  WTable: ao,
-  WTabs: Ls,
-  WTag: ho,
-  WTextarea: bo,
-  WTimeline: Co,
-  WToolbar: _o,
-  WTooltip: Io,
-  WTransitionBounce: Ro,
-  WTransitionExpand: xo,
-  WTransitionFade: Eo,
-  WTransitionScale: Ko,
-  WTransitionScaleFade: Ho,
-  WTransitionSlide: Uo,
-  WTransitionSlideFade: Yo,
-  WTransitionTwist: Qo,
-  WTree: la
-}, Symbol.toStringTag, { value: "Module" })), oa = U.install;
-U.install = (e, t = {}) => oa.call(U, e, { components: sa, ...t });
+  WAccordion: at,
+  WAlert: ut,
+  WApp: Bt,
+  WAutocomplete: kt,
+  WBadge: It,
+  WBreadcrumbs: xt,
+  WButton: Nt,
+  WCard: jt,
+  WCheckbox: ti,
+  WCheckboxes: oi,
+  WConfirm: ri,
+  WDatePicker: hi,
+  WDialog: fi,
+  WDivider: yi,
+  WDrawer: Si,
+  WFlex: $i,
+  WForm: Li,
+  WFormElement: Pi,
+  WGrid: zi,
+  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,
+  WSwitch: Vs,
+  WTable: bo,
+  WTabs: Ks,
+  WTag: vo,
+  WTextarea: Vo,
+  WTimeline: xo,
+  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 });
 export {
-  U as default
+  q as default
 };