wave-ui 3.6.2 → 3.7.0

package/dist/wave-ui.es.js

@@ -1,15 +1,15 @@
 var ve = Object.defineProperty;
-var ke = (e, t, l) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var D = (e, t, l) => (ke(e, typeof t != "symbol" ? t + "" : t, l), l), ne = (e, t, l) => {
+var ke = (e, t, i) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var D = (e, t, i) => (ke(e, typeof t != "symbol" ? t + "" : t, i), i), ne = (e, t, i) => {
   if (!t.has(e))
-    throw TypeError("Cannot " + l);
+    throw TypeError("Cannot " + i);
 };
-var Y = (e, t, l) => (ne(e, t, "read from private field"), l ? l.call(e) : t.get(e)), ee = (e, t, l) => {
+var Y = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ee = (e, t, i) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, l);
-}, te = (e, t, l, o) => (ne(e, t, "write to private field"), o ? o.call(e, l) : t.set(e, l), l);
-import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as E, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+  t instanceof WeakSet ? t.add(e) : t.set(e, i);
+}, te = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as E, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as le, resolveDirective as ge, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -55,36 +55,36 @@ const Ie = Q({
   if (!Object.keys(t).length)
     t = Object.assign(t, e);
   else
-    for (const l in e) {
-      const o = e[l];
-      typeof o == "object" ? ye(e[l], t[l]) : t[l] = o;
+    for (const i in e) {
+      const o = e[i];
+      typeof o == "object" ? ye(e[i], t[i]) : t[i] = o;
     }
   return t;
-}, U = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Te = (e) => {
+}, U = (e) => console.warn(`Wave UI: ${e}`), ie = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
   ["light", "dark"].forEach((t) => {
-    const l = e.colors[t];
-    l.shades = {};
-    for (let o in l) {
+    const i = e.colors[t];
+    i.shades = {};
+    for (let o in i) {
       if (o === "shades")
         continue;
-      o = { label: o, color: l[o].replace("#", "") };
+      o = { label: o, color: i[o].replace("#", "") };
       const n = o.color;
       n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
-      for (let i = 1; i <= 3; i++) {
-        const a = re(`#${o.color}`, i * 40), r = re(`#${o.color}`, -i * 40);
-        l.shades[`${o.label}-light${i}`] = a, l.shades[`${o.label}-dark${i}`] = r;
+      for (let l = 1; l <= 3; l++) {
+        const a = re(`#${o.color}`, l * 40), r = re(`#${o.color}`, -l * 40);
+        i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
       }
     }
   });
 }, de = (e, t) => {
-  const l = {
+  const i = {
     ...t.reduce((o, n) => {
       o[n.label] = n.color;
-      const i = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
-      return { ...o, ...i };
+      const l = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
+      return { ...o, ...l };
     }, { ...e, ...e.shades })
   };
-  return delete l.shades, l;
+  return delete i.shades, i;
 }, ue = [
   {
     label: "pink",
@@ -439,35 +439,35 @@ const Ie = Q({
 let se = { keys: [], values: [] }, he = null;
 const Re = (e) => {
   let t = "";
-  const l = {}, { info: o, warning: n, success: i, error: a, shades: r, ...d } = e, { cssScope: h } = q;
+  const i = {}, { info: o, warning: n, success: l, error: a, shades: r, ...d } = e, { cssScope: h } = q;
   for (const b in d)
     t += `${h} .${b}--bg{background-color:var(--w-${b}-color)}${h} .${b}{color:var(--w-${b}-color)}`;
   for (const b in r)
     t += `${h} .${b}--bg{background-color:${r[b]}}${h} .${b}{color:${r[b]}}`;
-  const y = { ...d, info: o, warning: n, success: i, error: a };
+  const y = { ...d, info: o, warning: n, success: l, error: a };
   for (const b in y)
-    l[b] = y[b];
+    i[b] = y[b];
   let B = "";
-  return Object.entries(l).forEach(([b, T]) => {
+  return Object.entries(i).forEach(([b, T]) => {
     B += `--w-${b}-color: ${T};`;
   }), `:root{${B}}${t}`;
 }, Le = (e, t) => {
-  let l = "";
+  let i = "";
   const { cssScope: o } = q;
-  return e.forEach(({ min: n, label: i }) => {
-    if (i === "xs")
+  return e.forEach(({ min: n, label: l }) => {
+    if (l === "xs")
       for (let a = 0; a < t; a++)
-        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
-      l += `@media(min-width:${n}px){`;
+      i += `@media(min-width:${n}px){`;
       for (let a = 0; a < t; a++)
-        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
-      l += "}";
+        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+      i += "}";
     }
-  }), l;
+  }), i;
 }, xe = (e) => {
   let t = "";
-  const { cssScope: l, baseIncrement: o } = q, n = [
+  const { cssScope: i, baseIncrement: o } = q, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -501,18 +501,18 @@ const Re = (e) => {
     "justify-space-between{justify-content:space-between}",
     "justify-space-around{justify-content:space-around}",
     "justify-space-evenly{justify-content:space-evenly}"
-  ], i = Array(12).fill();
+  ], l = Array(12).fill();
   return e.forEach(({ label: a, min: r }) => {
-    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${l} .${a}u-${d}`).join("") + i.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${i} .${a}u-${d}`).join("") + l.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: r, max: d }) => {
-    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${l} .${a}-${h}`).join("") + i.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + 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) * o}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) => `${l} .${a}d-${d}`).join("") + i.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
+    a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
 }, ce = (e) => {
-  const t = window.innerWidth, l = se.values.slice(0);
-  l.push(t), l.sort((n, i) => n - i);
-  const o = se.keys[l.indexOf(t)] || "xl";
+  const t = window.innerWidth, i = se.values.slice(0);
+  i.push(t), i.sort((n, l) => n - l);
+  const o = se.keys[i.indexOf(t)] || "xl";
   o !== he && (he = o, e.breakpoint = {
     name: o,
     xs: o === "xs",
@@ -525,47 +525,47 @@ const Re = (e) => {
 }, Oe = (e) => {
   const { config: t } = e;
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
-    const l = document.createElement("style");
-    l.id = "wave-ui-styles", l.innerHTML = ze(t);
+    const i = document.createElement("style");
+    i.id = "wave-ui-styles", i.innerHTML = ze(t);
     const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    o ? o.before(l) : document.head.appendChild(l);
+    o ? o.before(i) : document.head.appendChild(i);
   }
   ce(e), window.addEventListener("resize", () => ce(e));
 }, Pe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
     t.id = "wave-ui-colors", t.innerHTML = Re(e);
-    const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    l ? l.before(t) : document.head.appendChild(t);
+    const i = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    i ? i.before(t) : document.head.appendChild(t);
   }
 }, ze = (e) => {
-  const t = Object.entries(e.breakpoints), l = t.map(([i, a], r) => {
+  const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
-    return { label: i, min: d ? d + 1 : 0, max: a };
+    return { label: l, min: d ? d + 1 : 0, max: a };
   }), o = getComputedStyle(document.documentElement);
   q.cssScope = o.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += Le(l, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(l)), n;
+  return n += Le(i, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(i)), n;
 }, Me = ["innerHTML"];
-function Ee(e, t, l, o, n, i) {
+function Ee(e, t, i, o, n, l) {
   const a = $("w-alert");
-  return s(), m(_e, { to: ".w-app" }, [
+  return s(), g(_e, { to: ".w-app" }, [
     I(ae, {
-      class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
+      class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
-      name: i.transition,
+      name: l.transition,
       appear: ""
     }, {
-      default: g(() => [
-        (s(!0), u(k, null, L(i.notifications, (r) => (s(), u(k, null, [
-          r._value ? (s(), m(a, C({
+      default: m(() => [
+        (s(!0), u(k, null, L(l.notifications, (r) => (s(), u(k, null, [
+          r._value ? (s(), g(a, C({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
             "onUpdate:modelValue": (d) => r._value = d,
             onClose: r.dismiss
-          }, i.notifProps(r)), {
-            default: g(() => [
+          }, l.notifProps(r)), {
+            default: m(() => [
               w("div", {
                 innerHTML: r.message
               }, null, 8, Me)
@@ -579,10 +579,10 @@ function Ee(e, t, l, o, n, i) {
   ]);
 }
 const v = (e, t) => {
-  const l = e.__vccOpts || e;
+  const i = e.__vccOpts || e;
   for (const [o, n] of t)
-    l[o] = n;
-  return l;
+    i[o] = n;
+  return i;
 }, We = {
   name: "w-notification-manager",
   computed: {
@@ -599,8 +599,8 @@ const v = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: l, message: o, timeout: n, ...i } = e;
-      return i.dismiss && (i.dismiss = !0), i;
+      const { _value: t, _uid: i, message: o, timeout: n, ...l } = e;
+      return l.dismiss && (l.dismiss = !0), l;
     }
   }
 }, Ae = /* @__PURE__ */ v(We, [["render", Ee]]);
@@ -621,38 +621,38 @@ const F = class {
     }, te(F, H, this);
   }
   notify(...t) {
-    let l = {
+    let i = {
       ...this._notificationDefaults,
       _uid: this._uid++
     };
     if (typeof t[0] == "object")
-      l = { ...l, ...t[0] };
+      i = { ...i, ...t[0] };
     else {
-      const [o, n, i] = t;
-      l = {
-        ...l,
+      const [o, n, l] = t;
+      i = {
+        ...i,
         message: o || "",
         [n === void 0 ? "info" : n]: !0,
-        timeout: i || i === 0 ? parseFloat(i) : 4e3
+        timeout: l || l === 0 ? parseFloat(l) : 4e3
       };
     }
-    l.dismiss && (l.dismiss = () => this.dismiss(l._uid)), this.notifications.push(l), ~~l.timeout !== 0 && setTimeout(() => this.dismiss(l._uid), l.timeout);
+    i.dismiss && (i.dismiss = () => this.dismiss(i._uid)), this.notifications.push(i), ~~i.timeout !== 0 && setTimeout(() => this.dismiss(i._uid), i.timeout);
   }
   dismiss(t) {
-    this.notifications = this.notifications.filter((l) => l._uid !== t);
+    this.notifications = this.notifications.filter((i) => i._uid !== t);
   }
 };
 let G = F;
 H = new WeakMap(), ee(G, H, void 0);
-const Ne = (e, t, l) => {
+const Ne = (e, t, i) => {
   const o = document.createElement("div");
   e.appendChild(o);
   const n = Ce(Se({
     ...Ae,
     inject: ["$waveui"]
-  })).provide("$waveui", l);
-  for (const i in t) {
-    const a = t[i];
+  })).provide("$waveui", i);
+  for (const l in t) {
+    const a = t[l];
     n.component(a.name, { ...a, inject: ["$waveui"] });
   }
   n.mount(o), o.remove();
@@ -660,30 +660,30 @@ const Ne = (e, t, l) => {
 let pe = !1;
 const Ke = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
-  e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (l) => {
-    e.preferredTheme = l.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
+  e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
+    e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
 }, He = (e, t) => {
-  var l, o;
+  var i, o;
   for (const n in t)
-    if ((l = e.props) != null && l[n])
+    if ((i = e.props) != null && i[n])
       e.props[n].default = t[n];
     else {
-      let i = !1;
+      let l = !1;
       if (Array.isArray(e.mixins) && e.mixins.length) {
         for (const a of e.mixins)
           if ((o = a == null ? void 0 : a.props) != null && o[n]) {
-            a.props[n].default = t[n], i = !0;
+            a.props[n].default = t[n], l = !0;
             break;
           }
-        i || U(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+        l || U(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
         continue;
       }
     }
 };
 var X;
 const j = class {
-  constructor(t, l = {}) {
+  constructor(t, i = {}) {
     D(this, "$waveui", {
       breakpoint: {
         name: "",
@@ -702,9 +702,9 @@ const j = class {
       notify(...t) {
         this._notificationManager.notify(...t);
       },
-      switchTheme(t, l = !1) {
-        var n, i;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || i.call(n);
+      switchTheme(t, i = !1) {
+        var n, l;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || l.call(n);
         const o = this.config.colors[this.theme];
         Pe(o), this.colors = de(o, ue);
       }
@@ -713,124 +713,124 @@ const j = class {
       console.warn("Wave UI is already instantiated.");
       return;
     }
-    if (this.$waveui._notificationManager = new G(), l.theme || (l.theme = "light"), l.colors) {
-      const a = { ...l.colors };
-      l.colors.light || (l.colors.light = a), l.colors.dark || (l.colors.dark = a), l.colors = { light: l.colors.light, dark: l.colors.dark };
+    if (this.$waveui._notificationManager = new G(), i.theme || (i.theme = "light"), i.colors) {
+      const a = { ...i.colors };
+      i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
-    let { components: o, ...n } = l;
+    let { components: o, ...n } = i;
     n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
-    const i = Q(this.$waveui);
-    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
+    const l = Q(this.$waveui);
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
   }
-  static install(t, l = {}) {
+  static install(t, i = {}) {
     var n;
     t.directive("focus", {
-      mounted: (i) => setTimeout(() => i.focus(), 0)
+      mounted: (l) => setTimeout(() => l.focus(), 0)
     }), t.directive("scroll", {
-      mounted: (i, a) => {
+      mounted: (l, a) => {
         const r = (d) => {
-          a.value(d, i) && window.removeEventListener("scroll", r);
+          a.value(d, l) && window.removeEventListener("scroll", r);
         };
         window.addEventListener("scroll", r);
       }
     });
-    const { components: o = {} } = l || {};
-    for (const i in o) {
-      const a = o[i];
-      (n = l.presets) != null && n[a.name] && He(a, l.presets[a.name]), t.component(a.name, a);
+    const { components: o = {} } = i || {};
+    for (const l in o) {
+      const a = o[l];
+      (n = i.presets) != null && n[a.name] && He(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       beforeMount() {
         if (!pe) {
           pe = !0;
-          const i = Be("$waveui"), { config: a } = i, r = document.querySelector(a.on) || document.body;
-          r.classList.add("w-app"), a.theme === "auto" ? Ke(i) : i.switchTheme(a.theme, !0), Oe(i), Ne(r, o, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          const l = Be("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
+          r.classList.add("w-app"), a.theme === "auto" ? Ke(l) : l.switchTheme(a.theme, !0), Oe(l), Ne(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
-    }), new j(t, l), te(j, X, !0);
+    }), new j(t, i), te(j, X, !0);
   }
 };
 let K = j;
 X = new WeakMap(), ee(K, X, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], je = ["innerHTML"], Ue = ["innerHTML"];
-function qe(e, t, l, o, n, i) {
+function qe(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
-    class: f(["w-accordion", i.accordionClasses])
+    class: f(["w-accordion", l.accordionClasses])
   }, [
     (s(!0), u(k, null, L(e.accordionItems, (d, h) => (s(), u("div", {
-      class: f(["w-accordion__item", i.itemClasses(d)]),
+      class: f(["w-accordion__item", l.itemClasses(d)]),
       key: h,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
       w("div", {
-        class: f(["w-accordion__item-title", l.titleClass]),
-        onClick: (y) => !d._disabled && i.toggleItem(d, y),
-        onFocus: (y) => e.$emit("focus", i.getOriginalItem(d)),
-        onKeypress: W((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
+        class: f(["w-accordion__item-title", i.titleClass]),
+        onClick: (y) => !d._disabled && l.toggleItem(d, y),
+        onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
+        onKeypress: W((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        l.expandIcon && !l.expandIconRight ? (s(), m(a, {
+        i.expandIcon && !i.expandIconRight ? (s(), g(a, {
           key: 0,
-          class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
-          icon: d._expanded && l.collapseIcon || l.expandIcon,
-          "icon-props": l.expandIconProps,
+          class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
+          icon: d._expanded && i.collapseIcon || i.expandIcon,
+          "icon-props": i.expandIconProps,
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
           onKeypress: t[0] || (t[0] = E(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
+          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : c("", !0),
         e.$slots[`item-title.${d.id || h + 1}`] ? p(e.$slots, `item-title.${d.id || h + 1}`, {
           key: 1,
-          item: i.getOriginalItem(d),
+          item: l.getOriginalItem(d),
           expanded: d._expanded,
           index: h + 1
         }) : p(e.$slots, "item-title", {
           key: 2,
-          item: i.getOriginalItem(d),
+          item: l.getOriginalItem(d),
           expanded: d._expanded,
           index: h + 1
         }, () => [
           w("div", {
             class: "grow",
-            innerHTML: d[l.itemTitleKey]
+            innerHTML: d[i.itemTitleKey]
           }, null, 8, je)
         ]),
-        l.expandIcon && l.expandIconRight ? (s(), m(a, {
+        i.expandIcon && i.expandIconRight ? (s(), g(a, {
           key: 3,
-          class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
-          icon: d._expanded && l.collapseIcon || l.expandIcon,
+          class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
+          icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
           onKeypress: t[1] || (t[1] = E(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
+          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
       I(r, {
         y: "",
-        onAfterLeave: (y) => i.onEndOfCollapse(d),
-        duration: l.duration
+        onAfterLeave: (y) => l.onEndOfCollapse(d),
+        duration: i.duration
       }, {
-        default: g(() => [
+        default: m(() => [
           d._expanded ? (s(), u("div", {
             key: 0,
-            class: f(["w-accordion__item-content", l.contentClass])
+            class: f(["w-accordion__item-content", i.contentClass])
           }, [
             e.$slots[`item-content.${d.id || h + 1}`] ? p(e.$slots, `item-content.${d.id || h + 1}`, {
               key: 0,
-              item: i.getOriginalItem(d),
+              item: l.getOriginalItem(d),
               expanded: d._expanded,
               index: h + 1
             }) : p(e.$slots, "item-content", {
               key: 1,
-              item: i.getOriginalItem(d),
+              item: l.getOriginalItem(d),
               expanded: d._expanded,
               index: h + 1
             }, () => [
               w("div", {
-                innerHTML: d[l.itemContentKey]
+                innerHTML: d[i.itemContentKey]
               }, null, 8, Ue)
             ])
           ], 2)) : c("", !0)
@@ -885,8 +885,8 @@ const Xe = {
   methods: {
     toggleItem(e, t) {
       e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((o) => o._index !== e._index && (o._expanded = !1));
-      const l = this.accordionItems.map((o) => o._expanded || !1);
-      this.$emit("update:modelValue", l), this.$emit("input", l), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
+      const i = this.accordionItems.map((o) => o._expanded || !1);
+      this.$emit("update:modelValue", i), this.$emit("input", i), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
     },
     onEndOfCollapse(e) {
       this.$emit("item-collapsed", { item: e, expanded: e._expanded });
@@ -904,10 +904,10 @@ const Xe = {
     },
     updateItems() {
       const e = typeof this.items == "number" ? Array(this.items).fill({}) : this.items || [];
-      this.accordionItems = e.map((t, l) => ({
+      this.accordionItems = e.map((t, i) => ({
         ...t,
-        _index: l,
-        _expanded: this.modelValue && this.modelValue[l],
+        _index: i,
+        _expanded: this.modelValue && this.modelValue[i],
         _disabled: !!t.disabled
       }));
     }
@@ -927,26 +927,26 @@ const Xe = {
     }
   }
 }, Ye = /* @__PURE__ */ v(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
-function Je(e, t, l, o, n, i) {
+function Je(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-button");
   return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
-  }, z(e.$attrs, !0), { class: i.classes }), [
-    i.type || l.icon || l.dismiss ? (s(), u(k, { key: 0 }, [
-      i.type || l.icon ? (s(), m(a, {
+  }, z(e.$attrs, !0), { class: l.classes }), [
+    l.type || i.icon || i.dismiss ? (s(), u(k, { key: 0 }, [
+      l.type || i.icon ? (s(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
-        default: g(() => [
-          S(_(i.type ? i.typeIcon : l.icon), 1)
+        default: m(() => [
+          S(_(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
       w("div", Ge, [
         p(e.$slots, "default")
       ]),
-      l.dismiss ? (s(), m(r, {
+      i.dismiss ? (s(), g(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -1040,12 +1040,12 @@ const Qe = {
     }
   }
 }, Ze = /* @__PURE__ */ v(Qe, [["render", Je]]), et = { class: "w-app" };
-function tt(e, t, l, o, n, i) {
+function tt(e, t, i, o, n, l) {
   return s(), u("div", et, [
     p(e.$slots, "default")
   ]);
 }
-const lt = {
+const it = {
   name: "w-app",
   props: {
     block: { type: Boolean },
@@ -1060,25 +1060,25 @@ const lt = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, it = /* @__PURE__ */ v(lt, [["render", tt]]);
-function st(e, t, l, o, n, i) {
+}, lt = /* @__PURE__ */ v(it, [["render", tt]]);
+function st(e, t, i, o, n, l) {
   return s(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
     p(e.$slots, "default"),
     I(O, {
-      name: `${l.transition}`
+      name: `${i.transition}`
     }, {
-      default: g(() => [
-        l.modelValue ? (s(), u("div", {
+      default: m(() => [
+        i.modelValue ? (s(), u("div", {
           key: 0,
-          class: f(["w-badge", i.classes]),
-          style: R(i.styles),
+          class: f(["w-badge", l.classes]),
+          style: R(l.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
           role: "status"
         }, [
-          l.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
-            S(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+          i.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
+            S(_(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -1150,56 +1150,56 @@ const at = {
     }
   }
 }, ot = /* @__PURE__ */ v(at, [["render", st]]), nt = ["innerHTML"];
-function rt(e, t, l, o, n, i) {
+function rt(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), u("div", {
-    class: f(["w-breadcrumbs", i.classes])
+    class: f(["w-breadcrumbs", l.classes])
   }, [
-    (s(!0), u(k, null, L(l.items, (r, d) => (s(), u(k, null, [
+    (s(!0), u(k, null, L(i.items, (r, d) => (s(), u(k, null, [
       d && e.$slots.separator ? (s(), u("span", {
-        class: f(["w-breadcrumbs__separator", l.separatorColor]),
+        class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
       }, [
         p(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), m(a, {
-        class: f(["w-breadcrumbs__separator", l.separatorColor]),
+      ], 2)) : d ? (s(), g(a, {
+        class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
-        default: g(() => [
-          S(_(l.icon), 1)
+        default: m(() => [
+          S(_(i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
-      r[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(k, { key: 2 }, [
-        e.$slots.item ? (s(), m(V(i.hasRouter ? "router-link" : "a"), {
-          class: f(["w-breadcrumbs__item", l.color || null]),
+      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(k, { key: 2 }, [
+        e.$slots.item ? (s(), g(V(l.hasRouter ? "router-link" : "a"), {
+          class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
-          to: i.hasRouter && r[l.itemRouteKey],
-          href: r[l.itemRouteKey]
+          to: l.hasRouter && r[i.itemRouteKey],
+          href: r[i.itemRouteKey]
         }, {
-          default: g(() => [
+          default: m(() => [
             p(e.$slots, "item", {
               item: r,
               index: d + 1,
-              isLast: d === l.items.length - 1
+              isLast: d === i.items.length - 1
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), m(V(i.hasRouter ? "router-link" : "a"), {
-          class: f(["w-breadcrumbs__item", l.color || null]),
+        }, 1032, ["to", "href", "class"])) : (s(), g(V(l.hasRouter ? "router-link" : "a"), {
+          class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
-          to: i.hasRouter && r[l.itemRouteKey],
-          href: r[l.itemRouteKey],
-          innerHTML: r[l.itemLabelKey]
+          to: l.hasRouter && r[i.itemRouteKey],
+          href: r[i.itemRouteKey],
+          innerHTML: r[i.itemLabelKey]
         }, null, 8, ["to", "href", "innerHTML", "class"]))
       ], 64)) : e.$slots.item ? p(e.$slots, "item", {
         key: `${d}e`,
         item: r,
         index: d + 1,
-        isLast: d === l.items.length - 1
+        isLast: d === i.items.length - 1
       }) : (s(), u("span", {
         key: `${d}f`,
-        innerHTML: r[l.itemLabelKey]
+        innerHTML: r[i.itemLabelKey]
       }, null, 8, nt))
     ], 64))), 256))
   ], 2);
@@ -1248,24 +1248,24 @@ const dt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function pt(e, t, l, o, n, i) {
+function pt(e, t, i, o, n, l) {
   const a = $("w-icon");
-  return s(), m(V(l.route ? "a" : "button"), C({
-    class: ["w-button", i.classes],
-    type: !l.route && l.type,
-    href: l.route && (i.externalLink ? l.route : i.resolvedRoute) || null,
-    disabled: !!l.disabled || null
-  }, z(i.listeners), { style: i.styles }), {
-    default: g(() => [
-      l.icon ? (s(), m(a, ie(C({ key: 0 }, l.iconProps || {})), {
-        default: g(() => [
-          S(_(l.icon), 1)
+  return s(), g(V(i.route ? "a" : "button"), C({
+    class: ["w-button", l.classes],
+    type: !i.route && i.type,
+    href: i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
+    disabled: !!i.disabled || null
+  }, z(l.listeners), { style: l.styles }), {
+    default: m(() => [
+      i.icon ? (s(), g(a, le(C({ key: 0 }, i.iconProps || {})), {
+        default: m(() => [
+          S(_(i.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
       I(O, { name: "scale-fade" }, {
-        default: g(() => [
-          l.loading ? (s(), u("div", ht, [
+        default: m(() => [
+          i.loading ? (s(), u("div", ht, [
             p(e.$slots, "loading", {}, () => [
               ct
             ])
@@ -1367,27 +1367,27 @@ const ft = {
       };
     }
   }
-}, gt = /* @__PURE__ */ v(ft, [["render", pt]]), mt = ["innerHTML"];
-function bt(e, t, l, o, n, i) {
+}, mt = /* @__PURE__ */ v(ft, [["render", pt]]), gt = ["innerHTML"];
+function bt(e, t, i, o, n, l) {
   const a = $("button-partial");
-  return l.tooltip ? (s(), m(V("w-tooltip"), ie(C({ key: 0 }, l.tooltipProps || {})), {
-    activator: g(({ on: r }) => [
-      I(a, C(i.buttonProps, z(r)), {
-        default: g(() => [
+  return i.tooltip ? (s(), g(V("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
+    activator: m(({ on: r }) => [
+      I(a, C(l.buttonProps, z(r)), {
+        default: m(() => [
           p(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
     ]),
-    default: g(() => [
-      w("div", { innerHTML: l.tooltip }, null, 8, mt)
+    default: m(() => [
+      w("div", { innerHTML: i.tooltip }, null, 8, gt)
     ]),
     _: 3
-  }, 16)) : (s(), m(a, ie(C({ key: 1 }, i.buttonProps)), {
-    loading: g(() => [
+  }, 16)) : (s(), g(a, le(C({ key: 1 }, l.buttonProps)), {
+    loading: m(() => [
       p(e.$slots, "loading")
     ]),
-    default: g(() => [
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -1429,48 +1429,48 @@ const yt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: gt },
+  components: { ButtonPartial: mt },
   emits: [],
   computed: {
     buttonProps() {
-      const { tooltip: e, tooltipProps: t, ...l } = this.$props;
-      return { ...l, ...this.$attrs };
+      const { tooltip: e, tooltipProps: t, ...i } = this.$props;
+      return { ...i, ...this.$attrs };
     }
   }
 }, wt = /* @__PURE__ */ v(yt, [["render", bt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), vt = ["innerHTML"];
-function kt(e, t, l, o, n, i) {
+function kt(e, t, i, o, n, l) {
   const a = $("w-image");
   return s(), u("div", {
-    class: f(["w-card", i.classes])
+    class: f(["w-card", l.classes])
   }, [
     e.$slots.title ? (s(), u("div", {
       key: 0,
-      class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }])
+      class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }])
     }, [
       p(e.$slots, "title")
-    ], 2)) : l.title ? (s(), u("div", {
+    ], 2)) : i.title ? (s(), u("div", {
       key: 1,
-      class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }]),
-      innerHTML: l.title
+      class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
+      innerHTML: i.title
     }, null, 10, vt)) : c("", !0),
-    l.image ? (s(), m(a, C({
+    i.image ? (s(), g(a, C({
       key: 2,
       class: "w-card__image",
-      src: l.image
-    }, i.imgProps), {
-      default: g(() => [
+      src: i.image
+    }, l.imgProps), {
+      default: m(() => [
         p(e.$slots, "image-content")
       ]),
       _: 3
     }, 16, ["src"])) : c("", !0),
     w("div", {
-      class: f(["w-card__content", i.contentClasses])
+      class: f(["w-card__content", l.contentClasses])
     }, [
       p(e.$slots, "default")
     ], 2),
     e.$slots.actions ? (s(), u("div", {
       key: 3,
-      class: f(["w-card__actions", { "w-card__actions--has-toolbar": i.actionsHasToolbar }])
+      class: f(["w-card__actions", { "w-card__actions--has-toolbar": l.actionsHasToolbar }])
     }, [
       p(e.$slots, "actions")
     ], 2)) : c("", !0)
@@ -1573,16 +1573,16 @@ const _t = {
 ], -1), It = [
   Vt
 ], Tt = ["for"], Rt = ["for", "innerHTML"];
-function Lt(e, t, l, o, n, i) {
-  return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Lt(e, t, i, o, n, l) {
+  return s(), g(V(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
       e.$emit("update:modelValue", n.isChecked = null), e.$emit("input", null);
     }),
-    class: i.classes
+    class: l.classes
   }), {
-    default: g(() => [
+    default: m(() => [
       w("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
@@ -1594,25 +1594,25 @@ function Lt(e, t, l, o, n, i) {
         tabindex: e.tabindex || null,
         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) => i.onInput()),
-        onKeypress: t[3] || (t[3] = W((...a) => i.onInput && i.onInput(...a), ["enter"])),
+        onChange: t[2] || (t[2] = (a) => l.onInput()),
+        onKeypress: t[3] || (t[3] = W((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, St),
-      i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
+      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, Bt)) : l.label ? (s(), u("label", {
+        ], 10, Bt)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
-          innerHTML: l.label
+          innerHTML: i.label
         }, null, 10, $t)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
@@ -1621,20 +1621,20 @@ function Lt(e, t, l, o, n, i) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, It, 2),
-      i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
+      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, Tt)) : l.label ? (s(), u("label", {
+        ], 10, Tt)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
-          innerHTML: l.label
+          innerHTML: i.label
         }, null, 10, Rt)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
@@ -1691,7 +1691,9 @@ const xt = {
   },
   methods: {
     onInput() {
-      this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked), this.$emit("input", this.isChecked), this.noRipple || (this.isChecked ? (this.ripple.start = !0, this.ripple.timeout = setTimeout(() => {
+      this.isChecked = !this.isChecked;
+      const e = this.isChecked && this.returnValue !== void 0 ? this.returnValue : this.isChecked;
+      this.$emit("update:modelValue", e), this.$emit("input", e), this.noRipple || (this.isChecked ? (this.ripple.start = !0, this.ripple.timeout = setTimeout(() => {
         this.ripple.start = !1, this.ripple.end = !0, setTimeout(() => this.ripple.end = !1, 100);
       }, 700)) : (this.ripple.start = !1, clearTimeout(this.ripple.timeout)));
     }
@@ -1702,32 +1704,32 @@ const xt = {
     }
   }
 }, Ot = /* @__PURE__ */ v(xt, [["render", Lt]]), Pt = ["innerHTML"];
-function zt(e, t, l, o, n, i) {
+function zt(e, t, i, o, n, l) {
   const a = $("w-checkbox");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
-    onReset: i.reset,
-    column: !l.inline,
-    wrap: l.inline,
-    class: i.classes
+    onReset: l.reset,
+    column: !i.inline,
+    wrap: i.inline,
+    class: l.classes
   }), {
-    default: g(() => [
-      (s(!0), u(k, null, L(i.checkboxItems, (r, d) => (s(), m(a, C({
+    default: m(() => [
+      (s(!0), u(k, null, L(l.checkboxItems, (r, d) => (s(), g(a, C({
         key: d,
         "model-value": r._isChecked,
-        "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
+        "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: `${e.inputName}[]`
-      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
+      }, { label: r.label, color: r.color, labelOnLeft: i.labelOnLeft, labelColor: i.labelColor, round: i.round }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
-        class: { mt1: !l.inline && d }
+        class: { mt1: !i.inline && d }
       }), {
-        default: g(() => [
+        default: m(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
-            item: i.getOriginalItem(r),
+            item: l.getOriginalItem(r),
             checked: !!r._isChecked,
             index: d + 1,
             innerHTML: r.label
@@ -1748,6 +1750,7 @@ const Mt = {
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
+    returnValues: { type: Boolean },
     labelOnLeft: { type: Boolean },
     itemLabelKey: { type: String, default: "label" },
     itemValueKey: { type: String, default: "value" },
@@ -1764,14 +1767,14 @@ const Mt = {
   computed: {
     checkboxItems() {
       return (this.items || []).map((e, t) => {
-        const l = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
+        const i = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
         return Q({
           ...e,
           label: e[this.itemLabelKey],
           _index: t,
-          value: l,
+          value: i,
           color: e[this.itemColorKey] || this.color,
-          _isChecked: this.modelValue && this.modelValue.includes(l)
+          _isChecked: this.modelValue && this.modelValue.includes(i)
         });
       });
     },
@@ -1788,65 +1791,65 @@ const Mt = {
     },
     toggleCheck(e, t) {
       e._isChecked = t;
-      const l = this.checkboxItems.filter((o) => o._isChecked).map((o) => o.value);
-      this.$emit("update:modelValue", l), this.$emit("input", l);
+      const i = this.checkboxItems.filter((o) => o._isChecked).map((o) => this.returnValues ? o.returnValue : o.value);
+      this.$emit("update:modelValue", i), this.$emit("input", i);
     },
     getOriginalItem(e) {
       return this.items[e._index];
     }
   }
 }, Et = /* @__PURE__ */ v(Mt, [["render", zt]]);
-function Wt(e, t, l, o, n, i) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = me("focus");
-  return s(), m(d, C({
+function Wt(e, t, i, o, n, l) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ge("focus");
+  return s(), g(d, C({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
-  }, i.wMenuProps), {
-    activator: g(({ on: y }) => [
-      I(a, C({ class: "w-confirm" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
-        default: g(() => [
+  }, l.wMenuProps), {
+    activator: m(({ on: y }) => [
+      I(a, C({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : y }), {
+        default: m(() => [
           p(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
     ]),
-    default: g(() => [
+    default: m(() => [
       I(r, {
-        column: !l.inline,
+        column: !i.inline,
         "align-center": ""
       }, {
-        default: g(() => [
+        default: m(() => [
           w("div", null, [
             p(e.$slots, "question", {}, () => [
-              S(_(l.question), 1)
+              S(_(i.question), 1)
             ])
           ]),
           w("div", {
-            class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
+            class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            l.cancel !== !1 ? (s(), m(a, C({
+            i.cancel !== !1 ? (s(), g(a, C({
               key: 0,
               class: "mr2"
-            }, i.cancelButtonProps, {
-              "bg-color": (i.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = W((y) => !l.persistent && i.onCancel(), ["escape"])),
-              onClick: i.onCancel
+            }, l.cancelButtonProps, {
+              "bg-color": (l.cancelButton || {}).bgColor || "error",
+              onKeyup: t[0] || (t[0] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onClick: l.onCancel
             }), {
-              default: g(() => [
+              default: m(() => [
                 p(e.$slots, "cancel", {}, () => [
-                  S(_(i.cancelButton.label), 1)
+                  S(_(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : c("", !0),
-            N((s(), m(a, C(i.confirmButtonProps, {
-              "bg-color": (i.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = W((y) => !l.persistent && i.onCancel(), ["escape"])),
-              onClick: i.onConfirm
+            N((s(), g(a, C(l.confirmButtonProps, {
+              "bg-color": (l.confirmButton || {}).bgColor || "success",
+              onKeyup: t[1] || (t[1] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onClick: l.onConfirm
             }), {
-              default: g(() => [
+              default: m(() => [
                 p(e.$slots, "confirm", {}, () => [
-                  S(_(i.confirmButton.label), 1)
+                  S(_(l.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -1955,10 +1958,10 @@ const At = {
     }
   }
 }, Nt = /* @__PURE__ */ v(At, [["render", Wt]]);
-function Kt(e, t, l, o, n, i) {
+function Kt(e, t, i, o, n, l) {
   return s(), u("div", {
-    class: f(["w-date-picker", i.classes]),
-    style: R(i.styles)
+    class: f(["w-date-picker", l.classes]),
+    style: R(l.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
@@ -1982,51 +1985,51 @@ const Ht = {
     }
   }
 }, Dt = /* @__PURE__ */ v(Ht, [["render", Kt]]);
-function Ft(e, t, l, o, n, i) {
+function Ft(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), m(r, {
-    class: f(["w-dialog", i.classes]),
+  return s(), g(r, {
+    class: f(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
-    persistent: l.persistent,
-    "persistent-no-animation": l.persistentNoAnimation,
-    onClick: i.onOutsideClick,
-    onClose: i.onClose,
-    "bg-color": l.overlayColor,
-    opacity: l.overlayOpacity
+    persistent: i.persistent,
+    "persistent-no-animation": i.persistentNoAnimation,
+    onClick: l.onOutsideClick,
+    onClose: l.onClose,
+    "bg-color": i.overlayColor,
+    opacity: i.overlayOpacity
   }, {
-    default: g(() => [
+    default: m(() => [
       I(O, {
-        name: l.transition,
+        name: i.transition,
         appear: "",
-        onAfterLeave: i.onBeforeClose
+        onAfterLeave: l.onBeforeClose
       }, {
-        default: g(() => [
+        default: m(() => [
           N(I(a, {
-            class: f(["w-dialog__content", l.dialogClass]),
+            class: f(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
-            color: l.color,
-            "bg-color": l.bgColor,
-            "title-class": l.titleClass,
-            "content-class": l.contentClass,
-            title: l.title || void 0,
-            style: R(i.contentStyles)
+            color: i.color,
+            "bg-color": i.bgColor,
+            "title-class": i.titleClass,
+            "content-class": i.contentClass,
+            title: i.title || void 0,
+            style: R(l.contentStyles)
           }, Z({
-            default: g(() => [
+            default: m(() => [
               p(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
-              fn: g(() => [
+              fn: m(() => [
                 p(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
-              fn: g(() => [
+              fn: m(() => [
                 p(e.$slots, "actions")
               ]),
               key: "1"
@@ -2109,11 +2112,11 @@ const jt = {
     }
   }
 }, Ut = /* @__PURE__ */ v(jt, [["render", Ft]]), qt = ["role", "aria-orientation"];
-function Xt(e, t, l, o, n, i) {
+function Xt(e, t, i, o, n, l) {
   return s(), u("div", {
-    class: f(["w-divider", i.classes]),
+    class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
-    "aria-orientation": l.vertical ? "vertical" : "horizontal"
+    "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     p(e.$slots, "default")
   ], 10, qt);
@@ -2139,43 +2142,43 @@ const Yt = {
     }
   }
 }, Gt = /* @__PURE__ */ v(Yt, [["render", Xt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, l, o, n, i) {
+function Qt(e, t, i, o, n, l) {
   const a = $("w-overlay");
-  return n.showWrapper || l.pushContent ? (s(), u("div", {
+  return n.showWrapper || i.pushContent ? (s(), u("div", {
     key: 0,
-    class: f(["w-drawer-wrap", i.wrapperClasses])
+    class: f(["w-drawer-wrap", l.wrapperClasses])
   }, [
-    l.pushContent ? (s(), u("div", {
+    i.pushContent ? (s(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: R(i.trackStyles)
+      style: R(l.trackStyles)
     }, [
       w("div", Jt, [
-        l.noOverlay ? c("", !0) : (s(), m(a, {
+        i.noOverlay ? c("", !0) : (s(), g(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
-          onClick: i.onOutsideClick,
-          persistent: l.persistent,
+          onClick: l.onOutsideClick,
+          persistent: i.persistent,
           "persistent-no-animation": "",
-          "bg-color": l.overlayColor || "transparent",
-          opacity: l.overlayOpacity
+          "bg-color": i.overlayColor || "transparent",
+          opacity: i.overlayOpacity
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
       I(O, {
         name: "fade",
-        onBeforeLeave: i.onBeforeClose,
-        onAfterLeave: i.onClose
+        onBeforeLeave: l.onBeforeClose,
+        onAfterLeave: l.onClose
       }, {
-        default: g(() => [
-          n.showDrawer ? (s(), m(V(l.tag || "aside"), {
+        default: m(() => [
+          n.showDrawer ? (s(), g(V(i.tag || "aside"), {
             key: 0,
-            class: f(["w-drawer", i.drawerClasses]),
+            class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(i.styles)
+            style: R(l.styles)
           }, {
-            default: g(() => [
+            default: m(() => [
               p(e.$slots, "default")
             ]),
             _: 3
@@ -2184,30 +2187,30 @@ function Qt(e, t, l, o, n, i) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (s(), u(k, { key: 1 }, [
-      l.noOverlay ? c("", !0) : (s(), m(a, {
+      i.noOverlay ? c("", !0) : (s(), g(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
-        onClick: i.onOutsideClick,
-        persistent: l.persistent,
+        onClick: l.onOutsideClick,
+        persistent: i.persistent,
         "persistent-no-animation": "",
-        "bg-color": l.overlayColor,
-        opacity: l.overlayOpacity
+        "bg-color": i.overlayColor,
+        opacity: i.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
       I(O, {
-        name: i.transitionName,
+        name: l.transitionName,
         appear: "",
-        onBeforeLeave: i.onBeforeClose,
-        onAfterLeave: i.onClose
+        onBeforeLeave: l.onBeforeClose,
+        onAfterLeave: l.onClose
       }, {
-        default: g(() => [
-          n.showDrawer ? (s(), m(V(l.tag || "aside"), {
+        default: m(() => [
+          n.showDrawer ? (s(), g(V(i.tag || "aside"), {
             key: 0,
-            class: f(["w-drawer", i.drawerClasses]),
+            class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(i.styles)
+            style: R(l.styles)
           }, {
-            default: g(() => [
+            default: m(() => [
               p(e.$slots, "default")
             ]),
             _: 3
@@ -2218,7 +2221,7 @@ function Qt(e, t, l, o, n, i) {
     ], 64))
   ], 2)) : c("", !0);
 }
-const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
+const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, ei = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2323,18 +2326,18 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, tl = /* @__PURE__ */ v(el, [["render", Qt]]);
-function ll(e, t, l, o, n, i) {
-  return s(), m(V(l.tag), {
-    class: f(["w-flex", i.classes])
+}, ti = /* @__PURE__ */ v(ei, [["render", Qt]]);
+function ii(e, t, i, o, n, l) {
+  return s(), g(V(i.tag), {
+    class: f(["w-flex", l.classes])
   }, {
-    default: g(() => [
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const il = {
+const li = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2381,23 +2384,23 @@ const il = {
       };
     }
   }
-}, sl = /* @__PURE__ */ v(il, [["render", ll]]);
-function al(e, t, l, o, n, i) {
+}, si = /* @__PURE__ */ v(li, [["render", ii]]);
+function ai(e, t, i, o, n, l) {
   return s(), u("form", {
-    class: f(["w-form", i.classes]),
-    onSubmit: t[0] || (t[0] = (...a) => i.onSubmit && i.onSubmit(...a)),
-    onReset: t[1] || (t[1] = (...a) => i.reset && i.reset(...a)),
+    class: f(["w-form", l.classes]),
+    onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
+    onReset: t[1] || (t[1] = (...a) => l.reset && l.reset(...a)),
     novalidate: ""
   }, [
     p(e.$slots, "default")
   ], 34);
 }
-const ol = async (e, t) => {
-  for (const l of e)
-    if (await t(l))
+const oi = async (e, t) => {
+  for (const i of e)
+    if (await t(i))
       return !0;
   return !1;
-}, nl = {
+}, ni = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2454,26 +2457,26 @@ const ol = async (e, t) => {
       this.$emit("before-validate", { e, errorsCount: this.errorsCount });
       let t = 0;
       return await (async () => {
-        var l;
+        var i;
         for (const o of this.formElements)
-          !((l = o.validators) != null && l.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
+          !((i = o.validators) != null && i.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
       })(), this.updateErrorsCount(t), this.status = !t, this.$emit("validate", { e, errorsCount: t }), this.$emit(this.status ? "success" : "error", { e, errorsCount: t }), this.status;
     },
     async validateElement(e) {
       return await this.checkElementValidators(e), this.updateErrorsCount(), e.Validation.isValid;
     },
     async checkElementValidators(e) {
-      let t = !1, l = "";
-      await ol(e.validators, async (o) => {
+      let t = !1, i = "";
+      await oi(e.validators, async (o) => {
         const n = await (typeof o == "function" && o(e.inputValue));
-        return t = typeof n != "string", l = t ? "" : n, !t;
-      }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
+        return t = typeof n != "string", i = t ? "" : n, !t;
+      }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
     },
     reset(e) {
       this.status = null, this.formElements.forEach((t) => t.reset()), this.updateErrorsCount(0, !0), this.$emit("reset", e);
     },
     updateErrorsCount(e = null, t = !1) {
-      this.errorsCount = e !== null ? e : this.formElements.reduce((l, o) => l + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
+      this.errorsCount = e !== null ? e : this.formElements.reduce((i, o) => i + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
     },
     onSubmit(e) {
       this.validate(e), this.$emit("submit", e), (!this.allowSubmit || !this.status) && e.preventDefault();
@@ -2487,22 +2490,22 @@ const ol = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, rl = /* @__PURE__ */ v(nl, [["render", al]]);
-function dl(e, t, l, o, n, i) {
+}, ri = /* @__PURE__ */ v(ni, [["render", ai]]);
+function di(e, t, i, o, n, l) {
   const a = $("w-transition-expand");
   return s(), u("div", {
-    class: f(i.classes)
+    class: f(l.classes)
   }, [
     w("div", {
-      class: f(["w-flex grow", [l.column ? "column" : "align-center", l.wrap ? "wrap" : ""]])
+      class: f(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
       p(e.$slots, "default")
     ], 2),
     I(a, { y: "" }, {
-      default: g(() => [
+      default: m(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
-          class: f(["w-form-el__error", i.formProps.validationColor])
+          class: f(["w-form-el__error", l.formProps.validationColor])
         }, [
           p(e.$slots, "error-message", {
             message: e.Validation.message
@@ -2515,7 +2518,7 @@ function dl(e, t, l, o, n, i) {
     })
   ], 2);
 }
-const ul = {
+const ui = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2581,18 +2584,18 @@ const ul = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, hl = /* @__PURE__ */ v(ul, [["render", dl]]);
-function cl(e, t, l, o, n, i) {
-  return s(), m(V(l.tag), {
-    class: f(["w-grid", i.classes])
+}, hi = /* @__PURE__ */ v(ui, [["render", di]]);
+function ci(e, t, i, o, n, l) {
+  return s(), g(V(i.tag), {
+    class: f(["w-grid", l.classes])
   }, {
-    default: g(() => [
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const pl = {
+const pi = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2608,7 +2611,7 @@ const pl = {
           break;
         case "number":
         case "string":
-          e = Object.keys(e).reduce((t, l) => t[l] = ~~this.columns, {});
+          e = Object.keys(e).reduce((t, i) => t[i] = ~~this.columns, {});
           break;
       }
       return e;
@@ -2621,38 +2624,38 @@ const pl = {
           break;
         case "number":
         case "string":
-          e = Object.keys(e).reduce((t, l) => t[l] = ~~this.gap, {});
+          e = Object.keys(e).reduce((t, i) => t[i] = ~~this.gap, {});
           break;
       }
       return e;
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [o, n]) => (l[`${o}-columns${n}`] = !0, l), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [o, n]) => (i[`${o}-columns${n}`] = !0, i), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [o, n]) => (l[`${o}-gap${n}`] = !0, l), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [o, n]) => (i[`${o}-gap${n}`] = !0, i), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
-}, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
-function gl(e, t, l, o, n, i) {
-  return s(), m(V(l.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
-    class: i.classes,
+}, fi = /* @__PURE__ */ v(pi, [["render", ci]]);
+function mi(e, t, i, o, n, l) {
+  return s(), g(V(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
+    class: l.classes,
     role: "icon",
     "aria-hidden": "true",
-    style: i.readIcon() && i.styles
+    style: l.readIcon() && l.styles
   }), {
-    default: g(() => [
-      i.hasLigature ? (s(), u(k, { key: 0 }, [
+    default: m(() => [
+      l.hasLigature ? (s(), u(k, { key: 0 }, [
         S(_(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
   }, 16, ["class", "style"]);
 }
-const ml = {
+const gi = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -2717,47 +2720,47 @@ const ml = {
   },
   methods: {
     readIcon() {
-      const { default: e } = this.$slots, [t = "", l = ""] = typeof e == "function" && e()[0].children.trim().split(" ") || [];
-      return this.fontName = t, this.icon = l, !0;
+      const { default: e } = this.$slots, [t = "", i = ""] = typeof e == "function" && e()[0].children.trim().split(" ") || [];
+      return this.fontName = t, this.icon = i, !0;
     }
   }
-}, bl = /* @__PURE__ */ v(ml, [["render", gl]]), yl = {
+}, bi = /* @__PURE__ */ v(gi, [["render", mi]]), yi = {
   key: 0,
   class: "w-image__loader"
 };
-function wl(e, t, l, o, n, i) {
+function wi(e, t, i, o, n, l) {
   const a = $("w-progress");
-  return s(), m(V(i.wrapperTag), {
-    class: f(["w-image-wrap", i.wrapperClasses]),
-    style: R(i.wrapperStyles)
+  return s(), g(V(l.wrapperTag), {
+    class: f(["w-image-wrap", l.wrapperClasses]),
+    style: R(l.wrapperStyles)
   }, {
-    default: g(() => [
+    default: m(() => [
       I(O, {
-        name: l.transition,
+        name: i.transition,
         appear: ""
       }, {
-        default: g(() => [
-          n.loaded ? (s(), m(V(l.tag), {
+        default: m(() => [
+          n.loaded ? (s(), g(V(i.tag), {
             key: 0,
-            class: f(["w-image", i.imageClasses]),
-            style: R(i.imageStyles),
-            src: l.tag === "img" ? n.imgSrc : null
+            class: f(["w-image", l.imageClasses]),
+            style: R(l.imageStyles),
+            src: i.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && n.loading ? (s(), u("div", yl, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), m(a, C({
+      !i.noSpinner && n.loading ? (s(), u("div", yi, [
+        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), g(a, C({
           key: 1,
           circle: "",
           indeterminate: ""
-        }, l.spinnerColor ? { color: l.spinnerColor } : {}), null, 16))
+        }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : c("", !0),
-      e.$slots.default ? (s(), m(V(i.wrapperTag), {
+      e.$slots.default ? (s(), g(V(l.wrapperTag), {
         key: 1,
-        class: f(["w-image__content", l.contentClass])
+        class: f(["w-image__content", i.contentClass])
       }, {
-        default: g(() => [
+        default: m(() => [
           p(e.$slots, "default")
         ]),
         _: 3
@@ -2766,7 +2769,7 @@ function wl(e, t, l, o, n, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const vl = {
+const vi = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2833,10 +2836,10 @@ const vl = {
     loadImage(e = !1) {
       if (!this.loading)
         return this.loading = !0, this.loaded = !1, this.$emit("loading", e ? this.fallback : this.src), new Promise((t) => {
-          const l = new Image();
-          l.onload = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(l)), l.onerror = (o) => {
+          const i = new Image();
+          i.onload = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(i)), i.onerror = (o) => {
             this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
-          }, l.src = e ? this.fallback : this.src;
+          }, i.src = e ? this.fallback : this.src;
         });
     }
   },
@@ -2862,80 +2865,80 @@ const vl = {
       this.imgHeight = e;
     }
   }
-}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Sl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bl = ["id", "name", "multiple", "disabled", "data-progress"], $l = {
+}, ki = /* @__PURE__ */ v(vi, [["render", wi]]), _i = ["name"], Ci = ["for"], Si = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bi = ["id", "name", "multiple", "disabled", "data-progress"], $i = {
   class: "w-input__no-file",
   key: "no-file"
-}, Vl = ["for"], Il = ["for"], Tl = ["src"], Rl = ["for"];
-function Ll(e, t, l, o, n, i) {
+}, Vi = ["for"], Ii = ["for"], Ti = ["src"], Ri = ["for"];
+function Li(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ 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", n.inputValue = ""), e.$emit("input", "");
     }),
-    wrap: i.hasLabel && l.labelPosition !== "inside",
-    class: i.classes
+    wrap: l.hasLabel && i.labelPosition !== "inside",
+    class: l.classes
   }), {
-    default: g(() => [
-      l.type === "hidden" ? N((s(), u("input", {
+    default: m(() => [
+      i.type === "hidden" ? N((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, _l)), [
+      }, null, 8, _i)), [
         [be, n.inputValue]
       ]) : (s(), u(k, { key: 1 }, [
-        l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-          e.$slots.default || l.label ? (s(), u("label", {
+        i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+          e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              S(_(i.label), 1)
             ])
-          ], 10, Cl)) : c("", !0)
+          ], 10, Ci)) : c("", !0)
         ], 64)) : c("", !0),
         w("div", {
-          class: f(["w-input__input-wrap", i.inputWrapClasses])
+          class: f(["w-input__input-wrap", l.inputWrapClasses])
         }, [
-          l.innerIconLeft ? (s(), m(a, {
+          i.innerIconLeft ? (s(), g(a, {
             key: 0,
             class: "w-input__icon w-input__icon--inner-left",
             tag: "label",
             for: `w-input--${e._.uid}`,
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
-            default: g(() => [
-              S(_(l.innerIconLeft), 1)
+            default: m(() => [
+              S(_(i.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          l.type !== "file" ? N((s(), u("input", C({
+          i.type !== "file" ? N((s(), u("input", C({
             key: 1,
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
-          }, z(i.listeners, !0), {
-            onInput: t[3] || (t[3] = (...d) => i.onInput && i.onInput(...d)),
-            onFocus: t[4] || (t[4] = (...d) => i.onFocus && i.onFocus(...d)),
-            onBlur: t[5] || (t[5] = (...d) => i.onBlur && i.onBlur(...d)),
+          }, z(l.listeners, !0), {
+            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)),
             id: `w-input--${e._.uid}`,
-            type: l.type,
+            type: i.type,
             name: e.inputName,
-            placeholder: l.placeholder || null,
-            step: l.step || null,
-            min: l.min || null,
-            max: l.max || null,
-            minlength: l.minlength || null,
-            maxlength: l.maxlength || null,
+            placeholder: i.placeholder || null,
+            step: i.step || null,
+            min: i.min || null,
+            max: i.max || null,
+            minlength: i.minlength || null,
+            maxlength: i.maxlength || null,
             readonly: e.isReadonly || null,
             "aria-readonly": e.isReadonly ? "true" : "false",
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, Sl)), [
+          }, l.attrs), null, 16, Si)), [
             [$e, n.inputValue]
           ]) : (s(), u(k, { key: 2 }, [
             w("input", C({
@@ -2943,22 +2946,22 @@ function Ll(e, t, l, o, n, i) {
               id: `w-input--${e._.uid}`,
               type: "file",
               name: e.name || null,
-              onFocus: t[6] || (t[6] = (...d) => i.onFocus && i.onFocus(...d)),
-              onBlur: t[7] || (t[7] = (...d) => i.onBlur && i.onBlur(...d)),
-              onChange: t[8] || (t[8] = (...d) => i.onFileChange && i.onFileChange(...d)),
-              multiple: l.multiple || null
-            }, i.attrs, {
+              onFocus: t[6] || (t[6] = (...d) => l.onFocus && l.onFocus(...d)),
+              onBlur: t[7] || (t[7] = (...d) => l.onBlur && l.onBlur(...d)),
+              onChange: t[8] || (t[8] = (...d) => l.onFileChange && l.onFileChange(...d)),
+              multiple: i.multiple || null
+            }, l.attrs, {
               disabled: e.isDisabled || null,
-              "data-progress": i.overallFilesProgress
-            }), null, 16, Bl),
+              "data-progress": l.overallFilesProgress
+            }), null, 16, Bi),
             I(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
-              default: g(() => [
-                !n.inputFiles.length && n.isFocused ? (s(), u("span", $l, [
+              default: m(() => [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", $i, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
                       S("No file")
@@ -2979,38 +2982,38 @@ function Ll(e, t, l, o, n, i) {
               _: 3
             }, 8, ["for"])
           ], 64)),
-          l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 3 }, [
-            e.$slots.default || l.label ? (s(), u("label", {
+          i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 3 }, [
+            e.$slots.default || i.label ? (s(), u("label", {
               key: 0,
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses]),
               for: `w-input--${e._.uid}`
             }, [
               p(e.$slots, "default", {}, () => [
-                S(_(l.label), 1)
+                S(_(i.label), 1)
               ])
-            ], 10, Vl)) : c("", !0)
+            ], 10, Vi)) : c("", !0)
           ], 64)) : c("", !0),
-          l.innerIconRight ? (s(), m(a, {
+          i.innerIconRight ? (s(), g(a, {
             key: 4,
             class: "w-input__icon w-input__icon--inner-right",
             tag: "label",
             for: `w-input--${e._.uid}`,
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
-            default: g(() => [
-              S(_(l.innerIconRight), 1)
+            default: m(() => [
+              S(_(i.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), m(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (s(), g(r, {
             key: 5,
             class: "fill-width",
             size: "2",
-            color: l.progressColor || l.color,
-            "model-value": l.showProgress ? (i.uploadInProgress || i.uploadComplete) && i.overallFilesProgress : i.loadingValue
+            color: i.progressColor || i.color,
+            "model-value": i.showProgress ? (l.uploadInProgress || l.uploadComplete) && l.overallFilesProgress : l.loadingValue
           }, null, 8, ["color", "model-value"])) : c("", !0)
         ], 2),
-        l.type === "file" && l.preview && n.inputFiles.length ? (s(), u("label", {
+        i.type === "file" && i.preview && n.inputFiles.length ? (s(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
@@ -3024,29 +3027,29 @@ function Ll(e, t, l, o, n, i) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Tl)) : (s(), u("i", {
-              class: f(["w-icon w-input__file-preview primary size--md", l.preview && typeof l.preview == "string" ? l.preview : "wi-file"]),
+            }, null, 8, Ti)) : (s(), u("i", {
+              class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Il)) : c("", !0),
-        l.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
-          e.$slots.default || l.label ? (s(), u("label", {
+        ], 8, Ii)) : c("", !0),
+        i.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
+          e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              S(_(i.label), 1)
             ])
-          ], 10, Rl)) : c("", !0)
+          ], 10, Ri)) : c("", !0)
         ], 64)) : c("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const xl = {
+const xi = {
   name: "w-input",
   mixins: [M],
   props: {
@@ -3096,7 +3099,7 @@ const xl = {
       return this.type === "file" && !this.inputFiles.length && (t.value = null), t;
     },
     listeners() {
-      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      const { input: e, focus: t, blur: i, ...o } = this.$attrs;
       return o;
     },
     hasValue() {
@@ -3126,7 +3129,7 @@ const xl = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     overallFilesProgress() {
-      const t = +this.inputFiles.reduce((l, o) => l + o.progress, 0) / this.inputFiles.length;
+      const t = +this.inputFiles.reduce((i, o) => i + o.progress, 0) / this.inputFiles.length;
       return this.$emit("update:overallProgress", this.inputFiles.length ? t : void 0), t;
     },
     uploadInProgress() {
@@ -3179,30 +3182,30 @@ const xl = {
       this.isFocused = !1, this.$emit("blur", e);
     },
     onFileChange(e) {
-      this.inputFiles = [...e.target.files].map((l) => {
-        const [, o = "", n = "", i = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Q({
-          name: l.name,
-          base: o || i,
+      this.inputFiles = [...e.target.files].map((i) => {
+        const [, o = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Q({
+          name: i.name,
+          base: o || l,
           extension: n,
-          type: l.type,
-          size: l.size,
-          lastModified: l.lastModified,
+          type: i.type,
+          size: i.size,
+          lastModified: i.lastModified,
           preview: null,
           progress: 0,
-          file: l
+          file: i
         });
-        return this.readFile(l, a), a;
+        return this.readFile(i, a), a;
       });
       const t = this.multiple ? this.inputFiles : this.inputFiles[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
     readFile(e, t) {
-      const l = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
-      this.preview && !o && n ? l.addEventListener("load", (i) => {
-        t.preview = i.target.result;
-      }) : delete t.preview, l.addEventListener("progress", (i) => {
-        i.loaded && i.total && (t.progress = i.loaded * 100 / i.total);
-      }), l.readAsDataURL(e);
+      const i = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !o && n ? i.addEventListener("load", (l) => {
+        t.preview = l.target.result;
+      }) : delete t.preview, i.addEventListener("progress", (l) => {
+        l.loaded && l.total && (t.progress = l.loaded * 100 / l.total);
+      }), i.readAsDataURL(e);
     }
   },
   mounted() {
@@ -3215,43 +3218,43 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Ol = /* @__PURE__ */ v(xl, [["render", Ll]]);
-function Pl(e, t, l, o, n, i) {
+}, Oi = /* @__PURE__ */ v(xi, [["render", Li]]);
+function Pi(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
-    class: f(["w-list", i.classes])
+    class: f(["w-list", l.classes])
   }, [
     (s(!0), u(k, null, L(e.listItems, (d, h) => (s(), u("li", {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      l.icon ? (s(), m(a, {
+      i.icon ? (s(), g(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
-        default: g(() => [
-          S(_(l.icon), 1)
+        default: m(() => [
+          S(_(i.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), m(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(V(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 1,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, h, d._selected)), {
-        default: g(() => [
+      }, l.liLabelProps(d, h, d._selected)), {
+        default: m(() => [
           e.$slots[`item.${h + 1}`] ? p(e.$slots, `item.${h + 1}`, {
             key: 0,
-            item: i.cleanLi(d),
+            item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
           }) : e.$slots.item ? p(e.$slots, "item", {
             key: 1,
-            item: i.cleanLi(d),
+            item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
           }) : p(e.$slots, "default", {
             key: 2,
-            item: i.cleanLi(d),
+            item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
           }, () => [
@@ -3259,13 +3262,13 @@ function Pl(e, t, l, o, n, i) {
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), m(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
+      }, 1040)) : (s(), g(V(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 2,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), m(r, C({ key: 3 }, e.$props, {
+      }, l.liLabelProps(d, h, d._selected)), null, 16)),
+      (d.children || []).length ? (s(), g(r, C({ key: 3 }, e.$props, {
         items: d.children,
-        depth: l.depth + 1,
+        depth: i.depth + 1,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
         onInput: t[1] || (t[1] = (y) => e.$emit("input", y)),
         onItemClick: t[2] || (t[2] = (y) => e.$emit("item-click", y)),
@@ -3273,9 +3276,9 @@ function Pl(e, t, l, o, n, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: B, selected: b }) => [
             p(e.$slots, "item", {
-              item: i.cleanLi(y),
+              item: l.cleanLi(y),
               index: B,
               selected: b
             })
@@ -3283,13 +3286,13 @@ function Pl(e, t, l, o, n, i) {
           key: "0"
         } : {
           name: "default",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: B, selected: b }) => [
             p(e.$slots, "default", {
-              item: i.cleanLi(y),
+              item: l.cleanLi(y),
               index: B,
               selected: b
             }, () => [
-              S(_(y[l.itemLabelKey]), 1)
+              S(_(y[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3298,7 +3301,7 @@ function Pl(e, t, l, o, n, i) {
     ], 2))), 128))
   ], 2);
 }
-const zl = {
+const zi = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3367,7 +3370,7 @@ const zl = {
       return e && typeof e == "object" ? e[this.itemValueKey] !== void 0 ? e[this.itemValueKey] : e[this.itemLabelKey] !== void 0 ? e[this.itemLabelKey] : e.index : e;
     },
     selectItem(e, t) {
-      e._selected && !this.multiple && this.noUnselect || (e._selected = t !== void 0 ? t : !e._selected, e._selected && !this.isMultipleSelect && this.listItems.forEach((l) => l._index !== e._index && (l._selected = !1)), this.emitSelection());
+      e._selected && !this.multiple && this.noUnselect || (e._selected = t !== void 0 ? t : !e._selected, e._selected && !this.isMultipleSelect && this.listItems.forEach((i) => i._index !== e._index && (i._selected = !1)), this.emitSelection());
     },
     liLabelClasses(e) {
       return {
@@ -3381,67 +3384,67 @@ const zl = {
         [e[this.itemClassKey] || this.itemClass]: e[this.itemClassKey] || this.itemClass
       };
     },
-    liLabelProps(e, t, l) {
+    liLabelProps(e, t, i) {
       const o = 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);
         }
-      }, i = this.isSelectable && ((d) => {
+      }, l = this.isSelectable && ((d) => {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
       }), 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),
         tabindex: e.disabled || this.checklist ? null : "0",
-        "aria-selected": l ? "true" : "false",
+        "aria-selected": i ? "true" : "false",
         id: this.listId ? `${this.listId}_item-${t + 1}` : null,
         role: "option"
       };
       return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, o || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
         const h = d.target.querySelector('input[type="checkbox"]');
         h && (h.focus(), h.click()), n();
-      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = i, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
+      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = l, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
         d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
-      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = i), o || (r.innerHTML = e._label)), r;
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), o || (r.innerHTML = e._label)), r;
     },
     checkSelection(e) {
       return e = Array.isArray(e) ? e : e ? [e] : [], this.returnObject && (e = e.map(this.getItemValue)), e;
     },
     emitSelection() {
-      const e = this.selectedItems.map((l) => {
+      const e = this.selectedItems.map((i) => {
         if (!this.returnObject)
-          return l._value;
-        const { _value: o, _selected: n, ...i } = l;
-        return i;
+          return i._value;
+        const { _value: o, _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);
     },
     focusPrevNextItem(e, t = !0) {
       e = this.enabledItemsIndexes[this.enabledItemsIndexes.indexOf(e) + (t ? 1 : -1)];
-      const l = t ? 0 : this.enabledItemsIndexes.length - 1;
-      e === void 0 && (e = this.enabledItemsIndexes[l]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
+      const i = t ? 0 : this.enabledItemsIndexes.length - 1;
+      e === void 0 && (e = this.enabledItemsIndexes[i]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: l, _label: o, _selected: n, _focused: i, ...a } = e;
+      const { _index: t, _value: i, _label: o, _selected: n, _focused: l, ...a } = e;
       return a;
     },
     refreshListItems() {
       const e = typeof this.items == "number" ? Array(this.items).fill({}) : this.items || [];
-      this.listItems = e.map((t, l) => ({
+      this.listItems = e.map((t, i) => ({
         ...t,
-        _index: l,
-        _value: t[this.itemValueKey] === void 0 ? t[this.itemLabelKey] || l : t[this.itemValueKey],
+        _index: i,
+        _value: t[this.itemValueKey] === void 0 ? t[this.itemLabelKey] || i : t[this.itemValueKey],
         _selected: t._selected || !1,
         _label: t[this.itemLabelKey] || "",
         _focused: !1
       }));
     },
     applySelectionOnItems(e) {
-      this.isMultipleSelect || this.listItems.forEach((l) => l._selected = !1);
+      this.isMultipleSelect || this.listItems.forEach((i) => i._selected = !1);
       const t = this.checkSelection(e);
-      this.listItems.forEach((l) => {
-        l._selected = t.find((o) => l._value === o) !== void 0;
+      this.listItems.forEach((i) => {
+        i._selected = t.find((o) => i._value === o) !== void 0;
       });
     }
   },
@@ -3458,13 +3461,13 @@ const zl = {
     multiple(e) {
       if (!e) {
         let t = null;
-        this.listItems.forEach((l) => {
-          l._selected && !t ? t = l : l._selected && (l._selected = !1);
+        this.listItems.forEach((i) => {
+          i._selected && !t ? t = i : i._selected && (i._selected = !1);
         }), this.emitSelection();
       }
     }
   }
-}, Ml = /* @__PURE__ */ v(zl, [["render", Pl]]), we = {
+}, Mi = /* @__PURE__ */ v(zi, [["render", Pi]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3498,10 +3501,10 @@ const zl = {
       return this.appendToTarget;
     },
     hasSeparateActivator() {
-      var l;
+      var i;
       if (this.$slots.activator)
         return !1;
-      const e = typeof this.activator == "string", t = (((l = this.activator) == null ? void 0 : l.$el) || this.activator) instanceof HTMLElement;
+      const e = typeof this.activator == "string", t = (((i = this.activator) == null ? void 0 : i.$el) || this.activator) instanceof HTMLElement;
       return e || t;
     },
     activatorEl: {
@@ -3533,31 +3536,31 @@ const zl = {
       }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize));
     },
     getActivatorCoordinates() {
-      const { top: e, left: t, width: l, height: o } = this.activatorEl.getBoundingClientRect();
-      let n = { top: e, left: t, width: l, height: o };
+      const { top: e, left: t, width: i, height: o } = this.activatorEl.getBoundingClientRect();
+      let n = { top: e, left: t, width: i, height: o };
       if (!this.fixed) {
-        const { top: i, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
+        const { top: l, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
         n = {
           ...n,
-          top: e - i + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
+          top: e - l + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
           left: t - a + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
       return n;
     },
     computeDetachableCoords() {
-      let { top: e, left: t, width: l, height: o } = this.getActivatorCoordinates();
+      let { top: e, left: t, width: i, height: o } = this.getActivatorCoordinates();
       if (!this.detachableEl)
         return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
       const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - 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 += o, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e += o, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
@@ -3565,7 +3568,7 @@ const zl = {
           break;
         }
         case "right": {
-          t += l, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
+          t += i, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -3590,11 +3593,11 @@ const zl = {
     },
     bindActivatorEvents() {
       const e = typeof this.activator == "string";
-      Object.entries(this.activatorEventHandlers).forEach(([t, l]) => {
+      Object.entries(this.activatorEventHandlers).forEach(([t, i]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
         const o = (n) => {
-          var i;
-          (e && ((i = n.target) == null ? void 0 : i.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && l(n);
+          var l;
+          (e && ((l = n.target) == null ? void 0 : l.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && i(n);
         };
         document.addEventListener(t, o), this.docEventListenersHandlers.push({ eventName: t, handler: o });
       });
@@ -3620,58 +3623,58 @@ const zl = {
     }
   }
 };
-function El(e, t, l, o, n, i) {
+function Ei(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), u(k, null, [
-    p(e.$slots, "activator", { on: i.activatorEventHandlers }),
+    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
     I(O, {
-      name: i.transitionName,
+      name: l.transitionName,
       appear: ""
     }, {
-      default: g(() => [
-        l.custom && e.detachableVisible ? (s(), u("div", C({
+      default: m(() => [
+        i.custom && e.detachableVisible ? (s(), u("div", C({
           key: 0,
           class: "w-menu",
           ref: "detachable"
         }, e.$attrs, {
-          onClick: t[0] || (t[0] = (d) => l.hideOnMenuClick && i.close(!0)),
-          onMouseenter: t[1] || (t[1] = (d) => l.showOnHover && (e.hoveringMenu = !0)),
-          onMouseleave: t[2] || (t[2] = (d) => l.showOnHover && (e.hoveringMenu = !1, i.close())),
-          class: i.classes,
-          style: i.styles
+          onClick: t[0] || (t[0] = (d) => i.hideOnMenuClick && l.close(!0)),
+          onMouseenter: t[1] || (t[1] = (d) => i.showOnHover && (e.hoveringMenu = !0)),
+          onMouseleave: t[2] || (t[2] = (d) => i.showOnHover && (e.hoveringMenu = !1, l.close())),
+          class: l.classes,
+          style: l.styles
         }), [
           p(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), m(a, C({
+        ], 16)) : e.detachableVisible ? (s(), g(a, C({
           key: 1,
           class: "w-menu",
           ref: "detachable"
         }, e.$attrs, {
-          onClick: t[3] || (t[3] = (d) => l.hideOnMenuClick && i.close(!0)),
-          onMouseenter: t[4] || (t[4] = (d) => l.showOnHover && (e.hoveringMenu = !0)),
-          onMouseleave: t[5] || (t[5] = (d) => l.showOnHover && (e.hoveringMenu = !1, i.close())),
-          tile: l.tile,
-          "title-class": i.titleClasses,
-          "content-class": i.contentClasses,
-          shadow: l.shadow,
-          "no-border": l.noBorder,
-          class: i.classes,
-          style: i.styles
+          onClick: t[3] || (t[3] = (d) => i.hideOnMenuClick && l.close(!0)),
+          onMouseenter: t[4] || (t[4] = (d) => i.showOnHover && (e.hoveringMenu = !0)),
+          onMouseleave: t[5] || (t[5] = (d) => i.showOnHover && (e.hoveringMenu = !1, l.close())),
+          tile: i.tile,
+          "title-class": l.titleClasses,
+          "content-class": l.contentClasses,
+          shadow: i.shadow,
+          "no-border": i.noBorder,
+          class: l.classes,
+          style: l.styles
         }), Z({
-          default: g(() => [
+          default: m(() => [
             p(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
-            fn: g(() => [
+            fn: m(() => [
               p(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
-            fn: g(() => [
+            fn: m(() => [
               p(e.$slots, "actions")
             ]),
             key: "1"
@@ -3680,19 +3683,19 @@ function El(e, t, l, o, n, i) {
       ]),
       _: 3
     }, 8, ["name"]),
-    l.overlay ? (s(), m(r, C({
+    i.overlay ? (s(), g(r, C({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
-      persistent: l.persistent,
-      class: i.overlayClasses
-    }, l.overlayProps, {
+      persistent: i.persistent,
+      class: l.overlayClasses
+    }, i.overlayProps, {
       "z-index": (e.zIndex || 200) - 1,
       "onUpdate:modelValue": t[6] || (t[6] = (d) => e.detachableVisible = !1)
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : c("", !0)
   ], 64);
 }
-const Wl = {
+const Wi = {
   name: "w-menu",
   mixins: [we],
   inheritAttrs: !1,
@@ -3713,6 +3716,7 @@ const Wl = {
     contentClass: { type: [String, Object, Array] },
     arrow: { type: Boolean },
     minWidth: { type: [Number, String] },
+    maxWidth: { type: [Number, String] },
     overlay: { type: Boolean },
     overlayClass: { type: [String, Object, Array] },
     overlayProps: { type: Object },
@@ -3749,6 +3753,9 @@ const Wl = {
     menuMinWidth() {
       return this.minWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.minWidth) ? this.minWidth : this.minWidth ? `${this.minWidth}px` : 0;
     },
+    menuMaxWidth() {
+      return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
+    },
     menuClasses() {
       return A(this.menuClass);
     },
@@ -3787,6 +3794,7 @@ const Wl = {
         top: this.detachableCoords.top && `${~~this.detachableCoords.top}px` || null,
         left: this.detachableCoords.left && `${~~this.detachableCoords.left}px` || null,
         minWidth: this.minWidth && this.menuMinWidth || null,
+        maxWidth: this.maxWidth && this.menuMaxWidth || null,
         "--w-menu-bg-color": this.arrow && (this.$waveui.colors[this.bgColor] || "rgb(var(--w-base-bg-color-rgb))")
       };
     },
@@ -3815,26 +3823,26 @@ const Wl = {
       this.openTimeout = clearTimeout(this.openTimeout), this.detachableVisible && (this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && (this.hoveringMenu || this.hoveringActivator)) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize)));
     }
   }
-}, Al = /* @__PURE__ */ v(Wl, [["render", El]]);
-function Nl(e, t, l, o, n, i) {
+}, Ai = /* @__PURE__ */ v(Wi, [["render", Ei]]);
+function Ni(e, t, i, o, n, l) {
   const a = $("w-alert");
-  return s(), m(O, {
-    name: i.transitionName,
+  return s(), g(O, {
+    name: l.transitionName,
     appear: ""
   }, {
-    default: g(() => [
+    default: m(() => [
       n.show ? (s(), u("div", {
         key: 0,
-        class: f(["w-notification", i.classes]),
-        style: R(i.styles)
+        class: f(["w-notification", l.classes]),
+        style: R(l.styles)
       }, [
-        I(a, C(i.alertProps, {
-          class: i.alertClasses,
+        I(a, C(l.alertProps, {
+          class: l.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
-          default: g(() => [
+          default: m(() => [
             p(e.$slots, "default")
           ]),
           _: 3
@@ -3844,7 +3852,7 @@ function Nl(e, t, l, o, n, i) {
     _: 3
   }, 8, ["name"]);
 }
-const Kl = {
+const Ki = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3964,22 +3972,22 @@ const Kl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Hl = /* @__PURE__ */ v(Kl, [["render", Nl]]);
-function Dl(e, t, l, o, n, i) {
-  const a = me("focus");
-  return s(), m(O, {
+}, Hi = /* @__PURE__ */ v(Ki, [["render", Ni]]);
+function Di(e, t, i, o, n, l) {
+  const a = ge("focus");
+  return s(), g(O, {
     name: "fade",
     appear: "",
-    onAfterLeave: i.onClose
+    onAfterLeave: l.onClose
   }, {
-    default: g(() => [
-      l.modelValue ? N((s(), u("div", {
+    default: m(() => [
+      i.modelValue ? N((s(), u("div", {
         key: 0,
-        class: f(["w-overlay", i.classes]),
+        class: f(["w-overlay", l.classes]),
         ref: "overlay",
-        style: R(l.modelValue && i.styles || null),
-        onKeydown: t[0] || (t[0] = W(E((...r) => i.onClick && i.onClick(...r), ["stop"]), ["escape"])),
-        onClick: t[1] || (t[1] = (...r) => i.onClick && i.onClick(...r)),
+        style: R(i.modelValue && l.styles || null),
+        onKeydown: t[0] || (t[0] = W(E((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
         p(e.$slots, "default")
@@ -3991,7 +3999,7 @@ function Dl(e, t, l, o, n, i) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const Fl = {
+const Fi = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4045,62 +4053,62 @@ const Fl = {
       e && (this.showOverlay = !0);
     }
   }
-}, jl = /* @__PURE__ */ v(Fl, [["render", Dl]]), Ul = { class: "w-parallax" };
-function ql(e, t, l, o, n, i) {
-  return s(), u("div", Ul);
+}, ji = /* @__PURE__ */ v(Fi, [["render", Di]]), Ui = { class: "w-parallax" };
+function qi(e, t, i, o, n, l) {
+  return s(), u("div", Ui);
 }
-const Xl = {
+const Xi = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, Yl = /* @__PURE__ */ v(Xl, [["render", ql]]), Gl = ["viewBox"], Jl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Ql = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zl(e, t, l, o, n, i) {
+}, Yi = /* @__PURE__ */ v(Xi, [["render", qi]]), Gi = ["viewBox"], Ji = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Qi = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Zi(e, t, i, o, n, l) {
   return s(), u("div", {
-    class: f(["w-progress", i.classes]),
-    style: R(i.styles)
+    class: f(["w-progress", l.classes]),
+    style: R(l.styles)
   }, [
-    l.circle ? (s(), u("svg", {
+    i.circle ? (s(), u("svg", {
       key: 1,
-      viewBox: `${i.circleCenter / 2} ${i.circleCenter / 2} ${i.circleCenter} ${i.circleCenter}`
+      viewBox: `${l.circleCenter / 2} ${l.circleCenter / 2} ${l.circleCenter} ${l.circleCenter}`
     }, [
-      l.bgColor || this.progressValue > -1 ? (s(), u("circle", {
+      i.bgColor || this.progressValue > -1 ? (s(), u("circle", {
         key: 0,
-        class: f(["bg", l.bgColor || null]),
-        cx: i.circleCenter,
-        cy: i.circleCenter,
+        class: f(["bg", i.bgColor || null]),
+        cx: l.circleCenter,
+        cy: l.circleCenter,
         r: e.circleRadius,
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
-        "stroke-width": l.stroke
-      }, null, 10, Jl)) : c("", !0),
+        "stroke-width": i.stroke
+      }, null, 10, Ji)) : c("", !0),
       w("circle", {
         class: "w-progress__progress",
-        cx: i.circleCenter,
-        cy: i.circleCenter,
+        cx: l.circleCenter,
+        cy: l.circleCenter,
         r: e.circleRadius,
         fill: "transparent",
-        "stroke-width": l.stroke,
-        "stroke-linecap": l.roundCap && "round",
+        "stroke-width": i.stroke,
+        "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: R(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Ql)
-    ], 8, Gl)) : (s(), u("div", {
+        style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
+      }, null, 12, Qi)
+    ], 8, Gi)) : (s(), u("div", {
       key: 0,
-      class: f(["w-progress__progress", { full: i.progressValue === 100 }]),
-      style: R(`width: ${i.progressValue}%`)
+      class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
+      style: R(`width: ${l.progressValue}%`)
     }, null, 6)),
-    l.label || e.$slots.default ? (s(), u("div", {
+    i.label || e.$slots.default ? (s(), u("div", {
       key: 2,
-      class: f(["w-progress__label", l.labelColor || !1])
+      class: f(["w-progress__label", i.labelColor || !1])
     }, [
       p(e.$slots, "default", {}, () => [
-        S(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
+        S(_(Math.round(l.progressValue)) + _(i.circle ? "" : "%"), 1)
       ])
     ], 2)) : c("", !0)
   ], 6);
 }
-const J = 40, ei = J / 2, ti = Math.round(J * 3.14 * 100) / 100, li = {
+const J = 40, el = J / 2, tl = Math.round(J * 3.14 * 100) / 100, il = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4126,8 +4134,8 @@ const J = 40, ei = J / 2, ti = Math.round(J * 3.14 * 100) / 100, li = {
   emits: [],
   data: () => ({
     circleSize: J,
-    circleRadius: ei,
-    circleCircumference: ti
+    circleRadius: el,
+    circleCircumference: tl
   }),
   computed: {
     progressValue() {
@@ -4166,17 +4174,17 @@ const J = 40, ei = J / 2, ti = Math.round(J * 3.14 * 100) / 100, li = {
       };
     }
   }
-}, ii = /* @__PURE__ */ v(li, [["render", Zl]]), si = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ai = ["for"], oi = ["for", "innerHTML"], ni = ["for"], ri = ["for", "innerHTML"];
-function di(e, t, l, o, n, i) {
-  return s(), m(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, ll = /* @__PURE__ */ v(il, [["render", Zi]]), sl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], al = ["for"], ol = ["for", "innerHTML"], nl = ["for"], rl = ["for", "innerHTML"];
+function dl(e, t, i, o, n, l) {
+  return s(), g(V(e.formRegister && !l.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
-    class: i.classes
+    class: l.classes
   }), {
-    default: g(() => [
+    default: m(() => [
       w("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
@@ -4187,25 +4195,25 @@ function di(e, t, l, o, n, i) {
         required: e.required || null,
         tabindex: e.tabindex || null,
         onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
-        onChange: t[1] || (t[1] = (a) => i.onInput(a)),
+        onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, si),
-      i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
+      }, null, 40, sl),
+      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, ai)) : l.label ? (s(), u("label", {
+        ], 10, al)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
-          innerHTML: l.label
-        }, null, 10, oi)) : c("", !0)
+          innerHTML: i.label
+        }, null, 10, ol)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-radio__input", this.color]),
@@ -4213,27 +4221,27 @@ function di(e, t, l, o, n, i) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
-      i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
+      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, ni)) : l.label ? (s(), u("label", {
+        ], 10, nl)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
-          innerHTML: l.label
-        }, null, 10, ri)) : c("", !0)
+          innerHTML: i.label
+        }, null, 10, rl)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ui = {
+const ul = {
   name: "w-radio",
   mixins: [M],
   inject: { wRadios: { default: null } },
@@ -4293,42 +4301,42 @@ const ui = {
       this.toggleFromOutside();
     }
   }
-}, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["innerHTML"];
-function pi(e, t, l, o, n, i) {
+}, hl = /* @__PURE__ */ v(ul, [["render", dl]]), cl = ["innerHTML"];
+function pl(e, t, i, o, n, l) {
   const a = $("w-radio");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
-    column: !l.inline,
-    wrap: l.inline,
-    class: i.classes
+    column: !i.inline,
+    wrap: i.inline,
+    class: l.classes
   }), {
-    default: g(() => [
-      (s(!0), u(k, null, L(i.radioItems, (r, d) => (s(), m(a, C({
+    default: m(() => [
+      (s(!0), u(k, null, L(l.radioItems, (r, d) => (s(), g(a, C({
         key: d,
-        "model-value": r.value === l.modelValue,
-        "onUpdate:modelValue": (h) => i.onInput(r),
+        "model-value": r.value === i.modelValue,
+        "onUpdate:modelValue": (h) => l.onInput(r),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: e.inputName
-      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
+      }, { label: r.label, color: r.color, labelOnLeft: i.labelOnLeft, labelColor: i.labelColor }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
-        class: { mt1: !l.inline && d }
+        class: { mt1: !i.inline && d }
       }), {
-        default: g(() => [
+        default: m(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
-            item: i.getOriginalItem(r),
+            item: l.getOriginalItem(r),
             index: d + 1,
-            checked: r.value === l.modelValue,
+            checked: r.value === i.modelValue,
             innerHTML: r.label
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, ci)) : c("", !0)
+          }, null, 8, cl)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4336,7 +4344,7 @@ function pi(e, t, l, o, n, i) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const fi = {
+const fl = {
   name: "w-radios",
   mixins: [M],
   props: {
@@ -4382,54 +4390,54 @@ const fi = {
       return this.items[e._index];
     }
   }
-}, gi = /* @__PURE__ */ v(fi, [["render", pi]]), mi = ["id", "name", "value"], bi = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yi(e, t, l, o, n, i) {
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, ml = /* @__PURE__ */ v(fl, [["render", pl]]), gl = ["id", "name", "value"], bl = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function yl(e, t, i, o, n, l) {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
       e.$emit("update:modelValue", n.rating = null), e.$emit("input", null);
     }),
-    class: i.classes
+    class: l.classes
   }), {
-    default: g(() => [
+    default: m(() => [
       w("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, mi),
-      (s(!0), u(k, null, L(l.max, (a) => (s(), u(k, { key: a }, [
+      }, null, 8, gl),
+      (s(!0), u(k, null, L(i.max, (a) => (s(), u(k, { key: a }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : c("", !0),
         w("button", {
-          class: f(["w-rating__button", i.buttonClasses(a)]),
+          class: f(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
           onMouseenter: (r) => n.hover = a,
           onMouseleave: t[0] || (t[0] = (r) => n.hover = 0),
-          onClick: (r) => i.onButtonClick(a),
-          onFocus: t[1] || (t[1] = (...r) => i.onFocus && i.onFocus(...r)),
-          onBlur: t[2] || (t[2] = (...r) => i.onBlur && i.onBlur(...r)),
-          onKeydown: t[3] || (t[3] = (...r) => i.onKeydown && i.onKeydown(...r)),
+          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: a === 1 ? 0 : -1
         }, [
           a - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
             key: 0,
-            class: f(["w-icon", `${l.icon} ${l.color}`]),
+            class: f(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: R(i.halfStarStyle)
+            style: R(l.halfStarStyle)
           }, null, 6)) : c("", !0)
-        ], 42, bi)
+        ], 42, bl)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const wi = {
+const wl = {
   name: "w-rating",
   mixins: [M],
   props: {
@@ -4503,14 +4511,14 @@ const wi = {
       }
     },
     buttonClasses(e) {
-      const t = e - 1 === ~~this.rating && this.rating - ~~this.rating, l = this.hover >= e || !t && this.hover === 0 && this.rating >= e;
+      const t = e - 1 === ~~this.rating && this.rating - ~~this.rating, i = this.hover >= e || !t && this.hover === 0 && this.rating >= e;
       return {
-        "w-rating__button--on": l,
+        "w-rating__button--on": i,
         "w-rating__button--half": t,
         [this.icon]: !0,
         [`size--${this.size}`]: !0,
-        [this.color]: l,
-        [this.bgColor]: this.bgColor && !l
+        [this.color]: i,
+        [this.bgColor]: this.bgColor && !i
       };
     }
   },
@@ -4519,32 +4527,32 @@ const wi = {
       this.rating = parseFloat(e);
     }
   }
-}, vi = /* @__PURE__ */ v(wi, [["render", yi]]);
-function ki(e, t, l, o, n, i) {
+}, vl = /* @__PURE__ */ v(wl, [["render", yl]]);
+function kl(e, t, i, o, n, l) {
   return s(), u(k, null, [
     w("div", C({
-      class: ["w-scrollable", i.scrollableClasses],
+      class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
-      onMouseenter: t[0] || (t[0] = (...a) => i.onMouseEnter && i.onMouseEnter(...a)),
-      onMouseleave: t[1] || (t[1] = (...a) => i.onMouseLeave && i.onMouseLeave(...a)),
-      onMousewheel: t[2] || (t[2] = (...a) => i.onMouseWheel && i.onMouseWheel(...a))
-    }, e.$attrs, { style: i.scrollableStyles }), [
+      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 }), [
       p(e.$slots, "default")
     ], 16),
     w("div", {
-      class: f(["w-scrollbar", i.scrollbarClasses]),
+      class: f(["w-scrollbar", l.scrollbarClasses]),
       ref: "track",
-      onMousedown: t[3] || (t[3] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a))
+      onMousedown: t[3] || (t[3] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a))
     }, [
       w("div", {
         class: "w-scrollbar__thumb",
         ref: "thumb",
-        style: R(i.thumbStyles)
+        style: R(l.thumbStyles)
       }, null, 4)
     ], 34)
   ], 64);
 }
-const _i = {
+const _l = {
   h: {
     horizOrVert: "horizontal",
     topOrLeft: "left",
@@ -4567,7 +4575,7 @@ const _i = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, Ci = {
+}, Cl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -4587,11 +4595,11 @@ const _i = {
   }),
   computed: {
     isHorizontal() {
-      var e, t, l, o;
-      return this.mounted ? (console.log("\u{1F482}\u200D\u2642\uFE0F", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((l = this.$refs.scrollable) == null ? void 0 : l.scrollWidth) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
+      var e, t, i, o;
+      return this.mounted ? (console.log("\u{1F482}\u200D\u2642\uFE0F", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
     },
     m() {
-      return _i[this.isHorizontal ? "h" : "v"];
+      return _l[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -4604,8 +4612,8 @@ const _i = {
       };
     },
     thumbSizePercent() {
-      var t, l;
-      return this.mounted ? (console.log("\u{1F612}", this[this.m.widthOrHeight], this.$refs.scrollable[[this.m.offsetWidthOrHeight]]), ((t = this[this.m.widthOrHeight]) != null ? t : this.$refs.scrollable[[this.m.offsetWidthOrHeight]]) * 100 / ((l = this.$refs.scrollable) == null ? void 0 : l[this.m.scrollWidthOrHeight]) || 0) : 0;
+      var t, i;
+      return this.mounted ? (console.log("\u{1F612}", this[this.m.widthOrHeight], this.$refs.scrollable[[this.m.offsetWidthOrHeight]]), ((t = this[this.m.widthOrHeight]) != null ? t : this.$refs.scrollable[[this.m.offsetWidthOrHeight]]) * 100 / ((i = this.$refs.scrollable) == null ? void 0 : i[this.m.scrollWidthOrHeight]) || 0) : 0;
     },
     scrollableStyles() {
       return {
@@ -4624,8 +4632,8 @@ const _i = {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
         return;
-      const { top: t, left: l, width: o, height: n } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = l) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
+      const { top: t, left: i, width: o, height: n } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
     onDrag(e) {
       this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
@@ -4643,8 +4651,8 @@ const _i = {
       !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: l, width: o, height: n } = this.$refs.scrollable.getBoundingClientRect(), i = this.isHorizontal ? l : t, a = this.isHorizontal ? o : n;
-      this.scrollValuePercent = Math.max(0, Math.min((e - i) / a * 100, 100));
+      const { top: t, left: i, width: o, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? o : n;
+      this.scrollValuePercent = Math.max(0, Math.min((e - l) / a * 100, 100));
     },
     scroll() {
       var e;
@@ -4659,149 +4667,149 @@ const _i = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style[this.m.maxWidthOrHeight] = `${this[this.m.widthOrHeight]}px`;
   }
-}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]), Bi = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Sl = /* @__PURE__ */ v(Cl, [["render", kl]]), Bl = ["for"], $l = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vl = {
   key: 1,
   class: "w-select__selection-slot"
-}, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ti = ["value", "name"], Ri = ["for"], Li = ["for"];
-function xi(e, t, l, o, n, i) {
+}, Il = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Tl = ["value", "name"], Rl = ["for"], Ll = ["for"];
+function xl(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ 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[10] || (t[10] = (h) => e.valid = h),
-    onReset: i.onReset,
-    wrap: i.hasLabel && l.labelPosition !== "inside",
-    class: i.classes
+    onReset: l.onReset,
+    wrap: l.hasLabel && i.labelPosition !== "inside",
+    class: l.classes
   }), {
-    default: g(() => [
-      l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+    default: m(() => [
+      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, Bi)) : c("", !0)
+        ], 10, Bl)) : c("", !0)
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
-        onClose: i.closeMenu,
-        "menu-class": `w-select__menu ${l.menuClass || ""}`,
+        onClose: l.closeMenu,
+        "menu-class": `w-select__menu ${i.menuClass || ""}`,
         transition: "slide-fade-down",
-        "append-to": (l.menuProps || {}).appendTo !== void 0 ? (l.menuProps || {}).appendTo : void 0,
+        "append-to": (i.menuProps || {}).appendTo !== void 0 ? (i.menuProps || {}).appendTo : void 0,
         "align-left": "",
         custom: "",
         "min-width": "activator"
-      }, l.menuProps || {}), {
-        activator: g(({ on: h }) => [
+      }, i.menuProps || {}), {
+        activator: m(({ on: h }) => [
           w("div", C({ class: "w-select__selection-wrap" }, z(h, !0), {
-            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && i.onInputFieldClick()),
+            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`,
-            class: i.inputWrapClasses
+            class: l.inputWrapClasses
           }), [
-            l.innerIconLeft ? (s(), m(a, {
+            i.innerIconLeft ? (s(), g(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
               onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
-              default: g(() => [
-                S(_(l.innerIconLeft), 1)
+              default: m(() => [
+                S(_(i.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Vi, [
+            e.$slots.selection ? (s(), u("div", Vl, [
               p(e.$slots, "selection", {
-                item: l.multiple ? e.inputValue : e.inputValue[0]
+                item: i.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : c("", !0),
             w("div", {
-              class: f(["w-select__selection", { "w-select__selection--placeholder": !e.$slots.selection && !i.selectionString && l.placeholder }]),
+              class: f(["w-select__selection", { "w-select__selection--placeholder": !e.$slots.selection && !l.selectionString && i.placeholder }]),
               ref: "selection-input",
               contenteditable: e.isDisabled || e.isReadonly ? "false" : "true",
-              onFocus: t[1] || (t[1] = (y) => !e.isDisabled && !e.isReadonly && i.onFocus(y)),
-              onBlur: t[2] || (t[2] = (...y) => i.onBlur && i.onBlur(...y)),
-              onKeydown: t[3] || (t[3] = (y) => !e.isDisabled && !e.isReadonly && i.onKeydown(y)),
+              onFocus: t[1] || (t[1] = (y) => !e.isDisabled && !e.isReadonly && l.onFocus(y)),
+              onBlur: t[2] || (t[2] = (...y) => l.onBlur && l.onBlur(...y)),
+              onKeydown: t[3] || (t[3] = (y) => !e.isDisabled && !e.isReadonly && l.onKeydown(y)),
               id: `w-select--${e._.uid}`,
               disabled: e.isDisabled || null,
               readonly: "",
               "aria-readonly": "true",
               tabindex: e.tabindex || null,
-              innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
-            }, null, 42, Ii),
+              innerHTML: e.$slots.selection ? "" : l.selectionString || i.placeholder
+            }, null, 42, Il),
             (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, B) => (s(), u("input", {
               key: B,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
-              name: e.inputName + (l.multiple ? "[]" : "")
-            }, null, 8, Ti))), 128)),
-            l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 2 }, [
-              e.$slots.default || l.label ? (s(), u("label", {
+              name: e.inputName + (i.multiple ? "[]" : "")
+            }, null, 8, Tl))), 128)),
+            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 2 }, [
+              e.$slots.default || i.label ? (s(), u("label", {
                 key: 0,
                 class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
                 for: `w-select--${e._.uid}`
               }, [
                 p(e.$slots, "default", {}, () => [
-                  S(_(l.label), 1)
+                  S(_(i.label), 1)
                 ])
-              ], 10, Ri)) : c("", !0)
+              ], 10, Rl)) : c("", !0)
             ], 64)) : c("", !0),
-            l.innerIconRight ? (s(), m(a, {
+            i.innerIconRight ? (s(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
               onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
-              default: g(() => [
-                S(_(l.innerIconRight), 1)
+              default: m(() => [
+                S(_(i.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
-          ], 16, $i)
+          ], 16, $l)
         ]),
-        default: g(() => [
+        default: m(() => [
           I(r, {
             ref: "w-list",
             "model-value": e.inputValue,
-            "onUpdate:modelValue": i.onInput,
+            "onUpdate:modelValue": l.onInput,
             onItemClick: t[6] || (t[6] = (h) => e.$emit("item-click", h)),
-            onItemSelect: i.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu()),
+            onItemSelect: l.onListItemSelect,
+            "onKeydown:enter": t[7] || (t[7] = (h) => i.noUnselect && !i.multiple && l.closeMenu()),
             "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
-            items: i.selectItems,
-            multiple: l.multiple,
+            items: l.selectItems,
+            multiple: i.multiple,
             "arrows-navigation": "",
             "return-object": "",
             "add-ids": `w-select-menu--${e._.uid}`,
-            "no-unselect": l.noUnselect,
-            "selection-color": l.selectionColor,
-            "item-color-key": l.itemColorKey,
+            "no-unselect": i.noUnselect,
+            "selection-color": i.selectionColor,
+            "item-color-key": i.itemColorKey,
             role: "listbox",
             tabindex: "-1"
           }, Z({ _: 2 }, [
-            L(l.items.length, (h) => ({
+            L(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: g(({ item: y, selected: B, index: b }) => [
+              fn: m(({ item: y, selected: B, index: b }) => [
                 e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  S(_(y[i.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  S(_(y[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4809,22 +4817,22 @@ function xi(e, t, l, o, n, i) {
         ]),
         _: 3
       }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
-      l.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, Li)) : c("", !0)
+        ], 10, Ll)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Oi = {
+const Ol = {
   name: "w-select",
   mixins: [M],
   props: {
@@ -4868,8 +4876,8 @@ const Oi = {
   computed: {
     selectItems() {
       return this.items.map((e, t) => {
-        const l = { ...e };
-        return l.value = l[this.itemValueKey] === void 0 ? l[this.itemLabelKey] || t : l[this.itemValueKey], l.index = t, l;
+        const i = { ...e };
+        return i.value = i[this.itemValueKey] === void 0 ? i[this.itemLabelKey] || t : i[this.itemValueKey], i.index = t, i;
       });
     },
     hasValue() {
@@ -4938,18 +4946,18 @@ const Oi = {
           this.openMenu();
         else {
           let { index: t } = this.inputValue[0] || {};
-          const l = this.selectItems;
+          const i = this.selectItems;
           if (t === void 0)
-            t = e.keyCode === 38 ? l.length - 1 : 0;
+            t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
             const o = e.keyCode === 38 ? -1 : 1;
-            t = (t + l.length + o) % l.length;
+            t = (t + i.length + o) % i.length;
           }
-          this.onInput(l[t]);
+          this.onInput(i[t]);
         }
     },
     onInput(e) {
-      this.inputValue = e === null ? [] : this.multiple ? e : [e], e = this.inputValue.map((l) => this.returnObject ? this.items[l.index] : l.value);
+      this.inputValue = e === null ? [] : this.multiple ? e : [e], e = this.inputValue.map((i) => this.returnObject ? this.items[i.index] : i.value);
       const t = this.multiple ? e : e[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
@@ -4966,11 +4974,11 @@ const Oi = {
     },
     checkSelection(e) {
       e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
-      const t = this.selectItems.map((l) => l.value);
-      return e.map((l) => {
-        let o = l;
-        return l && typeof l == "object" && (o = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(o)];
-      }).filter((l) => l !== void 0);
+      const t = this.selectItems.map((i) => i.value);
+      return e.map((i) => {
+        let o = i;
+        return i && typeof i == "object" && (o = i[this.itemValueKey] !== void 0 ? i[this.itemValueKey] : i[this.itemLabelKey] !== void 0 ? i[this.itemLabelKey] : i), this.selectItems[t.indexOf(o)];
+      }).filter((i) => i !== void 0);
     },
     openMenu() {
       this.showMenu = !0, setTimeout(() => {
@@ -4995,57 +5003,57 @@ const Oi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Pi = /* @__PURE__ */ v(Oi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
+}, Pl = /* @__PURE__ */ v(Ol, [["render", xl]]), zl = ["for"], Ml = ["for", "innerHTML"], El = { class: "w-slider__track-wrap" }, Wl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Al = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Nl = ["for"], Kl = { key: 0 }, Hl = {
   key: 0,
   class: "w-slider__step-labels"
-}, Di = ["onClick"], Fi = ["for"], ji = ["for", "innerHTML"];
-function Ui(e, t, l, o, n, i) {
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Dl = ["onClick"], Fl = ["for"], jl = ["for", "innerHTML"];
+function Ul(e, t, i, o, n, l) {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
-      e.rangeValuePercent = 0, i.updateRangeValueScaled();
+      e.rangeValuePercent = 0, l.updateRangeValueScaled();
     }),
     wrap: e.formRegister || null,
-    class: i.wrapperClasses
+    class: l.wrapperClasses
   }), {
-    default: g(() => [
+    default: m(() => [
       e.$slots["label-left"] ? (s(), u("label", {
         key: 0,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-left")
-      ], 10, zi)) : l.labelLeft ? (s(), u("label", {
+      ], 10, zl)) : i.labelLeft ? (s(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
-        innerHTML: l.labelLeft
-      }, null, 10, Mi)) : c("", !0),
-      w("div", Ei, [
+        innerHTML: i.labelLeft
+      }, null, 10, Ml)) : c("", !0),
+      w("div", El, [
         w("div", {
-          class: f(["w-slider__track", i.trackClasses]),
+          class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
-          onMousedown: t[4] || (t[4] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
-          onTouchstart: t[5] || (t[5] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
+          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": i.minVal,
-          "aria-valuemax": i.maxVal,
+          "aria-valuemin": l.minVal,
+          "aria-valuemax": l.maxVal,
           "aria-valuenow": e.rangeValueScaled,
           "aria-readonly": e.isReadonly ? "true" : "false",
           "aria-orientation": "horizontal"
         }, [
           w("div", {
-            class: f(["w-slider__range", i.rangeClasses]),
-            style: R(i.rangeStyles)
+            class: f(["w-slider__range", l.rangeClasses]),
+            style: R(l.rangeStyles)
           }, null, 6),
           w("div", {
             class: "w-slider__thumb",
-            style: R(i.thumbStyles)
+            style: R(l.thumbStyles)
           }, [
             w("button", {
-              class: f(["w-slider__thumb-button", [l.color]]),
+              class: f(["w-slider__thumb-button", [i.color]]),
               ref: "thumb",
               id: `button--${e._.uid}`,
               name: e.inputName,
@@ -5055,19 +5063,19 @@ function Ui(e, t, l, o, n, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = W((a) => i.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = W((a) => i.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = W((a) => l.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = W((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = E(() => {
               }, ["prevent"]))
-            }, null, 42, Ai),
-            l.thumbLabel ? (s(), u("label", {
+            }, null, 42, Al),
+            i.thumbLabel ? (s(), u("label", {
               key: 0,
-              class: f(["w-slider__thumb-label", i.thumbClasses]),
+              class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
+              i.thumbLabel === "droplet" ? (s(), u("div", Kl, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(_(~~e.rangeValueScaled), 1)
                 ])
@@ -5077,24 +5085,24 @@ function Ui(e, t, l, o, n, i) {
               }, () => [
                 S(_(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Ni)) : c("", !0)
+            ], 10, Nl)) : c("", !0)
           ], 4)
-        ], 42, Wi),
-        l.stepLabels && l.step ? (s(), u("div", Hi, [
+        ], 42, Wl),
+        i.stepLabels && i.step ? (s(), u("div", Hl, [
           w("div", {
             class: "w-slider__step-label",
-            onClick: t[6] || (t[6] = (a) => i.onStepLabelClick(0))
+            onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, _(this.minVal), 1),
-          (s(!0), u(k, null, L(~~i.numberOfSteps, (a) => (s(), u("div", {
+          (s(!0), u(k, null, L(~~l.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
             key: a,
-            onClick: (r) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
-            style: R(`left: ${a * (100 / i.numberOfSteps)}%`)
-          }, _(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, Di))), 128)),
-          ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
+            onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
+            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
+          }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Dl))), 128)),
+          ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
-            onClick: t[7] || (t[7] = (a) => i.onStepLabelClick(100)),
+            onClick: t[7] || (t[7] = (a) => l.onStepLabelClick(100)),
             style: { left: "100%" }
           }, _(this.maxVal), 1)) : c("", !0)
         ])) : c("", !0)
@@ -5105,17 +5113,17 @@ function Ui(e, t, l, o, n, i) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-right")
-      ], 10, Fi)) : l.labelRight ? (s(), u("label", {
+      ], 10, Fl)) : i.labelRight ? (s(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
-        innerHTML: l.labelRight
-      }, null, 10, ji)) : c("", !0)
+        innerHTML: i.labelRight
+      }, null, 10, jl)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const qi = {
+const ql = {
   name: "w-slider",
   mixins: [M],
   props: {
@@ -5213,8 +5221,8 @@ const qi = {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
         return;
-      const { left: t, width: l } = this.track.el.getBoundingClientRect();
-      this.track.width = l, this.track.left = t, this.dragging = !0, this.updateRange(e.type === "touchstart" ? e.touches[0].clientX : e.clientX), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
+      const { left: t, width: i } = this.track.el.getBoundingClientRect();
+      this.track.width = i, this.track.left = t, this.dragging = !0, this.updateRange(e.type === "touchstart" ? e.touches[0].clientX : e.clientX), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
     onDrag(e) {
       this.updateRange(e.type === "touchmove" ? e.touches[0].clientX : e.clientX);
@@ -5249,17 +5257,17 @@ const qi = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, Xi = /* @__PURE__ */ v(qi, [["render", Ui]]), Yi = { key: 0 };
-function Gi(e, t, l, o, n, i) {
-  return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
+}, Xl = /* @__PURE__ */ v(ql, [["render", Ul]]), Yl = { key: 0 };
+function Gl(e, t, i, o, n, l) {
+  return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
     key: 0,
-    class: f(["w-spinner", i.classes]),
-    style: R(i.styles)
+    class: f(["w-spinner", l.classes]),
+    style: R(l.styles)
   }, [
-    i.isThreeDots ? (s(), u("span", Yi)) : c("", !0)
+    l.isThreeDots ? (s(), u("span", Yl)) : c("", !0)
   ], 6)) : c("", !0);
 }
-const Ji = {
+const Jl = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5297,10 +5305,10 @@ const Ji = {
       };
     }
   }
-}, Qi = /* @__PURE__ */ v(Ji, [["render", Gi]]);
-function Zi(e, t, l, o, n, i) {
+}, Ql = /* @__PURE__ */ v(Jl, [["render", Gl]]);
+function Zl(e, t, i, o, n, l) {
   return s(), u("div", {
-    class: f(["w-steps", i.classes])
+    class: f(["w-steps", l.classes])
   }, null, 2);
 }
 const es = {
@@ -5319,24 +5327,24 @@ const es = {
       };
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zi]]), ls = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], is = ["for"], ss = {
+}, ts = /* @__PURE__ */ v(es, [["render", Zl]]), is = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ls = ["for"], ss = {
   key: 0,
   class: "w-switch__track"
 }, as = {
   key: 1,
   class: "w-switch__thumb"
 }, os = ["for"];
-function ns(e, t, l, o, n, i) {
+function ns(e, t, i, o, n, l) {
   const a = $("w-progress");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ 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", n.isOn = null), e.$emit("input", null);
     }),
-    class: i.classes
+    class: l.classes
   }), {
-    default: g(() => [
+    default: m(() => [
       w("input", {
         ref: "input",
         id: `w-switch--${e._.uid}`,
@@ -5348,47 +5356,47 @@ function ns(e, t, l, o, n, i) {
         "aria-readonly": e.isReadonly ? "true" : "false",
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onChange: t[0] || (t[0] = (r) => i.onInput()),
+        onChange: t[0] || (t[0] = (r) => l.onInput()),
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }, null, 40, ls),
-      i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+      }, null, 40, is),
+      l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
-        ], 10, is)) : c("", !0)
+        ], 10, ls)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", C({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, z(e.$attrs, !0), { class: i.inputClasses }), [
+      }, z(e.$attrs, !0), { class: l.inputClasses }), [
         e.$slots.track ? (s(), u("div", ss, [
           p(e.$slots, "track")
         ])) : c("", !0),
-        e.$slots.thumb || l.loading ? (s(), u("div", as, [
-          l.loading ? (s(), m(a, C({
+        e.$slots.thumb || i.loading ? (s(), u("div", as, [
+          i.loading ? (s(), g(a, C({
             key: 0,
             circle: "",
             color: "inherit"
-          }, typeof l.loading == "number" && { "model-value": l.loading }), null, 16)) : p(e.$slots, "thumb", { key: 1 })
+          }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : p(e.$slots, "thumb", { key: 1 })
         ])) : c("", !0)
       ], 16),
-      i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
         ], 10, os)) : c("", !0)
       ], 64)) : c("", !0)
@@ -5462,130 +5470,130 @@ const rs = {
     }
   }
 }, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, l, o, n, i) {
+function hs(e, t, i, o, n, l) {
   return s(), u("div", us, [
-    p(e.$slots, "default", { item: l.item })
+    p(e.$slots, "default", { item: i.item })
   ]);
 }
 const cs = {
   name: "tab-content",
   props: { item: Object }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], gs = ["innerHTML"], ms = {
+}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ms = ["innerHTML"], gs = {
   key: 0,
   class: "w-tabs__bar-extra"
 }, bs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, ys = ["innerHTML"], ws = ["innerHTML"];
-function vs(e, t, l, o, n, i) {
+function vs(e, t, i, o, n, l) {
   const a = $("tab-content");
   return s(), u("div", {
-    class: f(["w-tabs", i.tabsClasses])
+    class: f(["w-tabs", l.tabsClasses])
   }, [
     w("div", {
-      class: f(["w-tabs__bar", i.tabsBarClasses]),
+      class: f(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
       (s(!0), u(k, null, L(e.tabs, (r, d) => (s(), u("div", {
-        class: f(["w-tabs__bar-item", i.barItemClasses(r)]),
+        class: f(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
-        onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && i.openTab(r._uid),
-        onFocus: (h) => e.$emit("focus", i.getOriginalItem(r)),
+        onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
+        onFocus: (h) => e.$emit("focus", l.getOriginalItem(r)),
         tabindex: !r._disabled && 0,
-        onKeypress: W((h) => !r._disabled && i.openTab(r._uid), ["enter"]),
+        onKeypress: W((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
         e.$slots[`item-title.${r.id || d + 1}`] ? p(e.$slots, `item-title.${r.id || d + 1}`, {
           key: 0,
-          item: i.getOriginalItem(r),
+          item: l.getOriginalItem(r),
           index: d + 1,
           active: r._uid === e.activeTabUid
         }) : p(e.$slots, "item-title", {
           key: 1,
-          item: i.getOriginalItem(r),
+          item: l.getOriginalItem(r),
           index: d + 1,
           active: r._uid === e.activeTabUid
         }, () => [
           w("div", {
-            innerHTML: r[l.itemTitleKey]
-          }, null, 8, gs)
+            innerHTML: r[i.itemTitleKey]
+          }, null, 8, ms)
         ])
       ], 42, fs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", ms, [
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", gs, [
         p(e.$slots, "tabs-bar-extra")
       ])) : c("", !0),
-      !l.noSlider && !l.card ? (s(), u("div", {
+      !i.noSlider && !i.card ? (s(), u("div", {
         key: 1,
-        class: f(["w-tabs__slider", l.sliderColor]),
-        style: R(i.sliderStyles)
+        class: f(["w-tabs__slider", i.sliderColor]),
+        style: R(l.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
     e.tabs.length ? (s(), u("div", bs, [
-      l.keepInDom ? (s(), m(ae, {
+      i.keepInDom ? (s(), g(ae, {
         key: 0,
-        name: i.transitionName
+        name: l.transitionName
       }, {
-        default: g(() => [
-          (s(!0), u(k, null, L(e.tabs, (r, d) => N((s(), m(a, {
+        default: m(() => [
+          (s(!0), u(k, null, L(e.tabs, (r, d) => N((s(), g(a, {
             key: r._uid,
             item: r,
-            class: f(l.contentClass)
+            class: f(i.contentClass)
           }, {
-            default: g(() => [
+            default: m(() => [
               e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                 key: 0,
-                item: i.getOriginalItem(r),
+                item: l.getOriginalItem(r),
                 index: r._index + 1,
-                active: r._index === i.activeTab._index
+                active: r._index === l.activeTab._index
               }) : p(e.$slots, "item-content", {
                 key: 1,
-                item: i.getOriginalItem(r),
+                item: l.getOriginalItem(r),
                 index: r._index + 1,
-                active: r._index === i.activeTab._index
+                active: r._index === l.activeTab._index
               }, () => [
-                r[l.itemContentKey] ? (s(), u("div", {
+                r[i.itemContentKey] ? (s(), u("div", {
                   key: 0,
-                  innerHTML: r[l.itemContentKey]
+                  innerHTML: r[i.itemContentKey]
                 }, null, 8, ys)) : c("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [oe, r._uid === i.activeTab._uid]
+            [oe, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), m(O, {
+      }, 8, ["name"])) : (s(), g(O, {
         key: 1,
-        name: i.transitionName,
-        mode: i.transitionMode
+        name: l.transitionName,
+        mode: l.transitionMode
       }, {
-        default: g(() => [
-          (s(), m(Ve, {
-            exclude: l.keepAlive ? "" : "tab-content"
+        default: m(() => [
+          (s(), g(Ve, {
+            exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (s(), m(a, {
+            (s(), g(a, {
               key: e.activeTabUid,
-              item: i.activeTab,
-              class: f(l.contentClass)
+              item: l.activeTab,
+              class: f(i.contentClass)
             }, {
-              default: g(({ item: r }) => [
+              default: m(({ item: r }) => [
                 r ? (s(), u(k, { key: 0 }, [
                   e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
-                    item: i.getOriginalItem(r),
+                    item: l.getOriginalItem(r),
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
                   }) : p(e.$slots, "item-content", {
                     key: 1,
-                    item: i.getOriginalItem(r),
+                    item: l.getOriginalItem(r),
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
                   }, () => [
-                    r[l.itemContentKey] ? (s(), u("div", {
+                    r[i.itemContentKey] ? (s(), u("div", {
                       key: 0,
-                      innerHTML: r[l.itemContentKey]
+                      innerHTML: r[i.itemContentKey]
                     }, null, 8, ws)) : c("", !0)
                   ])
                 ], 64)) : c("", !0)
@@ -5682,8 +5690,8 @@ const ks = {
   },
   methods: {
     addTab(e) {
-      var t, l, o;
-      (l = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && l || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
+      var t, i, o;
+      (i = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && i || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
         _uid: (o = e[this.itemIdKey]) != null ? o : e._uid,
         _index: this.tabs.length,
         ...e,
@@ -5692,22 +5700,22 @@ const ks = {
     },
     refreshTabs() {
       let e = this.items;
-      typeof e == "number" && (e = Array(e).fill().map((t, l) => this.tabs[l] || {})), this.tabs = e.map((t, l) => {
-        var o, n, i;
+      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => {
+        var o, n, l;
         return (n = (o = t[this.itemIdKey]) != null ? o : t._uid) != null && n || (t._uid = +`${this._.uid}${++fe}`), {
           ...t,
-          _uid: (i = t[this.itemIdKey]) != null ? i : t._uid,
-          _index: l,
+          _uid: (l = t[this.itemIdKey]) != null ? l : t._uid,
+          _index: i,
           _disabled: !!t.disabled
         };
       });
     },
     reopenTheActiveTab() {
-      var t, l, o;
+      var t, i, o;
       if (this.tabs.length === 1)
         return this.openTab(this.tabs[0]._uid);
       let e = (t = this.tabsByUid[this.activeTabUid]) == null ? void 0 : t._uid;
-      e || (e = (l = this.tabs[this.activeTabIndex]) == null ? void 0 : l._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
+      e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
     },
     onResize() {
       this.updateSlider(!1);
@@ -5733,14 +5741,14 @@ const ks = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(o);
-        this.slider.left = `${t - n - parseInt(i) + o.scrollLeft}px`, this.slider.width = `${l}px`;
+        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(o);
+        this.slider.left = `${t - n - parseInt(l) + o.scrollLeft}px`, this.slider.width = `${i}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabs.length}%`, this.slider.width = `${100 / this.tabs.length}%`;
     },
     updateActiveTab(e) {
-      var t, l;
-      typeof e == "string" ? e = ~~e : (isNaN(e) || e < 0) && (e = 0), (t = this.tabs[e]) != null && t._uid && (this.openTab((l = this.tabs[e]) == null ? void 0 : l._uid), this.$nextTick(() => {
+      var t, i;
+      typeof e == "string" ? e = ~~e : (isNaN(e) || e < 0) && (e = 0), (t = this.tabs[e]) != null && t._uid && (this.openTab((i = this.tabs[e]) == null ? void 0 : i._uid), this.$nextTick(() => {
         const o = this.$refs["tabs-bar"];
         this.activeTabEl = o && o.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
       }));
@@ -5800,36 +5808,36 @@ const ks = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
 }, qs = ["colspan"], Xs = { class: "w-table__pagination w-pagination" }, Ys = { class: "pages-wrap" }, Gs = { class: "w-pagination__results" };
-function Js(e, t, l, o, n, i) {
+function Js(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
   return s(), u("div", {
-    class: f(["w-table-wrap", i.wrapClasses])
+    class: f(["w-table-wrap", l.wrapClasses])
   }, [
     w("table", {
-      class: f(["w-table", i.classes]),
-      onMousedown: t[5] || (t[5] = (...b) => i.onMouseDown && i.onMouseDown(...b)),
-      onMouseover: t[6] || (t[6] = (...b) => i.onMouseOver && i.onMouseOver(...b)),
-      onMouseout: t[7] || (t[7] = (...b) => i.onMouseOut && i.onMouseOut(...b))
+      class: f(["w-table", l.classes]),
+      onMousedown: t[5] || (t[5] = (...b) => l.onMouseDown && l.onMouseDown(...b)),
+      onMouseover: t[6] || (t[6] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
+      onMouseout: t[7] || (t[7] = (...b) => l.onMouseOut && l.onMouseOut(...b))
     }, [
       w("colgroup", Cs, [
-        (s(!0), u(k, null, L(l.headers, (b, T) => (s(), u("col", {
-          class: f(["w-table__col", i.colClasses[T]]),
+        (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("col", {
+          class: f(["w-table__col", l.colClasses[T]]),
           key: T,
           width: b.width || null
         }, null, 10, Ss))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      i.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
         w("tr", null, [
-          (s(!0), u(k, null, L(l.headers, (b, T) => (s(), u("th", {
-            class: f(["w-table__header", i.headerClasses(b)]),
+          (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("th", {
+            class: f(["w-table__header", l.headerClasses(b)]),
             key: T,
-            onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && i.sortTable(b)
+            onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
           }, [
-            b.sortable !== !1 && b.align === "right" ? (s(), m(a, {
+            b.sortable !== !1 && b.align === "right" ? (s(), g(a, {
               key: 0,
-              class: f(["w-table__header-sort", i.headerSortClasses(b)])
+              class: f(["w-table__header-sort", l.headerSortClasses(b)])
             }, {
-              default: g(() => [
+              default: m(() => [
                 S("wi-arrow-down")
               ]),
               _: 2
@@ -5847,16 +5855,16 @@ function Js(e, t, l, o, n, i) {
                 innerHTML: b.label || ""
               }, null, 8, Vs))
             ], 64)) : c("", !0),
-            b.sortable !== !1 && b.align !== "right" ? (s(), m(a, {
+            b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
               key: 2,
-              class: f(["w-table__header-sort", i.headerSortClasses(b)])
+              class: f(["w-table__header-sort", l.headerSortClasses(b)])
             }, {
-              default: g(() => [
+              default: m(() => [
                 S("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
-            T < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+            T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
               key: 3,
               class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }]),
               onClick: t[0] || (t[0] = E(() => {
@@ -5865,10 +5873,10 @@ function Js(e, t, l, o, n, i) {
           ], 10, $s))), 128))
         ]),
         I(d, null, {
-          default: g(() => [
-            l.loading === "header" ? (s(), u("tr", Is, [
+          default: m(() => [
+            i.loading === "header" ? (s(), u("tr", Is, [
               w("td", {
-                colspan: l.headers.length
+                colspan: i.headers.length
               }, [
                 I(r, { tile: "" })
               ], 8, Ts)
@@ -5878,9 +5886,9 @@ function Js(e, t, l, o, n, i) {
         })
       ])),
       w("tbody", null, [
-        l.loading === !0 ? (s(), u("tr", Rs, [
+        i.loading === !0 ? (s(), u("tr", Rs, [
           w("td", {
-            colspan: l.headers.length
+            colspan: i.headers.length
           }, [
             I(r, { tile: "" }),
             w("div", xs, [
@@ -5889,29 +5897,29 @@ function Js(e, t, l, o, n, i) {
               ])
             ])
           ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
+        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
           w("td", {
             class: "w-table__cell text-center",
-            colspan: l.headers.length
+            colspan: i.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
               S("No data to show.")
             ])
           ], 8, Ps)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, T) => (s(), u(k, { key: T }, [
+        l.tableItems.length && i.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(l.paginatedItems, (b, T) => (s(), u(k, { key: T }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
             item: b,
             index: T + 1,
-            select: () => i.doSelectRow(b, T),
-            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }
+            select: () => l.doSelectRow(b, T),
+            classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }
           }) : (s(), u("tr", {
             key: 1,
-            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }]),
-            onClick: (x) => i.doSelectRow(b, T)
+            class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }]),
+            onClick: (x) => l.doSelectRow(b, T)
           }, [
-            (s(!0), u(k, null, L(l.headers, (x, P) => (s(), u(k, null, [
+            (s(!0), u(k, null, L(i.headers, (x, P) => (s(), u(k, null, [
               e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-a`,
@@ -5936,7 +5944,7 @@ function Js(e, t, l, o, n, i) {
                   label: b[x.key] || "",
                   index: T + 1
                 }) : c("", !0),
-                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
@@ -5948,27 +5956,27 @@ function Js(e, t, l, o, n, i) {
                 w("div", {
                   innerHTML: b[x.key] || ""
                 }, null, 8, Ws),
-                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
               ], 10, Es))
             ], 64))), 256))
           ], 10, zs)),
-          i.expandedRowsByUid[b._uid] ? (s(), u("tr", As, [
+          l.expandedRowsByUid[b._uid] ? (s(), u("tr", As, [
             w("td", {
               class: "w-table__cell",
-              colspan: l.headers.length
+              colspan: i.headers.length
             }, [
               I(h, { y: "" }, {
-                default: g(() => [
-                  i.expandedRowsByUid[b._uid] ? (s(), u("div", Ks, [
+                default: m(() => [
+                  l.expandedRowsByUid[b._uid] ? (s(), u("div", Ks, [
                     p(e.$slots, "row-expansion", {
                       item: b,
                       index: T + 1
                     })
                   ])) : c("", !0),
-                  T < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                  T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                     key: 1,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                   }, null, 2)) : c("", !0)
@@ -5982,31 +5990,31 @@ function Js(e, t, l, o, n, i) {
           p(e.$slots, "extra-row")
         ])) : c("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", Ds, [
+      e.$slots.footer || e.$slots["footer-row"] || i.pagination ? (s(), u("tfoot", Ds, [
         e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Fs, [
           w("td", {
             class: "w-table__cell",
-            colspan: l.headers.length
+            colspan: i.headers.length
           }, [
             p(e.$slots, "footer")
           ], 8, js)
         ])) : c("", !0),
-        l.pagination && e.paginationConfig ? (s(), u("tr", Us, [
+        i.pagination && e.paginationConfig ? (s(), u("tr", Us, [
           w("td", {
             class: "w-table__cell",
-            colspan: l.headers.length
+            colspan: i.headers.length
           }, [
             w("div", Xs, [
               p(e.$slots, "pagination", {
                 range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
                 total: e.paginationConfig.total
               }, () => [
-                e.paginationConfig.itemsPerPageOptions ? (s(), m(y, {
+                e.paginationConfig.itemsPerPageOptions ? (s(), g(y, {
                   key: 0,
                   class: "w-pagination__items-per-page",
                   modelValue: e.paginationConfig.itemsPerPage,
                   "onUpdate:modelValue": t[1] || (t[1] = (b) => e.paginationConfig.itemsPerPage = b),
-                  onInput: t[2] || (t[2] = (b) => i.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
+                  onInput: t[2] || (t[2] = (b) => l.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
                   items: e.paginationConfig.itemsPerPageOptions,
                   "label-position": "left",
                   label: "Items per page",
@@ -6015,27 +6023,27 @@ function Js(e, t, l, o, n, i) {
                 w("div", Ys, [
                   I(B, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
-                    onClick: t[3] || (t[3] = (b) => i.goToPage("-1")),
+                    onClick: t[3] || (t[3] = (b) => l.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
                     icon: "wi-chevron-left",
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(B, {
+                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), g(B, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
-                    onClick: (T) => b !== e.paginationConfig.page && i.goToPage(b),
+                    onClick: (T) => b !== e.paginationConfig.page && l.goToPage(b),
                     round: "",
                     lg: ""
                   }, {
-                    default: g(() => [
+                    default: m(() => [
                       S(_(b), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick", "class"]))), 128)),
                   I(B, {
                     class: "w-pagination__arrow w-pagination__arrow--next",
-                    onClick: t[4] || (t[4] = (b) => i.goToPage("+1")),
+                    onClick: t[4] || (t[4] = (b) => l.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
                     icon: "wi-chevron-right",
                     text: "",
@@ -6051,7 +6059,7 @@ function Js(e, t, l, o, n, i) {
     ], 34)
   ], 2);
 }
-const ge = 15, Qs = {
+const me = 15, Qs = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6066,13 +6074,13 @@ const ge = 15, Qs = {
     filter: { type: Function },
     fetch: { type: Function },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || le(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ie(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || le(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ie(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -6086,7 +6094,7 @@ const ge = 15, Qs = {
       validator: (e) => {
         if (e) {
           if (typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)))
-            return le(
+            return ie(
               "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
@@ -6132,8 +6140,8 @@ const ge = 15, Qs = {
   computed: {
     tableItems() {
       return this.items.map((e, t) => {
-        var l;
-        return e._uid = (l = e[this.uidKey]) != null ? l : t, e;
+        var i;
+        return e._uid = (i = e[this.uidKey]) != null ? i : t, e;
       });
     },
     filteredItems() {
@@ -6143,7 +6151,7 @@ const ge = 15, Qs = {
       if (!this.activeSorting.length || this.sortFunction || this.fetch)
         return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), t = this.activeSorting[0][0] === "-";
-      return [...this.filteredItems].sort((l, o) => (l = l[e], o = o[e], !isNaN(l) && !isNaN(o) && (l = parseFloat(l), o = parseFloat(o)), (l > o ? 1 : -1) * (t ? -1 : 1)));
+      return [...this.filteredItems].sort((i, o) => (i = i[e], o = o[e], !isNaN(i) && !isNaN(o) && (i = parseFloat(i), o = parseFloat(o)), (i > o ? 1 : -1) * (t ? -1 : 1)));
     },
     paginatedItems() {
       return typeof this.fetch == "function" ? this.sortedItems : this.sortedItems.slice(this.paginationConfig.start - 1, this.paginationConfig.end);
@@ -6209,27 +6217,27 @@ const ge = 15, Qs = {
       t && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (t ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" ? await this.sortFunction(this.activeSorting) : typeof this.fetch == "function" && await this.callApiFetch();
     },
     doSelectRow(e, t) {
-      const l = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
-      if (l) {
+      const i = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
+      if (i) {
         const n = this.expandedRowsByUid[e._uid] === void 0;
-        n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
+        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: n,
-            expandedRows: this.expandedRowsInternal.map((i) => this.filteredItems[i])
+            expandedRows: this.expandedRowsInternal.map((l) => this.filteredItems[l])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
       } else if (o) {
         let n = !1;
-        const i = this.selectedRowsByUid[e._uid] === void 0;
-        i ? (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(
+        const l = this.selectedRowsByUid[e._uid] === void 0;
+        l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
           "row-select",
           {
             item: e,
             index: t,
-            selected: i,
+            selected: l,
             selectedRows: this.selectedRowsInternal.map((a) => this.filteredItems[a])
           }
         ), this.$emit("update:selected-rows", this.selectedRowsInternal));
@@ -6246,29 +6254,29 @@ const ge = 15, Qs = {
       e.classList.contains("w-table__col-resizer") && (this.colResizing.hover = !1);
     },
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: l, nextColumnEl: o, colWidth: n, nextColWidth: i } = this.colResizing;
+      const { startCursorX: t, columnEl: i, nextColumnEl: o, colWidth: n, nextColWidth: l } = this.colResizing;
       this.colResizing.dragging = !0;
-      const a = e.pageX - t, r = n + i, d = n + a, h = i - a;
-      l.style.width = n + a + "px", o.style.width = i - a + "px";
-      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ge, B = a > 0 && o.offsetWidth > h;
+      const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
+      i.style.width = n + a + "px", o.style.width = l - a + "px";
+      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= me, B = a > 0 && o.offsetWidth > h;
       if (y) {
-        const b = Math.max(l.offsetWidth, ge);
-        l.style.width = b + "px", o.style.width = r - b + "px";
+        const b = Math.max(i.offsetWidth, me);
+        i.style.width = b + "px", o.style.width = r - b + "px";
       } else
-        B && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        B && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
         const e = [...this.$refs.colgroup.childNodes].map((t) => {
-          var l;
-          return ((l = t.style) == null ? void 0 : l.width) || t.offsetWidth;
+          var i;
+          return ((i = t.style) == null ? void 0 : i.width) || t.offsetWidth;
         });
         this.$emit("column-resize", { index: this.colResizing.columnIndex, widths: e }), this.colResizing.dragging = !1, this.colResizing.columnIndex = null, this.colResizing.startCursorX = null, this.colResizing.columnEl = null, this.colResizing.nextColumnEl = null, this.colResizing.colWidth = null, this.colResizing.nextColWidth = null;
       }, 0);
     },
     initPagination() {
-      var o, n, i;
-      const e = (n = (o = this.pagination) == null ? void 0 : o.itemsPerPage) != null ? n : 20, t = ((i = this.pagination) == null ? void 0 : i.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
+      var o, n, l;
+      const e = (n = (o = this.pagination) == null ? void 0 : o.itemsPerPage) != null ? n : 20, t = ((l = this.pagination) == null ? void 0 : l.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
       t.find((a) => {
         var r;
         return ((r = a == null ? void 0 : a.value) != null ? r : a) === +e;
@@ -6279,27 +6287,27 @@ const ge = 15, Qs = {
           value: ["string", "number"].includes(typeof a) ? ~~a : (r = a.value) != null ? r : a.label
         };
       }), this.paginationConfig.itemsPerPageOptions.sort((a, r) => a.value < r.value ? -1 : 1);
-      const l = this.paginationConfig.itemsPerPageOptions.shift();
-      this.paginationConfig.itemsPerPageOptions.push(l), this.updatePaginationConfig({
+      const i = this.paginationConfig.itemsPerPageOptions.shift();
+      this.paginationConfig.itemsPerPageOptions.push(i), this.updatePaginationConfig({
         itemsPerPage: e,
         page: this.pagination.page || 1,
         total: this.pagination.total || this.items.length
       });
     },
-    updatePaginationConfig({ itemsPerPage: e, page: t, total: l }) {
-      l && (this.paginationConfig.total = l), e !== void 0 && (this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = 1, { page: t } = this.paginationConfig, l = this.paginationConfig.total, this.paginationConfig.start = 1, this.paginationConfig.end = l >= e * t ? e * t : l % (e * t), this.paginationConfig.pagesCount = Math.ceil(l / e)), t && this.goToPage(t);
+    updatePaginationConfig({ itemsPerPage: e, page: t, total: i }) {
+      i && (this.paginationConfig.total = i), e !== void 0 && (this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = 1, { page: t } = this.paginationConfig, i = this.paginationConfig.total, this.paginationConfig.start = 1, this.paginationConfig.end = i >= e * t ? e * t : i % (e * t), this.paginationConfig.pagesCount = Math.ceil(i / e)), t && this.goToPage(t);
     },
     async goToPage(e) {
       ["-1", "+1"].includes(e) ? this.paginationConfig.page += +e : this.paginationConfig.page = e;
-      const { itemsPerPage: t, total: l } = this.paginationConfig;
-      this.paginationConfig.page = Math.max(1, this.paginationConfig.page), this.paginationConfig.start = t * (this.paginationConfig.page - 1) + 1, this.paginationConfig.end = this.paginationConfig.start - 1 + (t || l), typeof this.fetch == "function" && await this.callApiFetch();
+      const { itemsPerPage: t, total: i } = this.paginationConfig;
+      this.paginationConfig.page = Math.max(1, this.paginationConfig.page), this.paginationConfig.start = t * (this.paginationConfig.page - 1) + 1, this.paginationConfig.end = this.paginationConfig.start - 1 + (t || i), typeof this.fetch == "function" && await this.callApiFetch();
     },
     async callApiFetch() {
-      const { page: e, start: t, end: l, total: o, itemsPerPage: n } = this.paginationConfig;
+      const { page: e, start: t, end: i, total: o, itemsPerPage: n } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
-        end: l || o,
+        end: i || o,
         total: o,
         itemsPerPage: n || o,
         sorting: this.activeSorting
@@ -6336,22 +6344,22 @@ const ge = 15, Qs = {
     }
   }
 }, Zs = /* @__PURE__ */ v(Qs, [["render", Js]]), ea = ["role", "aria-pressed", "tabindex"];
-function ta(e, t, l, o, n, i) {
+function ta(e, t, i, o, n, l) {
   return s(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (a) => {
-      e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
+      e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
     onKeypress: t[2] || (t[2] = W((a) => {
-      e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
+      e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }, ["enter"])),
-    class: i.classes,
-    role: l.modelValue !== -1 && "button",
-    "aria-pressed": l.modelValue !== -1 && (l.modelValue ? "true" : "false"),
-    tabindex: l.modelValue !== -1 && 0,
-    style: i.styles
+    class: l.classes,
+    role: i.modelValue !== -1 && "button",
+    "aria-pressed": i.modelValue !== -1 && (i.modelValue ? "true" : "false"),
+    tabindex: i.modelValue !== -1 && 0,
+    style: l.styles
   }), [
     p(e.$slots, "default"),
-    l.closable && l.modelValue ? (s(), u("i", {
+    i.closable && i.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
       onClick: t[0] || (t[0] = E((a) => {
@@ -6362,7 +6370,7 @@ function ta(e, t, l, o, n, i) {
     })) : c("", !0)
   ], 16, ea);
 }
-const la = {
+const ia = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -6411,42 +6419,42 @@ const la = {
       };
     }
   }
-}, ia = /* @__PURE__ */ v(la, [["render", ta]]), sa = ["for"], aa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], oa = ["for"], na = ["for"];
-function ra(e, t, l, o, n, i) {
+}, la = /* @__PURE__ */ v(ia, [["render", ta]]), sa = ["for"], aa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], oa = ["for"], na = ["for"];
+function ra(e, t, i, o, n, l) {
   const a = $("w-icon");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ 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: i.hasLabel && l.labelPosition !== "inside",
+    wrap: l.hasLabel && i.labelPosition !== "inside",
     onReset: t[7] || (t[7] = (r) => {
       e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
-    class: i.classes
+    class: l.classes
   }), {
-    default: g(() => [
-      l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+    default: m(() => [
+      i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
         ], 10, sa)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
-        class: f(["w-textarea__textarea-wrap", i.inputWrapClasses])
+        class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
-        l.innerIconLeft ? (s(), m(a, {
+        i.innerIconLeft ? (s(), g(a, {
           key: 0,
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
           onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
-          default: g(() => [
-            S(_(l.innerIconLeft), 1)
+          default: m(() => [
+            S(_(i.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
@@ -6454,15 +6462,15 @@ function ra(e, t, l, o, n, i) {
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
-        }, z(i.listeners, !0), {
-          onInput: t[2] || (t[2] = (...r) => i.onInput && i.onInput(...r)),
-          onFocus: t[3] || (t[3] = (...r) => i.onFocus && i.onFocus(...r)),
-          onBlur: t[4] || (t[4] = (...r) => i.onBlur && i.onBlur(...r)),
+        }, z(l.listeners, !0), {
+          onInput: t[2] || (t[2] = (...r) => l.onInput && l.onInput(...r)),
+          onFocus: t[3] || (t[3] = (...r) => l.onFocus && l.onFocus(...r)),
+          onBlur: t[4] || (t[4] = (...r) => l.onBlur && l.onBlur(...r)),
           id: `w-textarea--${e._.uid}`,
           name: e.inputName,
-          placeholder: l.placeholder || null,
-          rows: l.rows || null,
-          cols: l.cols || null,
+          placeholder: i.placeholder || null,
+          rows: i.rows || null,
+          cols: i.cols || null,
           readonly: e.isReadonly || null,
           "aria-readonly": e.isReadonly ? "true" : "false",
           disabled: e.isDisabled || null,
@@ -6471,38 +6479,38 @@ function ra(e, t, l, o, n, i) {
         }), null, 16, aa), [
           [be, n.inputValue]
         ]),
-        l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 1 }, [
-          e.$slots.default || l.label ? (s(), u("label", {
+        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 1 }, [
+          e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses]),
             for: `w-textarea--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              S(_(i.label), 1)
             ])
           ], 10, oa)) : c("", !0)
         ], 64)) : c("", !0),
-        l.innerIconRight ? (s(), m(a, {
+        i.innerIconRight ? (s(), g(a, {
           key: 2,
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
           onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
-          default: g(() => [
-            S(_(l.innerIconRight), 1)
+          default: m(() => [
+            S(_(i.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0)
       ], 2),
-      l.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
-        e.$slots.default || l.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            S(_(i.label), 1)
           ])
         ], 10, na)) : c("", !0)
       ], 64)) : c("", !0)
@@ -6546,7 +6554,7 @@ const da = {
   },
   computed: {
     listeners() {
-      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      const { input: e, focus: t, blur: i, ...o } = this.$attrs;
       return o;
     },
     hasValue() {
@@ -6627,19 +6635,19 @@ const da = {
     }
   }
 }, ua = /* @__PURE__ */ v(da, [["render", ra]]), ha = ["innerHTML"], ca = ["innerHTML"];
-function pa(e, t, l, o, n, i) {
+function pa(e, t, i, o, n, l) {
   return s(), u("ul", {
-    class: f(["w-timeline", i.classes])
+    class: f(["w-timeline", l.classes])
   }, [
-    (s(!0), u(k, null, L(l.items, (a, r) => (s(), u("li", {
+    (s(!0), u(k, null, L(i.items, (a, r) => (s(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), m(V(a[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
-        class: f(["w-timeline-item__bullet", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }])
+      (s(), g(V(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+        class: f(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
-        default: g(() => [
-          S(_(a[l.itemIconKey] || l.icon), 1)
+        default: m(() => [
+          S(_(a[i.itemIconKey] || i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -6653,12 +6661,12 @@ function pa(e, t, l, o, n, i) {
         index: r + 1
       }, () => [
         w("div", {
-          class: f(["w-timeline-item__title", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }]),
-          innerHTML: a[l.itemTitleKey]
+          class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
+          innerHTML: a[i.itemTitleKey]
         }, null, 10, ha),
         w("div", {
           class: "w-timeline-item__content",
-          innerHTML: a[l.itemContentKey]
+          innerHTML: a[i.itemContentKey]
         }, null, 8, ca)
       ])
     ]))), 128))
@@ -6686,11 +6694,11 @@ const fa = {
       };
     }
   }
-}, ga = /* @__PURE__ */ v(fa, [["render", pa]]);
-function ma(e, t, l, o, n, i) {
+}, ma = /* @__PURE__ */ v(fa, [["render", pa]]);
+function ga(e, t, i, o, n, l) {
   return s(), u("div", {
-    class: f(["w-toolbar", i.classes]),
-    style: R(i.styles)
+    class: f(["w-toolbar", l.classes]),
+    style: R(l.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
@@ -6744,20 +6752,20 @@ const ba = {
       };
     }
   }
-}, ya = /* @__PURE__ */ v(ba, [["render", ma]]);
-function wa(e, t, l, o, n, i) {
+}, ya = /* @__PURE__ */ v(ba, [["render", ga]]);
+function wa(e, t, i, o, n, l) {
   return s(), u(k, null, [
-    p(e.$slots, "activator", { on: i.activatorEventHandlers }),
+    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
     I(O, {
-      name: i.transitionName,
+      name: l.transitionName,
       appear: ""
     }, {
-      default: g(() => [
+      default: m(() => [
         e.detachableVisible ? (s(), u("div", {
-          class: f(["w-tooltip", i.classes]),
+          class: f(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: R(i.styles)
+          style: R(l.styles)
         }, [
           p(e.$slots, "default")
         ], 6)) : c("", !0)
@@ -6847,10 +6855,10 @@ const va = {
       return !this.showOnClick && !t ? e = {
         focus: this.open,
         blur: this.close,
-        mouseenter: (l) => {
-          this.hoveringActivator = !0, this.open(l);
+        mouseenter: (i) => {
+          this.hoveringActivator = !0, this.open(i);
         },
-        mouseleave: (l) => {
+        mouseleave: (i) => {
           this.hoveringActivator = !1, this.close();
         }
       } : (this.enableTouch || this.showOnClick) && (e = { click: this.toggle }), e;
@@ -6866,9 +6874,9 @@ const va = {
     }
   }
 }, ka = /* @__PURE__ */ v(va, [["render", wa]]);
-function _a(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: "bounce" }, e.$props), {
-    default: g(() => [
+function _a(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: "bounce" }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -6881,22 +6889,22 @@ const Ca = {
     duration: { type: [Number, String] }
   }
 }, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Ba(e, t, l, o, n, i) {
-  return s(), m(O, {
+function Ba(e, t, i, o, n, l) {
+  return s(), g(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
-    onBeforeAppear: i.beforeAppear,
-    onAppear: i.appear,
-    onAfterAppear: i.afterAppear,
-    onBeforeEnter: i.beforeEnter,
-    onEnter: i.enter,
-    onAfterEnter: i.afterEnter,
-    onBeforeLeave: i.beforeLeave,
-    onLeave: i.leave,
-    onAfterLeave: i.afterLeave
+    onBeforeAppear: l.beforeAppear,
+    onAppear: l.appear,
+    onAfterAppear: l.afterAppear,
+    onBeforeEnter: l.beforeEnter,
+    onEnter: l.enter,
+    onAfterEnter: l.afterEnter,
+    onBeforeLeave: l.beforeLeave,
+    onLeave: l.leave,
+    onAfterLeave: l.afterLeave
   }, {
-    default: g(() => [
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -6993,9 +7001,9 @@ const $a = {
     }
   }
 }, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
-function Ia(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: "fade" }, e.$props), {
-    default: g(() => [
+function Ia(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: "fade" }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7008,9 +7016,9 @@ const Ta = {
     duration: { type: [Number, String] }
   }
 }, Ra = /* @__PURE__ */ v(Ta, [["render", Ia]]);
-function La(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: "scale" }, e.$props), {
-    default: g(() => [
+function La(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: "scale" }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7023,9 +7031,9 @@ const xa = {
     duration: { type: [Number, String] }
   }
 }, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Pa(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: "scale-fade" }, e.$props), {
-    default: g(() => [
+function Pa(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: "scale-fade" }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7038,9 +7046,9 @@ const za = {
     duration: { type: [Number, String] }
   }
 }, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
-function Ea(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: i.transitionName }, e.$props), {
-    default: g(() => [
+function Ea(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: l.transitionName }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7065,9 +7073,9 @@ const Wa = {
     }
   }
 }, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
-function Na(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: i.transitionName }, e.$props), {
-    default: g(() => [
+function Na(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: l.transitionName }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7092,9 +7100,9 @@ const Ka = {
     }
   }
 }, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
-function Da(e, t, l, o, n, i) {
-  return s(), m(O, C({ name: "twist" }, e.$props), {
-    default: g(() => [
+function Da(e, t, i, o, n, l) {
+  return s(), g(O, C({ name: "twist" }, e.$props), {
+    default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -7110,68 +7118,68 @@ const Fa = {
   key: 1,
   class: "ml1"
 };
-function Xa(e, t, l, o, n, i) {
+function Xa(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
-    class: f(["w-tree", i.classes])
+    class: f(["w-tree", l.classes])
   }, [
     (s(!0), u(k, null, L(e.currentDepthItems, (h, y) => (s(), u("li", {
-      class: f(["w-tree__item", i.itemClasses(h)]),
+      class: f(["w-tree__item", l.itemClasses(h)]),
       key: y
     }, [
-      (s(), m(V(i.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (B) => !l.disabled && !h.disabled && i.onLabelClick(h, B),
-        onKeydown: (B) => !l.disabled && !h.disabled && i.onLabelKeydown(h, B),
-        tabindex: i.getTreeItemTabindex(h)
+      (s(), g(V(l.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+        onClick: (B) => !i.disabled && !h.disabled && l.onLabelClick(h, B),
+        onKeydown: (B) => !i.disabled && !h.disabled && l.onLabelKeydown(h, B),
+        tabindex: l.getTreeItemTabindex(h)
       }), {
-        default: g(() => [
-          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), m(a, {
+        default: m(() => [
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (s(), g(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: E((B) => !l.disabled && !h.disabled && i.onLabelClick(h, B), ["stop"]),
+            onClick: E((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
             color: "inherit",
-            icon: h.open && l.expandOpenIcon || l.expandIcon,
+            icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
             tabindex: -1,
-            disabled: l.disabled || h.disabled,
+            disabled: i.disabled || h.disabled,
             text: "",
             sm: ""
           }, null, 8, ["onClick", "icon", "icon-props", "disabled"])) : c("", !0),
           p(e.$slots, "item", {
             item: h.originalItem,
-            depth: l.depth,
+            depth: i.depth,
             path: h.path,
             open: h.open
           }, () => {
             var B;
             return [
-              i.itemIcon(h) ? (s(), m(r, {
+              l.itemIcon(h) ? (s(), g(r, {
                 key: 0,
                 class: "w-tree__item-icon",
-                color: h.originalItem[l.itemIconColorKey] || l.iconColor
+                color: h.originalItem[i.itemIconColorKey] || i.iconColor
               }, {
-                default: g(() => [
-                  S(_(i.itemIcon(h)), 1)
+                default: m(() => [
+                  S(_(l.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
               }, null, 8, Ua),
-              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              i.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), m(V(l.noTransition ? "div" : "w-transition-expand"), {
-        y: !l.noTransition || null,
-        onAfterEnter: (B) => e.$emit("open", i.emitPayload(h)),
-        onAfterLeave: (B) => e.$emit("close", i.emitPayload(h))
+      (s(), g(V(i.noTransition ? "div" : "w-transition-expand"), {
+        y: !i.noTransition || null,
+        onAfterEnter: (B) => e.$emit("open", l.emitPayload(h)),
+        onAfterLeave: (B) => e.$emit("close", l.emitPayload(h))
       }, {
-        default: g(() => [
-          h.children && h.open ? (s(), m(d, C({ key: 0 }, e.$props, {
-            depth: l.depth + 1,
+        default: m(() => [
+          h.children && h.open ? (s(), g(d, C({ key: 0 }, e.$props, {
+            depth: i.depth + 1,
             data: h.originalItem.children,
             parent: h,
             onBeforeOpen: t[0] || (t[0] = (B) => e.$emit("before-open", B)),
@@ -7182,7 +7190,7 @@ function Xa(e, t, l, o, n, i) {
             onSelect: t[5] || (t[5] = (B) => e.$emit("select", B)),
             "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
           }), {
-            item: g(({ item: B, depth: b, path: T, open: x }) => [
+            item: m(({ item: B, depth: b, path: T, open: x }) => [
               p(e.$slots, "item", {
                 item: B,
                 depth: b,
@@ -7247,19 +7255,19 @@ const Ya = {
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
         return U(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
-      Array.isArray(e) || (e = [e]), e.forEach((l, o) => {
-        var i, a;
+      Array.isArray(e) || (e = [e]), e.forEach((i, o) => {
+        var l, a;
         const n = {
-          originalItem: l,
+          originalItem: i,
           _uid: this.depth.toString() + (o + 1),
-          label: l[this.itemLabelKey],
-          children: !!l.children,
-          branch: l.branch,
-          route: l[this.itemRouteKey],
-          disabled: l[this.itemDisabledKey],
-          selected: ((i = t[o]) == null ? void 0 : i.selected) || !1,
+          label: i[this.itemLabelKey],
+          children: !!i.children,
+          branch: i.branch,
+          route: i[this.itemRouteKey],
+          disabled: i[this.itemDisabledKey],
+          selected: ((l = t[o]) == null ? void 0 : l.selected) || !1,
           depth: this.depth,
-          open: !!(((a = t[o]) == null ? void 0 : a.open) || this.expandAll || l[this.itemOpenKey]),
+          open: !!(((a = t[o]) == null ? void 0 : a.open) || this.expandAll || i[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
         };
@@ -7274,9 +7282,9 @@ const Ya = {
     },
     getTreeItemPath(e) {
       const t = [e];
-      let l = e.parent;
-      for (; l; )
-        t.push(l), l = l.parent;
+      let i = e.parent;
+      for (; i; )
+        t.push(i), i = i.parent;
       return t.reverse(), t;
     },
     getTreeItemPathForOutput(e) {
@@ -7284,8 +7292,8 @@ const Ya = {
     },
     expandDepth(e, t) {
       typeof t == "boolean" ? e.open = t : e.open = !e.open;
-      const l = this.emitPayload(e);
-      return this.$emit(e.open ? "before-open" : "before-close", l), !this.unexpandableEmpty && !e.children && this.$emit(e.open ? "open" : "close", l), !0;
+      const i = this.emitPayload(e);
+      return this.$emit(e.open ? "before-open" : "before-close", i), !this.unexpandableEmpty && !e.children && this.$emit(e.open ? "open" : "close", i), !0;
     },
     onLabelClick(e, t) {
       e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && (e.selected = !e.selected);
@@ -7294,22 +7302,22 @@ const Ya = {
     },
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.which) && ((e.children || e.branch) && ([13, 32].includes(t.which) ? this.expandDepth(e) && t.preventDefault() : t.which === 37 ? this.expandDepth(e, !1) && t.preventDefault() : t.which === 39 && this.expandDepth(e, !0) && t.preventDefault()), [38, 40].includes(t.which))) {
-        const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
-        [...o].some((a, r) => a.isSameNode(n) ? (o[r + i] && o[r + i].focus(), !0) : !1);
+        const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), l = t.which === 38 ? -1 : 1;
+        [...o].some((a, r) => a.isSameNode(n) ? (o[r + l] && o[r + l].focus(), !0) : !1);
       }
       t.which === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },
     emitItemSelection(e, t) {
-      const l = this.emitPayload(e, t);
-      this.$emit("update:model-value", l), this.selectable && this.$emit("select", l);
+      const i = this.emitPayload(e, t);
+      this.$emit("update:model-value", i), this.selectable && this.$emit("select", i);
     },
     emitPayload(e, t) {
-      const l = {
+      const i = {
         item: e.originalItem,
         depth: this.depth,
         path: this.getTreeItemPathForOutput(e)
       };
-      return t && (l.e = t), (e.children || e.branch && !this.unexpandableEmpty) && (l.open = e.open), this.selectable && (l.selected = e.selected), l;
+      return t && (i.e = t), (e.children || e.branch && !this.unexpandableEmpty) && (i.open = e.open), this.selectable && (i.selected = e.selected), i;
     },
     getPreviousSibling(e, t) {
       for (; t && (e = e.previousElementSibling); )
@@ -7356,7 +7364,7 @@ const Ya = {
   __proto__: null,
   WAccordion: Ye,
   WAlert: Ze,
-  WApp: it,
+  WApp: lt,
   WBadge: ot,
   WBreadcrumbs: ut,
   WButton: wt,
@@ -7367,34 +7375,34 @@ const Ya = {
   WDatePicker: Dt,
   WDialog: Ut,
   WDivider: Gt,
-  WDrawer: tl,
-  WFlex: sl,
-  WForm: rl,
-  WFormElement: hl,
-  WGrid: fl,
-  WIcon: bl,
-  WImage: kl,
-  WInput: Ol,
-  WList: Ml,
-  WMenu: Al,
-  WNotification: Hl,
-  WOverlay: jl,
-  WParallax: Yl,
-  WProgress: ii,
-  WRadio: hi,
-  WRadios: gi,
-  WRating: vi,
-  WScrollable: Si,
-  WSelect: Pi,
-  WSlider: Xi,
-  WSpinner: Qi,
+  WDrawer: ti,
+  WFlex: si,
+  WForm: ri,
+  WFormElement: hi,
+  WGrid: fi,
+  WIcon: bi,
+  WImage: ki,
+  WInput: Oi,
+  WList: Mi,
+  WMenu: Ai,
+  WNotification: Hi,
+  WOverlay: ji,
+  WParallax: Yi,
+  WProgress: ll,
+  WRadio: hl,
+  WRadios: ml,
+  WRating: vl,
+  WScrollable: Sl,
+  WSelect: Pl,
+  WSlider: Xl,
+  WSpinner: Ql,
   WSteps: ts,
   WSwitch: ds,
   WTabs: _s,
   WTable: Zs,
-  WTag: ia,
+  WTag: la,
   WTextarea: ua,
-  WTimeline: ga,
+  WTimeline: ma,
   WToolbar: ya,
   WTooltip: ka,
   WTransitionBounce: Sa,