wave-ui 3.19.0 → 3.20.0

package/dist/wave-ui.es.js

@@ -76,16 +76,16 @@ const Pe = Z({
   return t;
 }, j = (e) => console.warn(`Wave UI: ${e}`), D = (e) => console.error(`Wave UI: ${e}`), ze = (e) => {
   ["light", "dark"].forEach((t) => {
-    var s, a, l;
+    var s, n, 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 = (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;
+    for (const a in i) {
+      if (a === "shades") continue;
+      const r = i[a], d = { label: a, color: (l = (n = ((s = i[a]) == null ? void 0 : s.color) ?? i[a]) == null ? void 0 : n.replace) == null ? void 0 : l.call(n, "#", "") }, h = d.color;
       if (h) {
-        h.length === 3 && (d.color = h[0] + "" + h[0] + h[1] + h[1] + h[2] + h[2]);
+        h.length === 3 && (d.color = `${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}`);
         for (let y = 1; y <= 6; y++) {
-          const k = Ne(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = Ke(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
+          const k = Ke(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = Ne(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
           i.shades[`${d.label}-light${y}`] = k, i.shades[`${d.label}-dark${y}`] = g;
         }
       }
@@ -93,9 +93,9 @@ const Pe = Z({
   });
 }, he = (e, t) => {
   const i = {
-    ...t.reduce((s, a) => {
-      s[a.label] = a.color;
-      const l = (a.shades || []).reduce((n, r) => (n[r.label] = r.color, n), {});
+    ...t.reduce((s, n) => {
+      s[n.label] = n.color;
+      const l = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
       return { ...s, ...l };
     }, { ...e, ...e.shades })
   };
@@ -121,11 +121,11 @@ function We(e) {
   return Me(e) && e || Ee(e) && Ae(e) || D(`expected color hex string, got '${e}'`) || "";
 }
 function ce(e) {
-  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;
+  const t = We(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), n = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
   return {
     red: i,
     green: s,
-    blue: a,
+    blue: n,
     alpha: l,
     hasAlpha: t.length === 9
   };
@@ -134,13 +134,13 @@ function pe(e, t, i, s) {
   return `#${J(e)}${J(t)}${J(i)}${s ? J(Math.floor(s * 255)) : ""}`;
 }
 function Se(e, t, i = 50) {
-  const s = ce(e), 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);
+  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), k = G(Math.round(s.green * d + n.green * h), 0, 255), g = G(Math.round(s.blue * d + n.blue * h), 0, 255), V = s.alpha * l + n.alpha * (1 - l);
+  return s.hasAlpha || n.hasAlpha || V !== 1 ? pe(y, k, g, V) : pe(y, k, g);
 }
-function Ne(e, t = 15) {
+function Ke(e, t = 15) {
   return Se("#ffffff", e, t);
 }
-function Ke(e, t = 12.4) {
+function Ne(e, t = 12.4) {
   return Se("#000000", e, t);
 }
 const me = [
@@ -498,12 +498,12 @@ let se = { keys: [], values: [] }, fe = null;
 const De = (e, t) => {
   var V;
   let i = "";
-  const s = {}, { info: a, warning: l, success: n, error: r, shades: d, ...h } = e, { cssScope: y } = U;
+  const s = {}, { info: n, warning: l, success: a, 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: a, warning: l, success: n, error: r };
+  const k = { ...h, info: n, warning: l, success: a, 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) s[I] = d[I];
@@ -514,20 +514,20 @@ const De = (e, t) => {
 }, He = (e, t) => {
   let i = "";
   const { cssScope: s } = U;
-  return e.forEach(({ min: a, label: l }) => {
+  return e.forEach(({ min: n, label: l }) => {
     if (l === "xs")
-      for (let n = 0; n < t; n++)
-        i += `${s} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+      for (let a = 0; a < t; a++)
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
-      i += `@media(min-width:${a}px){`;
-      for (let n = 0; n < t; n++)
-        i += `${s} .${l}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+      i += `@media(min-width:${n}px){`;
+      for (let a = 0; a < t; a++)
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
       i += "}";
     }
   }), i;
 }, Fe = (e) => {
   let t = "";
-  const { cssScope: i, baseIncrement: s } = U, a = [
+  const { cssScope: i, baseIncrement: s } = U, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -564,19 +564,19 @@ const De = (e, t) => {
     "justify-space-around{justify-content:space-around}",
     "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){` + 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){` + 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){` + 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}}`);
+  return e.forEach(({ label: a, min: r }) => {
+    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${i} .${a}u-${d}`).join("") + // w-grid columns and gap.
+    l.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+  }), e.forEach(({ label: a, min: r, max: d }) => {
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + // w-grid columns and gap.
+    l.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + l.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * s}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+  }), e.forEach(({ label: a, max: r }) => {
+    a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + // w-grid columns and gap.
+    l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
 }, ge = (e) => {
   const t = window.innerWidth, i = se.values.slice(0);
-  i.push(t), i.sort((a, l) => a - l);
+  i.push(t), i.sort((n, l) => n - l);
   const s = se.keys[i.indexOf(t)] || "xl";
   s !== fe && (fe = s, e.breakpoint = {
     name: s,
@@ -600,20 +600,20 @@ const De = (e, t) => {
   if (!document.getElementById("wave-ui-colors")) {
     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);
+    const n = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    n ? n.before(s) : document.head.appendChild(s);
   }
 }, qe = (e) => {
-  const t = Object.entries(e.breakpoints), i = t.map(([l, n], r) => {
+  const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
-    return { label: l, min: d ? d + 1 : 0, max: n };
+    return { label: l, min: d ? d + 1 : 0, max: a };
   }), 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;
+  let n = "";
+  return n += He(i, e.css.grid), e.css.breakpointLayoutClasses && (n += Fe(i)), n;
 }, Xe = ["innerHTML"];
-function Ye(e, t, i, s, a, l) {
-  const n = $("w-alert");
+function Ye(e, t, i, s, n, l) {
+  const a = $("w-alert");
   return o(), b(Ve, { to: ".w-app" }, [
     T(ae, {
       class: m(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
@@ -623,7 +623,7 @@ function Ye(e, t, i, s, a, l) {
     }, {
       default: f(() => [
         (o(!0), u(v, null, x(l.notifications, (r) => (o(), u(v, null, [
-          r._value ? (o(), b(n, _({
+          r._value ? (o(), b(a, _({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -646,8 +646,8 @@ function Ye(e, t, i, s, a, l) {
 }
 const C = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [s, a] of t)
-    i[s] = a;
+  for (const [s, n] of t)
+    i[s] = n;
   return i;
 }, Ge = {
   name: "w-notification-manager",
@@ -667,27 +667,27 @@ const C = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: i, message: s, timeout: a, ...l } = e;
+      const { _value: t, _uid: i, message: s, timeout: n, ...l } = e;
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
 }, Je = /* @__PURE__ */ C(Ge, [["render", Ye]]);
 var H;
-const N = class N {
+const K = class K {
   constructor() {
     F(this, "notifications");
     // Private fields.
     F(this, "_uid");
     // A unique ID for each notification.
     F(this, "_notificationDefaults");
-    if (Y(N, H)) return Y(N, H);
+    if (Y(K, H)) return Y(K, H);
     this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
       message: "",
       timeout: 4e3,
       dismiss: !0
-    }, ie(N, H, this);
+    }, ie(K, H, this);
   }
   notify(...t) {
     let i = {
@@ -696,11 +696,11 @@ const N = class N {
     };
     if (typeof t[0] == "object") i = { ...i, ...t[0] };
     else {
-      const [s, a, l] = t;
+      const [s, n, l] = t;
       i = {
         ...i,
         message: s || "",
-        [a === void 0 ? "info" : a]: !0,
+        [n === void 0 ? "info" : n]: !0,
         timeout: l || l === 0 ? parseFloat(l) : 4e3
       };
     }
@@ -710,8 +710,8 @@ const N = class N {
     this.notifications = this.notifications.filter((i) => i._uid !== t);
   }
 };
-H = new WeakMap(), te(N, H);
-let oe = N;
+H = new WeakMap(), te(K, H);
+let oe = K;
 const Qe = (e) => {
   const t = document.createElement("div");
   document.body.appendChild(t);
@@ -726,24 +726,23 @@ const Ze = (e) => {
   });
 }, et = (e, t) => {
   var i, s;
-  for (const a in t)
-    if ((i = e.props) != null && i[a])
-      e.props[a].default = t[a];
+  for (const n in t)
+    if ((i = e.props) != null && i[n])
+      e.props[n].default = t[n];
     else {
       let l = !1;
       if (Array.isArray(e.mixins) && e.mixins.length) {
-        for (const n of e.mixins)
-          if ((s = n == null ? void 0 : n.props) != null && s[a]) {
-            n.props[a].default = t[a], l = !0;
+        for (const a of e.mixins)
+          if ((s = a == null ? void 0 : a.props) != null && s[n]) {
+            a.props[n].default = t[n], l = !0;
             break;
           }
-        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${a}\`.`);
-        continue;
+        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
       }
     }
 };
 var X;
-const K = class K {
+const N = class N {
   constructor(t, i = {}) {
     // Exposed as a global object and also `app.provide`d.
     // Accessible from this.$waveui, or inject('$waveui').
@@ -765,63 +764,80 @@ const K = class K {
       theme: null,
       // The current theme (light or dark).
       _notificationManager: null,
-      // Callable from this.$waveui.
+      /**
+       * Notify the user. (Callable from this.$waveui)
+       *
+       * @param {...any} args - The arguments to pass to the notification manager.
+       */
       notify(...t) {
         this._notificationManager.notify(...t);
       },
-      // Callable from this.$waveui.
-      switchTheme(t, i = !1) {
-        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);
+      /**
+       * Switch the theme. (Callable from this.$waveui)
+       *
+       * @param {string} theme - The theme to switch to.
+       */
+      switchTheme(t) {
+        var s, n;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (n = (s = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : s.remove) == null || n.call(s);
+        const i = this.config.colors[this.theme];
+        Ue(i, this.config.css.colorShadeCssVariables), this.colors = he(i, me);
+      },
+      /**
+       * Set the classes of the app element. (Callable from this.$waveui)
+       *
+       * @param {string} classes - The classes to set.
+       */
+      setAppClasses(...t) {
+        const i = document.querySelector(".w-app");
+        i && (i.className = "w-app", i.classList.add(...t));
       }
     });
-    if (Y(K, X)) return;
+    if (Y(N, X)) return;
     if (this.$waveui._notificationManager = new oe(), i.theme || (i.theme = "light"), i.colors) {
-      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 };
+      const a = { ...i.colors };
+      i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
-    let { components: s, ...a } = i;
-    a = this.$waveui.config = Ce(a), a.css.colorShades && ze(a);
+    let { components: s, ...n } = i;
+    n = this.$waveui.config = Ce(n), n.css.colorShades && ze(n);
     const l = Z(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), a.theme !== "auto" && (this.$waveui.colors = he(a.colors[a.theme], me));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = he(n.colors[n.theme], me));
   }
   static install(t, i = {}) {
-    var a;
+    var n;
     t.directive("focus", {
       // Wait for the next tick to focus the newly mounted element.
       mounted: (l) => setTimeout(() => l.focus(), 0)
     }), t.directive("scroll", {
-      mounted: (l, n) => {
+      mounted: (l, a) => {
         const r = (d) => {
-          n.value(d, l) && window.removeEventListener("scroll", r);
+          a.value(d, l) && window.removeEventListener("scroll", r);
         };
         window.addEventListener("scroll", r);
       }
     });
     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);
+      const a = s[l];
+      (n = i.presets) != null && n[a.name] && et(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
       beforeMount() {
         if (!be) {
           be = !0;
-          const l = Re("$waveui"), { config: n } = l;
-          (document.querySelector(n.on) || document.body).classList.add("w-app"), n.theme === "auto" ? Ze(l) : l.switchTheme(n.theme, !0), je(l), Qe(t), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          const l = Re("$waveui"), { config: a } = l;
+          (document.querySelector(a.on) || document.body).classList.add("w-app"), a.theme === "auto" ? Ze(l) : l.switchTheme(a.theme, !0), je(l), Qe(t), t._context.mixins.find((d) => d.mounted && (d.mounted = void 0));
         }
       }
-    }), new K(t, i), ie(K, X, !0);
+    }), new N(t, i), ie(N, X, !0);
   }
 };
-X = new WeakMap(), te(K, X, !1);
-let q = K;
+X = new WeakMap(), te(N, X, !1);
+let q = N;
 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, s, a, l) {
-  const n = $("w-button"), r = $("w-transition-expand");
+function ot(e, t, i, s, n, l) {
+  const a = $("w-button"), r = $("w-transition-expand");
   return o(), u("div", {
     class: m(["w-accordion__item", l.itemClasses]),
     "aria-expanded": l.accordionItem._expanded ? "true" : "false"
@@ -833,7 +849,7 @@ function ot(e, t, i, s, a, l) {
       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 ? (o(), b(n, {
+      l.options.expandIcon && !l.options.expandIconRight ? (o(), b(a, {
         key: 0,
         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,
@@ -855,7 +871,7 @@ function ot(e, t, i, s, a, l) {
           innerHTML: l.accordionItem[l.options.itemTitleKey]
         }, null, 8, lt)
       ]),
-      l.options.expandIcon && l.options.expandIconRight ? (o(), b(n, {
+      l.options.expandIcon && l.options.expandIconRight ? (o(), b(a, {
         key: 1,
         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,
@@ -945,12 +961,12 @@ const at = {
     this.unregisterItem(this._.uid);
   }
 }, Be = /* @__PURE__ */ C(at, [["render", ot]]);
-function nt(e, t, i, s, a, l) {
-  const n = $("w-accordion-item");
+function nt(e, t, i, s, n, l) {
+  const a = $("w-accordion-item");
   return o(), u("div", {
     class: m(["w-accordion", l.accordionClasses])
   }, [
-    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : (i.items || []).length ? (o(!0), u(v, { key: 1 }, x(i.items.length ? i.items : e.accordionItems, (r, d) => (o(), b(n, {
+    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : (i.items || []).length ? (o(!0), u(v, { key: 1 }, x(i.items.length ? i.items : e.accordionItems, (r, d) => (o(), b(a, {
       key: d,
       class: m(l.itemClasses),
       title: r.title,
@@ -1043,8 +1059,8 @@ const rt = {
     accordionItemsProvided() {
       var e, t, i;
       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;
+        var n;
+        return (n = s == null ? void 0 : s.type) == null ? void 0 : n.name;
       });
     },
     accordionClasses() {
@@ -1117,14 +1133,14 @@ const rt = {
     }
   }
 }, dt = /* @__PURE__ */ C(rt, [["render", nt]]), ut = { class: "w-alert__content" };
-function ht(e, t, i, s, a, l) {
-  const n = $("w-icon"), r = $("w-button");
-  return a.show ? (o(), u("div", {
+function ht(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-button");
+  return n.show ? (o(), u("div", {
     key: 0,
     class: m(["w-alert", l.classes])
   }, [
     l.type || i.icon || i.dismiss ? (o(), u(v, { key: 0 }, [
-      l.type || i.icon ? (o(), b(n, {
+      l.type || i.icon ? (o(), b(a, {
         key: 0,
         class: "w-alert__icon"
       }, {
@@ -1140,7 +1156,7 @@ function ht(e, t, i, s, a, l) {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
-          e.$emit("update:modelValue", a.show = !1), e.$emit("input", !1), e.$emit("close", !1);
+          e.$emit("update:modelValue", n.show = !1), e.$emit("input", !1), e.$emit("close", !1);
         }),
         icon: "wi-cross",
         color: "inherit",
@@ -1233,8 +1249,8 @@ 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, s, a, l) {
-  const n = $("w-button"), r = $("w-transition-slide-fade");
+function vt(e, t, i, s, n, l) {
+  const a = $("w-button"), r = $("w-transition-slide-fade");
   return o(), u("div", {
     class: m(["w-autocomplete", l.classes]),
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d)),
@@ -1248,7 +1264,7 @@ function vt(e, t, i, s, a, l) {
         w("span", {
           innerHTML: d[i.itemLabelKey]
         }, null, 8, ft),
-        T(n, {
+        T(a, {
           onClick: M((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
@@ -1454,12 +1470,12 @@ const Ct = {
         e.preventDefault();
         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;
+        const n = this.$refs.menu;
+        if (n)
+          if (this.$slots["extra-item"] && s === t - 1) n.scrollTop = n.scrollHeight;
           else {
-            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);
+            const { offsetHeight: l, offsetTop: a } = n.childNodes[s] || {};
+            n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
           }
       } else !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
     },
@@ -1500,7 +1516,7 @@ const Ct = {
     }
   }
 }, St = /* @__PURE__ */ C(Ct, [["render", vt]]), Bt = { class: "w-app" };
-function _t(e, t, i, s, a, l) {
+function _t(e, t, i, s, n, l) {
   return o(), u("div", Bt, [
     c(e.$slots, "default")
   ]);
@@ -1522,7 +1538,7 @@ const $t = {
     textRight: { type: Boolean }
   }
 }, It = /* @__PURE__ */ C($t, [["render", _t]]), Vt = { class: "w-badge-wrap" };
-function Tt(e, t, i, s, a, l) {
+function Tt(e, t, i, s, n, l) {
   return o(), u("div", Vt, [
     c(e.$slots, "default"),
     T(O, {
@@ -1589,12 +1605,13 @@ const Lt = {
       ];
     },
     classes() {
-      const e = this.$slots.badge && this.$slots.badge().map((t) => t.children).join("");
+      var t, i;
+      const e = (i = (t = this.$slots).badge) == null ? void 0 : i.call(t).map((s) => s.children).join("");
       return {
         [this.color]: this.color,
         [`${this.bgColor}--bg`]: this.bgColor,
         [this.badgeClass]: this.badgeClass || null,
-        "w-badge--round": this.round || (e || this.modelValue + "" || "").length < 2,
+        "w-badge--round": this.round || (e || `${this.modelValue}` || "").length < 2,
         "w-badge--dark": this.dark,
         "w-badge--light": this.light,
         "w-badge--outline": this.outline,
@@ -1611,8 +1628,8 @@ const Lt = {
     }
   }
 }, Rt = /* @__PURE__ */ C(Lt, [["render", Tt]]), xt = ["innerHTML"];
-function Ot(e, t, i, s, a, l) {
-  const n = $("w-icon");
+function Ot(e, t, i, s, n, l) {
+  const a = $("w-icon");
   return o(), u("div", {
     class: m(["w-breadcrumbs", l.classes])
   }, [
@@ -1622,7 +1639,7 @@ function Ot(e, t, i, s, a, l) {
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (o(), b(n, {
+      ], 2)) : d ? (o(), b(a, {
         class: m(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
@@ -1700,8 +1717,8 @@ const Pt = {
   key: 0,
   class: "w-button__loader"
 };
-function Et(e, t, i, s, a, l) {
-  const n = $("w-icon");
+function Et(e, t, i, s, n, l) {
+  const a = $("w-icon");
   return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
@@ -1709,7 +1726,7 @@ function Et(e, t, i, s, a, l) {
     disabled: !!i.disabled || null
   }, l.attrs, { style: l.styles }), {
     default: f(() => [
-      i.icon ? (o(), b(n, le(_({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), b(a, le(_({ key: 0 }, i.iconProps || {})), {
         default: f(() => [
           B(S(i.icon), 1)
         ]),
@@ -1840,12 +1857,12 @@ const At = {
       };
     }
   }
-}, Wt = /* @__PURE__ */ C(At, [["render", Et]]), Nt = ["innerHTML"];
-function Kt(e, t, i, s, a, l) {
-  const n = $("button-partial");
+}, Wt = /* @__PURE__ */ C(At, [["render", Et]]), Kt = ["innerHTML"];
+function Nt(e, t, i, s, n, l) {
+  const a = $("button-partial");
   return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: f(({ on: r }) => [
-      T(n, _(l.buttonProps, ne(r)), {
+      T(a, _(l.buttonProps, ne(r)), {
         default: f(() => [
           c(e.$slots, "default")
         ]),
@@ -1853,10 +1870,10 @@ function Kt(e, t, i, s, a, l) {
       }, 1040)
     ]),
     default: f(() => [
-      w("div", { innerHTML: i.tooltip }, null, 8, Nt)
+      w("div", { innerHTML: i.tooltip }, null, 8, Kt)
     ]),
     _: 3
-  }, 16)) : (o(), b(n, le(_({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), b(a, le(_({ key: 1 }, l.buttonProps)), {
     loading: f(() => [
       c(e.$slots, "loading")
     ]),
@@ -1917,9 +1934,9 @@ const Dt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Ht = /* @__PURE__ */ C(Dt, [["render", Kt]]), Ft = ["innerHTML"];
-function jt(e, t, i, s, a, l) {
-  const n = $("w-image");
+}, Ht = /* @__PURE__ */ C(Dt, [["render", Nt]]), Ft = ["innerHTML"];
+function jt(e, t, i, s, n, l) {
+  const a = $("w-image");
   return o(), u("div", {
     class: m(["w-card", l.classes])
   }, [
@@ -1933,7 +1950,7 @@ function jt(e, t, i, s, a, l) {
       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 ? (o(), b(n, _({
+    i.image ? (o(), b(a, _({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1981,12 +1998,14 @@ const Ut = {
       return P(this.contentClass);
     },
     titleHasToolbar() {
+      var t;
       const { title: e } = this.$slots;
-      return e && e().map((t) => t.type.name).join("").includes("w-toolbar");
+      return (t = e == null ? void 0 : e()) == null ? void 0 : t.map((i) => i.type.name).join("").includes("w-toolbar");
     },
     actionsHasToolbar() {
+      var t;
       const { actions: e } = this.$slots;
-      return e && e().map((t) => t.type.name).join("").includes("w-toolbar");
+      return (t = e == null ? void 0 : e()) == null ? void 0 : t.map((i) => i.type.name).join("").includes("w-toolbar");
     },
     imgProps() {
       return {
@@ -2055,12 +2074,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, 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 }, {
+function Zt(e, t, i, s, n, l) {
+  return o(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[5] || (t[5] = (n) => e.valid = n),
-    onReset: t[6] || (t[6] = (n) => {
-      e.$emit("update:modelValue", a.isChecked = null), e.$emit("input", null);
+    "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
+    onReset: t[6] || (t[6] = (a) => {
+      e.$emit("update:modelValue", n.isChecked = null), e.$emit("input", null);
     }),
     class: l.classes
   }), {
@@ -2070,15 +2089,15 @@ function Zt(e, t, i, s, a, l) {
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: a.isChecked || null,
+        checked: n.isChecked || null,
         disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (n) => e.$emit("focus", n)),
-        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": a.isChecked || "false",
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
+        onChange: t[2] || (t[2] = (a) => l.onInput()),
+        onKeypress: t[3] || (t[3] = A((...a) => l.onInput && l.onInput(...a), ["enter"])),
+        "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, Xt),
       l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
@@ -2099,7 +2118,7 @@ function Zt(e, t, i, s, a, l) {
       ], 64)) : p("", !0),
       w("div", {
         class: m(["w-checkbox__input", this.color]),
-        onClick: t[4] || (t[4] = (n) => {
+        onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, t[7] || (t[7] = [
@@ -2195,8 +2214,8 @@ const ei = {
     }
   }
 }, ti = /* @__PURE__ */ C(ei, [["render", Zt]]), ii = ["innerHTML"];
-function li(e, t, i, s, a, l) {
-  const n = $("w-checkbox");
+function li(e, t, i, s, n, l) {
+  const a = $("w-checkbox");
   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),
@@ -2206,7 +2225,7 @@ function li(e, t, i, s, a, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (o(!0), u(v, null, x(l.checkboxItems, (r, d) => (o(), b(n, _({
+      (o(!0), u(v, null, x(l.checkboxItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2266,6 +2285,7 @@ const si = {
   computed: {
     checkboxItems() {
       return (this.items || []).map((e, t) => {
+        var s;
         const i = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
         return Z({
           ...e,
@@ -2274,7 +2294,7 @@ const si = {
           value: i,
           // If no value is set then add one to prevent error.
           color: e[this.itemColorKey] || this.color,
-          _isChecked: this.modelValue && this.modelValue.includes(i)
+          _isChecked: (s = this.modelValue) == null ? void 0 : s.includes(i)
         });
       });
     },
@@ -2300,14 +2320,14 @@ const si = {
     }
   }
 }, oi = /* @__PURE__ */ C(si, [["render", li]]);
-function ai(e, t, i, s, a, l) {
-  const n = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
+function ai(e, t, i, s, n, l) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
   return o(), b(d, _({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
     activator: f(({ on: y }) => [
-      T(n, _({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, ne(i.disablePrompt ? {} : { ...y })), {
+      T(a, _({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, ne(i.disablePrompt ? {} : { ...y })), {
         default: f(() => [
           c(e.$slots, "default")
         ]),
@@ -2328,7 +2348,7 @@ function ai(e, t, i, s, a, l) {
           w("div", {
             class: m(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (o(), b(n, _({
+            i.cancel !== !1 ? (o(), b(a, _({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
@@ -2343,7 +2363,7 @@ function ai(e, t, i, s, a, l) {
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((o(), b(n, _(l.confirmButtonProps, {
+            W((o(), b(a, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
@@ -2479,7 +2499,7 @@ const ni = {
     }
   }
 }, ri = /* @__PURE__ */ C(ni, [["render", ai]]);
-function di(e, t, i, s, a, l) {
+function di(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-date-picker", l.classes]),
     style: R(l.styles)
@@ -2506,11 +2526,11 @@ const ui = {
     }
   }
 }, hi = /* @__PURE__ */ C(ui, [["render", di]]);
-function ci(e, t, i, s, a, l) {
-  const n = $("w-card"), r = $("w-overlay");
+function ci(e, t, i, s, n, l) {
+  const a = $("w-card"), r = $("w-overlay");
   return o(), b(r, {
     class: m(["w-dialog", l.classes]),
-    "model-value": a.showWrapper,
+    "model-value": n.showWrapper,
     persistent: i.persistent,
     "persistent-no-animation": i.persistentNoAnimation,
     onClick: l.onOutsideClick,
@@ -2525,7 +2545,7 @@ function ci(e, t, i, s, a, l) {
         onAfterLeave: l.onBeforeClose
       }, {
         default: f(() => [
-          W(T(n, {
+          W(T(a, {
             class: m(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2556,7 +2576,7 @@ function ci(e, t, i, s, a, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [re, a.showContent]
+            [re, n.showContent]
           ])
         ]),
         _: 3
@@ -2645,7 +2665,7 @@ const pi = {
     }
   }
 }, mi = /* @__PURE__ */ C(pi, [["render", ci]]), fi = ["role", "aria-orientation"];
-function gi(e, t, i, s, a, l) {
+function gi(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
@@ -2675,9 +2695,9 @@ const bi = {
     }
   }
 }, yi = /* @__PURE__ */ C(bi, [["render", gi]]), wi = { class: "w-drawer-wrap__pushable" };
-function ki(e, t, i, s, a, l) {
-  const n = $("w-overlay");
-  return a.showWrapper || i.pushContent ? (o(), u("div", {
+function ki(e, t, i, s, n, l) {
+  const a = $("w-overlay");
+  return n.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
     class: m(["w-drawer-wrap", l.wrapperClasses])
   }, [
@@ -2687,10 +2707,10 @@ function ki(e, t, i, s, a, l) {
       style: R(l.trackStyles)
     }, [
       w("div", wi, [
-        i.noOverlay ? p("", !0) : (o(), b(n, {
+        i.noOverlay ? p("", !0) : (o(), b(a, {
           key: 0,
-          modelValue: a.showDrawer,
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => a.showDrawer = r),
+          modelValue: n.showDrawer,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
           onClick: l.onOutsideClick,
           persistent: i.persistent,
           "persistent-no-animation": "",
@@ -2705,7 +2725,7 @@ function ki(e, t, i, s, a, l) {
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          a.showDrawer ? (o(), b(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2720,10 +2740,10 @@ function ki(e, t, i, s, a, l) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (o(), u(v, { key: 1 }, [
-      i.noOverlay ? p("", !0) : (o(), b(n, {
+      i.noOverlay ? p("", !0) : (o(), b(a, {
         key: 0,
-        modelValue: a.showDrawer,
-        "onUpdate:modelValue": t[1] || (t[1] = (r) => a.showDrawer = r),
+        modelValue: n.showDrawer,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
         onClick: l.onOutsideClick,
         persistent: i.persistent,
         "persistent-no-animation": "",
@@ -2737,7 +2757,7 @@ function ki(e, t, i, s, a, l) {
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          a.showDrawer ? (o(), b(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2868,7 +2888,7 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
     }
   }
 }, Si = /* @__PURE__ */ C(Ci, [["render", ki]]);
-function Bi(e, t, i, s, a, l) {
+function Bi(e, t, i, s, n, l) {
   return o(), b(L(i.tag), {
     class: m(["w-flex", l.classes])
   }, {
@@ -2926,11 +2946,11 @@ const _i = {
     }
   }
 }, $i = /* @__PURE__ */ C(_i, [["render", Bi]]);
-function Ii(e, t, i, s, a, l) {
+function Ii(e, t, i, s, n, 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)),
+    onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
+    onReset: t[1] || (t[1] = (...a) => l.reset && l.reset(...a)),
     novalidate: ""
   }, [
     c(e.$slots, "default")
@@ -3021,8 +3041,8 @@ const Vi = async (e, t) => {
     async checkElementValidators(e) {
       let t = !1, i = "";
       await Vi(e.validators, async (s) => {
-        const a = await (typeof s == "function" && s(e.inputValue));
-        return t = typeof a != "string", i = t ? "" : a, !t;
+        const n = await (typeof s == "function" && s(e.inputValue));
+        return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
     },
     // Reset is called from:
@@ -3047,8 +3067,8 @@ const Vi = async (e, t) => {
     }
   }
 }, Li = /* @__PURE__ */ C(Ti, [["render", Ii]]);
-function Ri(e, t, i, s, a, l) {
-  const n = $("w-transition-expand");
+function Ri(e, t, i, s, n, l) {
+  const a = $("w-transition-expand");
   return o(), u("div", {
     class: m(l.classes)
   }, [
@@ -3057,7 +3077,7 @@ function Ri(e, t, i, s, a, l) {
     }, [
       c(e.$slots, "default")
     ], 2),
-    T(n, { y: "" }, {
+    T(a, { y: "" }, {
       default: f(() => [
         e.Validation.message ? (o(), u("div", {
           key: 0,
@@ -3148,7 +3168,7 @@ const xi = {
     this.formUnregister && this.formUnregister(this);
   }
 }, Oi = /* @__PURE__ */ C(xi, [["render", Ri]]);
-function Pi(e, t, i, s, a, l) {
+function Pi(e, t, i, s, n, l) {
   return o(), b(L(i.tag), {
     class: m(["w-grid", l.classes])
   }, {
@@ -3194,16 +3214,16 @@ const zi = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [s, a]) => (i[`${s}-columns${a}`] = !0, i), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [s, n]) => (i[`${s}-columns${n}`] = !0, i), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [s, a]) => (i[`${s}-gap${a}`] = !0, i), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [s, n]) => (i[`${s}-gap${n}`] = !0, i), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
 }, Mi = /* @__PURE__ */ C(zi, [["render", Pi]]);
-function Ei(e, t, i, s, a, l) {
+function Ei(e, t, i, s, n, l) {
   return o(), b(L(i.tag || "i"), {
     class: m(["w-icon", l.classes]),
     role: "icon",
@@ -3283,16 +3303,17 @@ const Ai = {
   },
   methods: {
     readIcon() {
-      const { default: e } = this.$slots, [t = "", i = ""] = typeof e == "function" && e()[0].children.trim().split(" ") || [];
+      var s, n, l, a;
+      const { default: e } = this.$slots, [t = "", i = ""] = typeof e == "function" && ((a = (l = (n = (s = e()) == null ? void 0 : s[0]) == null ? void 0 : n.children) == null ? void 0 : l.trim()) == null ? void 0 : a.split(" ")) || [];
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Wi = /* @__PURE__ */ C(Ai, [["render", Ei]]), Ni = {
+}, Wi = /* @__PURE__ */ C(Ai, [["render", Ei]]), Ki = {
   key: 0,
   class: "w-image__loader"
-}, Ki = ["innerHTML"];
-function Di(e, t, i, s, a, l) {
-  const n = $("w-progress");
+}, Ni = ["innerHTML"];
+function Di(e, t, i, s, n, l) {
+  const a = $("w-progress");
   return o(), b(L(l.wrapperTag), {
     class: m(["w-image", l.wrapperClasses]),
     style: R(l.wrapperStyles)
@@ -3303,17 +3324,17 @@ function Di(e, t, i, s, a, l) {
         appear: ""
       }, {
         default: f(() => [
-          a.loaded ? (o(), b(L(l.normalized.tag), {
+          n.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" ? a.computedImg.src : null
+            src: l.normalized.tag === "img" ? n.computedImg.src : null
           }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && a.loading ? (o(), u("span", Ni, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(n, _({
+      !i.noSpinner && n.loading ? (o(), u("span", Ki, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, _({
           key: 1,
           circle: "",
           indeterminate: ""
@@ -3337,7 +3358,7 @@ function Di(e, t, i, s, a, l) {
         key: 3,
         class: m(["w-image__caption caption", i.captionClass]),
         innerHTML: i.caption
-      }, null, 10, Ki)) : p("", !0)
+      }, null, 10, Ni)) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
@@ -3441,7 +3462,8 @@ const Hi = {
     if (!this.src) return j("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((t) => {
-        t[0] && t[0].isIntersecting && (this.loadImage(), e.disconnect());
+        var i;
+        (i = t[0]) != null && i.isIntersecting && (this.loadImage(), e.disconnect());
       }, this.intersectionConfig);
       e.observe(this.$el);
     } else this.loadImage();
@@ -3455,13 +3477,13 @@ const Hi = {
   class: "w-input__no-file",
   key: "no-file"
 }, Gi = ["for"], Ji = ["src"], Qi = ["for"];
-function Zi(e, t, i, s, a, l) {
-  const n = $("w-icon"), r = $("w-progress");
-  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 }, {
+function Zi(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-progress");
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
-      e.$emit("update:modelValue", a.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     wrap: l.hasLabel && i.labelPosition !== "inside",
     class: l.classes,
@@ -3472,9 +3494,9 @@ function Zi(e, t, i, s, a, l) {
         key: 0,
         type: "hidden",
         name: e.name || null,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => a.inputValue = d)
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
       }, null, 8, ji)), [
-        [ve, a.inputValue]
+        [ve, n.inputValue]
       ]) : (o(), u(v, { key: 1 }, [
         i.labelPosition === "left" ? (o(), u(v, { key: 0 }, [
           e.$slots.default || i.label ? (o(), u("label", {
@@ -3493,7 +3515,7 @@ function Zi(e, t, i, s, a, l) {
           c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (o(), b(n, {
+            i.innerIconLeft ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3510,7 +3532,7 @@ function Zi(e, t, i, s, a, l) {
             key: 0,
             class: "w-input__input",
             ref: "input",
-            "onUpdate:modelValue": t[2] || (t[2] = (d) => a.inputValue = d),
+            "onUpdate:modelValue": t[2] || (t[2] = (d) => n.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)),
@@ -3529,7 +3551,7 @@ function Zi(e, t, i, s, a, l) {
             required: e.required || null,
             tabindex: e.tabindex || null
           }, l.attrs), null, 16, qi)), [
-            [xe, a.inputValue]
+            [xe, n.inputValue]
           ]) : (o(), u(v, { key: 1 }, [
             w("input", _({
               ref: "input",
@@ -3552,14 +3574,14 @@ function Zi(e, t, i, s, a, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: f(() => [
-                !a.inputFiles.length && a.isFocused ? (o(), u("span", Yi, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", Yi, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (o(), u(v, { key: 0 }, [
                       B("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
-                (o(!0), u(v, null, x(a.inputFiles, (d, h) => (o(), u("span", {
+                (o(!0), u(v, null, x(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
                   B(S(h ? ", " : ""), 1),
@@ -3586,7 +3608,7 @@ function Zi(e, t, i, s, a, l) {
           c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (o(), b(n, {
+            i.innerIconRight ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3607,12 +3629,12 @@ function Zi(e, t, i, s, a, 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 && a.inputFiles.length ? (o(), u("label", {
+        i.type === "file" && i.preview && n.inputFiles.length ? (o(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (o(!0), u(v, null, x(a.inputFiles, (d, h) => (o(), u(v, null, [
+          (o(!0), u(v, null, x(n.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`
@@ -3792,10 +3814,10 @@ const el = {
     // For file input.
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((i) => {
-        const [, s = "", a = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), n = Z({
+        const [, s = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Z({
           name: i.name,
           base: s || l,
-          extension: a,
+          extension: n,
           type: i.type,
           size: i.size,
           lastModified: i.lastModified,
@@ -3803,24 +3825,26 @@ const el = {
           progress: 0,
           file: i
         });
-        return this.readFile(i, n), n;
+        return this.readFile(i, a), a;
       });
       const t = this.multiple ? this.inputFiles : this.inputFiles[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
     // For file input.
     readFile(e, t) {
-      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);
+      var l;
+      const i = new FileReader(), s = typeof this.preview == "string", n = (l = e.type) == null ? void 0 : l.startsWith("image/");
+      this.preview && !s && n ? i.addEventListener("load", (a) => {
+        t.preview = a.target.result;
+      }) : delete t.preview, i.addEventListener("progress", (a) => {
+        a.loaded && a.total && (t.progress = a.loaded * 100 / a.total);
       }), i.readAsDataURL(e);
     }
   },
   mounted() {
     setTimeout(() => {
-      this.$refs.input && this.$refs.input.matches(":-webkit-autofill") && (this.isAutofilled = !0);
+      var e;
+      (e = this.$refs.input) != null && e.matches(":-webkit-autofill") && (this.isAutofilled = !0);
     }, 400);
   },
   watch: {
@@ -3829,8 +3853,8 @@ const el = {
     }
   }
 }, tl = /* @__PURE__ */ C(el, [["render", Zi]]);
-function il(e, t, i, s, a, l) {
-  const n = $("w-icon"), r = $("w-list", !0);
+function il(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-list", !0);
   return o(), u("ul", {
     class: m(["w-list", l.classes])
   }, [
@@ -3838,7 +3862,7 @@ function il(e, t, i, s, a, l) {
       class: m(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (o(), b(n, {
+      i.icon ? (o(), b(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
@@ -4022,14 +4046,14 @@ const ll = {
       };
     },
     liLabelProps(e, t, i) {
-      const s = this.$slots[`item.${t + 1}`] || this.$slots.item, a = () => {
+      const s = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
         }
       }, l = this.isSelectable && ((d) => {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
-      }), n = this.isSelectable && ((d) => {
+      }), a = this.isSelectable && ((d) => {
         !e.disabled && d.keyCode === 13 ? (this.selectItem(e), this.$emit("keydown:enter"), this.$emit("item-select", this.cleanLi(e))) : d.keyCode === 27 ? this.$emit("keydown:escape") : this.arrowsNavigation && [38, 40].includes(d.keyCode) && (d.preventDefault(), d.keyCode === 38 && this.focusPrevNextItem(e._index, !1), d.keyCode === 40 && this.focusPrevNextItem(e._index, !0));
       }), r = {
         class: this.liLabelClasses(e),
@@ -4040,10 +4064,10 @@ const ll = {
       };
       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()), 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]), 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;
+        h && (h.focus(), h.click()), n();
+      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = l, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
+        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), s || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), s || (r.innerHTML = e._label)), r;
     },
     // Convert the received items selection to array if it is a unique value.
     // Also accept objects if returnObject is true and convert to the object's value.
@@ -4056,7 +4080,7 @@ const ll = {
     emitSelection() {
       const e = this.selectedItems.map((i) => {
         if (!this.returnObject) return i._value;
-        const { _value: s, _selected: a, ...l } = i;
+        const { _value: s, _selected: n, ...l } = i;
         return l;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -4067,8 +4091,8 @@ 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: s, _selected: a, _focused: l, ...n } = e;
-      return n;
+      const { _index: t, _value: i, _label: s, _selected: n, _focused: l, ...a } = e;
+      return a;
     },
     refreshListItems() {
       const e = typeof this.items == "number" ? Array(this.items).fill({}) : this.items || [];
@@ -4196,30 +4220,30 @@ const ll = {
     // ! \ This function uses the DOM - NO SSR (only trigger from beforeMount and later).
     getActivatorCoordinates() {
       const { top: e, left: t, width: i, height: s } = this.activatorEl.getBoundingClientRect();
-      let a = { top: e, left: t, width: i, height: s };
+      let n = { 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);
-        a = {
-          ...a,
+        const { top: l, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
+        n = {
+          ...n,
           top: e - l + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
-          left: t - n + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
+          left: t - a + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
-      return a;
+      return n;
     },
     // ! \ This function uses the DOM - NO SSR (only trigger from beforeMount and later).
     computeDetachableCoords() {
       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 a = window.getComputedStyle(this.detachableEl, null);
+      const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          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);
+          e -= this.detachableEl.offsetHeight, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "bottom": {
-          e += s, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(a.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
+          e += s, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
@@ -4227,8 +4251,8 @@ const ll = {
           break;
         }
         case "right": {
-          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")));
+          t += i, this.alignBottom ? e += s - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2 + // top: 50% of activator - half menu height.
+          parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -4250,7 +4274,8 @@ const ll = {
       });
     },
     removeFromDOM() {
-      document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize), this.detachableEl && this.detachableEl.parentNode && (this.detachableVisible = !1, this.detachableEl.remove(), this.detachableEl = null);
+      var e;
+      document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize), (e = this.detachableEl) != null && e.parentNode && (this.detachableVisible = !1, this.detachableEl.remove(), this.detachableEl = null);
     },
     // If the activator is external, add event listeners to the document and check the target is
     // the activator when toggling.
@@ -4259,9 +4284,9 @@ const ll = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, i]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const s = (a) => {
+        const s = (n) => {
           var l;
-          (e && ((l = a.target) != null && l.matches) && a.target.matches(this.activator) || a.target === this.activatorEl || this.activatorEl.contains(a.target)) && i(a);
+          (e && ((l = n.target) != null && l.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && i(n);
         };
         document.addEventListener(t, s), this.docEventListenersHandlers.push({ eventName: t, handler: s });
       });
@@ -4287,8 +4312,8 @@ const ll = {
     }
   }
 };
-function ol(e, t, i, s, a, l) {
-  const n = $("w-card"), r = $("w-overlay");
+function ol(e, t, i, s, n, l) {
+  const a = $("w-card"), r = $("w-overlay");
   return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(O, {
@@ -4308,7 +4333,7 @@ function ol(e, t, i, s, a, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (o(), b(n, _({
+        ], 16)) : e.detachableVisible ? (o(), b(a, _({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4492,7 +4517,7 @@ const al = {
         mouseenter: (t) => {
           this.hoveringActivator = !0, this.open(t);
         },
-        mouseleave: (t) => {
+        mouseleave: () => {
           this.hoveringActivator = !1, setTimeout(() => {
             this.hoveringMenu || this.close();
           }, 10);
@@ -4533,19 +4558,19 @@ const al = {
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
 }, nl = /* @__PURE__ */ C(al, [["render", ol]]);
-function rl(e, t, i, s, a, l) {
-  const n = $("w-alert");
+function rl(e, t, i, s, n, l) {
+  const a = $("w-alert");
   return o(), b(O, {
     name: l.transitionName,
     appear: ""
   }, {
     default: f(() => [
-      a.show ? (o(), u("div", {
+      n.show ? (o(), u("div", {
         key: 0,
         class: m(["w-notification", l.classes]),
         style: R(l.styles)
       }, [
-        T(n, _(l.alertProps, {
+        T(a, _(l.alertProps, {
           class: l.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
@@ -4685,8 +4710,8 @@ const dl = {
     }
   }
 }, ul = /* @__PURE__ */ C(dl, [["render", rl]]);
-function hl(e, t, i, s, a, l) {
-  const n = ke("focus");
+function hl(e, t, i, s, n, l) {
+  const a = ke("focus");
   return o(), b(O, {
     name: "fade",
     appear: "",
@@ -4705,7 +4730,7 @@ function hl(e, t, i, s, a, l) {
         c(e.$slots, "default")
       ], 38)), [
         [re, e.showOverlay],
-        [n]
+        [a]
       ]) : p("", !0)
     ]),
     _: 3
@@ -4770,7 +4795,7 @@ const cl = {
     }
   }
 }, pl = /* @__PURE__ */ C(cl, [["render", hl]]), ml = { class: "w-parallax" };
-function fl(e, t, i, s, a, l) {
+function fl(e, t, i, s, n, l) {
   return o(), u("div", ml);
 }
 const gl = {
@@ -4779,7 +4804,7 @@ 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, s, a, l) {
+function vl(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-progress", l.classes]),
     style: R(l.styles)
@@ -4894,11 +4919,11 @@ 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, s, a, l) {
+function Rl(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
-    onReset: t[4] || (t[4] = (n) => {
+    "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
+    onReset: t[4] || (t[4] = (a) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
     class: l.classes
@@ -4913,8 +4938,8 @@ function Rl(e, t, i, s, a, l) {
         disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (n) => e.$emit("focus", n)),
-        onChange: t[1] || (t[1] = (n) => l.onInput(n)),
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
       }, null, 40, $l),
@@ -4936,7 +4961,7 @@ function Rl(e, t, i, s, a, l) {
       ], 64)) : p("", !0),
       w("div", {
         class: m(["w-radio__input", this.color]),
-        onClick: t[2] || (t[2] = (n) => {
+        onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
@@ -5026,8 +5051,8 @@ const xl = {
     }
   }
 }, Ol = /* @__PURE__ */ C(xl, [["render", Rl]]), Pl = ["innerHTML"];
-function zl(e, t, i, s, a, l) {
-  const n = $("w-radio");
+function zl(e, t, i, s, n, l) {
+  const a = $("w-radio");
   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),
@@ -5039,7 +5064,7 @@ function zl(e, t, i, s, a, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (o(!0), u(v, null, x(l.radioItems, (r, d) => (o(), b(n, _({
+      (o(!0), u(v, null, x(l.radioItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -5123,12 +5148,12 @@ const Ml = {
     }
   }
 }, El = /* @__PURE__ */ C(Ml, [["render", zl]]), Al = ["id", "name", "value"], Wl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-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 }, {
+function Kl(e, t, i, s, n, l) {
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[4] || (t[4] = (n) => e.valid = n),
-    onReset: t[5] || (t[5] = (n) => {
-      e.$emit("update:modelValue", a.rating = null), e.$emit("input", null);
+    "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
+    onReset: t[5] || (t[5] = (a) => {
+      e.$emit("update:modelValue", n.rating = null), e.$emit("input", null);
     }),
     class: l.classes
   }), {
@@ -5137,26 +5162,26 @@ function Nl(e, t, i, s, a, l) {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
-        value: a.rating
+        value: n.rating
       }, null, 8, Al),
-      (o(!0), u(v, null, x(i.max, (n) => (o(), u(v, { key: n }, [
+      (o(!0), u(v, null, x(i.max, (a) => (o(), u(v, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
-          index: n + 1
+          index: a + 1
         }) : p("", !0),
         w("button", {
-          class: m(["w-rating__button", l.buttonClasses(n)]),
+          class: m(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
-          onMouseenter: (r) => a.hover = n,
-          onMouseleave: t[0] || (t[0] = (r) => a.hover = 0),
-          onClick: (r) => l.onButtonClick(n),
+          onMouseenter: (r) => n.hover = a,
+          onMouseleave: t[0] || (t[0] = (r) => n.hover = 0),
+          onClick: (r) => l.onButtonClick(a),
           onFocus: t[1] || (t[1] = (...r) => l.onFocus && l.onFocus(...r)),
           onBlur: t[2] || (t[2] = (...r) => l.onBlur && l.onBlur(...r)),
           onKeydown: t[3] || (t[3] = (...r) => l.onKeydown && l.onKeydown(...r)),
           type: "button",
-          tabindex: n === 1 ? 0 : -1
+          tabindex: a === 1 ? 0 : -1
         }, [
-          n - 1 === ~~a.rating && a.rating - ~~a.rating ? (o(), u("i", {
+          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (o(), u("i", {
             key: 0,
             class: m(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
@@ -5169,7 +5194,7 @@ function Nl(e, t, i, s, a, l) {
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Kl = {
+const Nl = {
   name: "w-rating",
   mixins: [E],
   props: {
@@ -5263,22 +5288,22 @@ const Kl = {
       this.rating = parseFloat(e);
     }
   }
-}, Dl = /* @__PURE__ */ C(Kl, [["render", Nl]]);
-function Hl(e, t, i, s, a, l) {
+}, Dl = /* @__PURE__ */ C(Nl, [["render", Kl]]);
+function Hl(e, t, i, s, n, l) {
   return o(), u(v, null, [
     w("div", _({
       class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
-      onMouseenter: t[0] || (t[0] = (...n) => l.onMouseEnter && l.onMouseEnter(...n)),
-      onMouseleave: t[1] || (t[1] = (...n) => l.onMouseLeave && l.onMouseLeave(...n)),
-      onMousewheel: t[2] || (t[2] = (...n) => l.onMouseWheel && l.onMouseWheel(...n))
+      onMouseenter: t[0] || (t[0] = (...a) => l.onMouseEnter && l.onMouseEnter(...a)),
+      onMouseleave: t[1] || (t[1] = (...a) => l.onMouseLeave && l.onMouseLeave(...a)),
+      onMousewheel: t[2] || (t[2] = (...a) => l.onMouseWheel && l.onMouseWheel(...a))
     }, e.$attrs, { style: l.scrollableStyles }), [
       c(e.$slots, "default")
     ], 16),
     w("div", {
       class: m(["w-scrollbar", l.scrollbarClasses]),
       ref: "track",
-      onMousedown: t[3] || (t[3] = (...n) => l.onTrackMouseDown && l.onTrackMouseDown(...n))
+      onMousedown: t[3] || (t[3] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a))
     }, [
       w("div", {
         class: "w-scrollbar__thumb",
@@ -5367,8 +5392,8 @@ const Fl = {
   methods: {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
-      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 });
+      const { top: t, left: i, width: s, height: n } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = s, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
     onDrag(e) {
       this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
@@ -5382,14 +5407,14 @@ const Fl = {
     onMouseLeave() {
       this.scrollable.hovered = !1;
     },
-    onResize(e) {
+    onResize() {
     },
     onMouseWheel(e) {
       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: 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));
+      const { top: t, left: i, width: s, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? s : n;
+      this.scrollValuePercent = Math.max(0, Math.min((e - l) / a * 100, 100));
     },
     scroll() {
       var e;
@@ -5408,8 +5433,8 @@ const Fl = {
   key: 0,
   class: "w-select__selection-slot"
 }, Yl = ["innerHTML"], Gl = ["value", "name"];
-function Jl(e, t, i, s, a, l) {
-  const n = $("w-icon"), r = $("w-list"), d = $("w-menu");
+function Jl(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   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),
@@ -5451,7 +5476,7 @@ function Jl(e, t, i, s, a, l) {
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
             c(e.$slots, "icon-left", {}, () => [
-              i.innerIconLeft ? (o(), b(n, {
+              i.innerIconLeft ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-left",
                 tag: "label",
@@ -5492,7 +5517,7 @@ function Jl(e, t, i, s, a, l) {
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
             c(e.$slots, "icon-right", {}, () => [
-              i.innerIconRight ? (o(), b(n, {
+              i.innerIconRight ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-right",
                 tag: "label",
@@ -5708,18 +5733,18 @@ const Ql = {
           const i = this.selectItems;
           if (t === void 0) t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
-            const a = e.keyCode === 38 ? -1 : 1;
-            t = (t + i.length + a) % i.length;
+            const n = e.keyCode === 38 ? -1 : 1;
+            t = (t + i.length + n) % i.length;
           }
           let s = !1;
           if (i[t].disabled) {
-            const a = e.keyCode === 38 ? -1 : 1;
-            let l = (t + a + i.length) % i.length;
-            const n = i.length;
+            const n = e.keyCode === 38 ? -1 : 1;
+            let l = (t + n + i.length) % i.length;
+            const a = i.length;
             let r = 0;
-            for (; r < n && i[l].disabled; )
-              l = (l + i.length + a) % i.length, r++;
-            r >= n && (s = !0), t = l;
+            for (; r < a && i[l].disabled; )
+              l = (l + i.length + n) % i.length, r++;
+            r >= a && (s = !0), t = l;
           }
           s || this.onInput(i[t]);
         }
@@ -5729,14 +5754,14 @@ const Ql = {
       e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
     focusItemOnQuickLookup(e) {
-      var s, a, l;
+      var s, n, l;
       this.quickLookup.timeout && clearTimeout(this.quickLookup.timeout), this.quickLookup.timeout = setTimeout(() => this.quickLookup.string = "", 1e3), this.quickLookup.string += e.key;
       const t = new RegExp(`^${this.quickLookup.string}`, "i"), i = this.selectItems.findIndex(
-        (n) => !n.disabled && n[this.itemLabelKey].match(t)
+        (a) => !a.disabled && a[this.itemLabelKey].match(t)
       ) + 1;
       if (i) {
-        const n = `.w-list__item:nth-child(${i}) .w-list__item-label`;
-        (l = (a = (s = this.$refs["w-list"]) == null ? void 0 : s.$el) == null ? void 0 : a.querySelector(n)) == null || l.focus();
+        const a = `.w-list__item:nth-child(${i}) .w-list__item-label`;
+        (l = (n = (s = this.$refs["w-list"]) == null ? void 0 : s.$el) == null ? void 0 : n.querySelector(a)) == null || l.focus();
       }
     },
     // The items are given by the w-list component.
@@ -5800,11 +5825,11 @@ const Ql = {
   key: 0,
   class: "w-slider__step-labels"
 }, rs = ["onClick"], ds = ["for"], us = ["for", "innerHTML"];
-function hs(e, t, i, s, a, l) {
+function hs(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[8] || (t[8] = (n) => e.valid = n),
-    onReset: t[9] || (t[9] = (n) => {
+    "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
+    onReset: t[9] || (t[9] = (a) => {
       e.rangeValuePercent = 0, l.updateRangeValueScaled();
     }),
     wrap: e.formRegister || null,
@@ -5827,8 +5852,8 @@ function hs(e, t, i, s, a, l) {
         w("div", {
           class: m(["w-slider__track", l.trackClasses]),
           ref: "track",
-          onMousedown: t[4] || (t[4] = (...n) => l.onTrackMouseDown && l.onTrackMouseDown(...n)),
-          onTouchstart: t[5] || (t[5] = (...n) => l.onTrackMouseDown && l.onTrackMouseDown(...n)),
+          onMousedown: t[4] || (t[4] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a)),
+          onTouchstart: t[5] || (t[5] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a)),
           role: "slider",
           "aria-label": "Slider",
           "aria-valuemin": l.minVal,
@@ -5856,10 +5881,10 @@ function hs(e, t, i, s, a, l) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = A((n) => l.onKeyDown(n, -1), ["left"])),
-                t[1] || (t[1] = A((n) => l.onKeyDown(n, 1), ["right"]))
+                t[0] || (t[0] = A((a) => l.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = A((a) => l.onKeyDown(a, 1), ["right"]))
               ],
-              onFocus: t[2] || (t[2] = (n) => e.$emit("focus", n)),
+              onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
             }, null, 42, ss),
@@ -5884,18 +5909,18 @@ function hs(e, t, i, s, a, l) {
         i.stepLabels && i.step ? (o(), u("div", ns, [
           w("div", {
             class: "w-slider__step-label",
-            onClick: t[6] || (t[6] = (n) => l.onStepLabelClick(0))
+            onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, S(this.minVal), 1),
-          (o(!0), u(v, null, x(~~l.numberOfSteps, (n) => (o(), u("div", {
+          (o(!0), u(v, null, x(~~l.numberOfSteps, (a) => (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)),
+            key: a,
+            onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
+            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
+          }, S(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, rs))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
-            onClick: t[7] || (t[7] = (n) => l.onStepLabelClick(100)),
+            onClick: t[7] || (t[7] = (a) => l.onStepLabelClick(100)),
             style: { left: "100%" }
           }, S(this.maxVal), 1)) : p("", !0)
         ])) : p("", !0)
@@ -6054,7 +6079,7 @@ const cs = {
     }
   }
 }, ps = /* @__PURE__ */ C(cs, [["render", hs]]), ms = { key: 0 };
-function fs(e, t, i, s, a, l) {
+function fs(e, t, i, s, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: m(["w-spinner", l.classes]),
@@ -6102,7 +6127,7 @@ const gs = {
     }
   }
 }, bs = /* @__PURE__ */ C(gs, [["render", fs]]);
-function ys(e, t, i, s, a, l) {
+function ys(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-steps", l.classes])
   }, null, 2);
@@ -6130,13 +6155,13 @@ const ws = {
   key: 1,
   class: "w-switch__thumb"
 }, _s = ["for"];
-function $s(e, t, i, s, a, l) {
-  const n = $("w-progress");
-  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 }, {
+function $s(e, t, i, s, n, l) {
+  const a = $("w-progress");
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
-      e.$emit("update:modelValue", a.isOn = null), e.$emit("input", null);
+      e.$emit("update:modelValue", n.isOn = null), e.$emit("input", null);
     }),
     class: l.classes,
     style: e.$attrs.style
@@ -6147,7 +6172,7 @@ function $s(e, t, i, s, a, l) {
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: a.isOn,
+        checked: n.isOn,
         disabled: e.isDisabled || e.isReadonly || null,
         readonly: e.isReadonly || null,
         "aria-readonly": e.isReadonly ? "true" : "false",
@@ -6156,7 +6181,7 @@ function $s(e, t, i, s, a, l) {
       }, l.attrs, {
         onChange: t[0] || (t[0] = (r) => l.onInput()),
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
-        "aria-checked": a.isOn || "false",
+        "aria-checked": n.isOn || "false",
         role: "switch"
       }), null, 16, vs),
       l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
@@ -6180,7 +6205,7 @@ function $s(e, t, i, s, a, l) {
           c(e.$slots, "track")
         ])) : p("", !0),
         e.$slots.thumb || i.loading ? (o(), u("div", Bs, [
-          i.loading ? (o(), b(n, _({
+          i.loading ? (o(), b(a, _({
             key: 0,
             circle: "",
             color: "inherit"
@@ -6279,7 +6304,7 @@ const Is = {
     }
   }
 }, Vs = /* @__PURE__ */ C(Is, [["render", $s]]), Ts = { class: "w-tabs__content" };
-function Ls(e, t, i, s, a, l) {
+function Ls(e, t, i, s, n, l) {
   return o(), u("div", Ts, [
     c(e.$slots, "default", { item: i.item })
   ]);
@@ -6295,8 +6320,8 @@ const Rs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, Es = ["innerHTML"], As = ["innerHTML"];
-function Ws(e, t, i, s, a, l) {
-  const n = $("tab-content");
+function Ws(e, t, i, s, n, l) {
+  const a = $("tab-content");
   return o(), u("div", {
     class: m(["w-tabs", l.tabsClasses])
   }, [
@@ -6345,7 +6370,7 @@ function Ws(e, t, i, s, a, l) {
         name: l.transitionName
       }, {
         default: f(() => [
-          (o(!0), u(v, null, x(e.tabs, (r, d) => W((o(), b(n, {
+          (o(!0), u(v, null, x(e.tabs, (r, d) => W((o(), b(a, {
             key: r._uid,
             item: r,
             class: m(l.contentClasses)
@@ -6383,7 +6408,7 @@ function Ws(e, t, i, s, a, l) {
           (o(), b(Oe, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (o(), b(n, {
+            (o(), b(a, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: m(i.contentClass)
@@ -6418,7 +6443,7 @@ function Ws(e, t, i, s, a, l) {
   ], 2);
 }
 let ye = 0;
-const Ns = {
+const Ks = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6552,11 +6577,11 @@ const Ns = {
     updateSlider(e = !0) {
       if (e) {
         const t = this.$refs["tabs-bar"];
-        this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
+        this.activeTabEl = t == null ? void 0 : t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        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`;
+        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), s = this.activeTabEl.parentNode, { left: n } = s.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(s);
+        this.slider.left = `${t - n - parseInt(l) + s.scrollLeft}px`, this.slider.width = `${i}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabs.length}%`, this.slider.width = `${100 / this.tabs.length}%`;
     },
@@ -6564,7 +6589,7 @@ const Ns = {
       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 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" });
+        this.activeTabEl = s == null ? void 0 : 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.).
@@ -6597,7 +6622,7 @@ const Ns = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ks = /* @__PURE__ */ C(Ns, [["render", Ws]]), Ds = { class: "w-table__scroll-wrap" }, Hs = { ref: "colgroup" }, Fs = ["width"], js = { key: 0 }, Us = ["onClick"], qs = ["innerHTML"], Xs = {
+}, Ns = /* @__PURE__ */ C(Ks, [["render", Ws]]), Ds = { class: "w-table__scroll-wrap" }, Hs = { ref: "colgroup" }, Fs = ["width"], js = { key: 0 }, Us = ["onClick"], qs = ["innerHTML"], Xs = {
   key: 0,
   class: "w-table__progress-bar"
 }, Ys = ["colspan"], Gs = {
@@ -6622,8 +6647,8 @@ const Ns = {
   key: 0,
   class: "w-table__pagination w-pagination"
 }, mo = { class: "pages-wrap" }, fo = { class: "w-pagination__results" };
-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");
+function go(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), k = $("w-button");
   return o(), u("div", {
     class: m(["w-table w-table--wrap", l.classes])
   }, [
@@ -6648,7 +6673,7 @@ function go(e, t, i, s, a, l) {
               key: V,
               onClick: (I) => !e.colResizing.dragging && g.sortable !== !1 && l.sortTable(g)
             }, [
-              g.sortable !== !1 && g.align === "right" ? (o(), b(n, {
+              g.sortable !== !1 && g.align === "right" ? (o(), b(a, {
                 key: 0,
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
@@ -6670,7 +6695,7 @@ function go(e, t, i, s, a, l) {
                   innerHTML: g.label || ""
                 }, null, 8, qs))
               ], 64)) : p("", !0),
-              g.sortable !== !1 && g.align !== "right" ? (o(), b(n, {
+              g.sortable !== !1 && g.align !== "right" ? (o(), b(a, {
                 key: 2,
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
@@ -6939,15 +6964,9 @@ const we = 15, bo = {
     // - total
     pagination: {
       type: [Boolean, Object, String],
-      validator: (e) => {
-        if (e) {
-          if (typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)))
-            return D(
-              "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
-            ), !1;
-        } else return !0;
-        return !0;
-      }
+      validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (D(
+        "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
+      ), !1) : !0
     },
     dark: { type: Boolean },
     light: { type: Boolean }
@@ -7066,26 +7085,26 @@ const we = 15, bo = {
     doSelectRow(e, t) {
       const i = this.expandableRows === "" ? !0 : this.expandableRows, s = this.selectableRows === "" ? !0 : this.selectableRows;
       if (i) {
-        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(
+        const n = this.expandedRowsByUid[e._uid] === void 0;
+        n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((l) => l !== e._uid), this.$emit(
           "row-expand",
           {
             item: e,
             index: t,
-            expanded: a,
+            expanded: n,
             expandedRows: this.expandedRowsInternal.map((l) => this.filteredItems[l])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
       } else if (s) {
-        let a = !1;
+        let n = !1;
         const l = this.selectedRowsByUid[e._uid] === void 0;
-        l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), a = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((n) => n !== e._uid), a = !0), a && (this.$emit(
+        l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
           "row-select",
           {
             item: e,
             index: t,
             selected: l,
-            selectedRows: this.selectedRowsInternal.map((n) => this.filteredItems[n])
+            selectedRows: this.selectedRowsInternal.map((a) => this.filteredItems[a])
           }
         ), this.$emit("update:selected-rows", this.selectedRowsInternal));
       }
@@ -7114,15 +7133,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: s, colWidth: a, nextColWidth: l } = this.colResizing;
+      const { startCursorX: t, columnEl: i, nextColumnEl: s, colWidth: n, nextColWidth: l } = this.colResizing;
       this.colResizing.dragging = !0;
-      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;
+      const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
+      i.style.width = `${n + a}px`, s.style.width = `${l - a}px`;
+      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, k = a > 0 && s.offsetWidth > h;
       if (y) {
         const g = Math.max(i.offsetWidth, we);
-        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");
+        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(() => {
@@ -7134,12 +7153,12 @@ const we = 15, bo = {
       }, 0);
     },
     initPagination() {
-      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 }];
+      var s, n;
+      const e = ((s = this.pagination) == null ? void 0 : s.itemsPerPage) ?? 20, t = ((n = this.pagination) == null ? void 0 : n.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
       t.find((l) => ((l == null ? void 0 : l.value) ?? l) === +e) || t.push(e), this.paginationConfig.itemsPerPageOptions = t.map((l) => ({
         label: ["string", "number"].includes(typeof l) ? l.toString() : l.label || l.value,
         value: ["string", "number"].includes(typeof l) ? ~~l : l.value ?? l.label
-      })), this.paginationConfig.itemsPerPageOptions.sort((l, n) => l.value < n.value ? -1 : 1);
+      })), this.paginationConfig.itemsPerPageOptions.sort((l, a) => l.value < a.value ? -1 : 1);
       const i = this.paginationConfig.itemsPerPageOptions.shift();
       this.paginationConfig.itemsPerPageOptions.push(i), this.updatePaginationConfig({
         itemsPerPage: e,
@@ -7184,13 +7203,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: s, itemsPerPage: a } = this.paginationConfig;
+      const { page: e, start: t, end: i, total: s, itemsPerPage: n } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
         end: i || s,
         total: s,
-        itemsPerPage: a || s,
+        itemsPerPage: n || s,
         sorting: this.activeSorting
       });
     }
@@ -7225,13 +7244,13 @@ const we = 15, bo = {
     }
   }
 }, yo = /* @__PURE__ */ C(bo, [["render", go]]), wo = ["role", "aria-pressed", "tabindex"];
-function ko(e, t, i, s, a, l) {
+function ko(e, t, i, s, n, l) {
   return o(), u("span", {
     class: m(["w-tag", l.classes]),
-    onClick: t[1] || (t[1] = (n) => {
+    onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = A((n) => {
+    onKeypress: t[2] || (t[2] = A((a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }, ["enter"])),
     role: i.modelValue !== -1 && "button",
@@ -7243,7 +7262,7 @@ function ko(e, t, i, s, a, l) {
     i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = M((n) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
@@ -7301,14 +7320,14 @@ 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, s, a, l) {
-  const n = $("w-icon");
-  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 }, {
+function $o(e, t, i, s, n, l) {
+  const a = $("w-icon");
+  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
     onReset: t[7] || (t[7] = (r) => {
-      e.$emit("update:modelValue", a.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     class: l.classes,
     style: e.$attrs.style
@@ -7331,7 +7350,7 @@ function $o(e, t, i, s, a, l) {
         c(e.$slots, "icon-left", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconLeft ? (o(), b(n, {
+          i.innerIconLeft ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-left",
             tag: "label",
@@ -7347,7 +7366,7 @@ function $o(e, t, i, s, a, l) {
         W(w("textarea", _({
           class: "w-textarea__textarea",
           ref: "textarea",
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => a.inputValue = r)
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => n.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)),
@@ -7363,7 +7382,7 @@ function $o(e, t, i, s, a, l) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, Bo), [
-          [ve, a.inputValue]
+          [ve, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 0 }, [
           e.$slots.default || i.label ? (o(), u("label", {
@@ -7378,7 +7397,7 @@ function $o(e, t, i, s, a, l) {
         c(e.$slots, "icon-right", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconRight ? (o(), b(n, {
+          i.innerIconRight ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-right",
             tag: "label",
@@ -7512,7 +7531,7 @@ const Io = {
     computeHeight() {
       this.$refs.textarea.style.height = "";
       const e = (this.$refs.textarea.scrollHeight - this.paddingY) / this.lineHeight, t = Math.max(e, this.rows) * this.lineHeight + this.paddingY;
-      this.$refs.textarea.style.height = t + "px";
+      this.$refs.textarea.style.height = `${t}px`;
     },
     getLineHeight() {
       const e = window.getComputedStyle(this.$refs.textarea, null);
@@ -7534,38 +7553,38 @@ const Io = {
     }
   }
 }, Vo = /* @__PURE__ */ C(Io, [["render", $o]]), To = ["innerHTML"], Lo = ["innerHTML"];
-function Ro(e, t, i, s, a, l) {
+function Ro(e, t, i, s, n, l) {
   return o(), u("ul", {
     class: m(["w-timeline", l.classes])
   }, [
-    (o(!0), u(v, null, x(i.items, (n, r) => (o(), u("li", {
+    (o(!0), u(v, null, x(i.items, (a, r) => (o(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (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 }])
+      (o(), b(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+        class: m(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: f(() => [
-          B(S(n[i.itemIconKey] || i.icon), 1)
+          B(S(a[i.itemIconKey] || i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
       e.$slots[`item.${r + 1}`] ? c(e.$slots, `item.${r + 1}`, {
         key: 1,
-        item: n,
+        item: a,
         index: r + 1
       }) : c(e.$slots, "item", {
         key: 0,
-        item: n,
+        item: a,
         index: r + 1
       }, () => [
         w("div", {
-          class: m(["w-timeline-item__title", { [n[i.itemColorKey] || i.color]: n[i.itemColorKey] || i.color }]),
-          innerHTML: n[i.itemTitleKey]
+          class: m(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
+          innerHTML: a[i.itemTitleKey]
         }, null, 10, To),
         w("div", {
           class: "w-timeline-item__content",
-          innerHTML: n[i.itemContentKey]
+          innerHTML: a[i.itemContentKey]
         }, null, 8, Lo)
       ])
     ]))), 128))
@@ -7594,7 +7613,7 @@ const xo = {
     }
   }
 }, Oo = /* @__PURE__ */ C(xo, [["render", Ro]]);
-function Po(e, t, i, s, a, l) {
+function Po(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-toolbar", l.classes]),
     style: R(l.styles)
@@ -7625,12 +7644,12 @@ const zo = {
     // Return the height value if defined, or false otherwise.
     toolbarHeight() {
       const e = this.height;
-      return e && parseInt(e) == e ? e + "px" : e;
+      return e && parseInt(e) === e ? `${e}px` : e;
     },
     // Return the width value if defined, or false otherwise.
     toolbarWidth() {
       const e = this.width;
-      return e && parseInt(e) == e ? e + "px" : e;
+      return e && parseInt(e) === e ? `${e}px` : e;
     },
     classes() {
       return {
@@ -7654,7 +7673,7 @@ const zo = {
     }
   }
 }, Mo = /* @__PURE__ */ C(zo, [["render", Po]]);
-function Eo(e, t, i, s, a, l) {
+function Eo(e, t, i, s, n, l) {
   return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(O, {
@@ -7773,7 +7792,7 @@ const Ao = {
         mouseenter: (i) => {
           this.hoveringActivator = !0, this.open(i);
         },
-        mouseleave: (i) => {
+        mouseleave: () => {
           this.hoveringActivator = !1, this.close();
         }
       } : (this.enableTouch || this.showOnClick) && (e = { click: this.toggle }), e;
@@ -7812,7 +7831,7 @@ const Ao = {
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
 }, Wo = /* @__PURE__ */ C(Ao, [["render", Eo]]);
-function No(e, t, i, s, a, l) {
+function Ko(e, t, i, s, n, l) {
   return o(), b(O, _({ name: "bounce" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -7820,14 +7839,14 @@ function No(e, t, i, s, a, l) {
     _: 3
   }, 16);
 }
-const Ko = {
+const No = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Do = /* @__PURE__ */ C(Ko, [["render", No]]);
-function Ho(e, t, i, s, a, l) {
+}, Do = /* @__PURE__ */ C(No, [["render", Ko]]);
+function Ho(e, t, i, s, n, l) {
   return o(), b(O, {
     name: "expand",
     mode: "out-in",
@@ -7916,7 +7935,7 @@ const Fo = {
       this.animX && (e.style.width = 0, e.style.marginLeft = 0, e.style.marginRight = 0, e.style.paddingLeft = 0, e.style.paddingRight = 0, e.style.borderLeftWidth = 0, e.style.borderRightWidth = 0), this.animY && (e.style.height = 0, e.style.marginTop = 0, e.style.marginBottom = 0, e.style.paddingTop = 0, e.style.paddingBottom = 0, e.style.borderTopWidth = 0, e.style.borderBottomWidth = 0), e.style.overflow = "hidden";
     },
     applyShowStyles(e) {
-      this.animX && (e.style.width = this.el.width + "px", e.style.marginLeft = this.el.marginLeft, e.style.marginRight = this.el.marginRight, e.style.paddingLeft = this.el.paddingLeft, e.style.paddingRight = this.el.paddingRight, e.style.borderLeftWidth = this.el.borderLeftWidth, e.style.borderRightWidth = this.el.borderRightWidth), this.animY && (e.style.height = this.el.height + "px", e.style.marginTop = this.el.marginTop, e.style.marginBottom = this.el.marginBottom, e.style.paddingTop = this.el.paddingTop, e.style.paddingBottom = this.el.paddingBottom, e.style.borderTopWidth = this.el.borderTopWidth, e.style.borderBottomWidth = this.el.borderBottomWidth), e.style.transition = this.duration + "ms ease-in-out";
+      this.animX && (e.style.width = `${this.el.width}px`, e.style.marginLeft = this.el.marginLeft, e.style.marginRight = this.el.marginRight, e.style.paddingLeft = this.el.paddingLeft, e.style.paddingRight = this.el.paddingRight, e.style.borderLeftWidth = this.el.borderLeftWidth, e.style.borderRightWidth = this.el.borderRightWidth), this.animY && (e.style.height = `${this.el.height}px`, e.style.marginTop = this.el.marginTop, e.style.marginBottom = this.el.marginBottom, e.style.paddingTop = this.el.paddingTop, e.style.paddingBottom = this.el.paddingBottom, e.style.borderTopWidth = this.el.borderTopWidth, e.style.borderBottomWidth = this.el.borderBottomWidth), e.style.transition = `${this.duration}ms ease-in-out`;
     },
     applyOriginalStyles(e) {
       e.style.cssText = this.el.originalStyles;
@@ -7939,7 +7958,7 @@ const Fo = {
     }
   }
 }, jo = /* @__PURE__ */ C(Fo, [["render", Ho]]);
-function Uo(e, t, i, s, a, l) {
+function Uo(e, t, i, s, n, l) {
   return o(), b(O, _({ name: "fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -7954,7 +7973,7 @@ const qo = {
     duration: { type: [Number, String] }
   }
 }, Xo = /* @__PURE__ */ C(qo, [["render", Uo]]);
-function Yo(e, t, i, s, a, l) {
+function Yo(e, t, i, s, n, l) {
   return o(), b(O, _({ name: "scale" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -7969,7 +7988,7 @@ const Go = {
     duration: { type: [Number, String] }
   }
 }, Jo = /* @__PURE__ */ C(Go, [["render", Yo]]);
-function Qo(e, t, i, s, a, l) {
+function Qo(e, t, i, s, n, l) {
   return o(), b(O, _({ name: "scale-fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -7984,7 +8003,7 @@ const Zo = {
     duration: { type: [Number, String] }
   }
 }, ea = /* @__PURE__ */ C(Zo, [["render", Qo]]);
-function ta(e, t, i, s, a, l) {
+function ta(e, t, i, s, n, l) {
   return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -8011,7 +8030,7 @@ const ia = {
     }
   }
 }, la = /* @__PURE__ */ C(ia, [["render", ta]]);
-function sa(e, t, i, s, a, l) {
+function sa(e, t, i, s, n, l) {
   return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -8038,7 +8057,7 @@ const oa = {
     }
   }
 }, aa = /* @__PURE__ */ C(oa, [["render", sa]]);
-function na(e, t, i, s, a, l) {
+function na(e, t, i, s, n, l) {
   return o(), b(O, _({ name: "twist" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
@@ -8056,8 +8075,8 @@ const ra = {
   key: 1,
   class: "ml1"
 };
-function ca(e, t, i, s, a, l) {
-  const n = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
+function ca(e, t, i, s, n, l) {
+  const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return o(), u("ul", {
     class: m(["w-tree", l.classes])
   }, [
@@ -8074,7 +8093,7 @@ function ca(e, t, i, s, a, l) {
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: f(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(n, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
             onClick: M((k) => !i.disabled && !h.disabled && l.onLabelClick(h, k), ["stop"]),
@@ -8213,8 +8232,8 @@ const pa = {
       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, s) => {
-        var l, n;
-        const a = {
+        var l, a;
+        const n = {
           originalItem: i,
           // Store the original item to return it on event emits.
           _uid: this.depth.toString() + (s + 1),
@@ -8226,12 +8245,12 @@ const pa = {
           disabled: i[this.itemDisabledKey],
           selected: ((l = t[s]) == null ? void 0 : l.selected) || !1,
           depth: this.depth,
-          open: !!((n = t[s]) != null && n.open || this.expandAll || i[this.itemOpenKey]),
+          open: !!((a = t[s]) != null && a.open || this.expandAll || i[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
           // Ancestors path from root to leaf including self.
         };
-        a.path = this.getTreeItemPath(a), this.currentDepthItems.push(a);
+        n.path = this.getTreeItemPath(n), this.currentDepthItems.push(n);
       });
     },
     getTreeItemComponent(e) {
@@ -8277,8 +8296,8 @@ const pa = {
     },
     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 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);
+        const s = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), l = t.keyCode === 38 ? -1 : 1;
+        [...s].some((a, r) => a.isSameNode(n) ? (s[r + l] && s[r + l].focus(), !0) : !1);
       }
       t.keyCode === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },
@@ -8317,7 +8336,7 @@ const pa = {
       return !1;
     },
     focusTreeItem(e) {
-      e && e.querySelector(".w-tree__item-label").focus();
+      e == null || e.querySelector(".w-tree__item-label").focus();
     },
     itemIcon(e) {
       return e.originalItem[this.itemIconKey] || !e.children && !e.branch && this.leafIcon || (e.children || e.branch) && (e.open && this.branchOpenIcon || this.branchIcon);
@@ -8389,7 +8408,7 @@ const pa = {
   WSteps: ks,
   WSwitch: Vs,
   WTable: yo,
-  WTabs: Ks,
+  WTabs: Ns,
   WTag: Co,
   WTextarea: Vo,
   WTimeline: Oo,