wave-ui 3.17.0 → 3.17.2

package/dist/wave-ui.es.js

@@ -4,8 +4,8 @@ var de = (e) => {
 };
 var Ie = (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) => Ie(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, o) => (ue(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as Z, resolveComponent as $, openBlock as a, createBlock as b, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as m, withCtx as f, createElementBlock as u, Fragment as v, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Te, defineComponent as Le, inject as Re, withKeys as A, withModifiers as M, renderSlot as c, createTextVNode as B, toDisplayString as S, normalizeStyle as R, toHandlers as ne, Transition as O, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as xe, KeepAlive as Oe } from "vue";
+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 b, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as m, withCtx as f, createElementBlock as u, Fragment as v, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Te, defineComponent as Le, inject as Re, withKeys as A, withModifiers as M, renderSlot as c, createTextVNode as B, toDisplayString as S, normalizeStyle as R, toHandlers as ne, Transition as O, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as xe, KeepAlive as Oe } from "vue";
 const Pe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -70,18 +70,18 @@ const Pe = Z({
   if (!Object.keys(t).length) t = Object.assign(t, e);
   else
     for (const i in e) {
-      const o = e[i];
-      typeof o == "object" && typeof t[i] == "object" ? Ce(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;
 }, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), ze = (e) => {
   ["light", "dark"].forEach((t) => {
-    var o, s, l;
+    var s, a, l;
     const i = e.colors[t];
     i.shades = {};
     for (const n in i) {
       if (n === "shades") continue;
-      const r = i[n], d = { label: n, color: (l = (s = ((o = i[n]) == null ? void 0 : o.color) ?? i[n]) == null ? void 0 : s.replace) == null ? void 0 : l.call(s, "#", "") }, h = d.color;
+      const r = i[n], d = { label: n, color: (l = (a = ((s = i[n]) == null ? void 0 : s.color) ?? i[n]) == null ? void 0 : a.replace) == null ? void 0 : l.call(a, "#", "") }, h = d.color;
       if (h) {
         h.length === 3 && (d.color = h[0] + "" + h[0] + h[1] + h[1] + h[2] + h[2]);
         for (let y = 1; y <= 6; y++) {
@@ -93,10 +93,10 @@ const Pe = Z({
   });
 }, he = (e, t) => {
   const i = {
-    ...t.reduce((o, s) => {
-      o[s.label] = s.color;
-      const l = (s.shades || []).reduce((n, r) => (n[r.label] = r.color, n), {});
-      return { ...o, ...l };
+    ...t.reduce((s, a) => {
+      s[a.label] = a.color;
+      const l = (a.shades || []).reduce((n, r) => (n[r.label] = r.color, n), {});
+      return { ...s, ...l };
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
@@ -121,21 +121,21 @@ function We(e) {
   return Me(e) && e || Ee(e) && Ae(e) || F(`expected color hex string, got '${e}'`) || "";
 }
 function ce(e) {
-  const t = We(e), i = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
+  const t = We(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), a = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
   return {
     red: i,
-    green: o,
-    blue: s,
+    green: s,
+    blue: a,
     alpha: l,
     hasAlpha: t.length === 9
   };
 }
-function pe(e, t, i, o) {
-  return `#${J(e)}${J(t)}${J(i)}${o ? J(Math.floor(o * 255)) : ""}`;
+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 o = ce(e), s = ce(t), l = G(i, 0, 100) / 100, n = 2 * l - 1, r = o.alpha - s.alpha, d = ((n * r === -1 ? n : (n + r) / (1 + n * r)) + 1) / 2, h = 1 - d, y = G(Math.round(o.red * d + s.red * h), 0, 255), k = G(Math.round(o.green * d + s.green * h), 0, 255), g = G(Math.round(o.blue * d + s.blue * h), 0, 255), V = o.alpha * l + s.alpha * (1 - l);
-  return o.hasAlpha || s.hasAlpha || V !== 1 ? pe(y, k, g, V) : pe(y, k, g);
+  const s = ce(e), a = ce(t), l = G(i, 0, 100) / 100, n = 2 * l - 1, r = s.alpha - a.alpha, d = ((n * r === -1 ? n : (n + r) / (1 + n * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + a.red * h), 0, 255), k = G(Math.round(s.green * d + a.green * h), 0, 255), g = G(Math.round(s.blue * d + a.blue * h), 0, 255), V = s.alpha * l + a.alpha * (1 - l);
+  return s.hasAlpha || a.hasAlpha || V !== 1 ? pe(y, k, g, V) : pe(y, k, g);
 }
 function Ne(e, t = 15) {
   return Se("#ffffff", e, t);
@@ -498,36 +498,36 @@ let se = { keys: [], values: [] }, fe = null;
 const De = (e, t) => {
   var V;
   let i = "";
-  const o = {}, { info: s, warning: l, success: n, error: r, shades: d, ...h } = e, { cssScope: y } = U;
+  const s = {}, { info: a, warning: l, success: n, error: r, shades: d, ...h } = e, { cssScope: y } = U;
   for (const I in h)
     i += `${y} .${I}--bg{background-color:var(--w-${I}-color)}${y} .${I}{color:var(--w-${I}-color)}`;
   for (const I in d)
     i += `${y} .${I}--bg{background-color:${d[I]}}${y} .${I}{color:${d[I]}}`;
-  const k = { ...h, info: s, warning: l, success: n, error: r };
-  for (const I in k) o[I] = ((V = k[I]) == null ? void 0 : V.color) ?? k[I];
+  const k = { ...h, info: a, warning: l, success: n, error: r };
+  for (const I in k) s[I] = ((V = k[I]) == null ? void 0 : V.color) ?? k[I];
   if (t)
-    for (const I in d) o[I] = d[I];
+    for (const I in d) s[I] = d[I];
   let g = "";
-  return Object.entries(o).forEach(([I, z]) => {
+  return Object.entries(s).forEach(([I, z]) => {
     g += `--w-${I}-color: ${z};`;
   }), `:root{${g}}${i}`;
 }, He = (e, t) => {
   let i = "";
-  const { cssScope: o } = U;
-  return e.forEach(({ min: s, label: l }) => {
+  const { cssScope: s } = U;
+  return e.forEach(({ min: a, label: l }) => {
     if (l === "xs")
       for (let n = 0; n < t; n++)
-        i += `${o} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
     else {
-      i += `@media(min-width:${s}px){`;
+      i += `@media(min-width:${a}px){`;
       for (let n = 0; n < t; n++)
-        i += `${o} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
       i += "}";
     }
   }), i;
 }, Fe = (e) => {
   let t = "";
-  const { cssScope: i, baseIncrement: o } = U, s = [
+  const { cssScope: i, baseIncrement: s } = U, a = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -565,26 +565,26 @@ const De = (e, t) => {
     "justify-space-evenly{justify-content:space-evenly}"
   ], l = Array(12).fill();
   return e.forEach(({ label: n, min: r }) => {
-    n !== "xs" && (t += `@media(min-width:${r}px){` + s.map((d) => `${i} .${n}u-${d}`).join("") + // w-grid columns and gap.
-    l.map((d, h) => `.w-grid.${n}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${n}u-gap${h + 1},.w-grid.${n}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${n}u-gap0,.w-flex.${n}u-gap0{gap:0}}`);
+    n !== "xs" && (t += `@media(min-width:${r}px){` + a.map((d) => `${i} .${n}u-${d}`).join("") + // w-grid columns and gap.
+    l.map((d, h) => `.w-grid.${n}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${n}u-gap${h + 1},.w-grid.${n}u-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${n}u-gap0,.w-flex.${n}u-gap0{gap:0}}`);
   }), e.forEach(({ label: n, min: r, max: d }) => {
-    t += `@media (min-width:${r}px) and (max-width:${d}px){` + s.map((h) => `${i} .${n}-${h}`).join("") + // w-grid columns and gap.
-    l.map((h, y) => `.w-grid.${n}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + l.map((h, y) => `.w-flex.${n}-gap${y + 1},.w-grid.${n}-gap${y + 1}{gap:${(y + 1) * o}px;}`).join("") + `.w-flex.${n}-gap0,.w-flex.${n}-gap0{gap:0}}`;
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + a.map((h) => `${i} .${n}-${h}`).join("") + // w-grid columns and gap.
+    l.map((h, y) => `.w-grid.${n}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + l.map((h, y) => `.w-flex.${n}-gap${y + 1},.w-grid.${n}-gap${y + 1}{gap:${(y + 1) * s}px;}`).join("") + `.w-flex.${n}-gap0,.w-flex.${n}-gap0{gap:0}}`;
   }), e.forEach(({ label: n, max: r }) => {
-    n !== "xl" && (t += `@media (max-width:${r}px){` + s.map((d) => `${i} .${n}d-${d}`).join("") + // w-grid columns and gap.
-    l.map((d, h) => `.w-grid.${n}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${n}d-gap${h + 1},.w-grid.${n}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${n}d-gap0,.w-flex.${n}d-gap0{gap:0}}`);
+    n !== "xl" && (t += `@media (max-width:${r}px){` + a.map((d) => `${i} .${n}d-${d}`).join("") + // w-grid columns and gap.
+    l.map((d, h) => `.w-grid.${n}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${n}d-gap${h + 1},.w-grid.${n}d-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${n}d-gap0,.w-flex.${n}d-gap0{gap:0}}`);
   }), t;
 }, ge = (e) => {
   const t = window.innerWidth, i = se.values.slice(0);
-  i.push(t), i.sort((s, l) => s - l);
-  const o = se.keys[i.indexOf(t)] || "xl";
-  o !== fe && (fe = o, e.breakpoint = {
-    name: o,
-    xs: o === "xs",
-    sm: o === "sm",
-    md: o === "md",
-    lg: o === "lg",
-    xl: o === "xl",
+  i.push(t), i.sort((a, l) => a - l);
+  const s = se.keys[i.indexOf(t)] || "xl";
+  s !== fe && (fe = 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;
 }, je = (e) => {
@@ -592,29 +592,29 @@ const De = (e, t) => {
   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 = qe(t);
-    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    o ? o.before(i) : document.head.appendChild(i);
+    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    s ? s.before(i) : document.head.appendChild(i);
   }
   ge(e), window.addEventListener("resize", () => ge(e));
 }, Ue = (e, t, i) => {
   if (!document.getElementById("wave-ui-colors")) {
-    const o = document.createElement("style");
-    o.id = "wave-ui-colors", o.innerHTML = De(e, t);
-    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    s ? s.before(o) : document.head.appendChild(o);
+    const s = document.createElement("style");
+    s.id = "wave-ui-colors", s.innerHTML = De(e, t);
+    const a = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    a ? a.before(s) : document.head.appendChild(s);
   }
 }, qe = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, n], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: n };
-  }), o = getComputedStyle(document.documentElement);
-  U.cssScope = o.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
-  let s = "";
-  return s += He(i, e.css.grid), e.css.breakpointLayoutClasses && (s += Fe(i)), s;
+  }), s = getComputedStyle(document.documentElement);
+  U.cssScope = s.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(s.getPropertyValue("--w-base-increment"));
+  let a = "";
+  return a += He(i, e.css.grid), e.css.breakpointLayoutClasses && (a += Fe(i)), a;
 }, Xe = ["innerHTML"];
-function Ye(e, t, i, o, s, l) {
+function Ye(e, t, i, s, a, l) {
   const n = $("w-alert");
-  return a(), b(Ve, { to: ".w-app" }, [
+  return o(), b(Ve, { to: ".w-app" }, [
     T(ae, {
       class: m(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
@@ -622,8 +622,8 @@ function Ye(e, t, i, o, s, l) {
       appear: ""
     }, {
       default: f(() => [
-        (a(!0), u(v, null, x(l.notifications, (r) => (a(), u(v, null, [
-          r._value ? (a(), b(n, _({
+        (o(!0), u(v, null, x(l.notifications, (r) => (o(), u(v, null, [
+          r._value ? (o(), b(n, _({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -646,8 +646,8 @@ function Ye(e, t, i, o, s, l) {
 }
 const C = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [o, s] of t)
-    i[o] = s;
+  for (const [s, a] of t)
+    i[s] = a;
   return i;
 }, Ge = {
   name: "w-notification-manager",
@@ -667,7 +667,7 @@ const C = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: i, message: o, timeout: s, ...l } = e;
+      const { _value: t, _uid: i, message: s, timeout: a, ...l } = e;
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
@@ -696,11 +696,11 @@ const N = class N {
     };
     if (typeof t[0] == "object") i = { ...i, ...t[0] };
     else {
-      const [o, s, l] = t;
+      const [s, a, l] = t;
       i = {
         ...i,
-        message: o || "",
-        [s === void 0 ? "info" : s]: !0,
+        message: s || "",
+        [a === void 0 ? "info" : a]: !0,
         timeout: l || l === 0 ? parseFloat(l) : 4e3
       };
     }
@@ -713,17 +713,17 @@ const N = class N {
 D = new WeakMap(), te(N, D);
 let oe = N;
 const Qe = (e, t, i) => {
-  const o = document.createElement("div");
-  e.appendChild(o);
-  const s = Te(Le({
+  const s = document.createElement("div");
+  e.appendChild(s);
+  const a = Te(Le({
     ...Je,
     inject: ["$waveui"]
   })).provide("$waveui", i);
   for (const l in t) {
     const n = t[l];
-    s.component(n.name, { ...n, inject: ["$waveui"] });
+    a.component(n.name, { ...n, inject: ["$waveui"] });
   }
-  s.mount(o), o.remove();
+  a.mount(s), s.remove();
 };
 let be = !1;
 const Ze = (e) => {
@@ -732,19 +732,19 @@ const Ze = (e) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
 }, et = (e, t) => {
-  var i, o;
-  for (const s in t)
-    if ((i = e.props) != null && i[s])
-      e.props[s].default = t[s];
+  var i, s;
+  for (const a in t)
+    if ((i = e.props) != null && i[a])
+      e.props[a].default = t[a];
     else {
       let l = !1;
       if (Array.isArray(e.mixins) && e.mixins.length) {
         for (const n of e.mixins)
-          if ((o = n == null ? void 0 : n.props) != null && o[s]) {
-            n.props[s].default = t[s], l = !0;
+          if ((s = n == null ? void 0 : n.props) != null && s[a]) {
+            n.props[a].default = t[a], l = !0;
             break;
           }
-        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${s}\`.`);
+        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${a}\`.`);
         continue;
       }
     }
@@ -778,10 +778,10 @@ const K = class K {
       },
       // Callable from this.$waveui.
       switchTheme(t, i = !1) {
-        var s, l;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (s = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : s.remove) == null || l.call(s);
-        const o = this.config.colors[this.theme];
-        Ue(o, this.config.css.colorShadeCssVariables), this.colors = he(o, me);
+        var a, l;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (a = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : a.remove) == null || l.call(a);
+        const s = this.config.colors[this.theme];
+        Ue(s, this.config.css.colorShadeCssVariables), this.colors = he(s, me);
       }
     });
     if (Y(K, X)) return;
@@ -789,13 +789,13 @@ const K = class K {
       const n = { ...i.colors };
       i.colors.light || (i.colors.light = n), i.colors.dark || (i.colors.dark = n), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
-    let { components: o, ...s } = i;
-    s = this.$waveui.config = Ce(s), s.css.colorShades && ze(s);
+    let { components: s, ...a } = i;
+    a = this.$waveui.config = Ce(a), a.css.colorShades && ze(a);
     const l = Z(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), s.theme !== "auto" && (this.$waveui.colors = he(s.colors[s.theme], me));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), a.theme !== "auto" && (this.$waveui.colors = he(a.colors[a.theme], me));
   }
   static install(t, i = {}) {
-    var s;
+    var a;
     t.directive("focus", {
       // Wait for the next tick to focus the newly mounted element.
       mounted: (l) => setTimeout(() => l.focus(), 0)
@@ -807,10 +807,10 @@ const K = class K {
         window.addEventListener("scroll", r);
       }
     });
-    const { components: o = {} } = i || {};
-    for (const l in o) {
-      const n = o[l];
-      (s = i.presets) != null && s[n.name] && et(n, i.presets[n.name]), t.component(n.name, n);
+    const { components: s = {} } = i || {};
+    for (const l in s) {
+      const n = s[l];
+      (a = i.presets) != null && a[n.name] && et(n, i.presets[n.name]), t.component(n.name, n);
     }
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
@@ -818,7 +818,7 @@ const K = class K {
         if (!be) {
           be = !0;
           const l = Re("$waveui"), { config: n } = l, r = document.querySelector(n.on) || document.body;
-          r.classList.add("w-app"), n.theme === "auto" ? Ze(l) : l.switchTheme(n.theme, !0), je(l), Qe(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          r.classList.add("w-app"), n.theme === "auto" ? Ze(l) : l.switchTheme(n.theme, !0), je(l), Qe(r, s, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new K(t, i), ie(K, X, !0);
@@ -827,68 +827,68 @@ const K = class K {
 X = new WeakMap(), te(K, X, !1);
 let q = K;
 const P = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), tt = ["aria-expanded"], it = ["tabindex"], lt = ["innerHTML"], st = ["innerHTML"];
-function ot(e, t, i, o, s, l) {
+function ot(e, t, i, s, a, l) {
   const n = $("w-button"), r = $("w-transition-expand");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-accordion__item", l.itemClasses]),
-    "aria-expanded": s.accordionItem._expanded ? "true" : "false"
+    "aria-expanded": l.accordionItem._expanded ? "true" : "false"
   }, [
     w("div", {
       class: m(["w-accordion__item-title", l.titleClasses]),
-      onClick: t[4] || (t[4] = (d) => !s.accordionItem._disabled && l.toggleItem(s.accordionItem, d)),
-      onFocus: t[5] || (t[5] = (d) => e.$emit("focus", l.getOriginalItem(s.accordionItem))),
-      onKeypress: t[6] || (t[6] = A((d) => !s.accordionItem._disabled && l.toggleItem(s.accordionItem, d), ["enter"])),
-      tabindex: !s.accordionItem._disabled && 0
+      onClick: t[4] || (t[4] = (d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d)),
+      onFocus: t[5] || (t[5] = (d) => e.$emit("focus", l.accordionItem)),
+      onKeypress: t[6] || (t[6] = A((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["enter"])),
+      tabindex: !l.accordionItem._disabled && 0
     }, [
-      l.options.expandIcon && !l.options.expandIconRight ? (a(), b(n, {
+      l.options.expandIcon && !l.options.expandIconRight ? (o(), b(n, {
         key: 0,
-        class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": s.accordionItem._expanded, "w-accordion__expand-icon--rotate90": l.options.expandIconRotate90 }]),
-        icon: s.accordionItem._expanded && l.options.collapseIcon || l.options.expandIcon,
+        class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": l.accordionItem._expanded, "w-accordion__expand-icon--rotate90": l.options.expandIconRotate90 }]),
+        icon: l.accordionItem._expanded && l.options.collapseIcon || l.options.expandIcon,
         "icon-props": l.options.expandIconProps,
-        disabled: s.accordionItem._disabled || null,
+        disabled: l.accordionItem._disabled || null,
         tabindex: -1,
         text: "",
         onKeypress: t[0] || (t[0] = M(() => {
         }, ["stop"])),
-        onClick: t[1] || (t[1] = M((d) => !s.accordionItem._disabled && l.toggleItem(s.accordionItem, d), ["stop"]))
+        onClick: t[1] || (t[1] = M((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
       }, null, 8, ["icon", "icon-props", "disabled", "class"])) : p("", !0),
       c(e.$slots, "title", {
-        item: l.getOriginalItem(s.accordionItem),
-        expanded: s.accordionItem._expanded,
-        index: s.accordionItem._index + 1
+        item: l.accordionItem,
+        expanded: l.accordionItem._expanded,
+        index: l.accordionItem._index + 1
       }, () => [
         w("div", {
           class: "grow",
-          innerHTML: s.accordionItem[l.options.itemTitleKey]
+          innerHTML: l.accordionItem[l.options.itemTitleKey]
         }, null, 8, lt)
       ]),
-      l.options.expandIcon && l.options.expandIconRight ? (a(), b(n, {
+      l.options.expandIcon && l.options.expandIconRight ? (o(), b(n, {
         key: 1,
-        class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": s.accordionItem._expanded, "w-accordion__expand-icon--rotate90": l.options.expandIconRotate90 }]),
-        icon: s.accordionItem._expanded && l.options.collapseIcon || l.options.expandIcon,
+        class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": l.accordionItem._expanded, "w-accordion__expand-icon--rotate90": l.options.expandIconRotate90 }]),
+        icon: l.accordionItem._expanded && l.options.collapseIcon || l.options.expandIcon,
         text: "",
         onKeypress: t[2] || (t[2] = M(() => {
         }, ["stop"])),
-        onClick: t[3] || (t[3] = M((d) => !s.accordionItem._disabled && l.toggleItem(s.accordionItem, d), ["stop"]))
+        onClick: t[3] || (t[3] = M((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
       }, null, 8, ["icon", "class"])) : p("", !0)
     ], 42, it),
     T(r, {
       y: "",
-      onAfterLeave: t[7] || (t[7] = (d) => l.onEndOfCollapse(s.accordionItem)),
+      onAfterLeave: t[7] || (t[7] = (d) => l.onEndOfCollapse(l.accordionItem)),
       duration: l.options.duration
     }, {
       default: f(() => [
-        s.accordionItem._expanded ? (a(), u("div", {
+        l.accordionItem._expanded ? (o(), u("div", {
           key: 0,
           class: m(["w-accordion__item-content", l.contentClasses])
         }, [
           c(e.$slots, "content", {
-            item: l.getOriginalItem(s.accordionItem),
-            expanded: s.accordionItem._expanded,
-            index: s.accordionItem._index + 1
+            item: l.accordionItem,
+            expanded: l.accordionItem._expanded,
+            index: l.accordionItem._index + 1
           }, () => [
             w("div", {
-              innerHTML: s.accordionItem[l.options.itemContentKey]
+              innerHTML: l.accordionItem[l.options.itemContentKey]
             }, null, 8, st)
           ])
         ], 2)) : p("", !0)
@@ -907,24 +907,27 @@ const at = {
     "itemClasses",
     "titleClasses",
     "contentClasses",
-    "toggleItem",
+    "onItemToggle",
     "onEndOfCollapse",
     "getOriginalItem",
-    "registerItem"
+    "registerItem",
+    "state"
   ],
   emits: ["focus"],
   data() {
-    var e, t, i;
+    var e;
     return {
-      accordionItem: {
-        ...this.item || {},
-        _index: ((e = this.item) == null ? void 0 : e._index) ?? 0,
-        _expanded: ((t = this.item) == null ? void 0 : t._expanded) || !1,
-        _disabled: ((i = this.item) == null ? void 0 : i._disabled) || !1
-      }
+      accordionItemIndex: (e = this.item) == null ? void 0 : e._index
     };
   },
   computed: {
+    accordionItem: {
+      get() {
+        return this.state.accordionItems[this.accordionItemIndex] || {};
+      },
+      set() {
+      }
+    },
     itemClass() {
       return {
         "w-accordion__item--expanded": this.accordionItem._expanded,
@@ -934,16 +937,26 @@ const at = {
       };
     }
   },
+  methods: {
+    toggleItem(e, t) {
+      e._expanded = !e._expanded, this.onItemToggle(e), t.target.blur(), setTimeout(() => t.target.focus(), 300);
+    }
+  },
   created() {
-    this.registerItem(this.accordionItem);
+    this.accordionItemIndex = this.registerItem({
+      _index: 0,
+      _expanded: !1,
+      _disabled: !1,
+      ...this.item || {}
+    });
   }
 }, Be = /* @__PURE__ */ C(at, [["render", ot]]);
-function nt(e, t, i, o, s, l) {
+function nt(e, t, i, s, a, l) {
   const n = $("w-accordion-item");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-accordion", l.accordionClasses])
   }, [
-    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : !isNaN(i.items) || (i.items || []).length ? (a(!0), u(v, { key: 1 }, x(e.accordionItems, (r, d) => (a(), b(n, {
+    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : !isNaN(i.items) || (i.items || []).length ? (o(!0), u(v, { key: 1 }, x(e.state.accordionItems, (r, d) => (o(), b(n, {
       key: d,
       class: m(i.itemClass),
       item: r,
@@ -1013,25 +1026,26 @@ const rt = {
       itemClasses: P(this.itemClasses),
       titleClasses: this.titleClasses,
       contentClasses: this.contentClasses,
-      toggleItem: this.toggleItem,
+      onItemToggle: this.onItemToggle,
       onEndOfCollapse: this.onEndOfCollapse,
       getOriginalItem: this.getOriginalItem,
       options: this.$props,
-      registerItem: this.registerItem
+      registerItem: this.registerItem,
+      state: this.state
     };
   },
   data: () => ({
-    accordionItems: [],
-    registeredAccordionItems: []
-    // When using w-accordion-item component and not items prop.
+    state: {
+      accordionItems: []
+    }
   }),
   computed: {
     // Detect if the accordion items are directly provided through slot using WAccordionItem.
     accordionItemsProvided() {
       var e, t, i;
-      return (i = (t = (e = this.$slots).default) == null ? void 0 : t.call(e)) == null ? void 0 : i.some((o) => {
-        var s;
-        return (s = o == null ? void 0 : o.type) == null ? void 0 : s.name;
+      return (i = (t = (e = this.$slots).default) == null ? void 0 : t.call(e)) == null ? void 0 : i.some((s) => {
+        var a;
+        return (a = s == null ? void 0 : s.type) == null ? void 0 : a.name;
       });
     },
     accordionClasses() {
@@ -1057,56 +1071,56 @@ const rt = {
     }
   },
   methods: {
-    toggleItem(e, t) {
-      e._expanded = !e._expanded;
-      const i = this.registeredAccordionItems.length ? this.registeredAccordionItems : this.accordionItems;
-      this.expandSingle && i.forEach((s) => s._index !== e._index && (s._expanded = !1));
-      const o = i.map((s) => s._expanded || !1);
-      this.$emit("update:modelValue", o), this.$emit("input", o), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
+    onItemToggle(e) {
+      this.expandSingle && this.state.accordionItems.forEach((i) => i._index !== e._index && (i._expanded = !1));
+      const t = this.state.accordionItems.map((i) => i._expanded || !1);
+      this.$emit("update:modelValue", t), this.$emit("input", t), this.$emit("item-expand", { item: e, expanded: e._expanded });
     },
     onEndOfCollapse(e) {
       this.$emit("item-collapsed", { item: e, expanded: e._expanded });
     },
     // Return the original accordion item (so there is no `_index`, etc.).
     getOriginalItem(e) {
-      return (this.registeredAccordionItems.length ? this.registeredAccordionItems : this.items)[e._index];
+      return this.items[e._index];
     },
     updateItems() {
-      let e = [];
-      this.registeredAccordionItems.length ? e = this.registeredAccordionItems : e = (typeof this.items == "number" ? Array(this.items).fill({}) : this.items) || [], this.accordionItems = e.map((t, i) => ({
-        ...t,
-        _index: i,
-        _expanded: this.modelValue && this.modelValue[i],
-        _disabled: !!t.disabled
-      }));
+      let e = this.state.accordionItems;
+      !this.accordionItemsProvided && this.items && (e = (typeof this.items == "number" ? Array(this.items).fill({}) : this.items) || []), this.state.accordionItems = e.map((t, i) => {
+        var s;
+        return {
+          ...t,
+          _index: i,
+          _expanded: ((s = this.modelValue) == null ? void 0 : s[i]) ?? !1,
+          _disabled: !!t.disabled
+        };
+      });
     },
     // Provide-injected in and used from w-accordion-item.
     // Only when w-accordion-item is directly used outside of Wave UI.
     registerItem(e) {
       var t;
-      this.items || (e._index = this.registeredAccordionItems.length, e._expanded = ((t = this.modelValue) == null ? void 0 : t[e._index]) || !1, this.registeredAccordionItems.push(e), this.updateItems());
+      return this.accordionItemsProvided && (e._index = this.state.accordionItems.length, e._expanded = ((t = this.modelValue) == null ? void 0 : t[e._index]) ?? !1, e._disabled = !!e.disabled, this.state.accordionItems.push(e)), e._index;
     }
   },
   created() {
-    this.updateItems();
+    !this.accordionItemsProvided && this.items && this.updateItems();
   },
   watch: {
     modelValue() {
       this.updateItems();
     },
     items() {
-      this.updateItems();
     }
   }
 }, dt = /* @__PURE__ */ C(rt, [["render", nt]]), ut = { class: "w-alert__content" };
-function ht(e, t, i, o, s, l) {
+function ht(e, t, i, s, a, l) {
   const n = $("w-icon"), r = $("w-button");
-  return s.show ? (a(), u("div", {
+  return a.show ? (o(), u("div", {
     key: 0,
     class: m(["w-alert", l.classes])
   }, [
-    l.type || i.icon || i.dismiss ? (a(), u(v, { key: 0 }, [
-      l.type || i.icon ? (a(), b(n, {
+    l.type || i.icon || i.dismiss ? (o(), u(v, { key: 0 }, [
+      l.type || i.icon ? (o(), b(n, {
         key: 0,
         class: "w-alert__icon"
       }, {
@@ -1118,11 +1132,11 @@ function ht(e, t, i, o, s, l) {
       w("div", ut, [
         c(e.$slots, "default")
       ]),
-      i.dismiss ? (a(), b(r, {
+      i.dismiss ? (o(), b(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
-          e.$emit("update:modelValue", s.show = !1), e.$emit("input", !1), e.$emit("close", !1);
+          e.$emit("update:modelValue", a.show = !1), e.$emit("input", !1), e.$emit("close", !1);
         }),
         icon: "wi-cross",
         color: "inherit",
@@ -1215,14 +1229,14 @@ const ct = {
     }
   }
 }, pt = /* @__PURE__ */ C(ct, [["render", ht]]), mt = { class: "w-autocomplete__selection" }, ft = ["innerHTML"], gt = ["innerHTML"], bt = ["value"], yt = ["onClick"], wt = ["innerHTML"], kt = ["innerHTML"];
-function vt(e, t, i, o, s, l) {
+function vt(e, t, i, s, a, l) {
   const n = $("w-button"), r = $("w-transition-slide-fade");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-autocomplete", l.classes]),
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d)),
     style: R(e.$attrs.style)
   }, [
-    e.selection.length ? (a(!0), u(v, { key: 0 }, x(e.selection, (d, h) => (a(), u("div", mt, [
+    e.selection.length ? (o(!0), u(v, { key: 0 }, x(e.selection, (d, h) => (o(), u("div", mt, [
       c(e.$slots, "selection", {
         item: d,
         unselect: (y) => l.unselectItem(y)
@@ -1239,7 +1253,7 @@ function vt(e, t, i, o, s, l) {
         }, null, 8, ["onClick"])
       ])
     ]))), 256)) : p("", !0),
-    !e.selection.length && !e.keywords && i.placeholder ? (a(), u("div", {
+    !e.selection.length && !e.keywords && i.placeholder ? (o(), u("div", {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
@@ -1251,7 +1265,7 @@ function vt(e, t, i, o, s, l) {
     }, ne(l.inputEventListeners, !0), l.inputAttrs), null, 16, bt),
     T(r, null, {
       default: f(() => [
-        e.menuOpen ? (a(), u("ul", {
+        e.menuOpen ? (o(), u("ul", {
           key: 0,
           class: "w-autocomplete__menu",
           ref: "menu",
@@ -1260,7 +1274,7 @@ function vt(e, t, i, o, s, l) {
           onTouchstart: t[3] || (t[3] = (d) => e.menuIsBeingClicked = !0),
           onTouchend: t[4] || (t[4] = (...d) => l.setEndOfMenuClick && l.setEndOfMenuClick(...d))
         }, [
-          (a(!0), u(v, null, x(l.filteredItems, (d, h) => (a(), u("li", {
+          (o(!0), u(v, null, x(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
             onClick: M((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: m({ highlighted: e.highlightedItem === d.uid })
@@ -1274,7 +1288,7 @@ function vt(e, t, i, o, s, l) {
               }, null, 8, wt)
             ])
           ], 10, yt))), 128)),
-          l.filteredItems.length ? p("", !0) : (a(), u("li", {
+          l.filteredItems.length ? p("", !0) : (o(), u("li", {
             key: 0,
             class: m(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
           }, [
@@ -1285,7 +1299,7 @@ function vt(e, t, i, o, s, l) {
               }, null, 8, kt)
             ])
           ], 2)),
-          e.$slots["extra-item"] ? (a(), u("li", {
+          e.$slots["extra-item"] ? (o(), u("li", {
             key: 1,
             class: m(["w-autocomplete__extra-item", { highlighted: e.highlightedItem === "extra-item" }]),
             onClick: t[0] || (t[0] = (...d) => l.selectExtraItem && l.selectExtraItem(...d))
@@ -1348,7 +1362,7 @@ const Ct = {
     },
     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() {
@@ -1434,14 +1448,14 @@ const Ct = {
         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;
-        const s = this.$refs.menu;
-        if (s)
-          if (this.$slots["extra-item"] && o === t - 1) s.scrollTop = s.scrollHeight;
+        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 a = this.$refs.menu;
+        if (a)
+          if (this.$slots["extra-item"] && s === t - 1) a.scrollTop = a.scrollHeight;
           else {
-            const { offsetHeight: l, offsetTop: n } = s.childNodes[o] || {};
-            s.scrollTop + s.offsetHeight - l < n ? s.scrollTop = n - s.offsetHeight + l : s.scrollTop > n && (s.scrollTop = n);
+            const { offsetHeight: l, offsetTop: n } = a.childNodes[s] || {};
+            a.scrollTop + a.offsetHeight - l < n ? a.scrollTop = n - a.offsetHeight + l : a.scrollTop > n && (a.scrollTop = n);
           }
       } else !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
     },
@@ -1477,13 +1491,13 @@ const Ct = {
   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));
       });
     }
   }
 }, St = /* @__PURE__ */ C(Ct, [["render", vt]]), Bt = { class: "w-app" };
-function _t(e, t, i, o, s, l) {
-  return a(), u("div", Bt, [
+function _t(e, t, i, s, a, l) {
+  return o(), u("div", Bt, [
     c(e.$slots, "default")
   ]);
 }
@@ -1504,14 +1518,14 @@ const $t = {
     textRight: { type: Boolean }
   }
 }, It = /* @__PURE__ */ C($t, [["render", _t]]), Vt = { class: "w-badge-wrap" };
-function Tt(e, t, i, o, s, l) {
-  return a(), u("div", Vt, [
+function Tt(e, t, i, s, a, l) {
+  return o(), u("div", Vt, [
     c(e.$slots, "default"),
     T(O, {
       name: `${i.transition}`
     }, {
       default: f(() => [
-        i.modelValue ? (a(), u("div", {
+        i.modelValue ? (o(), u("div", {
           key: 0,
           class: m(["w-badge", l.classes]),
           style: R(l.styles),
@@ -1593,18 +1607,18 @@ const Lt = {
     }
   }
 }, Rt = /* @__PURE__ */ C(Lt, [["render", Tt]]), xt = ["innerHTML"];
-function Ot(e, t, i, o, s, l) {
+function Ot(e, t, i, s, a, l) {
   const n = $("w-icon");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-breadcrumbs", l.classes])
   }, [
-    (a(!0), u(v, null, x(i.items, (r, d) => (a(), u(v, null, [
-      d && e.$slots.separator ? (a(), u("span", {
+    (o(!0), u(v, null, x(i.items, (r, d) => (o(), u(v, null, [
+      d && e.$slots.separator ? (o(), u("span", {
         class: m(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (a(), b(n, {
+      ], 2)) : d ? (o(), b(n, {
         class: m(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
@@ -1613,8 +1627,8 @@ function Ot(e, t, i, o, s, l) {
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
-      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (a(), u(v, { key: 2 }, [
-        e.$slots.item ? (a(), b(L(l.hasRouter ? "router-link" : "a"), {
+      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (o(), u(v, { key: 2 }, [
+        e.$slots.item ? (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1628,7 +1642,7 @@ function Ot(e, t, i, o, s, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (a(), b(L(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1640,7 +1654,7 @@ function Ot(e, t, i, o, s, l) {
         item: r,
         index: d + 1,
         isLast: d === i.items.length - 1
-      }) : (a(), u("span", {
+      }) : (o(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
       }, null, 8, xt))
@@ -1682,16 +1696,16 @@ const Pt = {
   key: 0,
   class: "w-button__loader"
 };
-function Et(e, t, i, o, s, l) {
+function Et(e, t, i, s, a, l) {
   const n = $("w-icon");
-  return a(), b(L(!i.disabled && i.route ? "a" : "button"), _({
+  return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
     href: !i.disabled && i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
     disabled: !!i.disabled || null
   }, l.attrs, { style: l.styles }), {
     default: f(() => [
-      i.icon ? (a(), b(n, le(_({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), b(n, le(_({ key: 0 }, i.iconProps || {})), {
         default: f(() => [
           B(S(i.icon), 1)
         ]),
@@ -1699,7 +1713,7 @@ function Et(e, t, i, o, s, l) {
       }, 16)) : c(e.$slots, "default", { key: 1 }),
       T(O, { name: "scale-fade" }, {
         default: f(() => [
-          i.loading ? (a(), u("div", Mt, [
+          i.loading ? (o(), u("div", Mt, [
             c(e.$slots, "loading", {}, () => [
               t[0] || (t[0] = w("svg", { viewBox: "0 0 40 40" }, [
                 w("circle", {
@@ -1823,9 +1837,9 @@ const At = {
     }
   }
 }, Wt = /* @__PURE__ */ C(At, [["render", Et]]), Nt = ["innerHTML"];
-function Kt(e, t, i, o, s, l) {
+function Kt(e, t, i, s, a, l) {
   const n = $("button-partial");
-  return i.tooltip ? (a(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
+  return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: f(({ on: r }) => [
       T(n, _(l.buttonProps, ne(r)), {
         default: f(() => [
@@ -1838,7 +1852,7 @@ function Kt(e, t, i, o, s, l) {
       w("div", { innerHTML: i.tooltip }, null, 8, Nt)
     ]),
     _: 3
-  }, 16)) : (a(), b(n, le(_({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), b(n, le(_({ key: 1 }, l.buttonProps)), {
     loading: f(() => [
       c(e.$slots, "loading")
     ]),
@@ -1900,22 +1914,22 @@ const Dt = {
     }
   }
 }, Ht = /* @__PURE__ */ C(Dt, [["render", Kt]]), Ft = ["innerHTML"];
-function jt(e, t, i, o, s, l) {
+function jt(e, t, i, s, a, l) {
   const n = $("w-image");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-card", l.classes])
   }, [
-    e.$slots.title ? (a(), u("div", {
+    e.$slots.title ? (o(), u("div", {
       key: 0,
       class: m(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }])
     }, [
       c(e.$slots, "title")
-    ], 2)) : i.title ? (a(), u("div", {
+    ], 2)) : i.title ? (o(), u("div", {
       key: 1,
       class: m(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
     }, null, 10, Ft)) : p("", !0),
-    i.image ? (a(), b(n, _({
+    i.image ? (o(), b(n, _({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1930,7 +1944,7 @@ function jt(e, t, i, o, s, l) {
     }, [
       c(e.$slots, "default")
     ], 2),
-    e.$slots.actions ? (a(), u("div", {
+    e.$slots.actions ? (o(), u("div", {
       key: 3,
       class: m(["w-card__actions", { "w-card__actions--has-toolbar": l.actionsHasToolbar }])
     }, [
@@ -2037,12 +2051,12 @@ const Ut = {
     }
   }
 }, Xt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Yt = ["for"], Gt = ["for", "innerHTML"], Jt = ["for"], Qt = ["for", "innerHTML"];
-function Zt(e, t, i, o, s, l) {
-  return a(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: s.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Zt(e, t, i, s, a, l) {
+  return o(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: a.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (n) => e.valid = n),
     onReset: t[6] || (t[6] = (n) => {
-      e.$emit("update:modelValue", s.isChecked = null), e.$emit("input", null);
+      e.$emit("update:modelValue", a.isChecked = null), e.$emit("input", null);
     }),
     class: l.classes
   }), {
@@ -2052,7 +2066,7 @@ function Zt(e, t, i, o, s, l) {
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: s.isChecked || null,
+        checked: a.isChecked || null,
         disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
@@ -2060,11 +2074,11 @@ function Zt(e, t, i, o, s, l) {
         onBlur: t[1] || (t[1] = (n) => e.$emit("blur", n)),
         onChange: t[2] || (t[2] = (n) => l.onInput()),
         onKeypress: t[3] || (t[3] = A((...n) => l.onInput && l.onInput(...n), ["enter"])),
-        "aria-checked": s.isChecked || "false",
+        "aria-checked": a.isChecked || "false",
         role: "checkbox"
       }, null, 40, Xt),
-      l.hasLabel && i.labelOnLeft ? (a(), u(v, { key: 0 }, [
-        e.$slots.default ? (a(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
@@ -2072,7 +2086,7 @@ function Zt(e, t, i, o, s, l) {
           c(e.$slots, "default", {}, () => [
             B(S(i.label), 1)
           ])
-        ], 10, Yt)) : i.label ? (a(), u("label", {
+        ], 10, Yt)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
@@ -2089,8 +2103,8 @@ function Zt(e, t, i, o, s, l) {
           w("polyline", { points: "1 5 4 8 10 2" })
         ], -1)
       ]), 2),
-      l.hasLabel && !i.labelOnLeft ? (a(), u(v, { key: 1 }, [
-        e.$slots.default ? (a(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(v, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
@@ -2098,7 +2112,7 @@ function Zt(e, t, i, o, s, l) {
           c(e.$slots, "default", {}, () => [
             B(S(i.label), 1)
           ])
-        ], 10, Jt)) : i.label ? (a(), u("label", {
+        ], 10, Jt)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
@@ -2177,9 +2191,9 @@ const ei = {
     }
   }
 }, ti = /* @__PURE__ */ C(ei, [["render", Zt]]), ii = ["innerHTML"];
-function li(e, t, i, o, s, l) {
+function li(e, t, i, s, a, l) {
   const n = $("w-checkbox");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -2188,7 +2202,7 @@ function li(e, t, i, o, s, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (a(!0), u(v, null, x(l.checkboxItems, (r, d) => (a(), b(n, _({
+      (o(!0), u(v, null, x(l.checkboxItems, (r, d) => (o(), b(n, _({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2207,7 +2221,7 @@ function li(e, t, i, o, s, l) {
             checked: !!r._isChecked,
             index: d + 1,
             innerHTML: r.label
-          }) : r.label ? (a(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
           }, null, 8, ii)) : p("", !0)
@@ -2273,7 +2287,7 @@ const si = {
     },
     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.).
@@ -2282,9 +2296,9 @@ const si = {
     }
   }
 }, oi = /* @__PURE__ */ C(si, [["render", li]]);
-function ai(e, t, i, o, s, l) {
+function ai(e, t, i, s, a, l) {
   const n = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
-  return a(), b(d, _({
+  return o(), b(d, _({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
@@ -2310,7 +2324,7 @@ function ai(e, t, i, o, s, l) {
           w("div", {
             class: m(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (a(), b(n, _({
+            i.cancel !== !1 ? (o(), b(n, _({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
@@ -2325,7 +2339,7 @@ function ai(e, t, i, o, s, l) {
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((a(), b(n, _(l.confirmButtonProps, {
+            W((o(), b(n, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
@@ -2461,8 +2475,8 @@ const ni = {
     }
   }
 }, ri = /* @__PURE__ */ C(ni, [["render", ai]]);
-function di(e, t, i, o, s, l) {
-  return a(), u("div", {
+function di(e, t, i, s, a, l) {
+  return o(), u("div", {
     class: m(["w-date-picker", l.classes]),
     style: R(l.styles)
   }, [
@@ -2488,11 +2502,11 @@ const ui = {
     }
   }
 }, hi = /* @__PURE__ */ C(ui, [["render", di]]);
-function ci(e, t, i, o, s, l) {
+function ci(e, t, i, s, a, l) {
   const n = $("w-card"), r = $("w-overlay");
-  return a(), b(r, {
+  return o(), b(r, {
     class: m(["w-dialog", l.classes]),
-    "model-value": s.showWrapper,
+    "model-value": a.showWrapper,
     persistent: i.persistent,
     "persistent-no-animation": i.persistentNoAnimation,
     onClick: l.onOutsideClick,
@@ -2538,7 +2552,7 @@ function ci(e, t, i, o, s, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [re, s.showContent]
+            [re, a.showContent]
           ])
         ]),
         _: 3
@@ -2627,8 +2641,8 @@ const pi = {
     }
   }
 }, mi = /* @__PURE__ */ C(pi, [["render", ci]]), fi = ["role", "aria-orientation"];
-function gi(e, t, i, o, s, l) {
-  return a(), u("div", {
+function gi(e, t, i, s, a, l) {
+  return o(), u("div", {
     class: m(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
@@ -2657,22 +2671,22 @@ const bi = {
     }
   }
 }, yi = /* @__PURE__ */ C(bi, [["render", gi]]), wi = { class: "w-drawer-wrap__pushable" };
-function ki(e, t, i, o, s, l) {
+function ki(e, t, i, s, a, l) {
   const n = $("w-overlay");
-  return s.showWrapper || i.pushContent ? (a(), u("div", {
+  return a.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
     class: m(["w-drawer-wrap", l.wrapperClasses])
   }, [
-    i.pushContent ? (a(), u("div", {
+    i.pushContent ? (o(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
       style: R(l.trackStyles)
     }, [
       w("div", wi, [
-        i.noOverlay ? p("", !0) : (a(), b(n, {
+        i.noOverlay ? p("", !0) : (o(), b(n, {
           key: 0,
-          modelValue: s.showDrawer,
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => s.showDrawer = r),
+          modelValue: a.showDrawer,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => a.showDrawer = r),
           onClick: l.onOutsideClick,
           persistent: i.persistent,
           "persistent-no-animation": "",
@@ -2687,7 +2701,7 @@ function ki(e, t, i, o, s, l) {
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          s.showDrawer ? (a(), b(L(i.tag || "aside"), {
+          a.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2701,11 +2715,11 @@ function ki(e, t, i, o, s, l) {
         ]),
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
-    ], 4)) : (a(), u(v, { key: 1 }, [
-      i.noOverlay ? p("", !0) : (a(), b(n, {
+    ], 4)) : (o(), u(v, { key: 1 }, [
+      i.noOverlay ? p("", !0) : (o(), b(n, {
         key: 0,
-        modelValue: s.showDrawer,
-        "onUpdate:modelValue": t[1] || (t[1] = (r) => s.showDrawer = r),
+        modelValue: a.showDrawer,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => a.showDrawer = r),
         onClick: l.onOutsideClick,
         persistent: i.persistent,
         "persistent-no-animation": "",
@@ -2719,7 +2733,7 @@ function ki(e, t, i, o, s, l) {
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          s.showDrawer ? (a(), b(L(i.tag || "aside"), {
+          a.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2850,8 +2864,8 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
     }
   }
 }, Si = /* @__PURE__ */ C(Ci, [["render", ki]]);
-function Bi(e, t, i, o, s, l) {
-  return a(), b(L(i.tag), {
+function Bi(e, t, i, s, a, l) {
+  return o(), b(L(i.tag), {
     class: m(["w-flex", l.classes])
   }, {
     default: f(() => [
@@ -2908,8 +2922,8 @@ const _i = {
     }
   }
 }, $i = /* @__PURE__ */ C(_i, [["render", Bi]]);
-function Ii(e, t, i, o, s, l) {
-  return a(), u("form", {
+function Ii(e, t, i, s, a, l) {
+  return o(), u("form", {
     class: m(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...n) => l.onSubmit && l.onSubmit(...n)),
     onReset: t[1] || (t[1] = (...n) => l.reset && l.reset(...n)),
@@ -2991,8 +3005,8 @@ const Vi = 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) {
@@ -3002,9 +3016,9 @@ const Vi = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await Vi(e.validators, async (o) => {
-        const s = await (typeof o == "function" && o(e.inputValue));
-        return t = typeof s != "string", i = t ? "" : s, !t;
+      await Vi(e.validators, async (s) => {
+        const a = await (typeof s == "function" && s(e.inputValue));
+        return t = typeof a != "string", i = t ? "" : a, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
     },
     // Reset is called from:
@@ -3014,7 +3028,7 @@ const Vi = 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();
@@ -3029,9 +3043,9 @@ const Vi = async (e, t) => {
     }
   }
 }, Li = /* @__PURE__ */ C(Ti, [["render", Ii]]);
-function Ri(e, t, i, o, s, l) {
+function Ri(e, t, i, s, a, l) {
   const n = $("w-transition-expand");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(l.classes)
   }, [
     w("div", {
@@ -3041,7 +3055,7 @@ function Ri(e, t, i, o, s, l) {
     ], 2),
     T(n, { y: "" }, {
       default: f(() => [
-        e.Validation.message ? (a(), u("div", {
+        e.Validation.message ? (o(), u("div", {
           key: 0,
           class: m(["w-form-el__error", l.formProps.validationColor])
         }, [
@@ -3130,8 +3144,8 @@ const xi = {
     this.formUnregister && this.formUnregister(this);
   }
 }, Oi = /* @__PURE__ */ C(xi, [["render", Ri]]);
-function Pi(e, t, i, o, s, l) {
-  return a(), b(L(i.tag), {
+function Pi(e, t, i, s, a, l) {
+  return o(), b(L(i.tag), {
     class: m(["w-grid", l.classes])
   }, {
     default: f(() => [
@@ -3176,24 +3190,24 @@ const zi = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [o, s]) => (i[`${o}-columns${s}`] = !0, i), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [s, a]) => (i[`${s}-columns${a}`] = !0, i), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [o, s]) => (i[`${o}-gap${s}`] = !0, i), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [s, a]) => (i[`${s}-gap${a}`] = !0, i), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
 }, Mi = /* @__PURE__ */ C(zi, [["render", Pi]]);
-function Ei(e, t, i, o, s, l) {
-  return a(), b(L(i.tag || "i"), {
+function Ei(e, t, i, s, a, l) {
+  return o(), b(L(i.tag || "i"), {
     class: m(["w-icon", l.classes]),
     role: "icon",
     "aria-hidden": "true",
     style: R(l.readIcon() && l.styles)
   }, {
     default: f(() => [
-      l.hasLigature ? (a(), u(v, { key: 0 }, [
+      l.hasLigature ? (o(), u(v, { key: 0 }, [
         B(S(e.icon), 1)
       ], 64)) : p("", !0)
     ]),
@@ -3273,9 +3287,9 @@ const Ai = {
   key: 0,
   class: "w-image__loader"
 }, Ki = ["innerHTML"];
-function Di(e, t, i, o, s, l) {
+function Di(e, t, i, s, a, l) {
   const n = $("w-progress");
-  return a(), b(L(l.wrapperTag), {
+  return o(), b(L(l.wrapperTag), {
     class: m(["w-image", l.wrapperClasses]),
     style: R(l.wrapperStyles)
   }, {
@@ -3285,23 +3299,23 @@ function Di(e, t, i, o, s, l) {
         appear: ""
       }, {
         default: f(() => [
-          s.loaded ? (a(), b(L(l.normalized.tag), {
+          a.loaded ? (o(), b(L(l.normalized.tag), {
             key: 0,
             class: m(["w-image__image", l.imageClasses]),
             style: R(l.imageStyles),
-            src: l.normalized.tag === "img" ? s.computedImg.src : null
+            src: l.normalized.tag === "img" ? a.computedImg.src : null
           }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && s.loading ? (a(), u("span", Ni, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (a(), b(n, _({
+      !i.noSpinner && a.loading ? (o(), u("span", Ni, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(n, _({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : p("", !0),
-      e.$slots.default ? (a(), b(L(l.wrapperTag), {
+      e.$slots.default ? (o(), b(L(l.wrapperTag), {
         key: 1,
         class: m(["w-image__content", i.contentClass])
       }, {
@@ -3310,12 +3324,12 @@ function Di(e, t, i, o, s, l) {
         ]),
         _: 3
       }, 8, ["class"])) : p("", !0),
-      e.$slots.caption ? (a(), u("figcaption", {
+      e.$slots.caption ? (o(), u("figcaption", {
         key: 2,
         class: m(["w-image__caption caption", i.captionClass])
       }, [
         c(e.$slots, "caption")
-      ], 2)) : i.caption ? (a(), u("figcaption", {
+      ], 2)) : i.caption ? (o(), u("figcaption", {
         key: 3,
         class: m(["w-image__caption caption", i.captionClass]),
         innerHTML: i.caption
@@ -3386,13 +3400,13 @@ const Hi = {
     wrapperStyles() {
       let e = this.normalized.width;
       const t = this.normalized.height;
-      let i = this.normalized.maxWidth, o = this.normalized.ratio;
-      return o && !e && !t ? e = "100%" : !e && !t ? (e = "100%", i = this.normalized.maxWidth || `${this.computedImg.width}px`, o = o || this.computedImg.width / this.computedImg.height) : (e && !t || t && !e) && (o = o || this.computedImg.width / this.computedImg.height), {
+      let i = this.normalized.maxWidth, s = this.normalized.ratio;
+      return s && !e && !t ? e = "100%" : !e && !t ? (e = "100%", i = this.normalized.maxWidth || `${this.computedImg.width}px`, s = s || this.computedImg.width / this.computedImg.height) : (e && !t || t && !e) && (s = s || this.computedImg.width / this.computedImg.height), {
         width: e,
         height: t,
         maxWidth: i,
         maxHeight: this.normalized.maxHeight,
-        aspectRatio: o
+        aspectRatio: s
       };
     },
     imageClasses() {
@@ -3413,8 +3427,8 @@ const Hi = {
       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.computedImg.width = o.target.width, this.computedImg.height = o.target.height, this.computedImg.ratio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.computedImg.src = e ? this.fallback : this.src, this.$emit("loaded", this.computedImg.src), t(i)), i.onerror = (o) => {
-            this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
+          i.onload = (s) => (this.computedImg.width = s.target.width, this.computedImg.height = s.target.height, this.computedImg.ratio = s.target.height / s.target.width, this.loading = !1, this.loaded = !0, this.computedImg.src = e ? this.fallback : this.src, this.$emit("loaded", this.computedImg.src), t(i)), i.onerror = (s) => {
+            this.$emit("error", s), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
           }, i.src = e ? this.fallback : this.src;
         });
     }
@@ -3437,29 +3451,29 @@ const Hi = {
   class: "w-input__no-file",
   key: "no-file"
 }, Gi = ["for"], Ji = ["src"], Qi = ["for"];
-function Zi(e, t, i, o, s, l) {
+function Zi(e, t, i, s, a, l) {
   const n = $("w-icon"), r = $("w-progress");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: s.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: s.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: a.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: a.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
-      e.$emit("update:modelValue", s.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", a.inputValue = ""), e.$emit("input", "");
     }),
     wrap: l.hasLabel && i.labelPosition !== "inside",
     class: l.classes,
     style: e.$attrs.style
   }), {
     default: f(() => [
-      i.type === "hidden" ? W((a(), u("input", {
+      i.type === "hidden" ? W((o(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => s.inputValue = d)
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => a.inputValue = d)
       }, null, 8, ji)), [
-        [ve, s.inputValue]
-      ]) : (a(), u(v, { key: 1 }, [
-        i.labelPosition === "left" ? (a(), u(v, { key: 0 }, [
-          e.$slots.default || i.label ? (a(), u("label", {
+        [ve, a.inputValue]
+      ]) : (o(), u(v, { key: 1 }, [
+        i.labelPosition === "left" ? (o(), u(v, { key: 0 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: m(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
@@ -3475,7 +3489,7 @@ function Zi(e, t, i, o, s, l) {
           c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (a(), b(n, {
+            i.innerIconLeft ? (o(), b(n, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3488,11 +3502,11 @@ function Zi(e, t, i, o, s, l) {
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          i.type !== "file" ? W((a(), u("input", _({
+          i.type !== "file" ? W((o(), u("input", _({
             key: 0,
             class: "w-input__input",
             ref: "input",
-            "onUpdate:modelValue": t[2] || (t[2] = (d) => s.inputValue = d),
+            "onUpdate:modelValue": t[2] || (t[2] = (d) => a.inputValue = d),
             onInput: t[3] || (t[3] = (...d) => l.onInput && l.onInput(...d)),
             onFocus: t[4] || (t[4] = (...d) => l.onFocus && l.onFocus(...d)),
             onBlur: t[5] || (t[5] = (...d) => l.onBlur && l.onBlur(...d)),
@@ -3511,8 +3525,8 @@ function Zi(e, t, i, o, s, l) {
             required: e.required || null,
             tabindex: e.tabindex || null
           }, l.attrs), null, 16, qi)), [
-            [xe, s.inputValue]
-          ]) : (a(), u(v, { key: 1 }, [
+            [xe, a.inputValue]
+          ]) : (o(), u(v, { key: 1 }, [
             w("input", _({
               ref: "input",
               id: `w-input--${e._.uid}`,
@@ -3534,18 +3548,18 @@ function Zi(e, t, i, o, s, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: f(() => [
-                !s.inputFiles.length && s.isFocused ? (a(), u("span", Yi, [
+                !a.inputFiles.length && a.isFocused ? (o(), u("span", Yi, [
                   c(e.$slots, "no-file", {}, () => [
-                    e.$slots["no-file"] === void 0 ? (a(), u(v, { key: 0 }, [
+                    e.$slots["no-file"] === void 0 ? (o(), u(v, { key: 0 }, [
                       B("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
-                (a(!0), u(v, null, x(s.inputFiles, (d, h) => (a(), u("span", {
+                (o(!0), u(v, null, x(a.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
                   B(S(h ? ", " : ""), 1),
-                  (a(), u("span", {
+                  (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, S(d.base), 1)),
@@ -3555,8 +3569,8 @@ function Zi(e, t, i, o, s, l) {
               _: 3
             }, 8, ["for"])
           ], 64)),
-          i.labelPosition === "inside" && l.showLabelInside ? (a(), u(v, { key: 2 }, [
-            e.$slots.default || i.label ? (a(), u("label", {
+          i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 2 }, [
+            e.$slots.default || i.label ? (o(), u("label", {
               key: 0,
               class: m(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
@@ -3568,7 +3582,7 @@ function Zi(e, t, i, o, s, l) {
           c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (a(), b(n, {
+            i.innerIconRight ? (o(), b(n, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3581,7 +3595,7 @@ function Zi(e, t, i, o, s, l) {
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (a(), b(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), b(r, {
             key: 3,
             class: "fill-width",
             size: "2",
@@ -3589,28 +3603,28 @@ function Zi(e, t, i, o, s, 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 && s.inputFiles.length ? (a(), u("label", {
+        i.type === "file" && i.preview && a.inputFiles.length ? (o(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (a(!0), u(v, null, x(s.inputFiles, (d, h) => (a(), u(v, null, [
-            d.progress < 100 ? (a(), u("i", {
+          (o(!0), u(v, null, x(a.inputFiles, (d, h) => (o(), u(v, 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 ? (a(), u("img", {
+            })) : d.preview ? (o(), u("img", {
               class: "w-input__file-preview",
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Ji)) : (a(), u("i", {
+            }, null, 8, Ji)) : (o(), u("i", {
               class: m(["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, Gi)) : p("", !0),
-        i.labelPosition === "right" ? (a(), u(v, { key: 2 }, [
-          e.$slots.default || i.label ? (a(), u("label", {
+        i.labelPosition === "right" ? (o(), u(v, { key: 2 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: m(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
@@ -3716,7 +3730,7 @@ const el = {
       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() {
@@ -3774,10 +3788,10 @@ const el = {
     // For file input.
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((i) => {
-        const [, o = "", s = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), n = Z({
+        const [, s = "", a = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), n = Z({
           name: i.name,
-          base: o || l,
-          extension: s,
+          base: s || l,
+          extension: a,
           type: i.type,
           size: i.size,
           lastModified: i.lastModified,
@@ -3792,8 +3806,8 @@ const el = {
     },
     // For file input.
     readFile(e, t) {
-      const i = new FileReader(), o = typeof this.preview == "string", s = e.type && e.type.startsWith("image/");
-      this.preview && !o && s ? i.addEventListener("load", (l) => {
+      const i = new FileReader(), s = typeof this.preview == "string", a = e.type && e.type.startsWith("image/");
+      this.preview && !s && a ? 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);
@@ -3811,16 +3825,16 @@ const el = {
     }
   }
 }, tl = /* @__PURE__ */ C(el, [["render", Zi]]);
-function il(e, t, i, o, s, l) {
+function il(e, t, i, s, a, l) {
   const n = $("w-icon"), r = $("w-list", !0);
-  return a(), u("ul", {
+  return o(), u("ul", {
     class: m(["w-list", l.classes])
   }, [
-    (a(!0), u(v, null, x(e.listItems, (d, h) => (a(), u("li", {
+    (o(!0), u(v, null, x(e.listItems, (d, h) => (o(), u("li", {
       class: m(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (a(), b(n, {
+      i.icon ? (o(), b(n, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
@@ -3829,7 +3843,7 @@ function il(e, t, i, o, s, l) {
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (a(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 1,
         class: "w-list__item-label",
         ref_for: !0
@@ -3855,12 +3869,12 @@ function il(e, t, i, o, s, l) {
           ])
         ]),
         _: 2
-      }, 1040)) : (a(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      }, 1040)) : (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 2,
         class: "w-list__item-label",
         ref_for: !0
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (a(), b(r, _({
+      (d.children || []).length ? (o(), b(r, _({
         key: 3,
         ref_for: !0
       }, e.$props, {
@@ -4004,7 +4018,7 @@ const ll = {
       };
     },
     liLabelProps(e, t, i) {
-      const o = this.$slots[`item.${t + 1}`] || this.$slots.item, s = () => {
+      const s = this.$slots[`item.${t + 1}`] || this.$slots.item, a = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
@@ -4020,12 +4034,12 @@ const ll = {
         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()), s();
+        h && (h.focus(), h.click()), a();
       }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = n, r.onMousedown = l, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
-        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), s();
-      }) : (r.href = e[this.itemRouteKey], r.onClick = s)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = s, r.onKeydown = n, r.onMousedown = l), o || (r.innerHTML = e._label)), r;
+        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), a();
+      }) : (r.href = e[this.itemRouteKey], r.onClick = a)), s || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = a, r.onKeydown = n, 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.
@@ -4038,7 +4052,7 @@ const ll = {
     emitSelection() {
       const e = this.selectedItems.map((i) => {
         if (!this.returnObject) return i._value;
-        const { _value: o, _selected: s, ...l } = i;
+        const { _value: s, _selected: a, ...l } = i;
         return l;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -4049,7 +4063,7 @@ const ll = {
       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: s, _focused: l, ...n } = e;
+      const { _index: t, _value: i, _label: s, _selected: a, _focused: l, ...n } = e;
       return n;
     },
     refreshListItems() {
@@ -4069,7 +4083,7 @@ const ll = {
       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;
       });
     }
   },
@@ -4177,40 +4191,40 @@ const ll = {
     },
     // ! \ 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 s = { top: e, left: t, width: i, height: o };
+      const { top: e, left: t, width: i, height: s } = this.activatorEl.getBoundingClientRect();
+      let a = { top: e, left: t, width: i, height: s };
       if (!this.fixed) {
         const { top: l, left: n } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
-        s = {
-          ...s,
+        a = {
+          ...a,
           top: e - l + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
           left: t - n + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
-      return s;
+      return a;
     },
     // ! \ 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 s = window.getComputedStyle(this.detachableEl, null);
+      const a = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          e -= this.detachableEl.offsetHeight, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(s.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
+          e -= this.detachableEl.offsetHeight, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(a.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "bottom": {
-          e += o, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(s.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
+          e += s, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(a.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(s.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + // top: 50% of activator - half menu height.
-          parseInt(s.getPropertyValue("margin-top")));
+          t += i, this.alignBottom ? e += s - this.detachableEl.offsetHeight + parseInt(a.getPropertyValue("margin-top")) : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2 + // top: 50% of activator - half menu height.
+          parseInt(a.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -4241,11 +4255,11 @@ const ll = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, i]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const o = (s) => {
+        const s = (a) => {
           var l;
-          (e && ((l = s.target) != null && l.matches) && s.target.matches(this.activator) || s.target === this.activatorEl || this.activatorEl.contains(s.target)) && i(s);
+          (e && ((l = a.target) != null && l.matches) && a.target.matches(this.activator) || a.target === this.activatorEl || this.activatorEl.contains(a.target)) && i(a);
         };
-        document.addEventListener(t, o), this.docEventListenersHandlers.push({ eventName: t, handler: o });
+        document.addEventListener(t, s), this.docEventListenersHandlers.push({ eventName: t, handler: s });
       });
     }
   },
@@ -4269,16 +4283,16 @@ const ll = {
     }
   }
 };
-function ol(e, t, i, o, s, l) {
+function ol(e, t, i, s, a, l) {
   const n = $("w-card"), r = $("w-overlay");
-  return a(), u(v, null, [
+  return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(O, {
       name: l.transitionName,
       appear: ""
     }, {
       default: f(() => [
-        i.custom && e.detachableVisible ? (a(), u("div", _({
+        i.custom && e.detachableVisible ? (o(), u("div", _({
           key: 0,
           class: "w-menu",
           ref: "detachable"
@@ -4290,7 +4304,7 @@ function ol(e, t, i, o, s, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (a(), b(n, _({
+        ], 16)) : e.detachableVisible ? (o(), b(n, _({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4329,7 +4343,7 @@ function ol(e, t, i, o, s, l) {
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (a(), b(r, _({
+    i.overlay ? (o(), b(r, _({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -4515,14 +4529,14 @@ const al = {
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
 }, nl = /* @__PURE__ */ C(al, [["render", ol]]);
-function rl(e, t, i, o, s, l) {
+function rl(e, t, i, s, a, l) {
   const n = $("w-alert");
-  return a(), b(O, {
+  return o(), b(O, {
     name: l.transitionName,
     appear: ""
   }, {
     default: f(() => [
-      s.show ? (a(), u("div", {
+      a.show ? (o(), u("div", {
         key: 0,
         class: m(["w-notification", l.classes]),
         style: R(l.styles)
@@ -4667,15 +4681,15 @@ const dl = {
     }
   }
 }, ul = /* @__PURE__ */ C(dl, [["render", rl]]);
-function hl(e, t, i, o, s, l) {
+function hl(e, t, i, s, a, l) {
   const n = ke("focus");
-  return a(), b(O, {
+  return o(), b(O, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
   }, {
     default: f(() => [
-      i.modelValue ? W((a(), u("div", {
+      i.modelValue ? W((o(), u("div", {
         key: 0,
         class: m(["w-overlay", l.classes]),
         ref: "overlay",
@@ -4752,8 +4766,8 @@ const cl = {
     }
   }
 }, pl = /* @__PURE__ */ C(cl, [["render", hl]]), ml = { class: "w-parallax" };
-function fl(e, t, i, o, s, l) {
-  return a(), u("div", ml);
+function fl(e, t, i, s, a, l) {
+  return o(), u("div", ml);
 }
 const gl = {
   name: "w-parallax",
@@ -4761,16 +4775,16 @@ const gl = {
   emits: [],
   data: () => ({})
 }, bl = /* @__PURE__ */ C(gl, [["render", fl]]), yl = ["viewBox"], wl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], kl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function vl(e, t, i, o, s, l) {
-  return a(), u("div", {
+function vl(e, t, i, s, a, l) {
+  return o(), u("div", {
     class: m(["w-progress", l.classes]),
     style: R(l.styles)
   }, [
-    i.circle ? (a(), 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 ? (a(), u("circle", {
+      i.bgColor || this.progressValue > -1 ? (o(), u("circle", {
         key: 0,
         class: m(["bg", i.bgColor || null]),
         cx: l.circleCenter,
@@ -4791,12 +4805,12 @@ function vl(e, t, i, o, s, l) {
         "stroke-dasharray": e.circleCircumference,
         style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
       }, null, 12, kl)
-    ], 8, yl)) : (a(), u("div", {
+    ], 8, yl)) : (o(), u("div", {
       key: 0,
       class: m(["w-progress__progress", { full: l.progressValue === 100 }]),
       style: R(`width: ${l.progressValue}%`)
     }, null, 6)),
-    i.label || e.$slots.default ? (a(), u("div", {
+    i.label || e.$slots.default ? (o(), u("div", {
       key: 2,
       class: m(["w-progress__label", i.labelColor || !1])
     }, [
@@ -4876,8 +4890,8 @@ const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
     }
   }
 }, _l = /* @__PURE__ */ C(Bl, [["render", vl]]), $l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Il = ["for"], Vl = ["for", "innerHTML"], Tl = ["for"], Ll = ["for", "innerHTML"];
-function Rl(e, t, i, o, s, l) {
-  return a(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Rl(e, t, i, s, a, l) {
+  return o(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
     onReset: t[4] || (t[4] = (n) => {
@@ -4900,8 +4914,8 @@ function Rl(e, t, i, o, s, l) {
         "aria-checked": e.inputValue || "false",
         role: "radio"
       }, null, 40, $l),
-      l.hasLabel && i.labelOnLeft ? (a(), u(v, { key: 0 }, [
-        e.$slots.default ? (a(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
@@ -4909,7 +4923,7 @@ function Rl(e, t, i, o, s, l) {
           c(e.$slots, "default", {}, () => [
             B(S(i.label), 1)
           ])
-        ], 10, Il)) : i.label ? (a(), u("label", {
+        ], 10, Il)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
@@ -4922,8 +4936,8 @@ function Rl(e, t, i, o, s, l) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
-      l.hasLabel && !i.labelOnLeft ? (a(), u(v, { key: 1 }, [
-        e.$slots.default ? (a(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(v, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
@@ -4931,7 +4945,7 @@ function Rl(e, t, i, o, s, l) {
           c(e.$slots, "default", {}, () => [
             B(S(i.label), 1)
           ])
-        ], 10, Tl)) : i.label ? (a(), u("label", {
+        ], 10, Tl)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
@@ -5008,9 +5022,9 @@ const xl = {
     }
   }
 }, Ol = /* @__PURE__ */ C(xl, [["render", Rl]]), Pl = ["innerHTML"];
-function zl(e, t, i, o, s, l) {
+function zl(e, t, i, s, a, l) {
   const n = $("w-radio");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -5021,7 +5035,7 @@ function zl(e, t, i, o, s, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (a(!0), u(v, null, x(l.radioItems, (r, d) => (a(), b(n, _({
+      (o(!0), u(v, null, x(l.radioItems, (r, d) => (o(), b(n, _({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -5040,7 +5054,7 @@ function zl(e, t, i, o, s, l) {
             index: d + 1,
             checked: r.value === i.modelValue,
             innerHTML: r.label
-          }) : r.label ? (a(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
           }, null, 8, Pl)) : p("", !0)
@@ -5105,12 +5119,12 @@ const Ml = {
     }
   }
 }, El = /* @__PURE__ */ C(Ml, [["render", zl]]), Al = ["id", "name", "value"], Wl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Nl(e, t, i, o, s, l) {
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: s.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Nl(e, t, i, s, a, l) {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: a.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (n) => e.valid = n),
     onReset: t[5] || (t[5] = (n) => {
-      e.$emit("update:modelValue", s.rating = null), e.$emit("input", null);
+      e.$emit("update:modelValue", a.rating = null), e.$emit("input", null);
     }),
     class: l.classes
   }), {
@@ -5119,9 +5133,9 @@ function Nl(e, t, i, o, s, l) {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
-        value: s.rating
+        value: a.rating
       }, null, 8, Al),
-      (a(!0), u(v, null, x(i.max, (n) => (a(), u(v, { key: n }, [
+      (o(!0), u(v, null, x(i.max, (n) => (o(), u(v, { key: n }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: n + 1
@@ -5129,8 +5143,8 @@ function Nl(e, t, i, o, s, l) {
         w("button", {
           class: m(["w-rating__button", l.buttonClasses(n)]),
           disabled: e.isDisabled || e.isReadonly,
-          onMouseenter: (r) => s.hover = n,
-          onMouseleave: t[0] || (t[0] = (r) => s.hover = 0),
+          onMouseenter: (r) => a.hover = n,
+          onMouseleave: t[0] || (t[0] = (r) => a.hover = 0),
           onClick: (r) => l.onButtonClick(n),
           onFocus: t[1] || (t[1] = (...r) => l.onFocus && l.onFocus(...r)),
           onBlur: t[2] || (t[2] = (...r) => l.onBlur && l.onBlur(...r)),
@@ -5138,7 +5152,7 @@ function Nl(e, t, i, o, s, l) {
           type: "button",
           tabindex: n === 1 ? 0 : -1
         }, [
-          n - 1 === ~~s.rating && s.rating - ~~s.rating ? (a(), u("i", {
+          n - 1 === ~~a.rating && a.rating - ~~a.rating ? (o(), u("i", {
             key: 0,
             class: m(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
@@ -5246,8 +5260,8 @@ const Kl = {
     }
   }
 }, Dl = /* @__PURE__ */ C(Kl, [["render", Nl]]);
-function Hl(e, t, i, o, s, l) {
-  return a(), u(v, null, [
+function Hl(e, t, i, s, a, l) {
+  return o(), u(v, null, [
     w("div", _({
       class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
@@ -5313,8 +5327,8 @@ const Fl = {
   }),
   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 Fl[this.isHorizontal ? "h" : "v"];
@@ -5349,8 +5363,8 @@ const Fl = {
   methods: {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
-      const { top: t, left: i, width: o, height: s } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = i) : (this.$refs.track.height = s, 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: a } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = s, this.$refs.track.left = i) : (this.$refs.track.height = a, 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();
@@ -5370,7 +5384,7 @@ const Fl = {
       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: s } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, n = this.isHorizontal ? o : s;
+      const { top: t, left: i, width: s, height: a } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, n = this.isHorizontal ? s : a;
       this.scrollValuePercent = Math.max(0, Math.min((e - l) / n * 100, 100));
     },
     scroll() {
@@ -5390,9 +5404,9 @@ const Fl = {
   key: 0,
   class: "w-select__selection-slot"
 }, Yl = ["innerHTML"], Gl = ["value", "name"];
-function Jl(e, t, i, o, s, l) {
+function Jl(e, t, i, s, a, l) {
   const n = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -5400,8 +5414,8 @@ function Jl(e, t, i, o, s, l) {
     class: l.classes
   }), {
     default: f(() => [
-      i.labelPosition === "left" ? (a(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      i.labelPosition === "left" ? (o(), u(v, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
@@ -5433,7 +5447,7 @@ function Jl(e, t, i, o, s, l) {
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
             c(e.$slots, "icon-left", {}, () => [
-              i.innerIconLeft ? (a(), b(n, {
+              i.innerIconLeft ? (o(), b(n, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-left",
                 tag: "label",
@@ -5445,7 +5459,7 @@ function Jl(e, t, i, o, s, l) {
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (a(), u("div", Xl, [
+            e.$slots.selection ? (o(), u("div", Xl, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -5457,14 +5471,14 @@ function Jl(e, t, i, o, s, l) {
               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, Yl),
-            (a(!0), u(v, null, x(e.inputValue.length ? e.inputValue : [{}], (h, y) => (a(), u("input", {
+            (o(!0), u(v, 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, Gl))), 128)),
-            i.labelPosition === "inside" && l.showLabelInside ? (a(), u(v, { key: 1 }, [
-              e.$slots.default || i.label ? (a(), u("label", {
+            i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 1 }, [
+              e.$slots.default || i.label ? (o(), u("label", {
                 key: 0,
                 class: m(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
@@ -5474,7 +5488,7 @@ function Jl(e, t, i, o, s, l) {
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
             c(e.$slots, "icon-right", {}, () => [
-              i.innerIconRight ? (a(), b(n, {
+              i.innerIconRight ? (o(), b(n, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-right",
                 tag: "label",
@@ -5533,8 +5547,8 @@ function Jl(e, t, i, o, s, l) {
         ]),
         _: 3
       }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
-      i.labelPosition === "right" ? (a(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      i.labelPosition === "right" ? (o(), u(v, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
@@ -5690,20 +5704,20 @@ const Ql = {
           const i = this.selectItems;
           if (t === void 0) t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
-            const s = e.keyCode === 38 ? -1 : 1;
-            t = (t + i.length + s) % i.length;
+            const a = e.keyCode === 38 ? -1 : 1;
+            t = (t + i.length + a) % i.length;
           }
-          let o = !1;
+          let s = !1;
           if (i[t].disabled) {
-            const s = e.keyCode === 38 ? -1 : 1;
-            let l = (t + s + i.length) % i.length;
+            const a = e.keyCode === 38 ? -1 : 1;
+            let l = (t + a + i.length) % i.length;
             const n = i.length;
             let r = 0;
             for (; r < n && i[l].disabled; )
-              l = (l + i.length + s) % i.length, r++;
-            r >= n && (o = !0), t = l;
+              l = (l + i.length + a) % i.length, r++;
+            r >= n && (s = !0), t = l;
           }
-          o || this.onInput(i[t]);
+          s || this.onInput(i[t]);
         }
       else e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
@@ -5711,14 +5725,14 @@ const Ql = {
       e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
     focusItemOnQuickLookup(e) {
-      var o, s, l;
+      var s, a, 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(
         (n) => !n.disabled && n[this.itemLabelKey].match(t)
       ) + 1;
       if (i) {
         const n = `.w-list__item:nth-child(${i}) .w-list__item-label`;
-        (l = (s = (o = this.$refs["w-list"]) == null ? void 0 : o.$el) == null ? void 0 : s.querySelector(n)) == null || l.focus();
+        (l = (a = (s = this.$refs["w-list"]) == null ? void 0 : s.$el) == null ? void 0 : a.querySelector(n)) == null || l.focus();
       }
     },
     // The items are given by the w-list component.
@@ -5746,8 +5760,8 @@ const Ql = {
       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.
@@ -5782,8 +5796,8 @@ const Ql = {
   key: 0,
   class: "w-slider__step-labels"
 }, rs = ["onClick"], ds = ["for"], us = ["for", "innerHTML"];
-function hs(e, t, i, o, s, l) {
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function hs(e, t, i, s, a, l) {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (n) => e.valid = n),
     onReset: t[9] || (t[9] = (n) => {
@@ -5793,13 +5807,13 @@ function hs(e, t, i, o, s, l) {
     class: l.wrapperClasses
   }), {
     default: f(() => [
-      e.$slots["label-left"] ? (a(), u("label", {
+      e.$slots["label-left"] ? (o(), u("label", {
         key: 0,
         class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, es)) : i.labelLeft ? (a(), u("label", {
+      ], 10, es)) : i.labelLeft ? (o(), u("label", {
         key: 1,
         class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
@@ -5845,12 +5859,12 @@ function hs(e, t, i, o, s, l) {
               onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
             }, null, 42, ss),
-            i.thumbLabel ? (a(), u("label", {
+            i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: m(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (a(), u("div", as, [
+              i.thumbLabel === "droplet" ? (o(), u("div", as, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   B(S(~~e.rangeValueScaled), 1)
                 ])
@@ -5863,18 +5877,18 @@ function hs(e, t, i, o, s, l) {
             ], 10, os)) : p("", !0)
           ], 4)
         ], 42, ls),
-        i.stepLabels && i.step ? (a(), u("div", ns, [
+        i.stepLabels && i.step ? (o(), u("div", ns, [
           w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (n) => l.onStepLabelClick(0))
           }, S(this.minVal), 1),
-          (a(!0), u(v, null, x(~~l.numberOfSteps, (n) => (a(), u("div", {
+          (o(!0), u(v, null, x(~~l.numberOfSteps, (n) => (o(), u("div", {
             class: "w-slider__step-label",
             key: n,
             onClick: (r) => l.onStepLabelClick(n * (100 / l.numberOfSteps)),
             style: R(`left: ${n * (100 / l.numberOfSteps)}%`)
           }, S(l.percentToScaled(n * (100 / l.numberOfSteps))), 13, rs))), 128)),
-          ~~l.numberOfSteps !== l.numberOfSteps ? (a(), u("div", {
+          ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
             onClick: t[7] || (t[7] = (n) => l.onStepLabelClick(100)),
@@ -5882,13 +5896,13 @@ function hs(e, t, i, o, s, l) {
           }, S(this.maxVal), 1)) : p("", !0)
         ])) : p("", !0)
       ]),
-      e.$slots["label-right"] ? (a(), u("label", {
+      e.$slots["label-right"] ? (o(), u("label", {
         key: 2,
         class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, ds)) : i.labelRight ? (a(), u("label", {
+      ], 10, ds)) : i.labelRight ? (o(), u("label", {
         key: 3,
         class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
@@ -6036,13 +6050,13 @@ const cs = {
     }
   }
 }, ps = /* @__PURE__ */ C(cs, [["render", hs]]), ms = { key: 0 };
-function fs(e, t, i, o, s, l) {
-  return i.modelValue || i.modelValue === void 0 ? (a(), u("div", {
+function fs(e, t, i, s, a, l) {
+  return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: m(["w-spinner", l.classes]),
     style: R(l.styles)
   }, [
-    l.isThreeDots ? (a(), u("span", ms)) : p("", !0)
+    l.isThreeDots ? (o(), u("span", ms)) : p("", !0)
   ], 6)) : p("", !0);
 }
 const gs = {
@@ -6084,8 +6098,8 @@ const gs = {
     }
   }
 }, bs = /* @__PURE__ */ C(gs, [["render", fs]]);
-function ys(e, t, i, o, s, l) {
-  return a(), u("div", {
+function ys(e, t, i, s, a, l) {
+  return o(), u("div", {
     class: m(["w-steps", l.classes])
   }, null, 2);
 }
@@ -6112,13 +6126,13 @@ const ws = {
   key: 1,
   class: "w-switch__thumb"
 }, _s = ["for"];
-function $s(e, t, i, o, s, l) {
+function $s(e, t, i, s, a, l) {
   const n = $("w-progress");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: s.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: a.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) => {
-      e.$emit("update:modelValue", s.isOn = null), e.$emit("input", null);
+      e.$emit("update:modelValue", a.isOn = null), e.$emit("input", null);
     }),
     class: l.classes,
     style: e.$attrs.style
@@ -6129,7 +6143,7 @@ function $s(e, t, i, o, s, l) {
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: s.isOn,
+        checked: a.isOn,
         disabled: e.isDisabled || e.isReadonly || null,
         readonly: e.isReadonly || null,
         "aria-readonly": e.isReadonly ? "true" : "false",
@@ -6138,11 +6152,11 @@ function $s(e, t, i, o, s, l) {
       }, l.attrs, {
         onChange: t[0] || (t[0] = (r) => l.onInput()),
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
-        "aria-checked": s.isOn || "false",
+        "aria-checked": a.isOn || "false",
         role: "switch"
       }), null, 16, vs),
-      l.hasLabel && i.labelOnLeft ? (a(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
@@ -6158,19 +6172,19 @@ function $s(e, t, i, o, s, l) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (a(), u("div", Ss, [
+        e.$slots.track ? (o(), u("div", Ss, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (a(), u("div", Bs, [
-          i.loading ? (a(), b(n, _({
+        e.$slots.thumb || i.loading ? (o(), u("div", Bs, [
+          i.loading ? (o(), b(n, _({
             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 ? (a(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(v, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
@@ -6261,8 +6275,8 @@ const Is = {
     }
   }
 }, Vs = /* @__PURE__ */ C(Is, [["render", $s]]), Ts = { class: "w-tabs__content" };
-function Ls(e, t, i, o, s, l) {
-  return a(), u("div", Ts, [
+function Ls(e, t, i, s, a, l) {
+  return o(), u("div", Ts, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
@@ -6277,16 +6291,16 @@ const Rs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, Es = ["innerHTML"], As = ["innerHTML"];
-function Ws(e, t, i, o, s, l) {
+function Ws(e, t, i, s, a, l) {
   const n = $("tab-content");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-tabs", l.tabsClasses])
   }, [
     w("div", {
       class: m(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (a(!0), u(v, null, x(e.tabs, (r, d) => (a(), u("div", {
+      (o(!0), u(v, null, x(e.tabs, (r, d) => (o(), u("div", {
         class: m(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
@@ -6312,22 +6326,22 @@ function Ws(e, t, i, o, s, l) {
           }, null, 8, Ps)
         ])
       ], 42, Os))), 128)),
-      e.$slots["tabs-bar-extra"] ? (a(), u("div", zs, [
+      e.$slots["tabs-bar-extra"] ? (o(), u("div", zs, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
-      !i.noSlider && !i.card ? (a(), u("div", {
+      !i.noSlider && !i.card ? (o(), u("div", {
         key: 1,
         class: m(["w-tabs__slider", i.sliderColor]),
         style: R(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (a(), u("div", Ms, [
-      i.keepInDom ? (a(), b(ae, {
+    e.tabs.length ? (o(), u("div", Ms, [
+      i.keepInDom ? (o(), b(ae, {
         key: 0,
         name: l.transitionName
       }, {
         default: f(() => [
-          (a(!0), u(v, null, x(e.tabs, (r, d) => W((a(), b(n, {
+          (o(!0), u(v, null, x(e.tabs, (r, d) => W((o(), b(n, {
             key: r._uid,
             item: r,
             class: m(l.contentClasses)
@@ -6344,7 +6358,7 @@ function Ws(e, t, i, o, s, l) {
                 index: r._index + 1,
                 active: r._index === l.activeTab._index
               }, () => [
-                r[i.itemContentKey] ? (a(), u("div", {
+                r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
                 }, null, 8, Es)) : p("", !0)
@@ -6356,22 +6370,22 @@ function Ws(e, t, i, o, s, l) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (a(), b(O, {
+      }, 8, ["name"])) : (o(), b(O, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: f(() => [
-          (a(), b(Oe, {
+          (o(), b(Oe, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (a(), b(n, {
+            (o(), b(n, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: m(i.contentClass)
             }, {
               default: f(({ item: r }) => [
-                r ? (a(), u(v, { key: 0 }, [
+                r ? (o(), u(v, { key: 0 }, [
                   e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
                     item: l.getOriginalItem(r),
@@ -6383,7 +6397,7 @@ function Ws(e, t, i, o, s, l) {
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
                   }, () => [
-                    r[i.itemContentKey] ? (a(), u("div", {
+                    r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
                     }, null, 8, As)) : p("", !0)
@@ -6505,10 +6519,10 @@ const Ns = {
       }));
     },
     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);
@@ -6537,16 +6551,16 @@ const Ns = {
         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: s } = o.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(o);
-        this.slider.left = `${t - s - parseInt(l) + o.scrollLeft}px`, this.slider.width = `${i}px`;
+        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), s = this.activeTabEl.parentNode, { left: a } = s.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(s);
+        this.slider.left = `${t - a - 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.).
@@ -6604,9 +6618,9 @@ const Ns = {
   key: 0,
   class: "w-table__pagination w-pagination"
 }, mo = { class: "pages-wrap" }, fo = { class: "w-pagination__results" };
-function go(e, t, i, o, s, l) {
+function go(e, t, i, s, a, l) {
   const n = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), k = $("w-button");
-  return a(), u("div", {
+  return o(), u("div", {
     class: m(["w-table w-table--wrap", l.classes])
   }, [
     w("div", Ds, [
@@ -6617,20 +6631,20 @@ function go(e, t, i, o, s, l) {
         onMouseout: t[3] || (t[3] = (...g) => l.onMouseOut && l.onMouseOut(...g))
       }, [
         w("colgroup", Hs, [
-          (a(!0), u(v, null, x(i.headers, (g, V) => (a(), u("col", {
+          (o(!0), u(v, null, x(i.headers, (g, V) => (o(), u("col", {
             class: m(["w-table__col", l.colClasses[V]]),
             key: V,
             width: g.width || null
           }, null, 10, Fs))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (a(), u("thead", js, [
+        i.noHeaders ? p("", !0) : (o(), u("thead", js, [
           w("tr", null, [
-            (a(!0), u(v, null, x(i.headers, (g, V) => (a(), u("th", {
+            (o(!0), u(v, null, x(i.headers, (g, V) => (o(), u("th", {
               class: m(["w-table__header", l.headerClasses(g)]),
               key: V,
               onClick: (I) => !e.colResizing.dragging && g.sortable !== !1 && l.sortTable(g)
             }, [
-              g.sortable !== !1 && g.align === "right" ? (a(), b(n, {
+              g.sortable !== !1 && g.align === "right" ? (o(), b(n, {
                 key: 0,
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
@@ -6639,7 +6653,7 @@ function go(e, t, i, o, s, l) {
                 ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              g.label ? (a(), u(v, { key: 1 }, [
+              g.label ? (o(), u(v, { key: 1 }, [
                 e.$slots["header-label"] ? c(e.$slots, "header-label", {
                   key: 0,
                   header: g,
@@ -6647,12 +6661,12 @@ function go(e, t, i, o, s, l) {
                   index: V + 1
                 }, () => [
                   B(S(g.label || ""), 1)
-                ]) : (a(), u("span", {
+                ]) : (o(), u("span", {
                   key: 1,
                   innerHTML: g.label || ""
                 }, null, 8, qs))
               ], 64)) : p("", !0),
-              g.sortable !== !1 && g.align !== "right" ? (a(), b(n, {
+              g.sortable !== !1 && g.align !== "right" ? (o(), b(n, {
                 key: 2,
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
@@ -6661,7 +6675,7 @@ function go(e, t, i, o, s, l) {
                 ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              V < i.headers.length - 1 && i.resizableColumns ? (a(), u("span", {
+              V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                 key: 3,
                 class: m(["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] = M(() => {
@@ -6671,7 +6685,7 @@ function go(e, t, i, o, s, l) {
           ]),
           T(d, null, {
             default: f(() => [
-              i.loading === "header" ? (a(), u("tr", Xs, [
+              i.loading === "header" ? (o(), u("tr", Xs, [
                 w("td", {
                   colspan: i.headers.length
                 }, [
@@ -6683,7 +6697,7 @@ function go(e, t, i, o, s, l) {
           })
         ])),
         w("tbody", null, [
-          i.loading === !0 ? (a(), u("tr", Gs, [
+          i.loading === !0 ? (o(), u("tr", Gs, [
             w("td", {
               colspan: i.headers.length
             }, [
@@ -6694,7 +6708,7 @@ function go(e, t, i, o, s, l) {
                 ])
               ])
             ], 8, Js)
-          ])) : l.tableItems.length ? p("", !0) : (a(), u("tr", Zs, [
+          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Zs, [
             w("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
@@ -6704,20 +6718,20 @@ function go(e, t, i, o, s, l) {
               ])
             ], 8, eo)
           ])),
-          l.tableItems.length && i.loading !== !0 ? (a(!0), u(v, { key: 2 }, x(l.paginatedItems, (g, V) => (a(), u(v, { key: V }, [
+          l.tableItems.length && i.loading !== !0 ? (o(!0), u(v, { key: 2 }, x(l.paginatedItems, (g, V) => (o(), u(v, { key: V }, [
             e.$slots.item ? c(e.$slots, "item", {
               key: 0,
               item: g,
               index: V + 1,
               select: () => l.doSelectRow(g, V),
               classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }
-            }) : (a(), u("tr", {
+            }) : (o(), u("tr", {
               key: 1,
               class: m(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }]),
               onClick: (I) => l.doSelectRow(g, V)
             }, [
-              (a(!0), u(v, null, x(i.headers, (I, z) => (a(), u(v, null, [
-                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${z + 1}`] || e.$slots["item-cell"] ? (a(), u("td", {
+              (o(!0), u(v, null, x(i.headers, (I, z) => (o(), u(v, null, [
+                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${z + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
                   class: m(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
                   key: `${z}-a`,
                   "data-label": I.label
@@ -6741,11 +6755,11 @@ function go(e, t, i, o, s, l) {
                     label: g[I.key] || "",
                     index: V + 1
                   }) : p("", !0),
-                  z < i.headers.length - 1 && i.resizableColumns ? (a(), u("span", {
+                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 3,
                     class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
-                ], 10, io)) : (a(), u("td", {
+                ], 10, io)) : (o(), u("td", {
                   class: m(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
                   key: `${z}-b`,
                   "data-label": I.label
@@ -6753,27 +6767,27 @@ function go(e, t, i, o, s, l) {
                   w("div", {
                     innerHTML: g[I.key] || ""
                   }, null, 8, so),
-                  z < i.headers.length - 1 && i.resizableColumns ? (a(), u("span", {
+                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
                     class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
                 ], 10, lo))
               ], 64))), 256))
             ], 10, to)),
-            l.expandedRowsByUid[g._uid] ? (a(), u("tr", oo, [
+            l.expandedRowsByUid[g._uid] ? (o(), u("tr", oo, [
               w("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
                 T(h, { y: "" }, {
                   default: f(() => [
-                    l.expandedRowsByUid[g._uid] ? (a(), u("div", no, [
+                    l.expandedRowsByUid[g._uid] ? (o(), u("div", no, [
                       c(e.$slots, "row-expansion", {
                         item: g,
                         index: V + 1
                       })
                     ])) : p("", !0),
-                    V < i.headers.length - 1 && i.resizableColumns ? (a(), u("span", {
+                    V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                       key: 1,
                       class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                     }, null, 2)) : p("", !0)
@@ -6783,12 +6797,12 @@ function go(e, t, i, o, s, l) {
               ], 8, ao)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (a(), u("div", ro, [
+          e.$slots["extra-row"] ? (o(), u("div", ro, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (a(), u("tfoot", uo, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (a(), u("tr", ho, [
+        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", uo, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", ho, [
             w("td", {
               class: "w-table__cell",
               colspan: i.headers.length
@@ -6799,7 +6813,7 @@ function go(e, t, i, o, s, l) {
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (a(), u("div", po, [
+    i.pagination && e.paginationConfig ? (o(), u("div", po, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6807,7 +6821,7 @@ function go(e, t, i, o, s, l) {
         page: e.paginationConfig.page,
         goToPage: l.goToPage
       }, () => [
-        e.paginationConfig.itemsPerPageOptions ? (a(), b(y, {
+        e.paginationConfig.itemsPerPageOptions ? (o(), b(y, {
           key: 0,
           class: "w-pagination__items-per-page",
           modelValue: e.paginationConfig.itemsPerPage,
@@ -6827,8 +6841,8 @@ function go(e, t, i, o, s, l) {
             text: "",
             lg: ""
           }, null, 8, ["disabled"]),
-          e.paginationConfig.pagesCount > 7 ? (a(!0), u(v, { key: 0 }, x(e.paginationConfig.pagesCount, (g) => (a(), u(v, { key: g }, [
-            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (a(), b(k, {
+          e.paginationConfig.pagesCount > 7 ? (o(!0), u(v, { key: 0 }, x(e.paginationConfig.pagesCount, (g) => (o(), u(v, { key: g }, [
+            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (o(), b(k, {
               key: 0,
               class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
               onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
@@ -6839,7 +6853,7 @@ function go(e, t, i, o, s, l) {
                 B(S(g), 1)
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (a(), b(k, {
+            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (o(), b(k, {
               key: 1,
               class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
               onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
@@ -6851,7 +6865,7 @@ function go(e, t, i, o, s, l) {
               ])),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
-          ], 64))), 128)) : (a(!0), u(v, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (a(), b(k, {
+          ], 64))), 128)) : (o(!0), u(v, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (o(), b(k, {
             class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
             key: g,
             onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
@@ -6981,7 +6995,7 @@ const we = 15, bo = {
     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);
@@ -7046,22 +7060,22 @@ const we = 15, bo = {
       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 s = this.expandedRowsByUid[e._uid] === void 0;
-        s ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((l) => l !== e._uid), this.$emit(
+        const a = this.expandedRowsByUid[e._uid] === void 0;
+        a ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((l) => l !== e._uid), this.$emit(
           "row-expand",
           {
             item: e,
             index: t,
-            expanded: s,
+            expanded: a,
             expandedRows: this.expandedRowsInternal.map((l) => this.filteredItems[l])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
-      } else if (o) {
-        let s = !1;
+      } else if (s) {
+        let a = !1;
         const l = this.selectedRowsByUid[e._uid] === void 0;
-        l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), s = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((n) => n !== e._uid), s = !0), s && (this.$emit(
+        l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), a = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((n) => n !== e._uid), a = !0), a && (this.$emit(
           "row-select",
           {
             item: e,
@@ -7096,15 +7110,15 @@ const we = 15, bo = {
          * (losing the 2 columns width). So do a direct DOM manipulation using `.style.width`.
          */
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: i, nextColumnEl: o, colWidth: s, nextColWidth: l } = this.colResizing;
+      const { startCursorX: t, columnEl: i, nextColumnEl: s, colWidth: a, nextColWidth: l } = this.colResizing;
       this.colResizing.dragging = !0;
-      const n = e.pageX - t, r = s + l, d = s + n, h = l - n;
-      i.style.width = s + n + "px", o.style.width = l - n + "px";
-      const y = n < 0 && i.offsetWidth > d || i.offsetWidth <= we, k = n > 0 && o.offsetWidth > h;
+      const n = e.pageX - t, r = a + l, d = a + n, h = l - n;
+      i.style.width = a + n + "px", s.style.width = l - n + "px";
+      const y = n < 0 && i.offsetWidth > d || i.offsetWidth <= we, k = n > 0 && s.offsetWidth > h;
       if (y) {
         const g = Math.max(i.offsetWidth, we);
-        i.style.width = g + "px", o.style.width = r - g + "px";
-      } else k && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        i.style.width = g + "px", s.style.width = r - g + "px";
+      } else k && (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(() => {
@@ -7116,8 +7130,8 @@ const we = 15, bo = {
       }, 0);
     },
     initPagination() {
-      var o, s;
-      const e = ((o = this.pagination) == null ? void 0 : o.itemsPerPage) ?? 20, t = ((s = this.pagination) == null ? void 0 : s.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
+      var s, a;
+      const e = ((s = this.pagination) == null ? void 0 : s.itemsPerPage) ?? 20, t = ((a = this.pagination) == null ? void 0 : a.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
@@ -7146,8 +7160,8 @@ const we = 15, bo = {
     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);
     },
@@ -7166,13 +7180,13 @@ const we = 15, bo = {
      * 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: s } = this.paginationConfig;
+      const { page: e, start: t, end: i, total: s, itemsPerPage: a } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
-        end: i || o,
-        total: o,
-        itemsPerPage: s || o,
+        end: i || s,
+        total: s,
+        itemsPerPage: a || s,
         sorting: this.activeSorting
       });
     }
@@ -7207,8 +7221,8 @@ const we = 15, bo = {
     }
   }
 }, yo = /* @__PURE__ */ C(bo, [["render", go]]), wo = ["role", "aria-pressed", "tabindex"];
-function ko(e, t, i, o, s, l) {
-  return a(), u("span", {
+function ko(e, t, i, s, a, l) {
+  return o(), u("span", {
     class: m(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (n) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
@@ -7222,7 +7236,7 @@ function ko(e, t, i, o, s, l) {
     style: R(l.styles)
   }, [
     c(e.$slots, "default"),
-    i.closable && i.modelValue ? (a(), u("i", {
+    i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
       onClick: t[0] || (t[0] = M((n) => {
@@ -7283,21 +7297,21 @@ const vo = {
     }
   }
 }, Co = /* @__PURE__ */ C(vo, [["render", ko]]), So = ["for"], Bo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], _o = ["for"];
-function $o(e, t, i, o, s, l) {
+function $o(e, t, i, s, a, l) {
   const n = $("w-icon");
-  return a(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: s.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: s.isFocused }, {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: a.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: a.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
     onReset: t[7] || (t[7] = (r) => {
-      e.$emit("update:modelValue", s.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", a.inputValue = ""), e.$emit("input", "");
     }),
     class: l.classes,
     style: e.$attrs.style
   }), {
     default: f(() => [
-      i.labelPosition === "left" ? (a(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      i.labelPosition === "left" ? (o(), u(v, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
@@ -7313,7 +7327,7 @@ function $o(e, t, i, o, s, l) {
         c(e.$slots, "icon-left", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconLeft ? (a(), b(n, {
+          i.innerIconLeft ? (o(), b(n, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-left",
             tag: "label",
@@ -7329,7 +7343,7 @@ function $o(e, t, i, o, s, l) {
         W(w("textarea", _({
           class: "w-textarea__textarea",
           ref: "textarea",
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => s.inputValue = r)
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => a.inputValue = r)
         }, l.attrs, {
           onInput: t[2] || (t[2] = (...r) => l.onInput && l.onInput(...r)),
           onFocus: t[3] || (t[3] = (...r) => l.onFocus && l.onFocus(...r)),
@@ -7345,10 +7359,10 @@ function $o(e, t, i, o, s, l) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, Bo), [
-          [ve, s.inputValue]
+          [ve, a.inputValue]
         ]),
-        i.labelPosition === "inside" && l.showLabelInside ? (a(), u(v, { key: 0 }, [
-          e.$slots.default || i.label ? (a(), u("label", {
+        i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 0 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: m(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
@@ -7360,7 +7374,7 @@ function $o(e, t, i, o, s, l) {
         c(e.$slots, "icon-right", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconRight ? (a(), b(n, {
+          i.innerIconRight ? (o(), b(n, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-right",
             tag: "label",
@@ -7374,8 +7388,8 @@ function $o(e, t, i, o, s, l) {
           }, 8, ["for"])) : p("", !0)
         ])
       ], 2),
-      i.labelPosition === "right" ? (a(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (a(), u("label", {
+      i.labelPosition === "right" ? (o(), u(v, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: m(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
@@ -7516,15 +7530,15 @@ const Io = {
     }
   }
 }, Vo = /* @__PURE__ */ C(Io, [["render", $o]]), To = ["innerHTML"], Lo = ["innerHTML"];
-function Ro(e, t, i, o, s, l) {
-  return a(), u("ul", {
+function Ro(e, t, i, s, a, l) {
+  return o(), u("ul", {
     class: m(["w-timeline", l.classes])
   }, [
-    (a(!0), u(v, null, x(i.items, (n, r) => (a(), u("li", {
+    (o(!0), u(v, null, x(i.items, (n, r) => (o(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (a(), b(L(n[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), b(L(n[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: m(["w-timeline-item__bullet", { [n[i.itemColorKey] || i.color]: n[i.itemColorKey] || i.color }])
       }, {
         default: f(() => [
@@ -7576,8 +7590,8 @@ const xo = {
     }
   }
 }, Oo = /* @__PURE__ */ C(xo, [["render", Ro]]);
-function Po(e, t, i, o, s, l) {
-  return a(), u("div", {
+function Po(e, t, i, s, a, l) {
+  return o(), u("div", {
     class: m(["w-toolbar", l.classes]),
     style: R(l.styles)
   }, [
@@ -7636,15 +7650,15 @@ const zo = {
     }
   }
 }, Mo = /* @__PURE__ */ C(zo, [["render", Po]]);
-function Eo(e, t, i, o, s, l) {
-  return a(), u(v, null, [
+function Eo(e, t, i, s, a, l) {
+  return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(O, {
       name: l.transitionName,
       appear: ""
     }, {
       default: f(() => [
-        e.detachableVisible ? (a(), u("div", {
+        e.detachableVisible ? (o(), u("div", {
           class: m(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
@@ -7794,8 +7808,8 @@ const Ao = {
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
 }, Wo = /* @__PURE__ */ C(Ao, [["render", Eo]]);
-function No(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: "bounce" }, e.$props), {
+function No(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: "bounce" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -7809,8 +7823,8 @@ const Ko = {
     duration: { type: [Number, String] }
   }
 }, Do = /* @__PURE__ */ C(Ko, [["render", No]]);
-function Ho(e, t, i, o, s, l) {
-  return a(), b(O, {
+function Ho(e, t, i, s, a, l) {
+  return o(), b(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7921,8 +7935,8 @@ const Fo = {
     }
   }
 }, jo = /* @__PURE__ */ C(Fo, [["render", Ho]]);
-function Uo(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: "fade" }, e.$props), {
+function Uo(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: "fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -7936,8 +7950,8 @@ const qo = {
     duration: { type: [Number, String] }
   }
 }, Xo = /* @__PURE__ */ C(qo, [["render", Uo]]);
-function Yo(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: "scale" }, e.$props), {
+function Yo(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: "scale" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -7951,8 +7965,8 @@ const Go = {
     duration: { type: [Number, String] }
   }
 }, Jo = /* @__PURE__ */ C(Go, [["render", Yo]]);
-function Qo(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: "scale-fade" }, e.$props), {
+function Qo(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: "scale-fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -7966,8 +7980,8 @@ const Zo = {
     duration: { type: [Number, String] }
   }
 }, ea = /* @__PURE__ */ C(Zo, [["render", Qo]]);
-function ta(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: l.transitionName }, e.$props), {
+function ta(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -7993,8 +8007,8 @@ const ia = {
     }
   }
 }, la = /* @__PURE__ */ C(ia, [["render", ta]]);
-function sa(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: l.transitionName }, e.$props), {
+function sa(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -8020,8 +8034,8 @@ const oa = {
     }
   }
 }, aa = /* @__PURE__ */ C(oa, [["render", sa]]);
-function na(e, t, i, o, s, l) {
-  return a(), b(O, _({ name: "twist" }, e.$props), {
+function na(e, t, i, s, a, l) {
+  return o(), b(O, _({ name: "twist" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
@@ -8038,16 +8052,16 @@ const ra = {
   key: 1,
   class: "ml1"
 };
-function ca(e, t, i, o, s, l) {
+function ca(e, t, i, s, a, l) {
   const n = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
-  return a(), u("ul", {
+  return o(), u("ul", {
     class: m(["w-tree", l.classes])
   }, [
-    (a(!0), u(v, null, x(e.currentDepthItems, (h, y) => (a(), u("li", {
+    (o(!0), u(v, null, x(e.currentDepthItems, (h, y) => (o(), u("li", {
       class: m(["w-tree__item", l.itemClasses(h)]),
       key: y
     }, [
-      (a(), b(L(l.getTreeItemComponent(h)), _({
+      (o(), b(L(l.getTreeItemComponent(h)), _({
         class: "w-tree__item-label",
         ref_for: !0
       }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
@@ -8056,7 +8070,7 @@ function ca(e, t, i, o, s, l) {
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: f(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (a(), b(n, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(n, {
             key: 0,
             class: "w-tree__item-expand",
             onClick: M((k) => !i.disabled && !h.disabled && l.onLabelClick(h, k), ["stop"]),
@@ -8076,7 +8090,7 @@ function ca(e, t, i, o, s, l) {
           }, () => {
             var k;
             return [
-              l.itemIcon(h) ? (a(), b(r, {
+              l.itemIcon(h) ? (o(), b(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
@@ -8089,19 +8103,19 @@ function ca(e, t, i, o, s, l) {
               w("span", {
                 innerHTML: h.label
               }, null, 8, ua),
-              i.counts && (h.children || h.branch) ? (a(), u("span", ha, "(" + S(((k = h.originalItem.children) == null ? void 0 : k.length) || 0) + ")", 1)) : p("", !0)
+              i.counts && (h.children || h.branch) ? (o(), u("span", ha, "(" + S(((k = h.originalItem.children) == null ? void 0 : k.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (a(), b(L(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), b(L(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
         onAfterEnter: (k) => e.$emit("open", l.emitPayload(h)),
         onAfterLeave: (k) => e.$emit("close", l.emitPayload(h))
       }, {
         default: f(() => [
-          h.children && h.open ? (a(), b(d, _({
+          h.children && h.open ? (o(), b(d, _({
             key: 0,
             ref_for: !0
           }, e.$props, {
@@ -8194,26 +8208,26 @@ const pa = {
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
         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, o) => {
+      Array.isArray(e) || (e = [e]), e.forEach((i, s) => {
         var l, n;
-        const s = {
+        const a = {
           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: !!((n = t[o]) != null && n.open || this.expandAll || i[this.itemOpenKey]),
+          open: !!((n = t[s]) != null && n.open || this.expandAll || i[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
           // Ancestors path from root to leaf including self.
         };
-        s.path = this.getTreeItemPath(s), this.currentDepthItems.push(s);
+        a.path = this.getTreeItemPath(a), this.currentDepthItems.push(a);
       });
     },
     getTreeItemComponent(e) {
@@ -8254,13 +8268,13 @@ const pa = {
     },
     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"]'), s = t.target.closest(".w-tree__item-label"), l = t.keyCode === 38 ? -1 : 1;
-        [...o].some((n, r) => n.isSameNode(s) ? (o[r + l] && o[r + l].focus(), !0) : !1);
+        const s = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), a = t.target.closest(".w-tree__item-label"), l = t.keyCode === 38 ? -1 : 1;
+        [...s].some((n, r) => n.isSameNode(a) ? (s[r + l] && s[r + l].focus(), !0) : !1);
       }
       t.keyCode === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },