wave-ui 3.0.0 → 3.0.1

package/dist/wave-ui.es.js

@@ -61,7 +61,7 @@ const Ie = G({
     }
   return t;
 }, Re = ["innerHTML"];
-function Le(e, t, l, a, r, i) {
+function Le(e, t, l, a, n, i) {
   const o = $("w-alert");
   return s(), g(_e, { to: ".w-app" }, [
     V(fe, {
@@ -71,17 +71,17 @@ function Le(e, t, l, a, r, i) {
       appear: ""
     }, {
       default: m(() => [
-        (s(!0), u(C, null, x(i.notifications, (n) => (s(), u(C, null, [
-          n._value ? (s(), g(o, _({
+        (s(!0), u(C, null, x(i.notifications, (r) => (s(), u(C, null, [
+          r._value ? (s(), g(o, _({
             class: "white--bg",
-            key: n._uid,
-            modelValue: n._value,
-            "onUpdate:modelValue": (d) => n._value = d,
-            onClose: n.dismiss
-          }, i.notifProps(n)), {
+            key: r._uid,
+            modelValue: r._value,
+            "onUpdate:modelValue": (d) => r._value = d,
+            onClose: r.dismiss
+          }, i.notifProps(r)), {
             default: m(() => [
               w("div", {
-                innerHTML: n.message
+                innerHTML: r.message
               }, null, 8, Re)
             ]),
             _: 2
@@ -94,8 +94,8 @@ function Le(e, t, l, a, r, i) {
 }
 const v = (e, t) => {
   const l = e.__vccOpts || e;
-  for (const [a, r] of t)
-    l[a] = r;
+  for (const [a, n] of t)
+    l[a] = n;
   return l;
 }, xe = {
   name: "w-notification-manager",
@@ -113,7 +113,7 @@ const v = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: l, message: a, timeout: r, ...i } = e;
+      const { _value: t, _uid: l, message: a, timeout: n, ...i } = e;
       return i.dismiss && (i.dismiss = !0), i;
     }
   }
@@ -142,11 +142,11 @@ const H = class {
     if (typeof t[0] == "object")
       l = { ...l, ...t[0] };
     else {
-      const [a, r, i] = t;
+      const [a, n, i] = t;
       l = {
         ...l,
         message: a || "",
-        [r === void 0 ? "info" : r]: !0,
+        [n === void 0 ? "info" : n]: !0,
         timeout: i || i === 0 ? parseFloat(i) : 4e3
       };
     }
@@ -161,15 +161,15 @@ K = new WeakMap(), ee(Y, K, void 0);
 const Oe = (e, t, l) => {
   const a = document.createElement("div");
   e.appendChild(a);
-  const r = Ce(Be({
+  const n = Ce(Be({
     ...Te,
     inject: ["$waveui"]
   })).provide("$waveui", l);
   for (const i in t) {
     const o = t[i];
-    r.component(o.name, { ...o, inject: ["$waveui"] });
+    n.component(o.name, { ...o, inject: ["$waveui"] });
   }
-  r.mount(a), a.remove();
+  n.mount(a), a.remove();
 }, 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(""), ze = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
@@ -178,19 +178,19 @@ const Oe = (e, t, l) => {
       if (a === "shades")
         continue;
       a = { label: a, color: l[a].replace("#", "") };
-      const r = a.color;
-      r.length === 3 && (a.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]);
+      const n = a.color;
+      n.length === 3 && (a.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let i = 1; i <= 3; i++) {
-        const o = re(`#${a.color}`, i * 40), n = re(`#${a.color}`, -i * 40);
-        l.shades[`${a.label}-light${i}`] = o, l.shades[`${a.label}-dark${i}`] = n;
+        const o = re(`#${a.color}`, i * 40), r = re(`#${a.color}`, -i * 40);
+        l.shades[`${a.label}-light${i}`] = o, l.shades[`${a.label}-dark${i}`] = r;
       }
     }
   });
 }, le = (e, t) => {
   const l = {
-    ...t.reduce((a, r) => {
-      a[r.label] = r.color;
-      const i = (r.shades || []).reduce((o, n) => (o[n.label] = n.color, o), {});
+    ...t.reduce((a, n) => {
+      a[n.label] = n.color;
+      const i = (n.shades || []).reduce((o, r) => (o[r.label] = r.color, o), {});
       return { ...a, ...i };
     }, { ...e, ...e.shades })
   };
@@ -549,12 +549,12 @@ const Oe = (e, t, l) => {
 let oe = { keys: [], values: [] }, de = null;
 const Ee = (e) => {
   let t = "";
-  const l = {}, { info: a, warning: r, success: i, error: o, shades: n, ...d } = e, { cssScope: h } = U;
+  const l = {}, { info: a, warning: n, success: i, error: o, shades: r, ...d } = e, { cssScope: h } = U;
   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 n)
-    t += `${h} .${b}--bg{background-color:${n[b]}}${h} .${b}{color:${n[b]}}`;
-  const y = { ...d, info: a, warning: r, success: i, error: o };
+  for (const b in r)
+    t += `${h} .${b}--bg{background-color:${r[b]}}${h} .${b}{color:${r[b]}}`;
+  const y = { ...d, info: a, warning: n, success: i, error: o };
   for (const b in y)
     l[b] = y[b];
   let S = "";
@@ -564,12 +564,12 @@ const Ee = (e) => {
 }, Pe = (e, t) => {
   let l = "";
   const { cssScope: a } = U;
-  return e.forEach(({ min: r, label: i }) => {
+  return e.forEach(({ min: n, label: i }) => {
     if (i === "xs")
       for (let o = 0; o < t; o++)
         l += `${a} .${i}${t - o}{width:${parseFloat(((t - o) * 100 / t).toFixed(4))}%;}`;
     else {
-      l += `@media(min-width:${r}px){`;
+      l += `@media(min-width:${n}px){`;
       for (let o = 0; o < t; o++)
         l += `${a} .${i}${t - o}{width:${parseFloat(((t - o) * 100 / t).toFixed(4))}%;}`;
       l += "}";
@@ -577,7 +577,7 @@ const Ee = (e) => {
   }), l;
 }, Me = (e) => {
   let t = "";
-  const { cssScope: l, baseIncrement: a } = U, r = [
+  const { cssScope: l, baseIncrement: a } = U, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -611,16 +611,16 @@ const Ee = (e) => {
     "justify-space-around{justify-content:space-around}",
     "justify-space-evenly{justify-content:space-evenly}"
   ], i = Array(12).fill();
-  return e.forEach(({ label: o, min: n }) => {
-    o !== "xs" && (t += `@media(min-width:${n}px){` + r.map((d) => `${l} .${o}u-${d}`).join("") + i.map((d, h) => `.w-grid.${o}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}u-gap${h + 1},.w-grid.${o}u-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}u-gap0,.w-flex.${o}u-gap0{gap:0}}`);
-  }), e.forEach(({ label: o, min: n, max: d }) => {
-    t += `@media (min-width:${n}px) and (max-width:${d}px){` + r.map((h) => `${l} .${o}-${h}`).join("") + i.map((h, y) => `.w-grid.${o}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${o}-gap${y + 1},.w-grid.${o}-gap${y + 1}{gap:${(y + 1) * a}px;}`).join("") + `.w-flex.${o}-gap0,.w-flex.${o}-gap0{gap:0}}`;
-  }), e.forEach(({ label: o, max: n }) => {
-    o !== "xl" && (t += `@media (max-width:${n}px){` + r.map((d) => `${l} .${o}d-${d}`).join("") + i.map((d, h) => `.w-grid.${o}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}d-gap${h + 1},.w-grid.${o}d-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}d-gap0,.w-flex.${o}d-gap0{gap:0}}`);
+  return e.forEach(({ label: o, min: r }) => {
+    o !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${l} .${o}u-${d}`).join("") + i.map((d, h) => `.w-grid.${o}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}u-gap${h + 1},.w-grid.${o}u-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}u-gap0,.w-flex.${o}u-gap0{gap:0}}`);
+  }), e.forEach(({ label: o, min: r, max: d }) => {
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${l} .${o}-${h}`).join("") + i.map((h, y) => `.w-grid.${o}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${o}-gap${y + 1},.w-grid.${o}-gap${y + 1}{gap:${(y + 1) * a}px;}`).join("") + `.w-flex.${o}-gap0,.w-flex.${o}-gap0{gap:0}}`;
+  }), e.forEach(({ label: o, max: r }) => {
+    o !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${l} .${o}d-${d}`).join("") + i.map((d, h) => `.w-grid.${o}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}d-gap${h + 1},.w-grid.${o}d-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}d-gap0,.w-flex.${o}d-gap0{gap:0}}`);
   }), t;
 }, ue = (e) => {
   const t = window.innerWidth, l = oe.values.slice(0);
-  l.push(t), l.sort((r, i) => r - i);
+  l.push(t), l.sort((n, i) => n - i);
   const a = oe.keys[l.indexOf(t)] || "xl";
   a !== de && (de = a, e.breakpoint = {
     name: a,
@@ -648,13 +648,13 @@ const Ee = (e) => {
     l ? l.before(t) : document.head.appendChild(t);
   }
 }, We = (e) => {
-  const t = Object.entries(e.breakpoints), l = t.map(([i, o], n) => {
-    const [, d = 0] = t[n - 1] || [];
+  const t = Object.entries(e.breakpoints), l = t.map(([i, o], r) => {
+    const [, d = 0] = t[r - 1] || [];
     return { label: i, min: d ? d + 1 : 0, max: o };
   }), a = getComputedStyle(document.documentElement);
   U.cssScope = a.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(a.getPropertyValue("--w-base-increment"));
-  let r = "";
-  return r += Pe(l, e.css.grid), e.css.breakpointLayoutClasses && (r += Me(l)), r;
+  let n = "";
+  return n += Pe(l, e.css.grid), e.css.breakpointLayoutClasses && (n += Me(l)), n;
 };
 let ce = !1;
 const Ae = (e) => {
@@ -688,50 +688,50 @@ const j = class {
         this._notificationManager.notify(...t);
       },
       switchTheme(t) {
-        var a, r;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (r = (a = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : a.remove) == null || r.call(a);
+        var a, n;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (n = (a = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : a.remove) == null || n.call(a);
         const l = this.config.colors[this.theme];
         he(l), this.colors = le(l, ie);
       }
     });
-    var n, d;
     if (X(j, q)) {
       console.warn("Wave UI is already instantiated.");
       return;
     }
-    this.$waveui._notificationManager = new Y(), l.theme || (l.theme = "light");
-    const a = { ...l.colors };
-    (n = l.colors) != null && n.light || (l.colors.light = a), (d = l.colors) != null && d.dark || (l.colors.dark = a), l.colors = { light: l.colors.light, dark: l.colors.dark };
-    let { components: r, ...i } = l;
-    i = this.$waveui.config = ye(i), i.css.colorShades && ze(i);
-    const o = G(this.$waveui);
-    t.config.globalProperties.$waveui = o, t.provide("$waveui", o), i.theme !== "auto" && (this.$waveui.colors = le(i.colors[i.theme], ie));
+    if (this.$waveui._notificationManager = new Y(), l.theme || (l.theme = "light"), l.colors) {
+      const o = { ...l.colors };
+      l.colors.light || (l.colors.light = o), l.colors.dark || (l.colors.dark = o), l.colors = { light: l.colors.light, dark: l.colors.dark };
+    }
+    let { components: a, ...n } = l;
+    n = this.$waveui.config = ye(n), n.css.colorShades && ze(n);
+    const i = G(this.$waveui);
+    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = le(n.colors[n.theme], ie));
   }
   static install(t, l = {}) {
-    var r;
+    var n;
     t.directive("focus", {
       mounted: (i) => setTimeout(() => i.focus(), 0)
     }), t.directive("scroll", {
       mounted: (i, o) => {
-        const n = (d) => {
-          o.value(d, i) && window.removeEventListener("scroll", n);
+        const r = (d) => {
+          o.value(d, i) && window.removeEventListener("scroll", r);
         };
-        window.addEventListener("scroll", n);
+        window.addEventListener("scroll", r);
       }
     });
     const { components: a = {} } = l || {};
     for (const i in a) {
       const o = a[i];
-      (r = l.presets) != null && r[o.name] && Ke(o, l.presets[o.name]), t.component(o.name, o);
+      (n = l.presets) != null && n[o.name] && Ke(o, l.presets[o.name]), t.component(o.name, o);
     }
     t.mixin({
       beforeMount() {
         if (!ce) {
           ce = !0;
-          const i = Se("$waveui"), { config: o } = i, n = document.querySelector(o.on) || document.body;
-          n.classList.add("w-app");
+          const i = Se("$waveui"), { config: o } = i, r = document.querySelector(o.on) || document.body;
+          r.classList.add("w-app");
           let d = o.colors[o.theme];
-          o.theme === "auto" && (Ae(i), d = o.colors[i.preferredTheme], i.colors = le(d, ie)), he(d), Ne(i), Oe(n, a, i), t._context.mixins.find((h) => h.mounted && delete h.mounted);
+          o.theme === "auto" && (Ae(i), d = o.colors[i.preferredTheme], i.colors = le(d, ie)), he(d), Ne(i), Oe(r, a, i), t._context.mixins.find((h) => h.mounted && delete h.mounted);
         }
       }
     }), new j(t, l), te(j, q, !0);
@@ -740,8 +740,8 @@ const j = class {
 let A = j;
 q = new WeakMap(), ee(A, q, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], He = ["innerHTML"], je = ["innerHTML"];
-function Ue(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-transition-expand");
+function Ue(e, t, l, a, n, i) {
+  const o = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
     class: f(["w-accordion", i.accordionClasses])
   }, [
@@ -795,7 +795,7 @@ function Ue(e, t, l, a, r, i) {
           onClick: P((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
-      V(n, {
+      V(r, {
         y: "",
         onAfterLeave: (y) => i.onEndOfCollapse(d),
         duration: l.duration
@@ -914,9 +914,9 @@ const qe = {
     }
   }
 }, Ge = /* @__PURE__ */ v(qe, [["render", Ue]]), Xe = { class: "w-alert__content" };
-function Ye(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-button");
-  return r.show ? (s(), u("div", _({
+function Ye(e, t, l, a, n, i) {
+  const o = $("w-icon"), r = $("w-button");
+  return n.show ? (s(), u("div", _({
     key: 0,
     class: "w-alert"
   }, N(e.$attrs, !0), { class: i.classes }), [
@@ -933,11 +933,11 @@ function Ye(e, t, l, a, r, i) {
       w("div", Xe, [
         p(e.$slots, "default")
       ]),
-      l.dismiss ? (s(), g(n, {
+      l.dismiss ? (s(), g(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
-          e.$emit("update:modelValue", r.show = !1), e.$emit("input", !1), e.$emit("close", !1);
+          e.$emit("update:modelValue", n.show = !1), e.$emit("input", !1), e.$emit("close", !1);
         }),
         icon: "wi-cross",
         color: "inherit",
@@ -1027,7 +1027,7 @@ const Je = {
     }
   }
 }, Qe = /* @__PURE__ */ v(Je, [["render", Ye]]), Ze = { class: "w-app" };
-function et(e, t, l, a, r, i) {
+function et(e, t, l, a, n, i) {
   return s(), u("div", Ze, [
     p(e.$slots, "default")
   ]);
@@ -1048,7 +1048,7 @@ const tt = {
     textRight: { type: Boolean }
   }
 }, lt = /* @__PURE__ */ v(tt, [["render", et]]);
-function it(e, t, l, a, r, i) {
+function it(e, t, l, a, n, i) {
   return s(), u("div", _({ class: "w-badge-wrap" }, N(e.$attrs, !0)), [
     p(e.$slots, "default"),
     V(T, {
@@ -1137,12 +1137,12 @@ const st = {
     }
   }
 }, at = /* @__PURE__ */ v(st, [["render", it]]), ot = ["innerHTML"];
-function nt(e, t, l, a, r, i) {
+function nt(e, t, l, a, n, i) {
   const o = $("w-icon");
   return s(), u("div", {
     class: f(["w-breadcrumbs", i.classes])
   }, [
-    (s(!0), u(C, null, x(l.items, (n, d) => (s(), u(C, null, [
+    (s(!0), u(C, null, x(l.items, (r, d) => (s(), u(C, null, [
       d && e.$slots.separator ? (s(), u("span", {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}a`
@@ -1157,16 +1157,16 @@ function nt(e, t, l, a, r, i) {
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
-      n[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(C, { key: 2 }, [
+      r[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(C, { key: 2 }, [
         e.$slots.item ? (s(), g(I(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}c`,
-          to: i.hasRouter && n[l.itemRouteKey],
-          href: n[l.itemRouteKey]
+          to: i.hasRouter && r[l.itemRouteKey],
+          href: r[l.itemRouteKey]
         }, {
           default: m(() => [
             p(e.$slots, "item", {
-              item: n,
+              item: r,
               index: d + 1,
               isLast: d === l.items.length - 1
             })
@@ -1175,18 +1175,18 @@ function nt(e, t, l, a, r, i) {
         }, 1032, ["to", "href", "class"])) : (s(), g(I(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}d`,
-          to: i.hasRouter && n[l.itemRouteKey],
-          href: n[l.itemRouteKey],
-          innerHTML: n[l.itemLabelKey]
+          to: i.hasRouter && r[l.itemRouteKey],
+          href: r[l.itemRouteKey],
+          innerHTML: r[l.itemLabelKey]
         }, null, 8, ["to", "href", "innerHTML", "class"]))
       ], 64)) : e.$slots.item ? p(e.$slots, "item", {
         key: `${d}e`,
-        item: n,
+        item: r,
         index: d + 1,
         isLast: d === l.items.length - 1
       }) : (s(), u("span", {
         key: `${d}f`,
-        innerHTML: n[l.itemLabelKey]
+        innerHTML: r[l.itemLabelKey]
       }, null, 8, ot))
     ], 64))), 256))
   ], 2);
@@ -1235,7 +1235,7 @@ const rt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function ct(e, t, l, a, r, i) {
+function ct(e, t, l, a, n, i) {
   const o = $("w-icon");
   return s(), g(I(l.route ? "a" : "button"), _({
     class: ["w-button", i.classes],
@@ -1355,11 +1355,11 @@ const pt = {
     }
   }
 }, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = ["innerHTML"];
-function gt(e, t, l, a, r, i) {
+function gt(e, t, l, a, n, i) {
   const o = $("button-partial");
   return l.tooltip ? (s(), g(I("w-tooltip"), ae(_({ key: 0 }, l.tooltipProps || {})), {
-    activator: m(({ on: n }) => [
-      V(o, _(i.buttonProps, N(n)), {
+    activator: m(({ on: r }) => [
+      V(o, _(i.buttonProps, N(r)), {
         default: m(() => [
           p(e.$slots, "default")
         ]),
@@ -1422,7 +1422,7 @@ const bt = {
     }
   }
 }, yt = /* @__PURE__ */ v(bt, [["render", gt]]), W = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), wt = ["innerHTML"];
-function vt(e, t, l, a, r, i) {
+function vt(e, t, l, a, n, i) {
   const o = $("w-image");
   return s(), u("div", {
     class: f(["w-card", i.classes])
@@ -1557,12 +1557,12 @@ const kt = {
 ], -1), Vt = [
   $t
 ], It = ["for"], Rt = ["for", "innerHTML"];
-function Lt(e, t, l, a, r, i) {
-  return s(), g(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
+function Lt(e, t, l, a, n, i) {
+  return s(), g(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (o) => e.valid = o),
     onReset: t[6] || (t[6] = (o) => {
-      e.$emit("update:modelValue", r.isChecked = null), e.$emit("input", null);
+      e.$emit("update:modelValue", n.isChecked = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
@@ -1572,7 +1572,7 @@ function Lt(e, t, l, a, r, i) {
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: r.isChecked || null,
+        checked: n.isChecked || null,
         disabled: e.isDisabled || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
@@ -1580,7 +1580,7 @@ function Lt(e, t, l, a, r, i) {
         onBlur: t[1] || (t[1] = (o) => e.$emit("blur", o)),
         onChange: t[2] || (t[2] = (o) => i.onInput()),
         onKeypress: t[3] || (t[3] = M((...o) => i.onInput && i.onInput(...o), ["enter"])),
-        "aria-checked": r.isChecked || "false",
+        "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, Ct),
       i.hasLabel && l.labelOnLeft ? (s(), u(C, { key: 0 }, [
@@ -1685,24 +1685,24 @@ const xt = {
     }
   }
 }, Tt = /* @__PURE__ */ v(xt, [["render", Lt]]), Ot = ["innerHTML"];
-function zt(e, t, l, a, r, i) {
+function zt(e, t, l, a, n, i) {
   const o = $("w-checkbox");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((n) => n._isChecked), disabled: e.isDisabled }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
+    "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: i.reset,
     column: !l.inline,
     wrap: l.inline,
     class: i.classes
   }), {
     default: m(() => [
-      (s(!0), u(C, null, x(i.checkboxItems, (n, d) => (s(), g(o, _({
+      (s(!0), u(C, null, x(i.checkboxItems, (r, d) => (s(), g(o, _({
         key: d,
-        "model-value": n._isChecked,
-        "onUpdate:modelValue": (h) => i.toggleCheck(n, h),
+        "model-value": r._isChecked,
+        "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: `${e.inputName}[]`
-      }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
+      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
@@ -1710,13 +1710,13 @@ function zt(e, t, l, a, r, i) {
         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(n),
-            checked: !!n._isChecked,
+            item: i.getOriginalItem(r),
+            checked: !!r._isChecked,
             index: d + 1,
-            innerHTML: n.label
-          }) : n.label ? (s(), u("div", {
+            innerHTML: r.label
+          }) : r.label ? (s(), u("div", {
             key: 1,
-            innerHTML: n.label
+            innerHTML: r.label
           }, null, 8, Ot)) : c("", !0)
         ]),
         _: 2
@@ -1779,8 +1779,8 @@ const Et = {
     }
   }
 }, Pt = /* @__PURE__ */ v(Et, [["render", zt]]), Mt = { class: "w-confirm" };
-function Nt(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-flex"), d = $("w-menu"), h = me("focus");
+function Nt(e, t, l, a, n, i) {
+  const o = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = me("focus");
   return s(), u("div", Mt, [
     V(d, _({
       modelValue: e.showPopup,
@@ -1795,7 +1795,7 @@ function Nt(e, t, l, a, r, i) {
         }, 1040)
       ]),
       default: m(() => [
-        V(n, {
+        V(r, {
           column: !l.inline,
           "align-center": ""
         }, {
@@ -1939,7 +1939,7 @@ const Wt = {
     }
   }
 }, At = /* @__PURE__ */ v(Wt, [["render", Nt]]);
-function Kt(e, t, l, a, r, i) {
+function Kt(e, t, l, a, n, i) {
   return s(), u("div", {
     class: f(["w-date-picker", i.classes]),
     style: L(i.styles)
@@ -1966,11 +1966,11 @@ const Dt = {
     }
   }
 }, Ft = /* @__PURE__ */ v(Dt, [["render", Kt]]);
-function Ht(e, t, l, a, r, i) {
-  const o = $("w-card"), n = $("w-overlay");
-  return s(), g(n, {
+function Ht(e, t, l, a, n, i) {
+  const o = $("w-card"), r = $("w-overlay");
+  return s(), g(r, {
     class: f(["w-dialog", i.classes]),
-    "model-value": r.showWrapper,
+    "model-value": n.showWrapper,
     persistent: l.persistent,
     "persistent-no-animation": l.persistentNoAnimation,
     onClick: i.onOutsideClick,
@@ -2016,7 +2016,7 @@ function Ht(e, t, l, a, r, i) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [ge, r.showContent]
+            [ge, n.showContent]
           ])
         ]),
         _: 3
@@ -2093,7 +2093,7 @@ const jt = {
     }
   }
 }, Ut = /* @__PURE__ */ v(jt, [["render", Ht]]), qt = ["role", "aria-orientation"];
-function Gt(e, t, l, a, r, i) {
+function Gt(e, t, l, a, n, i) {
   return s(), u("div", {
     class: f(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
@@ -2123,9 +2123,9 @@ const Xt = {
     }
   }
 }, Yt = /* @__PURE__ */ v(Xt, [["render", Gt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, l, a, r, i) {
+function Qt(e, t, l, a, n, i) {
   const o = $("w-overlay");
-  return r.showWrapper || l.pushContent ? (s(), u("div", {
+  return n.showWrapper || l.pushContent ? (s(), u("div", {
     key: 0,
     class: f(["w-drawer-wrap", i.wrapperClasses])
   }, [
@@ -2137,8 +2137,8 @@ function Qt(e, t, l, a, r, i) {
       w("div", Jt, [
         l.noOverlay ? c("", !0) : (s(), g(o, {
           key: 0,
-          modelValue: r.showDrawer,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => r.showDrawer = n),
+          modelValue: n.showDrawer,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
           onClick: i.onOutsideClick,
           persistent: l.persistent,
           "persistent-no-animation": "",
@@ -2153,7 +2153,7 @@ function Qt(e, t, l, a, r, i) {
         onAfterLeave: i.onClose
       }, {
         default: m(() => [
-          r.showDrawer ? (s(), g(I(l.tag || "aside"), {
+          n.showDrawer ? (s(), g(I(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2170,8 +2170,8 @@ function Qt(e, t, l, a, r, i) {
     ], 4)) : (s(), u(C, { key: 1 }, [
       l.noOverlay ? c("", !0) : (s(), g(o, {
         key: 0,
-        modelValue: r.showDrawer,
-        "onUpdate:modelValue": t[1] || (t[1] = (n) => r.showDrawer = n),
+        modelValue: n.showDrawer,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
         onClick: i.onOutsideClick,
         persistent: l.persistent,
         "persistent-no-animation": "",
@@ -2185,7 +2185,7 @@ function Qt(e, t, l, a, r, i) {
         onAfterLeave: i.onClose
       }, {
         default: m(() => [
-          r.showDrawer ? (s(), g(I(l.tag || "aside"), {
+          n.showDrawer ? (s(), g(I(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2308,7 +2308,7 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
     }
   }
 }, tl = /* @__PURE__ */ v(el, [["render", Qt]]);
-function ll(e, t, l, a, r, i) {
+function ll(e, t, l, a, n, i) {
   return s(), g(I(l.tag), {
     class: f(["w-flex", i.classes])
   }, {
@@ -2366,7 +2366,7 @@ const il = {
     }
   }
 }, sl = /* @__PURE__ */ v(il, [["render", ll]]);
-function al(e, t, l, a, r, i) {
+function al(e, t, l, a, n, i) {
   return s(), u("form", {
     class: f(["w-form", i.classes]),
     onSubmit: t[0] || (t[0] = (...o) => i.onSubmit && i.onSubmit(...o)),
@@ -2449,8 +2449,8 @@ const ol = async (e, t) => {
     async checkElementValidators(e) {
       let t = !1, l = "";
       await ol(e.validators, async (a) => {
-        const r = await (typeof a == "function" && a(e.inputValue));
-        return t = typeof r != "string", l = t ? "" : r, !t;
+        const n = await (typeof a == "function" && a(e.inputValue));
+        return t = typeof n != "string", l = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
     },
     reset(e) {
@@ -2472,7 +2472,7 @@ const ol = async (e, t) => {
     }
   }
 }, rl = /* @__PURE__ */ v(nl, [["render", al]]);
-function dl(e, t, l, a, r, i) {
+function dl(e, t, l, a, n, i) {
   const o = $("w-transition-expand");
   return s(), u("div", {
     class: f(i.classes)
@@ -2566,7 +2566,7 @@ const ul = {
     this.formUnregister && this.formUnregister(this);
   }
 }, hl = /* @__PURE__ */ v(ul, [["render", dl]]);
-function cl(e, t, l, a, r, i) {
+function cl(e, t, l, a, n, i) {
   return s(), g(I(l.tag), {
     class: f(["w-grid", i.classes])
   }, {
@@ -2612,16 +2612,16 @@ const pl = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [a, r]) => (l[`${a}-columns${r}`] = !0, l), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [a, n]) => (l[`${a}-columns${n}`] = !0, l), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [a, r]) => (l[`${a}-gap${r}`] = !0, l), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [a, n]) => (l[`${a}-gap${n}`] = !0, l), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
 }, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
-function ml(e, t, l, a, r, i) {
+function ml(e, t, l, a, n, i) {
   return s(), g(I(l.tag || "i"), _({ class: "w-icon" }, N(e.$attrs), {
     class: i.classes,
     role: "icon",
@@ -2709,7 +2709,7 @@ const gl = {
   key: 0,
   class: "w-image__loader"
 };
-function wl(e, t, l, a, r, i) {
+function wl(e, t, l, a, n, i) {
   const o = $("w-progress");
   return s(), g(I(i.wrapperTag), {
     class: f(["w-image-wrap", i.wrapperClasses]),
@@ -2721,16 +2721,16 @@ function wl(e, t, l, a, r, i) {
         appear: ""
       }, {
         default: m(() => [
-          r.loaded ? (s(), g(I(l.tag), {
+          n.loaded ? (s(), g(I(l.tag), {
             key: 0,
             class: f(["w-image", i.imageClasses]),
             style: L(i.imageStyles),
-            src: l.tag === "img" ? r.imgSrc : null
+            src: l.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && r.loading ? (s(), u("div", yl, [
+      !l.noSpinner && n.loading ? (s(), u("div", yl, [
         e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), g(o, _({
           key: 1,
           circle: "",
@@ -2850,13 +2850,13 @@ const vl = {
   class: "w-input__no-file",
   key: "no-file"
 }, Vl = ["for"], Il = ["for"], Rl = ["src"], Ll = ["for"];
-function xl(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-progress");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+function xl(e, t, l, a, n, i) {
+  const o = $("w-icon"), r = $("w-progress");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
-      e.$emit("update:modelValue", r.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
@@ -2866,9 +2866,9 @@ function xl(e, t, l, a, r, i) {
         key: 0,
         type: "hidden",
         name: e.name || null,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => r.inputValue = d)
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
       }, null, 8, _l)), [
-        [be, r.inputValue]
+        [be, n.inputValue]
       ]) : (s(), u(C, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(C, { key: 0 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -2900,7 +2900,7 @@ function xl(e, t, l, a, r, i) {
             key: 1,
             class: "w-input__input",
             ref: "input",
-            "onUpdate:modelValue": t[2] || (t[2] = (d) => r.inputValue = d)
+            "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
           }, N(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)),
@@ -2920,7 +2920,7 @@ function xl(e, t, l, a, r, i) {
             required: e.required || null,
             tabindex: e.tabindex || null
           }, i.attrs), null, 16, Bl)), [
-            [$e, r.inputValue]
+            [$e, n.inputValue]
           ]) : (s(), u(C, { key: 2 }, [
             w("input", _({
               ref: "input",
@@ -2941,14 +2941,14 @@ function xl(e, t, l, a, r, i) {
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !r.inputFiles.length && r.isFocused ? (s(), u("span", $l, [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", $l, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(C, { key: 0 }, [
                       B("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
-                (s(!0), u(C, null, x(r.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(C, null, x(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
                   B(k(h ? ", " : ""), 1),
@@ -2985,7 +2985,7 @@ function xl(e, t, l, a, r, i) {
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), g(n, {
+          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), g(r, {
             key: 5,
             class: "fill-width",
             size: "2",
@@ -2993,12 +2993,12 @@ function xl(e, t, l, a, r, i) {
             "model-value": l.showProgress ? (i.uploadInProgress || i.uploadComplete) && i.overallFilesProgress : i.loadingValue
           }, null, 8, ["color", "model-value"])) : c("", !0)
         ], 2),
-        l.type === "file" && l.preview && r.inputFiles.length ? (s(), u("label", {
+        l.type === "file" && l.preview && n.inputFiles.length ? (s(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(C, null, x(r.inputFiles, (d, h) => (s(), u(C, null, [
+          (s(!0), u(C, null, x(n.inputFiles, (d, h) => (s(), u(C, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3163,9 +3163,9 @@ const Tl = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((t) => {
-        const [, l = "", a = "", r = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = G({
+        const [, l = "", a = "", n = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = G({
           name: t.name,
-          base: l || r,
+          base: l || n,
           extension: a,
           type: t.type,
           size: t.size,
@@ -3178,8 +3178,8 @@ const Tl = {
       }), this.$emit("update:modelValue", this.inputFiles), this.$emit("input", this.inputFiles);
     },
     readFile(e, t) {
-      const l = new FileReader(), a = typeof this.preview == "string", r = e.type && e.type.startsWith("image/");
-      this.preview && !a && r ? l.addEventListener("load", (i) => {
+      const l = new FileReader(), a = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !a && 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);
@@ -3197,8 +3197,8 @@ const Tl = {
     }
   }
 }, Ol = /* @__PURE__ */ v(Tl, [["render", xl]]);
-function zl(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-list", !0);
+function zl(e, t, l, a, n, i) {
+  const o = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
   }, [
@@ -3244,7 +3244,7 @@ function zl(e, t, l, a, r, i) {
         key: 2,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), g(n, _({ key: 3 }, e.$props, {
+      (d.children || []).length ? (s(), g(r, _({ key: 3 }, e.$props, {
         items: d.children,
         depth: l.depth + 1,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
@@ -3363,7 +3363,7 @@ const El = {
       };
     },
     liLabelProps(e, t, l) {
-      const a = this.$slots[`item.${t + 1}`] || this.$slots.item, r = () => {
+      const a = 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);
@@ -3372,19 +3372,19 @@ const El = {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
       }), o = 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));
-      }), n = {
+      }), r = {
         class: this.liLabelClasses(e),
         tabindex: e.disabled || this.checklist ? null : "0",
         "aria-selected": l ? "true" : "false",
         id: this.listId ? `${this.listId}_item-${t + 1}` : null,
         role: "option"
       };
-      return this.checklist ? (n.modelValue = e._selected, n.color = e[this.itemColorKey] || this.color, n.round = this.roundCheckboxes, n.disabled = e.disabled, a || (n.label = e._label || null), n.onFocus = () => e._focused = !0, n.onBlur = () => e._focused = !1, n.onInput = (d) => this.selectItem(e, d), n.onClick = (d) => {
+      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, a || (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()), r();
-      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (n.onKeydown = o, n.onMousedown = i, this.$router ? (n.to = e[this.itemRouteKey], n.onClick = (d) => {
-        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), r();
-      }) : (n.href = e[this.itemRouteKey], n.onClick = r)), a || (n.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (n.tabindex = 0), n.onClick = r, n.onKeydown = o, n.onMousedown = i), a || (n.innerHTML = e._label)), n;
+        h && (h.focus(), h.click()), n();
+      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = o, r.onMousedown = i, 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)), a || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = o, r.onMousedown = i), a || (r.innerHTML = e._label)), r;
     },
     checkSelection(e) {
       return e = Array.isArray(e) ? e : e ? [e] : [], this.returnObject && (e = e.map(this.getItemValue)), e;
@@ -3393,7 +3393,7 @@ const El = {
       const e = this.selectedItems.map((l) => {
         if (!this.returnObject)
           return l._value;
-        const { _value: a, _selected: r, ...i } = l;
+        const { _value: a, _selected: n, ...i } = l;
         return i;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -3404,7 +3404,7 @@ const El = {
       e === void 0 && (e = this.enabledItemsIndexes[l]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: l, _label: a, _selected: r, _focused: i, ...o } = e;
+      const { _index: t, _value: l, _label: a, _selected: n, _focused: i, ...o } = e;
       return o;
     },
     refreshListItems() {
@@ -3507,30 +3507,30 @@ const El = {
     },
     getActivatorCoordinates() {
       const { top: e, left: t, width: l, height: a } = this.activatorEl.getBoundingClientRect();
-      let r = { top: e, left: t, width: l, height: a };
+      let n = { top: e, left: t, width: l, height: a };
       if (!this.fixed) {
-        const { top: i, left: o } = this.detachableParentEl.getBoundingClientRect(), n = window.getComputedStyle(this.detachableParentEl, null);
-        r = {
-          ...r,
-          top: e - i + this.detachableParentEl.scrollTop - parseInt(n.getPropertyValue("border-top-width")),
-          left: t - o + this.detachableParentEl.scrollLeft - parseInt(n.getPropertyValue("border-left-width"))
+        const { top: i, left: o } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
+        n = {
+          ...n,
+          top: e - i + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
+          left: t - o + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
-      return r;
+      return n;
     },
     computeDetachableCoords() {
       let { top: e, left: t, width: l, height: a } = this.getActivatorCoordinates();
       if (!this.detachableEl)
         return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
-      const r = window.getComputedStyle(this.detachableEl, null);
+      const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(r.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          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);
           break;
         }
         case "bottom": {
-          e += a, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(r.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e += a, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
@@ -3538,7 +3538,7 @@ const El = {
           break;
         }
         case "right": {
-          t += l, this.alignBottom ? e += a - this.detachableEl.offsetHeight + parseInt(r.getPropertyValue("margin-top")) : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2 + parseInt(r.getPropertyValue("margin-top")));
+          t += l, this.alignBottom ? e += a - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -3565,9 +3565,9 @@ const El = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, l]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const a = (r) => {
+        const a = (n) => {
           var i;
-          (e && ((i = r.target) == null ? void 0 : i.matches) && r.target.matches(this.activator) || r.target === this.activatorEl || this.activatorEl.contains(r.target)) && l(r);
+          (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);
         };
         document.addEventListener(t, a), this.docEventListenersHandlers.push({ eventName: t, handler: a });
       });
@@ -3593,8 +3593,8 @@ const El = {
     }
   }
 };
-function Ml(e, t, l, a, r, i) {
-  const o = $("w-card"), n = $("w-overlay");
+function Ml(e, t, l, a, n, i) {
+  const o = $("w-card"), r = $("w-overlay");
   return s(), u(C, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
     V(T, {
@@ -3653,7 +3653,7 @@ function Ml(e, t, l, a, r, i) {
       ]),
       _: 3
     }, 8, ["name"]),
-    l.overlay ? (s(), g(n, _({
+    l.overlay ? (s(), g(r, _({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -3789,21 +3789,21 @@ const Nl = {
     }
   }
 }, Wl = /* @__PURE__ */ v(Nl, [["render", Ml]]);
-function Al(e, t, l, a, r, i) {
+function Al(e, t, l, a, n, i) {
   const o = $("w-alert");
   return s(), g(T, {
     name: i.transitionName,
     appear: ""
   }, {
     default: m(() => [
-      r.show ? (s(), u("div", {
+      n.show ? (s(), u("div", {
         key: 0,
         class: f(["w-notification", i.classes]),
         style: L(i.styles)
       }, [
         V(o, _(i.alertProps, {
           class: i.alertClasses,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => {
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
@@ -3938,7 +3938,7 @@ const Kl = {
     }
   }
 }, Dl = /* @__PURE__ */ v(Kl, [["render", Al]]);
-function Fl(e, t, l, a, r, i) {
+function Fl(e, t, l, a, n, i) {
   const o = me("focus");
   return s(), g(T, {
     name: "fade",
@@ -3951,8 +3951,8 @@ function Fl(e, t, l, a, r, i) {
         class: f(["w-overlay", i.classes]),
         ref: "overlay",
         style: L(l.modelValue && i.styles || null),
-        onKeydown: t[0] || (t[0] = M(P((...n) => i.onClick && i.onClick(...n), ["stop"]), ["escape"])),
-        onClick: t[1] || (t[1] = (...n) => i.onClick && i.onClick(...n)),
+        onKeydown: t[0] || (t[0] = M(P((...r) => i.onClick && i.onClick(...r), ["stop"]), ["escape"])),
+        onClick: t[1] || (t[1] = (...r) => i.onClick && i.onClick(...r)),
         tabindex: "0"
       }, [
         p(e.$slots, "default")
@@ -4019,7 +4019,7 @@ const Hl = {
     }
   }
 }, jl = /* @__PURE__ */ v(Hl, [["render", Fl]]), Ul = { class: "w-parallax" };
-function ql(e, t, l, a, r, i) {
+function ql(e, t, l, a, n, i) {
   return s(), u("div", Ul);
 }
 const Gl = {
@@ -4028,7 +4028,7 @@ const Gl = {
   emits: [],
   data: () => ({})
 }, Xl = /* @__PURE__ */ v(Gl, [["render", ql]]), Yl = ["viewBox"], Jl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Ql = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zl(e, t, l, a, r, i) {
+function Zl(e, t, l, a, n, i) {
   return s(), u("div", {
     class: f(["w-progress", i.classes]),
     style: L(i.styles)
@@ -4140,7 +4140,7 @@ const Q = 40, ei = Q / 2, ti = Math.round(Q * 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, a, r, i) {
+function di(e, t, l, a, n, i) {
   return s(), g(I(e.formRegister && !i.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (o) => e.valid = o),
@@ -4266,12 +4266,12 @@ const ui = {
     }
   }
 }, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["innerHTML"];
-function pi(e, t, l, a, r, i) {
+function pi(e, t, l, a, n, i) {
   const o = $("w-radio");
   return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
-    onReset: t[2] || (t[2] = (n) => {
+    "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,
@@ -4279,13 +4279,13 @@ function pi(e, t, l, a, r, i) {
     class: i.classes
   }), {
     default: m(() => [
-      (s(!0), u(C, null, x(i.radioItems, (n, d) => (s(), g(o, _({
+      (s(!0), u(C, null, x(i.radioItems, (r, d) => (s(), g(o, _({
         key: d,
-        "model-value": n.value === l.modelValue,
-        "onUpdate:modelValue": (h) => i.onInput(n),
+        "model-value": r.value === l.modelValue,
+        "onUpdate:modelValue": (h) => i.onInput(r),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: e.inputName
-      }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
+      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
@@ -4293,13 +4293,13 @@ function pi(e, t, l, a, r, i) {
         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(n),
+            item: i.getOriginalItem(r),
             index: d + 1,
-            checked: n.value === l.modelValue,
-            innerHTML: n.label
-          }) : n.label ? (s(), u("div", {
+            checked: r.value === l.modelValue,
+            innerHTML: r.label
+          }) : r.label ? (s(), u("div", {
             key: 1,
-            innerHTML: n.label
+            innerHTML: r.label
           }, null, 8, ci)) : c("", !0)
         ]),
         _: 2
@@ -4355,12 +4355,12 @@ const fi = {
     }
   }
 }, mi = /* @__PURE__ */ v(fi, [["render", pi]]), gi = ["id", "name", "value"], bi = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yi(e, t, l, a, r, i) {
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function yi(e, t, l, a, n, i) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (o) => e.valid = o),
     onReset: t[5] || (t[5] = (o) => {
-      e.$emit("update:modelValue", r.rating = null), e.$emit("input", null);
+      e.$emit("update:modelValue", n.rating = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
@@ -4369,7 +4369,7 @@ function yi(e, t, l, a, r, i) {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
-        value: r.rating
+        value: n.rating
       }, null, 8, gi),
       (s(!0), u(C, null, x(l.max, (o) => (s(), u(C, { key: o }, [
         e.$slots.item ? p(e.$slots, "item", {
@@ -4379,16 +4379,16 @@ function yi(e, t, l, a, r, i) {
         w("button", {
           class: f(["w-rating__button", i.buttonClasses(o)]),
           disabled: e.isDisabled || e.isReadonly,
-          onMouseenter: (n) => r.hover = o,
-          onMouseleave: t[0] || (t[0] = (n) => r.hover = 0),
-          onClick: (n) => i.onButtonClick(o),
-          onFocus: t[1] || (t[1] = (...n) => i.onFocus && i.onFocus(...n)),
-          onBlur: t[2] || (t[2] = (...n) => i.onBlur && i.onBlur(...n)),
-          onKeydown: t[3] || (t[3] = (...n) => i.onKeydown && i.onKeydown(...n)),
+          onMouseenter: (r) => n.hover = o,
+          onMouseleave: t[0] || (t[0] = (r) => n.hover = 0),
+          onClick: (r) => i.onButtonClick(o),
+          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)),
           type: "button",
           tabindex: o === 1 ? 0 : -1
         }, [
-          o - 1 === ~~r.rating && r.rating - ~~r.rating ? (s(), u("i", {
+          o - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
             key: 0,
             class: f(["w-icon", `${l.icon} ${l.color}`]),
             role: "icon",
@@ -4492,7 +4492,7 @@ const wi = {
     }
   }
 }, vi = /* @__PURE__ */ v(wi, [["render", yi]]), ki = { class: "w-scrollbar" };
-function _i(e, t, l, a, r, i) {
+function _i(e, t, l, a, n, i) {
   return s(), u("div", ki);
 }
 const Ci = {
@@ -4504,8 +4504,8 @@ const Ci = {
   key: 1,
   class: "w-select__selection-slot"
 }, Ii = ["value", "id", "placeholder", "disabled", "required", "tabindex"], Ri = ["value", "name"], Li = ["for"], xi = ["for"];
-function Ti(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-list"), d = $("w-menu");
+function Ti(e, t, l, a, n, i) {
+  const o = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[9] || (t[9] = (h) => e.valid = h),
@@ -4609,7 +4609,7 @@ function Ti(e, t, l, a, r, i) {
           ], 10, $i)
         ]),
         default: m(() => [
-          V(n, {
+          V(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
@@ -4832,7 +4832,7 @@ const Oi = {
   key: 0,
   class: "w-slider__step-labels"
 }, Fi = ["onClick"], Hi = ["for"], ji = ["for", "innerHTML"];
-function Ui(e, t, l, a, r, i) {
+function Ui(e, t, l, a, n, i) {
   return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (o) => e.valid = o),
@@ -4921,7 +4921,7 @@ function Ui(e, t, l, a, r, i) {
           (s(!0), u(C, null, x(~~i.numberOfSteps, (o) => (s(), u("div", {
             class: "w-slider__step-label",
             key: o,
-            onClick: (n) => i.onStepLabelClick(o * (100 / i.numberOfSteps)),
+            onClick: (r) => i.onStepLabelClick(o * (100 / i.numberOfSteps)),
             style: L(`left: ${o * (100 / i.numberOfSteps)}%`)
           }, k(i.percentToScaled(o * (100 / i.numberOfSteps))), 13, Fi))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
@@ -5083,7 +5083,7 @@ const qi = {
     }
   }
 }, Gi = /* @__PURE__ */ v(qi, [["render", Ui]]), Xi = { key: 0 };
-function Yi(e, t, l, a, r, i) {
+function Yi(e, t, l, a, n, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", i.classes]),
@@ -5131,7 +5131,7 @@ const Ji = {
     }
   }
 }, Qi = /* @__PURE__ */ v(Ji, [["render", Yi]]);
-function Zi(e, t, l, a, r, i) {
+function Zi(e, t, l, a, n, i) {
   return s(), u("div", {
     class: f(["w-steps", i.classes])
   }, null, 2);
@@ -5159,13 +5159,13 @@ const es = {
   key: 1,
   class: "w-switch__thumb"
 }, os = ["for"];
-function ns(e, t, l, a, r, i) {
+function ns(e, t, l, a, n, i) {
   const o = $("w-progress");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
-    onReset: t[4] || (t[4] = (n) => {
-      e.$emit("update:modelValue", r.isOn = null), e.$emit("input", null);
+    "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
   }), {
@@ -5175,15 +5175,15 @@ function ns(e, t, l, a, r, i) {
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: r.isOn,
+        checked: n.isOn,
         disabled: e.isDisabled || e.isReadonly || null,
         readonly: e.isReadonly || null,
         "aria-readonly": e.isReadonly ? "true" : "false",
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onChange: t[0] || (t[0] = (n) => i.onInput()),
-        onFocus: t[1] || (t[1] = (n) => e.$emit("focus", n)),
-        "aria-checked": r.isOn || "false",
+        onChange: t[0] || (t[0] = (r) => i.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(C, { key: 0 }, [
@@ -5199,7 +5199,7 @@ function ns(e, t, l, a, r, i) {
       ], 64)) : c("", !0),
       w("div", _({
         class: "w-switch__input",
-        onClick: t[2] || (t[2] = (n) => {
+        onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, N(e.$attrs, !0), { class: i.inputClasses }), [
@@ -5295,7 +5295,7 @@ const rs = {
     }
   }
 }, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, l, a, r, i) {
+function hs(e, t, l, a, n, i) {
   return s(), u("div", us, [
     p(e.$slots, "default", { item: l.item })
   ]);
@@ -5309,7 +5309,7 @@ const cs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, ys = ["innerHTML"];
-function ws(e, t, l, a, r, i) {
+function ws(e, t, l, a, n, i) {
   const o = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", i.tabsClasses])
@@ -5318,29 +5318,29 @@ function ws(e, t, l, a, r, i) {
       class: f(["w-tabs__bar", i.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(C, null, x(i.tabsItems, (n, d) => (s(), u("div", {
-        class: f(["w-tabs__bar-item", i.barItemClasses(n)]),
+      (s(!0), u(C, null, x(i.tabsItems, (r, d) => (s(), u("div", {
+        class: f(["w-tabs__bar-item", i.barItemClasses(r)]),
         key: d,
-        onClick: (h) => !n._disabled && i.openTab(n),
-        onFocus: (h) => e.$emit("focus", i.getOriginalItem(n)),
-        tabindex: !n._disabled && 0,
-        onKeypress: M((h) => !n._disabled && i.openTab(n), ["enter"]),
-        "aria-selected": n._index === e.activeTabIndex ? "true" : "false",
+        onClick: (h) => !r._disabled && i.openTab(r),
+        onFocus: (h) => e.$emit("focus", i.getOriginalItem(r)),
+        tabindex: !r._disabled && 0,
+        onKeypress: M((h) => !r._disabled && i.openTab(r), ["enter"]),
+        "aria-selected": r._index === e.activeTabIndex ? "true" : "false",
         role: "tab"
       }, [
-        e.$slots[`item-title.${n.id || d + 1}`] ? p(e.$slots, `item-title.${n.id || d + 1}`, {
+        e.$slots[`item-title.${r.id || d + 1}`] ? p(e.$slots, `item-title.${r.id || d + 1}`, {
           key: 0,
-          item: i.getOriginalItem(n),
+          item: i.getOriginalItem(r),
           index: d + 1,
-          active: n._index === e.activeTabIndex
+          active: r._index === e.activeTabIndex
         }) : p(e.$slots, "item-title", {
           key: 1,
-          item: i.getOriginalItem(n),
+          item: i.getOriginalItem(r),
           index: d + 1,
-          active: n._index === e.activeTabIndex
+          active: r._index === e.activeTabIndex
         }, () => [
           w("div", {
-            innerHTML: n[l.itemTitleKey]
+            innerHTML: r[l.itemTitleKey]
           }, null, 8, ms)
         ])
       ], 42, fs))), 128)),
@@ -5365,21 +5365,21 @@ function ws(e, t, l, a, r, i) {
               item: i.activeTab,
               class: f(l.contentClass)
             }, {
-              default: m(({ item: n }) => [
-                e.$slots[`item-content.${n._index + 1}`] ? p(e.$slots, `item-content.${n._index + 1}`, {
+              default: m(({ item: r }) => [
+                e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                   key: 0,
-                  item: i.getOriginalItem(n),
-                  index: n._index + 1,
-                  active: n._index === i.activeTab._index
+                  item: i.getOriginalItem(r),
+                  index: r._index + 1,
+                  active: r._index === i.activeTab._index
                 }) : p(e.$slots, "item-content", {
                   key: 1,
-                  item: i.getOriginalItem(n),
-                  index: n._index + 1,
-                  active: n._index === i.activeTab._index
+                  item: i.getOriginalItem(r),
+                  index: r._index + 1,
+                  active: r._index === i.activeTab._index
                 }, () => [
-                  n[l.itemContentKey] ? (s(), u("div", {
+                  r[l.itemContentKey] ? (s(), u("div", {
                     key: 0,
-                    innerHTML: n[l.itemContentKey]
+                    innerHTML: r[l.itemContentKey]
                   }, null, 8, ys)) : c("", !0)
                 ])
               ]),
@@ -5494,8 +5494,8 @@ const vs = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), a = this.activeTabEl.parentNode, { left: r } = a.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(a);
-        this.slider.left = `${t - r - parseInt(i) + a.scrollLeft}px`, this.slider.width = `${l}px`;
+        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), a = this.activeTabEl.parentNode, { left: n } = a.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(a);
+        this.slider.left = `${t - n - parseInt(i) + a.scrollLeft}px`, this.slider.width = `${l}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabsItems.length}%`, this.slider.width = `${100 / this.tabsItems.length}%`;
     },
@@ -5558,8 +5558,8 @@ const vs = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
 }, Us = ["colspan"], qs = { class: "w-table__pagination" }, Gs = { class: "pagination-number pagination-number--results" }, Xs = { class: "pagination-arrows" };
-function Ys(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
+function Ys(e, t, l, a, n, i) {
+  const o = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", i.wrapClasses])
   }, [
@@ -5628,7 +5628,7 @@ function Ys(e, t, l, a, r, i) {
               w("td", {
                 colspan: l.headers.length
               }, [
-                V(n, { tile: "" })
+                V(r, { tile: "" })
               ], 8, Is)
             ])) : c("", !0)
           ]),
@@ -5640,7 +5640,7 @@ function Ys(e, t, l, a, r, i) {
           w("td", {
             colspan: l.headers.length
           }, [
-            V(n, { tile: "" }),
+            V(r, { tile: "" }),
             w("div", xs, [
               p(e.$slots, "loading", {}, () => [
                 B("Loading...")
@@ -5930,20 +5930,20 @@ const pe = 15, Js = {
     doSelectRow(e, t) {
       const l = this.expandableRows === "" ? !0 : this.expandableRows, a = this.selectableRows === "" ? !0 : this.selectableRows;
       if (l) {
-        const r = this.expandedRowsByUid[e._uid] === void 0;
-        r ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
+        const n = this.expandedRowsByUid[e._uid] === void 0;
+        n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
           "row-expand",
           {
             item: e,
             index: t,
-            expanded: r,
+            expanded: n,
             expandedRows: this.expandedRowsInternal.map((i) => this.filteredItems[i])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
       } else if (a) {
-        let r = !1;
+        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), r = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((o) => o !== e._uid), r = !0), r && (this.$emit(
+        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((o) => o !== e._uid), n = !0), n && (this.$emit(
           "row-select",
           {
             item: e,
@@ -5965,16 +5965,16 @@ const pe = 15, Js = {
       e.classList.contains("w-table__col-resizer") && (this.colResizing.hover = !1);
     },
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: l, nextColumnEl: a, colWidth: r, nextColWidth: i } = this.colResizing;
+      const { startCursorX: t, columnEl: l, nextColumnEl: a, colWidth: n, nextColWidth: i } = this.colResizing;
       this.colResizing.dragging = !0;
-      const o = e.pageX - t, n = r + i, d = r + o, h = i - o;
-      l.style.width = r + o + "px", a.style.width = i - o + "px";
+      const o = e.pageX - t, r = n + i, d = n + o, h = i - o;
+      l.style.width = n + o + "px", a.style.width = i - o + "px";
       const y = o < 0 && l.offsetWidth > d || l.offsetWidth <= pe, S = o > 0 && a.offsetWidth > h;
       if (y) {
         const b = Math.max(l.offsetWidth, pe);
-        l.style.width = b + "px", a.style.width = n - b + "px";
+        l.style.width = b + "px", a.style.width = r - b + "px";
       } else
-        S && (l.style.width = n - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
+        S && (l.style.width = r - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -5986,13 +5986,13 @@ const pe = 15, Js = {
       }, 0);
     },
     updatePaginationConfig() {
-      var a, r, i, o, n;
-      const e = ((a = this.pagination) == null ? void 0 : a.itemsPerPage) || 10, t = ((r = this.pagination) == null ? void 0 : r.total) || this.items.length, l = ((i = this.pagination) == null ? void 0 : i.page) || 1;
+      var a, n, i, o, r;
+      const e = ((a = this.pagination) == null ? void 0 : a.itemsPerPage) || 10, t = ((n = this.pagination) == null ? void 0 : n.total) || this.items.length, l = ((i = this.pagination) == null ? void 0 : i.page) || 1;
       this.paginationConfig = {
         itemsPerPage: e,
         itemsPerPageOptions: ((o = this.pagination) == null ? void 0 : o.itemsPerPageOptions) || [{ label: "10", value: 10 }, { label: "100", value: 100 }, { label: "All", value: 0 }],
         page: l,
-        start: ((n = this.pagination) == null ? void 0 : n.start) || 1,
+        start: ((r = this.pagination) == null ? void 0 : r.start) || 1,
         end: t >= e * l ? e * l : t % (e * l),
         total: t
       };
@@ -6019,7 +6019,7 @@ const pe = 15, Js = {
     }
   }
 }, Qs = /* @__PURE__ */ v(Js, [["render", Ys]]), Zs = ["role", "aria-pressed", "tabindex"];
-function ea(e, t, l, a, r, i) {
+function ea(e, t, l, a, n, i) {
   return s(), u("span", _({ class: "w-tag" }, N(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (o) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
@@ -6095,14 +6095,14 @@ const ta = {
     }
   }
 }, la = /* @__PURE__ */ v(ta, [["render", ea]]), ia = ["for"], sa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], aa = ["for"], oa = ["for"];
-function na(e, t, l, a, r, i) {
+function na(e, t, l, a, n, i) {
   const o = $("w-icon");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[6] || (t[6] = (n) => e.valid = n),
+    "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: i.hasLabel && l.labelPosition !== "inside",
-    onReset: t[7] || (t[7] = (n) => {
-      e.$emit("update:modelValue", r.inputValue = ""), e.$emit("input", "");
+    onReset: t[7] || (t[7] = (r) => {
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     class: i.classes
   }), {
@@ -6126,7 +6126,7 @@ function na(e, t, l, a, r, i) {
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
-          onClick: t[0] || (t[0] = (n) => e.$emit("click:inner-icon-left", n))
+          onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
           default: m(() => [
             B(k(l.innerIconLeft), 1)
@@ -6136,11 +6136,11 @@ function na(e, t, l, a, r, i) {
         D(w("textarea", _({
           class: "w-textarea__textarea",
           ref: "textarea",
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.inputValue = n)
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
         }, N(i.listeners, !0), {
-          onInput: t[2] || (t[2] = (...n) => i.onInput && i.onInput(...n)),
-          onFocus: t[3] || (t[3] = (...n) => i.onFocus && i.onFocus(...n)),
-          onBlur: t[4] || (t[4] = (...n) => i.onBlur && i.onBlur(...n)),
+          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)),
           id: `w-textarea--${e._.uid}`,
           name: e.inputName,
           placeholder: l.placeholder || null,
@@ -6152,7 +6152,7 @@ function na(e, t, l, a, r, i) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, sa), [
-          [be, r.inputValue]
+          [be, n.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(C, { key: 1 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -6170,7 +6170,7 @@ function na(e, t, l, a, r, i) {
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
-          onClick: t[5] || (t[5] = (n) => e.$emit("click:inner-icon-right", n))
+          onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
           default: m(() => [
             B(k(l.innerIconRight), 1)
@@ -6310,13 +6310,13 @@ const ra = {
     }
   }
 }, da = /* @__PURE__ */ v(ra, [["render", na]]), ua = ["innerHTML"], ha = ["innerHTML"];
-function ca(e, t, l, a, r, i) {
+function ca(e, t, l, a, n, i) {
   return s(), u("ul", {
     class: f(["w-timeline", i.classes])
   }, [
-    (s(!0), u(C, null, x(l.items, (o, n) => (s(), u("li", {
+    (s(!0), u(C, null, x(l.items, (o, r) => (s(), u("li", {
       class: "w-timeline-item",
-      key: n
+      key: r
     }, [
       (s(), g(I(o[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [o[l.itemColorKey] || l.color]: o[l.itemColorKey] || l.color }])
@@ -6326,14 +6326,14 @@ function ca(e, t, l, a, r, i) {
         ]),
         _: 2
       }, 1032, ["class"])),
-      e.$slots[`item.${n + 1}`] ? p(e.$slots, `item.${n + 1}`, {
+      e.$slots[`item.${r + 1}`] ? p(e.$slots, `item.${r + 1}`, {
         key: 1,
         item: o,
-        index: n + 1
+        index: r + 1
       }) : p(e.$slots, "item", {
         key: 0,
         item: o,
-        index: n + 1
+        index: r + 1
       }, () => [
         w("div", {
           class: f(["w-timeline-item__title", { [o[l.itemColorKey] || l.color]: o[l.itemColorKey] || l.color }]),
@@ -6370,7 +6370,7 @@ const pa = {
     }
   }
 }, fa = /* @__PURE__ */ v(pa, [["render", ca]]);
-function ma(e, t, l, a, r, i) {
+function ma(e, t, l, a, n, i) {
   return s(), u("div", {
     class: f(["w-toolbar", i.classes]),
     style: L(i.styles)
@@ -6428,7 +6428,7 @@ const ga = {
     }
   }
 }, ba = /* @__PURE__ */ v(ga, [["render", ma]]);
-function ya(e, t, l, a, r, i) {
+function ya(e, t, l, a, n, i) {
   return s(), u(C, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
     V(T, {
@@ -6536,7 +6536,7 @@ const wa = {
     }
   }
 }, va = /* @__PURE__ */ v(wa, [["render", ya]]);
-function ka(e, t, l, a, r, i) {
+function ka(e, t, l, a, n, i) {
   return s(), g(T, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6551,7 +6551,7 @@ const _a = {
     duration: { type: [Number, String] }
   }
 }, Ca = /* @__PURE__ */ v(_a, [["render", ka]]);
-function Ba(e, t, l, a, r, i) {
+function Ba(e, t, l, a, n, i) {
   return s(), g(T, {
     name: "expand",
     mode: "out-in",
@@ -6663,7 +6663,7 @@ const Sa = {
     }
   }
 }, $a = /* @__PURE__ */ v(Sa, [["render", Ba]]);
-function Va(e, t, l, a, r, i) {
+function Va(e, t, l, a, n, i) {
   return s(), g(T, _({ name: "fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6678,7 +6678,7 @@ const Ia = {
     duration: { type: [Number, String] }
   }
 }, Ra = /* @__PURE__ */ v(Ia, [["render", Va]]);
-function La(e, t, l, a, r, i) {
+function La(e, t, l, a, n, i) {
   return s(), g(T, _({ name: "scale" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6693,7 +6693,7 @@ const xa = {
     duration: { type: [Number, String] }
   }
 }, Ta = /* @__PURE__ */ v(xa, [["render", La]]);
-function Oa(e, t, l, a, r, i) {
+function Oa(e, t, l, a, n, i) {
   return s(), g(T, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6708,7 +6708,7 @@ const za = {
     duration: { type: [Number, String] }
   }
 }, Ea = /* @__PURE__ */ v(za, [["render", Oa]]);
-function Pa(e, t, l, a, r, i) {
+function Pa(e, t, l, a, n, i) {
   return s(), g(T, _({ name: i.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6735,7 +6735,7 @@ const Ma = {
     }
   }
 }, Na = /* @__PURE__ */ v(Ma, [["render", Pa]]);
-function Wa(e, t, l, a, r, i) {
+function Wa(e, t, l, a, n, i) {
   return s(), g(T, _({ name: i.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6762,7 +6762,7 @@ const Aa = {
     }
   }
 }, Ka = /* @__PURE__ */ v(Aa, [["render", Wa]]);
-function Da(e, t, l, a, r, i) {
+function Da(e, t, l, a, n, i) {
   return s(), g(T, _({ name: "twist" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6780,8 +6780,8 @@ const Fa = {
   key: 1,
   class: "ml1"
 };
-function qa(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-icon"), d = $("w-tree", !0);
+function qa(e, t, l, a, n, i) {
+  const o = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", i.classes])
   }, [
@@ -6814,7 +6814,7 @@ function qa(e, t, l, a, r, i) {
           }, () => {
             var S;
             return [
-              i.itemIcon(h) ? (s(), g(n, {
+              i.itemIcon(h) ? (s(), g(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
@@ -6912,7 +6912,7 @@ const Ga = {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
         return J(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
       Array.isArray(e) || (e = [e]), e.forEach((l, a) => {
-        var r;
+        var n;
         this.currentDepthItems.push({
           originalItem: l,
           _uid: this.depth.toString() + (a + 1),
@@ -6922,7 +6922,7 @@ const Ga = {
           route: l[this.itemRouteKey],
           disabled: l[this.itemDisabledKey],
           depth: this.depth,
-          open: !!(((r = t[a]) == null ? void 0 : r.open) || this.expandAll || l[this.itemOpenKey])
+          open: !!(((n = t[a]) == null ? void 0 : n.open) || this.expandAll || l[this.itemOpenKey])
         });
       });
     },
@@ -6940,8 +6940,8 @@ const Ga = {
     },
     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 a = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), r = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
-        [...a].some((o, n) => o.isSameNode(r) ? (a[n + i] && a[n + i].focus(), !0) : !1);
+        const a = 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;
+        [...a].some((o, r) => o.isSameNode(n) ? (a[r + i] && a[r + i].focus(), !0) : !1);
       }
       this.selectable && this.emitItemSelection(e, t);
     },