wave-ui 3.8.0 → 3.9.0

package/dist/wave-ui.es.js

@@ -1,15 +1,15 @@
 var ve = Object.defineProperty;
 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), re = (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 " + i);
 };
-var Y = (e, t, i) => (re(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ee = (e, t, i) => {
+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, i);
-}, te = (e, t, i, o) => (re(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 V, TransitionGroup as oe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as v, renderList as R, mergeProps as C, createElementVNode as y, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as M, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, withDirectives as A, vModelText as ae, Transition as O, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as le, resolveDirective as be, createSlots as Z, vShow as ne, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+}, te = (e, t, i, s) => (ne(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
+import { reactive as Q, resolveComponent as $, openBlock as o, createBlock as g, Teleport as _e, createVNode as V, TransitionGroup as oe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as y, createCommentVNode as p, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as M, renderSlot as c, toHandlers as z, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as I, normalizeProps as le, resolveDirective as ge, withDirectives as K, createSlots as Z, vShow as ae, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -56,36 +56,36 @@ const Ie = Q({
     t = Object.assign(t, e);
   else
     for (const i in e) {
-      const o = e[i];
-      typeof o == "object" ? ye(e[i], t[i]) : t[i] = o;
+      const s = e[i];
+      typeof s == "object" ? ye(e[i], t[i]) : t[i] = s;
     }
   return t;
-}, U = (e) => console.warn(`Wave UI: ${e}`), ie = (e) => console.error(`Wave UI: ${e}`), de = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), 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 i = e.colors[t];
     i.shades = {};
-    for (let o in i) {
-      if (o === "shades")
+    for (let s in i) {
+      if (s === "shades")
         continue;
-      o = { label: o, color: i[o].replace("#", "") };
-      const n = o.color;
-      n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
+      s = { label: s, color: i[s].replace("#", "") };
+      const n = s.color;
+      n.length === 3 && (s.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let l = 1; l <= 3; l++) {
-        const a = de(`#${o.color}`, l * 40), r = de(`#${o.color}`, -l * 40);
-        i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
+        const a = re(`#${s.color}`, l * 40), r = re(`#${s.color}`, -l * 40);
+        i.shades[`${s.label}-light${l}`] = a, i.shades[`${s.label}-dark${l}`] = r;
       }
     }
   });
-}, ue = (e, t) => {
+}, de = (e, t) => {
   const i = {
-    ...t.reduce((o, n) => {
-      o[n.label] = n.color;
+    ...t.reduce((s, n) => {
+      s[n.label] = n.color;
       const l = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
-      return { ...o, ...l };
+      return { ...s, ...l };
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
-}, he = [
+}, ue = [
   {
     label: "pink",
     color: "#e91e63",
@@ -436,38 +436,38 @@ const Ie = Q({
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let se = { keys: [], values: [] }, ce = null;
-const Re = (e) => {
+let se = { keys: [], values: [] }, he = null;
+const Le = (e) => {
   let t = "";
-  const i = {}, { info: o, warning: n, success: l, error: a, shades: r, ...d } = e, { cssScope: h } = q;
+  const i = {}, { info: s, 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 k = { ...d, info: o, warning: n, success: l, error: a };
-  for (const b in k)
-    i[b] = k[b];
+  const w = { ...d, info: s, warning: n, success: l, error: a };
+  for (const b in w)
+    i[b] = w[b];
   let B = "";
   return Object.entries(i).forEach(([b, T]) => {
     B += `--w-${b}-color: ${T};`;
   }), `:root{${B}}${t}`;
-}, Le = (e, t) => {
+}, Re = (e, t) => {
   let i = "";
-  const { cssScope: o } = q;
+  const { cssScope: s } = q;
   return e.forEach(({ min: n, label: l }) => {
     if (l === "xs")
       for (let a = 0; a < t; a++)
-        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
       i += `@media(min-width:${n}px){`;
       for (let a = 0; a < t; a++)
-        i += `${o} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
+        i += `${s} .${l}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
       i += "}";
     }
   }), i;
 }, xe = (e) => {
   let t = "";
-  const { cssScope: i, baseIncrement: o } = q, n = [
+  const { cssScope: i, baseIncrement: s } = q, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -503,23 +503,23 @@ const Re = (e) => {
     "justify-space-evenly{justify-content:space-evenly}"
   ], l = Array(12).fill();
   return e.forEach(({ label: a, min: r }) => {
-    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${i} .${a}u-${d}`).join("") + 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}}`);
+    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) * s}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: r, max: d }) => {
-    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${i} .${a}-${h}`).join("") + l.map((h, k) => `.w-grid.${a}-columns${k + 1}{grid-template-columns:repeat(${k + 1},1fr);}`).join("") + l.map((h, k) => `.w-flex.${a}-gap${k + 1},.w-grid.${a}-gap${k + 1}{gap:${(k + 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, w) => `.w-grid.${a}-columns${w + 1}{grid-template-columns:repeat(${w + 1},1fr);}`).join("") + l.map((h, w) => `.w-flex.${a}-gap${w + 1},.w-grid.${a}-gap${w + 1}{gap:${(w + 1) * s}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
   }), e.forEach(({ label: a, max: r }) => {
-    a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + 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}}`);
+    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) * s}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, pe = (e) => {
+}, ce = (e) => {
   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 !== ce && (ce = o, e.breakpoint = {
-    name: o,
-    xs: o === "xs",
-    sm: o === "sm",
-    md: o === "md",
-    lg: o === "lg",
-    xl: o === "xl",
+  const s = se.keys[i.indexOf(t)] || "xl";
+  s !== he && (he = s, e.breakpoint = {
+    name: s,
+    xs: s === "xs",
+    sm: s === "sm",
+    md: s === "md",
+    lg: s === "lg",
+    xl: s === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
 }, Oe = (e) => {
@@ -527,14 +527,14 @@ const Re = (e) => {
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
     i.id = "wave-ui-styles", i.innerHTML = Me(t);
-    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    o ? o.before(i) : document.head.appendChild(i);
+    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    s ? s.before(i) : document.head.appendChild(i);
   }
-  pe(e), window.addEventListener("resize", () => pe(e));
+  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);
+    t.id = "wave-ui-colors", t.innerHTML = Le(e);
     const i = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     i ? i.before(t) : document.head.appendChild(t);
   }
@@ -542,14 +542,14 @@ const Re = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: a };
-  }), o = getComputedStyle(document.documentElement);
-  q.cssScope = o.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
+  }), s = getComputedStyle(document.documentElement);
+  q.cssScope = s.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(s.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += Le(i, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(i)), n;
+  return n += Re(i, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(i)), n;
 }, ze = ["innerHTML"];
-function Ee(e, t, i, o, n, l) {
+function Ee(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return s(), g(_e, { to: ".w-app" }, [
+  return o(), g(_e, { to: ".w-app" }, [
     V(oe, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
@@ -557,8 +557,8 @@ function Ee(e, t, i, o, n, l) {
       appear: ""
     }, {
       default: m(() => [
-        (s(!0), u(v, null, R(l.notifications, (r) => (s(), u(v, null, [
-          r._value ? (s(), g(a, C({
+        (o(!0), u(k, null, L(l.notifications, (r) => (o(), u(k, null, [
+          r._value ? (o(), g(a, C({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -571,17 +571,17 @@ function Ee(e, t, i, o, n, l) {
               }, null, 8, ze)
             ]),
             _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
+          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
         ], 64))), 256))
       ]),
       _: 1
     }, 8, ["class", "name"])
   ]);
 }
-const w = (e, t) => {
+const v = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [o, n] of t)
-    i[o] = n;
+  for (const [s, n] of t)
+    i[s] = n;
   return i;
 }, We = {
   name: "w-notification-manager",
@@ -599,11 +599,11 @@ const w = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: i, message: o, timeout: n, ...l } = e;
+      const { _value: t, _uid: i, message: s, timeout: n, ...l } = e;
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, Ae = /* @__PURE__ */ w(We, [["render", Ee]]);
+}, Ae = /* @__PURE__ */ v(We, [["render", Ee]]);
 var H;
 const F = class {
   constructor() {
@@ -628,10 +628,10 @@ const F = class {
     if (typeof t[0] == "object")
       i = { ...i, ...t[0] };
     else {
-      const [o, n, l] = t;
+      const [s, n, l] = t;
       i = {
         ...i,
-        message: o || "",
+        message: s || "",
         [n === void 0 ? "info" : n]: !0,
         timeout: l || l === 0 ? parseFloat(l) : 4e3
       };
@@ -645,8 +645,8 @@ const F = class {
 let G = F;
 H = new WeakMap(), ee(G, H, void 0);
 const Ke = (e, t, i) => {
-  const o = document.createElement("div");
-  e.appendChild(o);
+  const s = document.createElement("div");
+  e.appendChild(s);
   const n = Ce(Se({
     ...Ae,
     inject: ["$waveui"]
@@ -655,16 +655,16 @@ const Ke = (e, t, i) => {
     const a = t[l];
     n.component(a.name, { ...a, inject: ["$waveui"] });
   }
-  n.mount(o), o.remove();
+  n.mount(s), s.remove();
 };
-let fe = !1;
+let pe = !1;
 const Ne = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
 }, He = (e, t) => {
-  var i, o;
+  var i, s;
   for (const n in t)
     if ((i = e.props) != null && i[n])
       e.props[n].default = t[n];
@@ -672,7 +672,7 @@ const Ne = (e) => {
       let l = !1;
       if (Array.isArray(e.mixins) && e.mixins.length) {
         for (const a of e.mixins)
-          if ((o = a == null ? void 0 : a.props) != null && o[n]) {
+          if ((s = a == null ? void 0 : a.props) != null && s[n]) {
             a.props[n].default = t[n], l = !0;
             break;
           }
@@ -705,8 +705,8 @@ const j = class {
       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 = ue(o, he);
+        const s = this.config.colors[this.theme];
+        Pe(s), this.colors = de(s, ue);
       }
     });
     if (Y(j, X)) {
@@ -717,10 +717,10 @@ const j = class {
       const a = { ...i.colors };
       i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
-    let { components: o, ...n } = i;
+    let { components: s, ...n } = i;
     n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
     const l = Q(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = ue(n.colors[n.theme], he));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
   }
   static install(t, i = {}) {
     var n;
@@ -734,17 +734,17 @@ const j = class {
         window.addEventListener("scroll", r);
       }
     });
-    const { components: o = {} } = i || {};
-    for (const l in o) {
-      const a = o[l];
+    const { components: s = {} } = i || {};
+    for (const l in s) {
+      const a = s[l];
       (n = i.presets) != null && n[a.name] && He(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       beforeMount() {
-        if (!fe) {
-          fe = !0;
+        if (!pe) {
+          pe = !0;
           const l = Be("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
-          r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ke(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ke(r, s, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new j(t, i), te(j, X, !0);
@@ -753,24 +753,24 @@ const j = class {
 let N = j;
 X = new WeakMap(), ee(N, X, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], je = ["innerHTML"], Ue = ["innerHTML"];
-function qe(e, t, i, o, n, l) {
+function qe(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-accordion", l.accordionClasses])
   }, [
-    (s(!0), u(v, null, R(e.accordionItems, (d, h) => (s(), u("div", {
+    (o(!0), u(k, null, L(e.accordionItems, (d, h) => (o(), u("div", {
       class: f(["w-accordion__item", l.itemClasses(d)]),
       key: h,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
       y("div", {
         class: f(["w-accordion__item-title", i.titleClass]),
-        onClick: (k) => !d._disabled && l.toggleItem(d, k),
-        onFocus: (k) => e.$emit("focus", l.getOriginalItem(d)),
-        onKeypress: W((k) => !d._disabled && l.toggleItem(d, k), ["enter"]),
+        onClick: (w) => !d._disabled && l.toggleItem(d, w),
+        onFocus: (w) => e.$emit("focus", l.getOriginalItem(d)),
+        onKeypress: W((w) => !d._disabled && l.toggleItem(d, w), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        i.expandIcon && !i.expandIconRight ? (s(), g(a, {
+        i.expandIcon && !i.expandIconRight ? (o(), g(a, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
@@ -780,14 +780,14 @@ function qe(e, t, i, o, n, l) {
           text: "",
           onKeypress: t[0] || (t[0] = M(() => {
           }, ["stop"])),
-          onClick: M((k) => !d._disabled && l.toggleItem(d, k), ["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}`, {
+          onClick: M((w) => !d._disabled && l.toggleItem(d, w), ["stop"])
+        }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : p("", !0),
+        e.$slots[`item-title.${d.id || h + 1}`] ? c(e.$slots, `item-title.${d.id || h + 1}`, {
           key: 1,
           item: l.getOriginalItem(d),
           expanded: d._expanded,
           index: h + 1
-        }) : p(e.$slots, "item-title", {
+        }) : c(e.$slots, "item-title", {
           key: 2,
           item: l.getOriginalItem(d),
           expanded: d._expanded,
@@ -798,32 +798,32 @@ function qe(e, t, i, o, n, l) {
             innerHTML: d[i.itemTitleKey]
           }, null, 8, je)
         ]),
-        i.expandIcon && i.expandIconRight ? (s(), g(a, {
+        i.expandIcon && i.expandIconRight ? (o(), g(a, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
           onKeypress: t[1] || (t[1] = M(() => {
           }, ["stop"])),
-          onClick: M((k) => !d._disabled && l.toggleItem(d, k), ["stop"])
-        }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
+          onClick: M((w) => !d._disabled && l.toggleItem(d, w), ["stop"])
+        }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
       ], 42, Fe),
       V(r, {
         y: "",
-        onAfterLeave: (k) => l.onEndOfCollapse(d),
+        onAfterLeave: (w) => l.onEndOfCollapse(d),
         duration: i.duration
       }, {
         default: m(() => [
-          d._expanded ? (s(), u("div", {
+          d._expanded ? (o(), u("div", {
             key: 0,
             class: f(["w-accordion__item-content", i.contentClass])
           }, [
-            e.$slots[`item-content.${d.id || h + 1}`] ? p(e.$slots, `item-content.${d.id || h + 1}`, {
+            e.$slots[`item-content.${d.id || h + 1}`] ? c(e.$slots, `item-content.${d.id || h + 1}`, {
               key: 0,
               item: l.getOriginalItem(d),
               expanded: d._expanded,
               index: h + 1
-            }) : p(e.$slots, "item-content", {
+            }) : c(e.$slots, "item-content", {
               key: 1,
               item: l.getOriginalItem(d),
               expanded: d._expanded,
@@ -833,7 +833,7 @@ function qe(e, t, i, o, n, l) {
                 innerHTML: d[i.itemContentKey]
               }, null, 8, Ue)
             ])
-          ], 2)) : c("", !0)
+          ], 2)) : p("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
@@ -884,8 +884,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 i = this.accordionItems.map((o) => o._expanded || !1);
+      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((s) => s._index !== e._index && (s._expanded = !1));
+      const i = this.accordionItems.map((s) => s._expanded || !1);
       this.$emit("update:modelValue", i), this.$emit("input", i), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
     },
     onEndOfCollapse(e) {
@@ -926,15 +926,15 @@ const Xe = {
       deep: !0
     }
   }
-}, Ye = /* @__PURE__ */ w(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
-function Je(e, t, i, o, n, l) {
+}, Ye = /* @__PURE__ */ v(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
+function Je(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-button");
-  return n.show ? (s(), u("div", C({
+  return n.show ? (o(), u("div", C({
     key: 0,
     class: "w-alert"
   }, z(e.$attrs, !0), { class: l.classes }), [
-    l.type || i.icon || i.dismiss ? (s(), u(v, { key: 0 }, [
-      l.type || i.icon ? (s(), g(a, {
+    l.type || i.icon || i.dismiss ? (o(), u(k, { key: 0 }, [
+      l.type || i.icon ? (o(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
@@ -942,11 +942,11 @@ function Je(e, t, i, o, n, l) {
           S(_(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
-      })) : c("", !0),
+      })) : p("", !0),
       y("div", Ge, [
-        p(e.$slots, "default")
+        c(e.$slots, "default")
       ]),
-      i.dismiss ? (s(), g(r, {
+      i.dismiss ? (o(), g(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -956,9 +956,9 @@ function Je(e, t, i, o, n, l) {
         color: "inherit",
         sm: "",
         text: ""
-      })) : c("", !0)
-    ], 64)) : p(e.$slots, "default", { key: 1 })
-  ], 16)) : c("", !0);
+      })) : p("", !0)
+    ], 64)) : c(e.$slots, "default", { key: 1 })
+  ], 16)) : p("", !0);
 }
 const Qe = {
   name: "w-alert",
@@ -1039,63 +1039,70 @@ const Qe = {
       this.show = e;
     }
   }
-}, Ze = /* @__PURE__ */ w(Qe, [["render", Je]]), et = { class: "w-autocomplete__selection" }, tt = ["innerHTML"], it = ["innerHTML"], lt = {
-  key: 0,
-  class: "w-autocomplete__menu",
-  ref: "menu"
-}, st = ["onClick"], ot = ["innerHTML"], at = ["innerHTML"];
-function nt(e, t, i, o, n, l) {
+}, Ze = /* @__PURE__ */ v(Qe, [["render", Je]]), et = { class: "w-autocomplete__selection" }, tt = ["innerHTML"], it = ["innerHTML"], lt = ["value"], st = ["onClick"], ot = ["innerHTML"], at = ["innerHTML"];
+function nt(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-transition-slide-fade");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-autocomplete", l.classes]),
-    onClick: t[6] || (t[6] = (...d) => l.onClick && l.onClick(...d))
+    onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d))
   }, [
-    e.selection.length ? (s(!0), u(v, { key: 0 }, R(e.selection, (d, h) => (s(), u("div", et, [
-      y("span", {
-        innerHTML: d[i.itemLabelKey]
-      }, null, 8, tt),
-      V(a, {
-        onClick: M((k) => l.unselectItem(h), ["stop"]),
-        icon: "i-cross",
-        xs: "",
-        text: "",
-        color: "currentColor"
-      }, null, 8, ["onClick"])
-    ]))), 256)) : c("", !0),
-    !e.selection.length && !e.keywords && i.placeholder ? (s(), u("div", {
+    e.selection.length ? (o(!0), u(k, { key: 0 }, L(e.selection, (d, h) => (o(), u("div", et, [
+      c(e.$slots, "selection", {
+        item: d,
+        unselect: (w) => l.unselectItem(w)
+      }, () => [
+        y("span", {
+          innerHTML: d[i.itemLabelKey]
+        }, null, 8, tt),
+        V(a, {
+          onClick: M((w) => l.unselectItem(h), ["stop"]),
+          icon: "wi-cross",
+          xs: "",
+          text: "",
+          color: "currentColor"
+        }, null, 8, ["onClick"])
+      ])
+    ]))), 256)) : p("", !0),
+    !e.selection.length && !e.keywords && i.placeholder ? (o(), u("div", {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
-    }, null, 8, it)) : c("", !0),
-    A(y("input", C({
+    }, null, 8, it)) : p("", !0),
+    y("input", C({
       class: "w-autocomplete__input",
       ref: "input",
-      "onUpdate:modelValue": t[0] || (t[0] = (d) => e.keywords = d),
-      onFocus: t[1] || (t[1] = (...d) => l.onFocus && l.onFocus(...d)),
-      onKeydown: t[2] || (t[2] = (...d) => l.onKeydown && l.onKeydown(...d)),
-      onDrop: t[3] || (t[3] = (...d) => l.onDrop && l.onDrop(...d)),
-      onCompositionstart: t[4] || (t[4] = (...d) => l.onCompositionStart && l.onCompositionStart(...d)),
-      onCompositionupdate: t[5] || (t[5] = (...d) => l.onCompositionUpdate && l.onCompositionUpdate(...d))
-    }, z(e.$listeners, !0)), null, 16), [
-      [ae, e.keywords]
-    ]),
-    V(r, { y: "" }, {
+      value: e.keywords
+    }, z(l.inputEventListeners, !0)), null, 16, lt),
+    V(r, null, {
       default: m(() => [
-        e.menuOpen ? (s(), u("ul", lt, [
-          (s(!0), u(v, null, R(l.filteredItems, (d, h) => (s(), u("li", {
+        e.menuOpen ? (o(), u("ul", {
+          key: 0,
+          class: "w-autocomplete__menu",
+          ref: "menu",
+          onMousedown: t[1] || (t[1] = (d) => e.menuIsBeingClicked = !0),
+          onMouseup: t[2] || (t[2] = (...d) => l.setEndOfMenuClick && l.setEndOfMenuClick(...d)),
+          onTouchstart: t[3] || (t[3] = (d) => e.menuIsBeingClicked = !0),
+          onTouchend: t[4] || (t[4] = (...d) => l.setEndOfMenuClick && l.setEndOfMenuClick(...d))
+        }, [
+          (o(!0), u(k, null, L(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
-            onClick: M((k) => l.selectItem(d), ["stop"]),
+            onClick: M((w) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
-            y("span", {
-              innerHTML: d[i.itemLabelKey]
-            }, null, 8, ot)
+            c(e.$slots, "item", {
+              item: d,
+              highlighted: e.highlightedItem === d.uid
+            }, () => [
+              y("span", {
+                innerHTML: d[i.itemLabelKey]
+              }, null, 8, ot)
+            ])
           ], 10, st))), 128)),
-          l.filteredItems.length ? c("", !0) : (s(), u("li", {
+          l.filteredItems.length ? p("", !0) : (o(), u("li", {
             key: 0,
             class: f(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
           }, [
-            p(e.$slots, "no-match", {}, () => {
+            c(e.$slots, "no-match", {}, () => {
               var d;
               return [
                 y("div", {
@@ -1104,8 +1111,15 @@ function nt(e, t, i, o, n, l) {
                 }, null, 8, at)
               ];
             })
-          ], 2))
-        ], 512)) : c("", !0)
+          ], 2)),
+          e.$slots["extra-item"] ? (o(), u("li", {
+            key: 1,
+            class: f(["w-autocomplete__extra-item", { highlighted: e.highlightedItem === "extra-item" }]),
+            onClick: t[0] || (t[0] = (...d) => l.selectExtraItem && l.selectExtraItem(...d))
+          }, [
+            c(e.$slots, "extra-item")
+          ], 2)) : p("", !0)
+        ], 544)) : p("", !0)
       ]),
       _: 3
     })
@@ -1125,12 +1139,13 @@ const rt = {
     itemLabelKey: { type: String, default: "label" },
     itemSearchableKey: { type: String, default: "searchable" }
   },
-  emits: ["input"],
+  emits: ["update:modelValue", "input", "focus", "blur", "keydown", "item-click", "item-select", "extra-item-select"],
   data: () => ({
     keywords: "",
     selection: [],
     menuOpen: !1,
-    highlightedItem: null
+    highlightedItem: null,
+    menuIsBeingClicked: !1
   }),
   computed: {
     normalizedKeywords() {
@@ -1148,15 +1163,38 @@ const rt = {
     },
     filteredItems() {
       let e = this.optimizedItemsForSearch;
-      const t = this.normalizedSelection.join(","), i = (o) => !t.includes(o.searchable);
-      return this.keywords ? e = e.filter((o) => o.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? i(o) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(i)), e;
+      const t = this.normalizedSelection.join(","), i = (s) => !t.includes(s.searchable);
+      return this.keywords ? e = e.filter((s) => s.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? i(s) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(i)), e;
     },
     highlightedItemIndex() {
-      return this.highlightedItem === null ? -1 : this.filteredItems.findIndex((e) => e.uid === this.highlightedItem);
+      return this.highlightedItem === null ? -1 : this.highlightedItem === "extra-item" ? this.filteredItems.length : this.filteredItems.findIndex((e) => e.uid === this.highlightedItem);
+    },
+    inputEventListeners() {
+      return {
+        ...this.$attrs,
+        input: (e) => {
+          this.keywords = e.target.value;
+        },
+        focus: (e) => {
+          this.menuIsBeingClicked || (this.onFocus(e), this.$emit("focus", e));
+        },
+        blur: (e) => {
+          this.menuIsBeingClicked || this.$emit("blur", e);
+        },
+        keydown: (e) => {
+          this.onKeydown(e), this.$emit("keydown", e);
+        },
+        drop: this.onDrop,
+        compositionstart: this.onCompositionStart,
+        compositionupdate: this.onCompositionUpdate
+      };
     },
     classes() {
       return {
-        "w-autocomplete--open": this.menuOpen
+        "w-autocomplete--open": this.menuOpen,
+        "w-autocomplete--filled": this.selection.length,
+        "w-autocomplete--has-keywords": this.keywords,
+        "w-autocomplete--empty": !this.selection.length && !this.keywords
       };
     }
   },
@@ -1165,10 +1203,18 @@ const rt = {
       return e.toLowerCase().normalize("NFKD").replace(/\p{Diacritic}/gu, "").replace(/œ/g, "oe");
     },
     selectItem(e) {
-      this.multiple || (this.selection = []), this.selection.push(e), this.highlightedItem = e.uid, this.keywords = "", this.$emit("input", this.multiple ? this.selection.map((t) => t[this.itemValueKey]) : e[this.itemValueKey]), this.$refs.input.focus(), this.multiple || this.closeMenu();
+      this.multiple || (this.selection = []), this.selection.push(e), this.highlightedItem = e.uid, this.keywords = "";
+      const t = this.multiple ? this.selection.map((i) => i[this.itemValueKey]) : e[this.itemValueKey];
+      this.$emit("item-select", e), this.$emit("update:modelValue", t), this.$emit("input", t), this.$refs.input.focus(), this.multiple || this.closeMenu();
     },
     unselectItem(e) {
-      this.selection.splice(e != null ? e : this.selection.length - 1, 1), this.highlightedItem = null, this.$emit("input", null), this.$refs.input.focus();
+      this.selection.splice(e != null ? e : this.selection.length - 1, 1), this.highlightedItem = null, this.$emit("update:modelValue", null), this.$emit("input", null), this.$refs.input.focus();
+    },
+    selectExtraItem() {
+      this.keywords = "", this.$emit("extra-item-select"), this.closeMenu();
+    },
+    setEndOfMenuClick() {
+      setTimeout(() => this.menuIsBeingClicked = !1, 100);
     },
     onClick() {
       this.openOnKeydown || this.openMenu(), this.$refs.input.focus();
@@ -1178,20 +1224,25 @@ const rt = {
     },
     onKeydown(e) {
       var i;
-      const t = this.filteredItems.length;
-      if ((!this.openOnKeydown || (this.keywords || e.key.length === 1) && !this.menuOpen) && this.openMenu(), e.keyCode === 8 && (!this.keywords || !e.target.selectionStart && !e.target.selectionEnd))
+      const t = this.filteredItems.length + (this.$slots["extra-item"] ? 1 : 0);
+      if ((!this.openOnKeydown || (this.keywords || e.key.length === 1) && !this.menuOpen) && this.openMenu(), e.keyCode === 9)
+        this.closeMenu();
+      else if (e.keyCode === 8 && (!this.keywords || !e.target.selectionStart && !e.target.selectionEnd))
         this.unselectItem();
       else if (e.keyCode === 13)
-        e.preventDefault(), this.highlightedItemIndex >= 0 && this.selectItem(this.filteredItems[this.highlightedItemIndex]);
+        e.preventDefault(), this.highlightedItem === "extra-item" ? this.selectExtraItem() : this.highlightedItemIndex >= 0 && this.selectItem(this.filteredItems[this.highlightedItemIndex]);
       else if ([38, 40].includes(e.keyCode)) {
         e.preventDefault();
-        let o = this.highlightedItemIndex;
-        o === -1 ? o = e.keyCode === 38 ? t - 1 : 0 : o = (o + (e.keyCode === 38 ? -1 : 1) + t) % t, this.highlightedItem = ((i = this.filteredItems[o]) == null ? void 0 : i.uid) || 0;
+        let s = this.highlightedItemIndex;
+        s === -1 ? s = e.keyCode === 38 ? t - 1 : 0 : s = (s + (e.keyCode === 38 ? -1 : 1) + t) % t, this.$slots["extra-item"] && s === t - 1 ? this.highlightedItem = "extra-item" : this.highlightedItem = ((i = this.filteredItems[s]) == null ? void 0 : i.uid) || 0;
         const n = this.$refs.menu;
-        if (n) {
-          const { offsetHeight: l, offsetTop: a } = n.childNodes[o] || {};
-          n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
-        }
+        if (n)
+          if (this.$slots["extra-item"] && s === t - 1)
+            n.scrollTop = n.scrollHeight;
+          else {
+            const { offsetHeight: l, offsetTop: a } = n.childNodes[s] || {};
+            n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
+          }
       } else
         !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
     },
@@ -1221,11 +1272,18 @@ const rt = {
   },
   beforeUnmount() {
     document.removeEventListener("click", this.onDocumentClick);
+  },
+  watch: {
+    modelValue(e) {
+      this.selection = [], e && (Array.isArray(e) ? e : [e]).forEach((i) => {
+        this.selection.push(this.optimizedItemsForSearch.find((s) => s[this.itemValueKey] === +i));
+      });
+    }
   }
-}, dt = /* @__PURE__ */ w(rt, [["render", nt]]), ut = { class: "w-app" };
-function ht(e, t, i, o, n, l) {
-  return s(), u("div", ut, [
-    p(e.$slots, "default")
+}, dt = /* @__PURE__ */ v(rt, [["render", nt]]), ut = { class: "w-app" };
+function ht(e, t, i, s, n, l) {
+  return o(), u("div", ut, [
+    c(e.$slots, "default")
   ]);
 }
 const ct = {
@@ -1243,27 +1301,27 @@ const ct = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, pt = /* @__PURE__ */ w(ct, [["render", ht]]);
-function ft(e, t, i, o, n, l) {
-  return s(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
-    p(e.$slots, "default"),
+}, pt = /* @__PURE__ */ v(ct, [["render", ht]]);
+function ft(e, t, i, s, n, l) {
+  return o(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
+    c(e.$slots, "default"),
     V(O, {
       name: `${i.transition}`
     }, {
       default: m(() => [
-        i.modelValue ? (s(), u("div", {
+        i.modelValue ? (o(), u("div", {
           key: 0,
           class: f(["w-badge", l.classes]),
-          style: L(l.styles),
+          style: R(l.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
           role: "status"
         }, [
-          i.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
+          i.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
             S(_(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
-        ], 6)) : c("", !0)
+        ], 6)) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"])
@@ -1332,19 +1390,19 @@ const mt = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, gt = /* @__PURE__ */ w(mt, [["render", ft]]), bt = ["innerHTML"];
-function yt(e, t, i, o, n, l) {
+}, gt = /* @__PURE__ */ v(mt, [["render", ft]]), bt = ["innerHTML"];
+function yt(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-breadcrumbs", l.classes])
   }, [
-    (s(!0), u(v, null, R(i.items, (r, d) => (s(), u(v, null, [
-      d && e.$slots.separator ? (s(), u("span", {
+    (o(!0), u(k, null, L(i.items, (r, d) => (o(), u(k, null, [
+      d && e.$slots.separator ? (o(), u("span", {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
       }, [
-        p(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), g(a, {
+        c(e.$slots, "separator", { index: d })
+      ], 2)) : d ? (o(), g(a, {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
@@ -1352,35 +1410,35 @@ function yt(e, t, i, o, n, l) {
           S(_(i.icon), 1)
         ]),
         _: 2
-      }, 1032, ["class"])) : c("", !0),
-      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(v, { key: 2 }, [
-        e.$slots.item ? (s(), g(I(l.hasRouter ? "router-link" : "a"), {
+      }, 1032, ["class"])) : p("", !0),
+      r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (o(), u(k, { key: 2 }, [
+        e.$slots.item ? (o(), g(I(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
           href: r[i.itemRouteKey]
         }, {
           default: m(() => [
-            p(e.$slots, "item", {
+            c(e.$slots, "item", {
               item: r,
               index: d + 1,
               isLast: d === i.items.length - 1
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), g(I(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), g(I(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           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", {
+      ], 64)) : e.$slots.item ? c(e.$slots, "item", {
         key: `${d}e`,
         item: r,
         index: d + 1,
         isLast: d === i.items.length - 1
-      }) : (s(), u("span", {
+      }) : (o(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
       }, null, 8, bt))
@@ -1417,7 +1475,7 @@ const wt = {
       };
     }
   }
-}, vt = /* @__PURE__ */ w(wt, [["render", yt]]), kt = {
+}, vt = /* @__PURE__ */ v(wt, [["render", yt]]), kt = {
   key: 0,
   class: "w-button__loader"
 }, _t = /* @__PURE__ */ y("svg", { viewBox: "0 0 40 40" }, [
@@ -1431,28 +1489,28 @@ const wt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function Ct(e, t, i, o, n, l) {
+function Ct(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return s(), g(I(i.route ? "a" : "button"), C({
+  return o(), g(I(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 || {})), {
+      i.icon ? (o(), g(a, le(C({ key: 0 }, i.iconProps || {})), {
         default: m(() => [
           S(_(i.icon), 1)
         ]),
         _: 1
-      }, 16)) : p(e.$slots, "default", { key: 1 }),
+      }, 16)) : c(e.$slots, "default", { key: 1 }),
       V(O, { name: "scale-fade" }, {
         default: m(() => [
-          i.loading ? (s(), u("div", kt, [
-            p(e.$slots, "loading", {}, () => [
+          i.loading ? (o(), u("div", kt, [
+            c(e.$slots, "loading", {}, () => [
               _t
             ])
-          ])) : c("", !0)
+          ])) : p("", !0)
         ]),
         _: 3
       })
@@ -1550,14 +1608,14 @@ const St = {
       };
     }
   }
-}, Bt = /* @__PURE__ */ w(St, [["render", Ct]]), $t = ["innerHTML"];
-function Vt(e, t, i, o, n, l) {
+}, Bt = /* @__PURE__ */ v(St, [["render", Ct]]), $t = ["innerHTML"];
+function Vt(e, t, i, s, n, l) {
   const a = $("button-partial");
-  return i.tooltip ? (s(), g(I("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
+  return i.tooltip ? (o(), g(I("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
     activator: m(({ on: r }) => [
       V(a, C(l.buttonProps, z(r)), {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
@@ -1566,12 +1624,12 @@ function Vt(e, t, i, o, n, l) {
       y("div", { innerHTML: i.tooltip }, null, 8, $t)
     ]),
     _: 3
-  }, 16)) : (s(), g(a, le(C({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), g(a, le(C({ key: 1 }, l.buttonProps)), {
     loading: m(() => [
-      p(e.$slots, "loading")
+      c(e.$slots, "loading")
     ]),
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16));
@@ -1620,43 +1678,43 @@ const It = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Tt = /* @__PURE__ */ w(It, [["render", Vt]]), K = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Rt = ["innerHTML"];
-function Lt(e, t, i, o, n, l) {
+}, Tt = /* @__PURE__ */ v(It, [["render", Vt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Lt = ["innerHTML"];
+function Rt(e, t, i, s, n, l) {
   const a = $("w-image");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-card", l.classes])
   }, [
-    e.$slots.title ? (s(), u("div", {
+    e.$slots.title ? (o(), u("div", {
       key: 0,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }])
     }, [
-      p(e.$slots, "title")
-    ], 2)) : i.title ? (s(), u("div", {
+      c(e.$slots, "title")
+    ], 2)) : i.title ? (o(), u("div", {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Rt)) : c("", !0),
-    i.image ? (s(), g(a, C({
+    }, null, 10, Lt)) : p("", !0),
+    i.image ? (o(), g(a, C({
       key: 2,
       class: "w-card__image",
       src: i.image
     }, l.imgProps), {
       default: m(() => [
-        p(e.$slots, "image-content")
+        c(e.$slots, "image-content")
       ]),
       _: 3
-    }, 16, ["src"])) : c("", !0),
+    }, 16, ["src"])) : p("", !0),
     y("div", {
       class: f(["w-card__content", l.contentClasses])
     }, [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ], 2),
-    e.$slots.actions ? (s(), u("div", {
+    e.$slots.actions ? (o(), u("div", {
       key: 3,
       class: f(["w-card__actions", { "w-card__actions--has-toolbar": l.actionsHasToolbar }])
     }, [
-      p(e.$slots, "actions")
-    ], 2)) : c("", !0)
+      c(e.$slots, "actions")
+    ], 2)) : p("", !0)
   ], 2);
 }
 const xt = {
@@ -1678,10 +1736,10 @@ const xt = {
   emits: [],
   computed: {
     titleClasses() {
-      return K(this.titleClass);
+      return A(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return A(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1710,7 +1768,7 @@ const xt = {
       };
     }
   }
-}, Ot = /* @__PURE__ */ w(xt, [["render", Lt]]), E = {
+}, Ot = /* @__PURE__ */ v(xt, [["render", Rt]]), E = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1756,8 +1814,8 @@ const xt = {
 ], -1), Wt = [
   Et
 ], At = ["for"], Kt = ["for", "innerHTML"];
-function Nt(e, t, i, o, n, l) {
-  return s(), g(I(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 }, {
+function Nt(e, t, i, s, n, l) {
+  return o(), g(I(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) => {
@@ -1782,44 +1840,44 @@ function Nt(e, t, i, o, n, l) {
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, Pt),
-      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
-        e.$slots.default ? (s(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Mt)) : i.label ? (s(), u("label", {
+        ], 10, Mt)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, zt)) : c("", !0)
-      ], 64)) : c("", !0),
+        }, null, 10, zt)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, Wt, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
-        e.$slots.default ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, At)) : i.label ? (s(), u("label", {
+        ], 10, At)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Kt)) : c("", !0)
-      ], 64)) : c("", !0)
+        }, null, 10, Kt)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -1886,10 +1944,10 @@ const Ht = {
       this.isChecked = e;
     }
   }
-}, Dt = /* @__PURE__ */ w(Ht, [["render", Nt]]), Ft = ["innerHTML"];
-function jt(e, t, i, o, n, l) {
+}, Dt = /* @__PURE__ */ v(Ht, [["render", Nt]]), Ft = ["innerHTML"];
+function jt(e, t, i, s, n, l) {
   const a = $("w-checkbox");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return o(), g(I(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: l.reset,
@@ -1898,7 +1956,7 @@ function jt(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(v, null, R(l.checkboxItems, (r, d) => (s(), g(a, C({
+      (o(!0), u(k, null, L(l.checkboxItems, (r, d) => (o(), g(a, C({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -1910,16 +1968,16 @@ function jt(e, t, i, o, n, l) {
         class: { mt1: !i.inline && d }
       }), {
         default: m(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: l.getOriginalItem(r),
             checked: !!r._isChecked,
             index: d + 1,
             innerHTML: r.label
-          }) : r.label ? (s(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Ft)) : c("", !0)
+          }, null, 8, Ft)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1974,24 +2032,24 @@ const Ut = {
     },
     toggleCheck(e, t) {
       e._isChecked = t;
-      const i = this.checkboxItems.filter((o) => o._isChecked).map((o) => this.returnValues ? o.returnValue : o.value);
+      const i = this.checkboxItems.filter((s) => s._isChecked).map((s) => this.returnValues ? s.returnValue : s.value);
       this.$emit("update:modelValue", i), this.$emit("input", i);
     },
     getOriginalItem(e) {
       return this.items[e._index];
     }
   }
-}, qt = /* @__PURE__ */ w(Ut, [["render", jt]]);
-function Xt(e, t, i, o, n, l) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = be("focus");
-  return s(), g(d, C({
+}, qt = /* @__PURE__ */ v(Ut, [["render", jt]]);
+function Xt(e, t, i, s, n, l) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ge("focus");
+  return o(), g(d, C({
     modelValue: e.showPopup,
-    "onUpdate:modelValue": t[2] || (t[2] = (k) => e.showPopup = k)
+    "onUpdate:modelValue": t[2] || (t[2] = (w) => e.showPopup = w)
   }, l.wMenuProps), {
-    activator: m(({ on: k }) => [
-      V(a, C({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : k }), {
+    activator: m(({ on: w }) => [
+      V(a, C({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : w }), {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
@@ -2003,35 +2061,35 @@ function Xt(e, t, i, o, n, l) {
       }, {
         default: m(() => [
           y("div", null, [
-            p(e.$slots, "question", {}, () => [
+            c(e.$slots, "question", {}, () => [
               S(_(i.question), 1)
             ])
           ]),
           y("div", {
             class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (s(), g(a, C({
+            i.cancel !== !1 ? (o(), g(a, C({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = W((k) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = W((w) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: m(() => [
-                p(e.$slots, "cancel", {}, () => [
+                c(e.$slots, "cancel", {}, () => [
                   S(_(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
-            }, 16, ["bg-color", "onClick"])) : c("", !0),
-            A((s(), g(a, C(l.confirmButtonProps, {
+            }, 16, ["bg-color", "onClick"])) : p("", !0),
+            K((o(), g(a, C(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = W((k) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = W((w) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
-                p(e.$slots, "confirm", {}, () => [
+                c(e.$slots, "confirm", {}, () => [
                   S(_(l.confirmButton.label), 1)
                 ])
               ]),
@@ -2140,13 +2198,13 @@ const Yt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, Gt = /* @__PURE__ */ w(Yt, [["render", Xt]]);
-function Jt(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, Gt = /* @__PURE__ */ v(Yt, [["render", Xt]]);
+function Jt(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-date-picker", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 6);
 }
 const Qt = {
@@ -2167,10 +2225,10 @@ const Qt = {
       return !1;
     }
   }
-}, Zt = /* @__PURE__ */ w(Qt, [["render", Jt]]);
-function ei(e, t, i, o, n, l) {
+}, Zt = /* @__PURE__ */ v(Qt, [["render", Jt]]);
+function ei(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), g(r, {
+  return o(), g(r, {
     class: f(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
     persistent: i.persistent,
@@ -2187,7 +2245,7 @@ function ei(e, t, i, o, n, l) {
         onAfterLeave: l.onBeforeClose
       }, {
         default: m(() => [
-          A(V(a, {
+          K(V(a, {
             class: f(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2196,29 +2254,29 @@ function ei(e, t, i, o, n, l) {
             "title-class": i.titleClass,
             "content-class": i.contentClass,
             title: i.title || void 0,
-            style: L(l.contentStyles)
+            style: R(l.contentStyles)
           }, Z({
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
               fn: m(() => [
-                p(e.$slots, "title")
+                c(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
               fn: m(() => [
-                p(e.$slots, "actions")
+                c(e.$slots, "actions")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [ne, n.showContent]
+            [ae, n.showContent]
           ])
         ]),
         _: 3
@@ -2294,14 +2352,14 @@ const ti = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, ii = /* @__PURE__ */ w(ti, [["render", ei]]), li = ["role", "aria-orientation"];
-function si(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, ii = /* @__PURE__ */ v(ti, [["render", ei]]), li = ["role", "aria-orientation"];
+function si(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 10, li);
 }
 const oi = {
@@ -2324,20 +2382,20 @@ const oi = {
       };
     }
   }
-}, ai = /* @__PURE__ */ w(oi, [["render", si]]), ni = { class: "w-drawer-wrap__pushable" };
-function ri(e, t, i, o, n, l) {
+}, ai = /* @__PURE__ */ v(oi, [["render", si]]), ni = { class: "w-drawer-wrap__pushable" };
+function ri(e, t, i, s, n, l) {
   const a = $("w-overlay");
-  return n.showWrapper || i.pushContent ? (s(), u("div", {
+  return n.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
     class: f(["w-drawer-wrap", l.wrapperClasses])
   }, [
-    i.pushContent ? (s(), u("div", {
+    i.pushContent ? (o(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: L(l.trackStyles)
+      style: R(l.trackStyles)
     }, [
       y("div", ni, [
-        i.noOverlay ? c("", !0) : (s(), g(a, {
+        i.noOverlay ? p("", !0) : (o(), g(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
@@ -2347,7 +2405,7 @@ function ri(e, t, i, o, n, l) {
           "bg-color": i.overlayColor || "transparent",
           opacity: i.overlayOpacity
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-        p(e.$slots, "pushable")
+        c(e.$slots, "pushable")
       ]),
       V(O, {
         name: "fade",
@@ -2355,22 +2413,22 @@ function ri(e, t, i, o, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(I(i.tag || "aside"), {
+          n.showDrawer ? (o(), g(I(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: L(l.styles)
+            style: R(l.styles)
           }, {
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"])) : c("", !0)
+          }, 8, ["class", "style"])) : p("", !0)
         ]),
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
-    ], 4)) : (s(), u(v, { key: 1 }, [
-      i.noOverlay ? c("", !0) : (s(), g(a, {
+    ], 4)) : (o(), u(k, { key: 1 }, [
+      i.noOverlay ? p("", !0) : (o(), g(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
@@ -2387,22 +2445,22 @@ function ri(e, t, i, o, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (s(), g(I(i.tag || "aside"), {
+          n.showDrawer ? (o(), g(I(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: L(l.styles)
+            style: R(l.styles)
           }, {
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"])) : c("", !0)
+          }, 8, ["class", "style"])) : p("", !0)
         ]),
         _: 3
       }, 8, ["name", "onBeforeLeave", "onAfterLeave"])
     ], 64))
-  ], 2)) : c("", !0);
+  ], 2)) : p("", !0);
 }
 const di = { left: "right", right: "left", top: "down", bottom: "up" }, ui = {
   name: "w-drawer",
@@ -2509,13 +2567,13 @@ const di = { left: "right", right: "left", top: "down", bottom: "up" }, ui = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, hi = /* @__PURE__ */ w(ui, [["render", ri]]);
-function ci(e, t, i, o, n, l) {
-  return s(), g(I(i.tag), {
+}, hi = /* @__PURE__ */ v(ui, [["render", ri]]);
+function ci(e, t, i, s, n, l) {
+  return o(), g(I(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
@@ -2567,15 +2625,15 @@ const pi = {
       };
     }
   }
-}, fi = /* @__PURE__ */ w(pi, [["render", ci]]);
-function mi(e, t, i, o, n, l) {
-  return s(), u("form", {
+}, fi = /* @__PURE__ */ v(pi, [["render", ci]]);
+function mi(e, t, i, s, n, l) {
+  return o(), u("form", {
     class: f(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
     onReset: t[1] || (t[1] = (...a) => l.reset && l.reset(...a)),
     novalidate: ""
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 34);
 }
 const gi = async (e, t) => {
@@ -2641,8 +2699,8 @@ const gi = async (e, t) => {
       let t = 0;
       return await (async () => {
         var i;
-        for (const o of this.formElements)
-          !((i = o.validators) != null && i.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
+        for (const s of this.formElements)
+          !((i = s.validators) != null && i.length) || s.disabled || s.readonly || (await this.checkElementValidators(s), t += ~~!s.Validation.isValid, s.$emit("update:valid", s.Validation.isValid));
       })(), this.updateErrorsCount(t), this.status = !t, this.$emit("validate", { e, errorsCount: t }), this.$emit(this.status ? "success" : "error", { e, errorsCount: t }), this.status;
     },
     async validateElement(e) {
@@ -2650,8 +2708,8 @@ const gi = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await gi(e.validators, async (o) => {
-        const n = await (typeof o == "function" && o(e.inputValue));
+      await gi(e.validators, async (s) => {
+        const n = await (typeof s == "function" && s(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
     },
@@ -2659,7 +2717,7 @@ const gi = async (e, t) => {
       this.status = null, this.formElements.forEach((t) => t.reset()), this.updateErrorsCount(0, !0), this.$emit("reset", e);
     },
     updateErrorsCount(e = null, t = !1) {
-      this.errorsCount = e !== null ? e : this.formElements.reduce((i, o) => i + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
+      this.errorsCount = e !== null ? e : this.formElements.reduce((i, s) => i + ~~(s.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
     },
     onSubmit(e) {
       this.validate(e), this.$emit("submit", e), (!this.allowSubmit || !this.status) && e.preventDefault();
@@ -2673,29 +2731,29 @@ const gi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, yi = /* @__PURE__ */ w(bi, [["render", mi]]);
-function wi(e, t, i, o, n, l) {
+}, yi = /* @__PURE__ */ v(bi, [["render", mi]]);
+function wi(e, t, i, s, n, l) {
   const a = $("w-transition-expand");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(l.classes)
   }, [
     y("div", {
       class: f(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ], 2),
     V(a, { y: "" }, {
       default: m(() => [
-        e.Validation.message ? (s(), u("div", {
+        e.Validation.message ? (o(), u("div", {
           key: 0,
           class: f(["w-form-el__error", l.formProps.validationColor])
         }, [
-          p(e.$slots, "error-message", {
+          c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
             S(_(e.Validation.message), 1)
           ])
-        ], 2)) : c("", !0)
+        ], 2)) : p("", !0)
       ]),
       _: 3
     })
@@ -2767,13 +2825,13 @@ const vi = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, ki = /* @__PURE__ */ w(vi, [["render", wi]]);
-function _i(e, t, i, o, n, l) {
-  return s(), g(I(i.tag), {
+}, ki = /* @__PURE__ */ v(vi, [["render", wi]]);
+function _i(e, t, i, s, n, l) {
+  return o(), g(I(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
@@ -2814,26 +2872,26 @@ const Ci = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [o, n]) => (i[`${o}-columns${n}`] = !0, i), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((i, [s, n]) => (i[`${s}-columns${n}`] = !0, i), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [o, n]) => (i[`${o}-gap${n}`] = !0, i), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((i, [s, n]) => (i[`${s}-gap${n}`] = !0, i), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
-}, Si = /* @__PURE__ */ w(Ci, [["render", _i]]);
-function Bi(e, t, i, o, n, l) {
-  return s(), g(I(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
+}, Si = /* @__PURE__ */ v(Ci, [["render", _i]]);
+function Bi(e, t, i, s, n, l) {
+  return o(), g(I(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
     class: l.classes,
     role: "icon",
     "aria-hidden": "true",
     style: l.readIcon() && l.styles
   }), {
     default: m(() => [
-      l.hasLigature ? (s(), u(v, { key: 0 }, [
+      l.hasLigature ? (o(), u(k, { key: 0 }, [
         S(_(e.icon), 1)
-      ], 64)) : c("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 1
   }, 16, ["class", "style"]);
@@ -2907,15 +2965,15 @@ const $i = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Vi = /* @__PURE__ */ w($i, [["render", Bi]]), Ii = {
+}, Vi = /* @__PURE__ */ v($i, [["render", Bi]]), Ii = {
   key: 0,
   class: "w-image__loader"
 };
-function Ti(e, t, i, o, n, l) {
+function Ti(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return s(), g(I(l.wrapperTag), {
+  return o(), g(I(l.wrapperTag), {
     class: f(["w-image-wrap", l.wrapperClasses]),
-    style: L(l.wrapperStyles)
+    style: R(l.wrapperStyles)
   }, {
     default: m(() => [
       V(O, {
@@ -2923,36 +2981,36 @@ function Ti(e, t, i, o, n, l) {
         appear: ""
       }, {
         default: m(() => [
-          n.loaded ? (s(), g(I(i.tag), {
+          n.loaded ? (o(), g(I(i.tag), {
             key: 0,
             class: f(["w-image", l.imageClasses]),
-            style: L(l.imageStyles),
+            style: R(l.imageStyles),
             src: i.tag === "img" ? n.imgSrc : null
-          }, null, 8, ["class", "style", "src"])) : c("", !0)
+          }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (s(), u("div", Ii, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), g(a, C({
+      !i.noSpinner && n.loading ? (o(), u("div", Ii, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), g(a, C({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
-      ])) : c("", !0),
-      e.$slots.default ? (s(), g(I(l.wrapperTag), {
+      ])) : p("", !0),
+      e.$slots.default ? (o(), g(I(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class"])) : c("", !0)
+      }, 8, ["class"])) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
 }
-const Ri = {
+const Li = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -3020,8 +3078,8 @@ const Ri = {
       if (!this.loading)
         return this.loading = !0, this.loaded = !1, this.$emit("loading", e ? this.fallback : this.src), new Promise((t) => {
           const i = new Image();
-          i.onload = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(i)), i.onerror = (o) => {
-            this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
+          i.onload = (s) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = s.target.width, this.imgHeight = s.target.height), this.imgComputedRatio = s.target.height / s.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(i)), i.onerror = (s) => {
+            this.$emit("error", s), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
           }, i.src = e ? this.fallback : this.src;
         });
     }
@@ -3048,13 +3106,13 @@ const Ri = {
       this.imgHeight = e;
     }
   }
-}, Li = /* @__PURE__ */ w(Ri, [["render", Ti]]), xi = ["name"], Oi = ["for"], Pi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Mi = ["id", "name", "multiple", "disabled", "data-progress"], zi = {
+}, Ri = /* @__PURE__ */ v(Li, [["render", Ti]]), xi = ["name"], Oi = ["for"], Pi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Mi = ["id", "name", "multiple", "disabled", "data-progress"], zi = {
   class: "w-input__no-file",
   key: "no-file"
 }, Ei = ["for"], Wi = ["src"], Ai = ["for"];
-function Ki(e, t, i, o, n, l) {
+function Ki(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return s(), g(I(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 o(), g(I(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) => {
@@ -3064,32 +3122,32 @@ function Ki(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.type === "hidden" ? A((s(), u("input", {
+      i.type === "hidden" ? K((o(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
       }, null, 8, xi)), [
-        [ae, n.inputValue]
-      ]) : (s(), u(v, { key: 1 }, [
-        i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+        [be, n.inputValue]
+      ]) : (o(), u(k, { key: 1 }, [
+        i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, Oi)) : c("", !0)
-        ], 64)) : c("", !0),
+          ], 10, Oi)) : p("", !0)
+        ], 64)) : p("", !0),
         y("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
         }, [
-          p(e.$slots, "icon-left", {
+          c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (s(), g(a, {
+            i.innerIconLeft ? (o(), g(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3100,9 +3158,9 @@ function Ki(e, t, i, o, n, l) {
                 S(_(i.innerIconLeft), 1)
               ]),
               _: 1
-            }, 8, ["for"])) : c("", !0)
+            }, 8, ["for"])) : p("", !0)
           ]),
-          i.type !== "file" ? A((s(), u("input", C({
+          i.type !== "file" ? K((o(), u("input", C({
             key: 0,
             class: "w-input__input",
             ref: "input",
@@ -3127,7 +3185,7 @@ function Ki(e, t, i, o, n, l) {
             tabindex: e.tabindex || null
           }, l.attrs), null, 16, Pi)), [
             [$e, n.inputValue]
-          ]) : (s(), u(v, { key: 1 }, [
+          ]) : (o(), u(k, { key: 1 }, [
             y("input", C({
               ref: "input",
               id: `w-input--${e._.uid}`,
@@ -3148,18 +3206,18 @@ function Ki(e, t, i, o, n, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (s(), u("span", zi, [
-                  p(e.$slots, "no-file", {}, () => [
-                    e.$slots["no-file"] === void 0 ? (s(), u(v, { key: 0 }, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", zi, [
+                  c(e.$slots, "no-file", {}, () => [
+                    e.$slots["no-file"] === void 0 ? (o(), u(k, { key: 0 }, [
                       S("No file")
-                    ], 64)) : c("", !0)
+                    ], 64)) : p("", !0)
                   ])
-                ])) : c("", !0),
-                (s(!0), u(v, null, R(n.inputFiles, (d, h) => (s(), u("span", {
+                ])) : p("", !0),
+                (o(!0), u(k, null, L(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
                   S(_(h ? ", " : ""), 1),
-                  (s(), u("span", {
+                  (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, _(d.base), 1)),
@@ -3169,20 +3227,20 @@ function Ki(e, t, i, o, n, l) {
               _: 3
             }, 8, ["for"])
           ], 64)),
-          i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 2 }, [
-            e.$slots.default || i.label ? (s(), u("label", {
+          i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 2 }, [
+            e.$slots.default || i.label ? (o(), u("label", {
               key: 0,
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
-              p(e.$slots, "default", {}, () => [
+              c(e.$slots, "default", {}, () => [
                 S(_(i.label), 1)
               ])
-            ], 2)) : c("", !0)
-          ], 64)) : c("", !0),
-          p(e.$slots, "icon-right", {
+            ], 2)) : p("", !0)
+          ], 64)) : p("", !0),
+          c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (s(), g(a, {
+            i.innerIconRight ? (o(), g(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3193,47 +3251,47 @@ function Ki(e, t, i, o, n, l) {
                 S(_(i.innerIconRight), 1)
               ]),
               _: 1
-            }, 8, ["for"])) : c("", !0)
+            }, 8, ["for"])) : p("", !0)
           ]),
-          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (s(), g(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), g(r, {
             key: 3,
             class: "fill-width",
             size: "2",
             color: i.progressColor || i.color,
             "model-value": i.showProgress ? (l.uploadInProgress || l.uploadComplete) && l.overallFilesProgress : l.loadingValue
-          }, null, 8, ["color", "model-value"])) : c("", !0)
+          }, null, 8, ["color", "model-value"])) : p("", !0)
         ], 2),
-        i.type === "file" && i.preview && n.inputFiles.length ? (s(), u("label", {
+        i.type === "file" && i.preview && n.inputFiles.length ? (o(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(v, null, R(n.inputFiles, (d, h) => (s(), u(v, null, [
-            d.progress < 100 ? (s(), u("i", {
+          (o(!0), u(k, null, L(n.inputFiles, (d, h) => (o(), u(k, null, [
+            d.progress < 100 ? (o(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
-            })) : d.preview ? (s(), u("img", {
+            })) : d.preview ? (o(), u("img", {
               class: "w-input__file-preview",
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Wi)) : (s(), u("i", {
+            }, null, 8, Wi)) : (o(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Ei)) : c("", !0),
-        i.labelPosition === "right" ? (s(), u(v, { key: 2 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+        ], 8, Ei)) : p("", !0),
+        i.labelPosition === "right" ? (o(), u(k, { key: 2 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, Ai)) : c("", !0)
-        ], 64)) : c("", !0)
+          ], 10, Ai)) : p("", !0)
+        ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
@@ -3289,8 +3347,8 @@ const Ni = {
       return this.type === "file" && !this.inputFiles.length && (t.value = null), t;
     },
     listeners() {
-      const { input: e, focus: t, blur: i, ...o } = this.$attrs;
-      return o;
+      const { input: e, focus: t, blur: i, ...s } = this.$attrs;
+      return s;
     },
     hasValue() {
       switch (this.type) {
@@ -3319,7 +3377,7 @@ const Ni = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     overallFilesProgress() {
-      const t = +this.inputFiles.reduce((i, o) => i + o.progress, 0) / this.inputFiles.length;
+      const t = +this.inputFiles.reduce((i, s) => i + s.progress, 0) / this.inputFiles.length;
       return this.$emit("update:overallProgress", this.inputFiles.length ? t : void 0), t;
     },
     uploadInProgress() {
@@ -3373,9 +3431,9 @@ const Ni = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((i) => {
-        const [, o = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Q({
+        const [, s = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Q({
           name: i.name,
-          base: o || l,
+          base: s || l,
           extension: n,
           type: i.type,
           size: i.size,
@@ -3390,8 +3448,8 @@ const Ni = {
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
     readFile(e, t) {
-      const i = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
-      this.preview && !o && n ? i.addEventListener("load", (l) => {
+      const i = new FileReader(), s = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !s && n ? i.addEventListener("load", (l) => {
         t.preview = l.target.result;
       }) : delete t.preview, i.addEventListener("progress", (l) => {
         l.loaded && l.total && (t.progress = l.loaded * 100 / l.total);
@@ -3408,17 +3466,17 @@ const Ni = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Hi = /* @__PURE__ */ w(Ni, [["render", Ki]]);
-function Di(e, t, i, o, n, l) {
+}, Hi = /* @__PURE__ */ v(Ni, [["render", Ki]]);
+function Di(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
-  return s(), u("ul", {
+  return o(), u("ul", {
     class: f(["w-list", l.classes])
   }, [
-    (s(!0), u(v, null, R(e.listItems, (d, h) => (s(), u("li", {
+    (o(!0), u(k, null, L(e.listItems, (d, h) => (o(), u("li", {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (s(), g(a, {
+      i.icon ? (o(), g(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
@@ -3426,23 +3484,23 @@ function Di(e, t, i, o, n, l) {
           S(_(i.icon), 1)
         ]),
         _: 1
-      })) : c("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
+      })) : p("", !0),
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 1,
         class: "w-list__item-label"
       }, l.liLabelProps(d, h, d._selected)), {
         default: m(() => [
-          e.$slots[`item.${h + 1}`] ? p(e.$slots, `item.${h + 1}`, {
+          e.$slots[`item.${h + 1}`] ? c(e.$slots, `item.${h + 1}`, {
             key: 0,
             item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
-          }) : e.$slots.item ? p(e.$slots, "item", {
+          }) : e.$slots.item ? c(e.$slots, "item", {
             key: 1,
             item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
-          }) : p(e.$slots, "default", {
+          }) : c(e.$slots, "default", {
             key: 2,
             item: l.cleanLi(d),
             index: h + 1,
@@ -3452,23 +3510,23 @@ function Di(e, t, i, o, n, l) {
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
+      }, 1040)) : (o(), g(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), C({
         key: 2,
         class: "w-list__item-label"
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), g(r, C({ key: 3 }, e.$props, {
+      (d.children || []).length ? (o(), g(r, C({ key: 3 }, e.$props, {
         items: d.children,
         depth: i.depth + 1,
-        "onUpdate:modelValue": t[0] || (t[0] = (k) => e.$emit("update:modelValue", k)),
-        onInput: t[1] || (t[1] = (k) => e.$emit("input", k)),
-        onItemClick: t[2] || (t[2] = (k) => e.$emit("item-click", k)),
-        onItemSelect: t[3] || (t[3] = (k) => e.$emit("item-select", k))
+        "onUpdate:modelValue": t[0] || (t[0] = (w) => e.$emit("update:modelValue", w)),
+        onInput: t[1] || (t[1] = (w) => e.$emit("input", w)),
+        onItemClick: t[2] || (t[2] = (w) => e.$emit("item-click", w)),
+        onItemSelect: t[3] || (t[3] = (w) => e.$emit("item-select", w))
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: k, index: B, selected: b }) => [
-            p(e.$slots, "item", {
-              item: l.cleanLi(k),
+          fn: m(({ item: w, index: B, selected: b }) => [
+            c(e.$slots, "item", {
+              item: l.cleanLi(w),
               index: B,
               selected: b
             })
@@ -3476,18 +3534,18 @@ function Di(e, t, i, o, n, l) {
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: k, index: B, selected: b }) => [
-            p(e.$slots, "default", {
-              item: l.cleanLi(k),
+          fn: m(({ item: w, index: B, selected: b }) => [
+            c(e.$slots, "default", {
+              item: l.cleanLi(w),
               index: B,
               selected: b
             }, () => [
-              S(_(k[i.itemLabelKey]), 1)
+              S(_(w[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
         }
-      ]), 1040, ["items", "depth"])) : c("", !0)
+      ]), 1040, ["items", "depth"])) : p("", !0)
     ], 2))), 128))
   ], 2);
 }
@@ -3575,7 +3633,7 @@ const Fi = {
       };
     },
     liLabelProps(e, t, i) {
-      const o = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
+      const s = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
@@ -3591,12 +3649,12 @@ const Fi = {
         id: this.listId ? `${this.listId}_item-${t + 1}` : null,
         role: "option"
       };
-      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, o || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
+      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, s || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
         const h = d.target.querySelector('input[type="checkbox"]');
         h && (h.focus(), h.click()), n();
       }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = l, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
         d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
-      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), o || (r.innerHTML = e._label)), r;
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), s || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = l), s || (r.innerHTML = e._label)), r;
     },
     checkSelection(e) {
       return e = Array.isArray(e) ? e : e ? [e] : [], this.returnObject && (e = e.map(this.getItemValue)), e;
@@ -3605,7 +3663,7 @@ const Fi = {
       const e = this.selectedItems.map((i) => {
         if (!this.returnObject)
           return i._value;
-        const { _value: o, _selected: n, ...l } = i;
+        const { _value: s, _selected: n, ...l } = i;
         return l;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -3616,7 +3674,7 @@ const Fi = {
       e === void 0 && (e = this.enabledItemsIndexes[i]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: i, _label: o, _selected: n, _focused: l, ...a } = e;
+      const { _index: t, _value: i, _label: s, _selected: n, _focused: l, ...a } = e;
       return a;
     },
     refreshListItems() {
@@ -3634,7 +3692,7 @@ const Fi = {
       this.isMultipleSelect || this.listItems.forEach((i) => i._selected = !1);
       const t = this.checkSelection(e);
       this.listItems.forEach((i) => {
-        i._selected = t.find((o) => i._value === o) !== void 0;
+        i._selected = t.find((s) => i._value === s) !== void 0;
       });
     }
   },
@@ -3657,7 +3715,7 @@ const Fi = {
       }
     }
   }
-}, ji = /* @__PURE__ */ w(Fi, [["render", Di]]), we = {
+}, ji = /* @__PURE__ */ v(Fi, [["render", Di]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3726,8 +3784,8 @@ const Fi = {
       }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize));
     },
     getActivatorCoordinates() {
-      const { top: e, left: t, width: i, height: o } = this.activatorEl.getBoundingClientRect();
-      let n = { top: e, left: t, width: i, height: o };
+      const { top: e, left: t, width: i, height: s } = this.activatorEl.getBoundingClientRect();
+      let n = { top: e, left: t, width: i, height: s };
       if (!this.fixed) {
         const { top: l, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
         n = {
@@ -3739,7 +3797,7 @@ const Fi = {
       return n;
     },
     computeDetachableCoords() {
-      let { top: e, left: t, width: i, height: o } = this.getActivatorCoordinates();
+      let { top: e, left: t, width: i, height: s } = this.getActivatorCoordinates();
       if (!this.detachableEl)
         return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
@@ -3750,15 +3808,15 @@ const Fi = {
           break;
         }
         case "bottom": {
-          e += o, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
+          e += s, this.alignRight ? t += i - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (i - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
-          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += o - this.detachableEl.offsetHeight : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2);
+          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += s - this.detachableEl.offsetHeight : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2);
           break;
         }
         case "right": {
-          t += i, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
+          t += i, this.alignBottom ? e += s - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (s - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -3785,11 +3843,11 @@ const Fi = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, i]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const o = (n) => {
+        const s = (n) => {
           var l;
           (e && ((l = n.target) == null ? 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 });
+        document.addEventListener(t, s), this.docEventListenersHandlers.push({ eventName: t, handler: s });
       });
     }
   },
@@ -3813,16 +3871,16 @@ const Fi = {
     }
   }
 };
-function Ui(e, t, i, o, n, l) {
+function Ui(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return s(), u(v, null, [
-    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
+  return o(), u(k, null, [
+    c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     V(O, {
       name: l.transitionName,
       appear: ""
     }, {
       default: m(() => [
-        i.custom && e.detachableVisible ? (s(), u("div", C({
+        i.custom && e.detachableVisible ? (o(), u("div", C({
           key: 0,
           class: "w-menu",
           ref: "detachable"
@@ -3833,8 +3891,8 @@ function Ui(e, t, i, o, n, l) {
           class: l.classes,
           style: l.styles
         }), [
-          p(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), g(a, C({
+          c(e.$slots, "default")
+        ], 16)) : e.detachableVisible ? (o(), g(a, C({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -3851,29 +3909,29 @@ function Ui(e, t, i, o, n, l) {
           style: l.styles
         }), Z({
           default: m(() => [
-            p(e.$slots, "default")
+            c(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
             fn: m(() => [
-              p(e.$slots, "title")
+              c(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
             fn: m(() => [
-              p(e.$slots, "actions")
+              c(e.$slots, "actions")
             ]),
             key: "1"
           } : void 0
-        ]), 1040, ["tile", "title-class", "content-class", "shadow", "no-border", "class", "style"])) : c("", !0)
+        ]), 1040, ["tile", "title-class", "content-class", "shadow", "no-border", "class", "style"])) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (s(), g(r, C({
+    i.overlay ? (o(), g(r, C({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -3882,7 +3940,7 @@ function Ui(e, t, i, o, n, l) {
     }, 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)
+    }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
 const qi = {
@@ -3947,17 +4005,17 @@ const qi = {
       return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
     },
     menuClasses() {
-      return K(this.menuClass);
+      return A(this.menuClass);
     },
     titleClasses() {
-      return K(this.titleClass);
+      return A(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return A(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...K(this.overlayClass),
+        ...A(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -4013,18 +4071,18 @@ const qi = {
       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)));
     }
   }
-}, Xi = /* @__PURE__ */ w(qi, [["render", Ui]]);
-function Yi(e, t, i, o, n, l) {
+}, Xi = /* @__PURE__ */ v(qi, [["render", Ui]]);
+function Yi(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return s(), g(O, {
+  return o(), g(O, {
     name: l.transitionName,
     appear: ""
   }, {
     default: m(() => [
-      n.show ? (s(), u("div", {
+      n.show ? (o(), u("div", {
         key: 0,
         class: f(["w-notification", l.classes]),
-        style: L(l.styles)
+        style: R(l.styles)
       }, [
         V(a, C(l.alertProps, {
           class: l.alertClasses,
@@ -4033,11 +4091,11 @@ function Yi(e, t, i, o, n, l) {
           })
         }), {
           default: m(() => [
-            p(e.$slots, "default")
+            c(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
-      ], 6)) : c("", !0)
+      ], 6)) : p("", !0)
     ]),
     _: 3
   }, 8, ["name"]);
@@ -4162,29 +4220,29 @@ const Gi = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Ji = /* @__PURE__ */ w(Gi, [["render", Yi]]);
-function Qi(e, t, i, o, n, l) {
-  const a = be("focus");
-  return s(), g(O, {
+}, Ji = /* @__PURE__ */ v(Gi, [["render", Yi]]);
+function Qi(e, t, i, s, n, l) {
+  const a = ge("focus");
+  return o(), g(O, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
   }, {
     default: m(() => [
-      i.modelValue ? A((s(), u("div", {
+      i.modelValue ? K((o(), u("div", {
         key: 0,
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
-        style: L(i.modelValue && l.styles || null),
+        style: R(i.modelValue && l.styles || null),
         onKeydown: t[0] || (t[0] = W(M((...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")
+        c(e.$slots, "default")
       ], 38)), [
-        [ne, e.showOverlay],
+        [ae, e.showOverlay],
         [a]
-      ]) : c("", !0)
+      ]) : p("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
@@ -4243,26 +4301,26 @@ const Zi = {
       e && (this.showOverlay = !0);
     }
   }
-}, el = /* @__PURE__ */ w(Zi, [["render", Qi]]), tl = { class: "w-parallax" };
-function il(e, t, i, o, n, l) {
-  return s(), u("div", tl);
+}, el = /* @__PURE__ */ v(Zi, [["render", Qi]]), tl = { class: "w-parallax" };
+function il(e, t, i, s, n, l) {
+  return o(), u("div", tl);
 }
 const ll = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, sl = /* @__PURE__ */ w(ll, [["render", il]]), ol = ["viewBox"], al = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], nl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function rl(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, sl = /* @__PURE__ */ v(ll, [["render", il]]), ol = ["viewBox"], al = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], nl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function rl(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-progress", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
-    i.circle ? (s(), u("svg", {
+    i.circle ? (o(), u("svg", {
       key: 1,
       viewBox: `${l.circleCenter / 2} ${l.circleCenter / 2} ${l.circleCenter} ${l.circleCenter}`
     }, [
-      i.bgColor || this.progressValue > -1 ? (s(), u("circle", {
+      i.bgColor || this.progressValue > -1 ? (o(), u("circle", {
         key: 0,
         class: f(["bg", i.bgColor || null]),
         cx: l.circleCenter,
@@ -4271,7 +4329,7 @@ function rl(e, t, i, o, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, al)) : c("", !0),
+      }, null, 10, al)) : p("", !0),
       y("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
@@ -4281,21 +4339,21 @@ function rl(e, t, i, o, n, l) {
         "stroke-width": i.stroke,
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: L(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
+        style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
       }, null, 12, nl)
-    ], 8, ol)) : (s(), u("div", {
+    ], 8, ol)) : (o(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
-      style: L(`width: ${l.progressValue}%`)
+      style: R(`width: ${l.progressValue}%`)
     }, null, 6)),
-    i.label || e.$slots.default ? (s(), u("div", {
+    i.label || e.$slots.default ? (o(), u("div", {
       key: 2,
       class: f(["w-progress__label", i.labelColor || !1])
     }, [
-      p(e.$slots, "default", {}, () => [
+      c(e.$slots, "default", {}, () => [
         S(_(Math.round(l.progressValue)) + _(i.circle ? "" : "%"), 1)
       ])
-    ], 2)) : c("", !0)
+    ], 2)) : p("", !0)
   ], 6);
 }
 const J = 40, dl = J / 2, ul = Math.round(J * 3.14 * 100) / 100, hl = {
@@ -4364,9 +4422,9 @@ const J = 40, dl = J / 2, ul = Math.round(J * 3.14 * 100) / 100, hl = {
       };
     }
   }
-}, cl = /* @__PURE__ */ w(hl, [["render", rl]]), pl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], fl = ["for"], ml = ["for", "innerHTML"], gl = ["for"], bl = ["for", "innerHTML"];
-function yl(e, t, i, o, n, l) {
-  return s(), g(I(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 }, {
+}, cl = /* @__PURE__ */ v(hl, [["render", rl]]), pl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], fl = ["for"], ml = ["for", "innerHTML"], gl = ["for"], bl = ["for", "innerHTML"];
+function yl(e, t, i, s, n, l) {
+  return o(), g(I(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) => {
@@ -4389,44 +4447,44 @@ function yl(e, t, i, o, n, l) {
         "aria-checked": e.inputValue || "false",
         role: "radio"
       }, null, 40, pl),
-      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
-        e.$slots.default ? (s(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, fl)) : i.label ? (s(), u("label", {
+        ], 10, fl)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, ml)) : c("", !0)
-      ], 64)) : c("", !0),
+        }, null, 10, ml)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
-        e.$slots.default ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default ? (o(), u("label", {
           key: 0,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, gl)) : i.label ? (s(), u("label", {
+        ], 10, gl)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, bl)) : c("", !0)
-      ], 64)) : c("", !0)
+        }, null, 10, bl)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -4491,10 +4549,10 @@ const wl = {
       this.toggleFromOutside();
     }
   }
-}, vl = /* @__PURE__ */ w(wl, [["render", yl]]), kl = ["innerHTML"];
-function _l(e, t, i, o, n, l) {
+}, vl = /* @__PURE__ */ v(wl, [["render", yl]]), kl = ["innerHTML"];
+function _l(e, t, i, s, n, l) {
   const a = $("w-radio");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return o(), g(I(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) => {
@@ -4505,7 +4563,7 @@ function _l(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (s(!0), u(v, null, R(l.radioItems, (r, d) => (s(), g(a, C({
+      (o(!0), u(k, null, L(l.radioItems, (r, d) => (o(), g(a, C({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -4517,16 +4575,16 @@ function _l(e, t, i, o, n, l) {
         class: { mt1: !i.inline && d }
       }), {
         default: m(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: l.getOriginalItem(r),
             index: d + 1,
             checked: r.value === i.modelValue,
             innerHTML: r.label
-          }) : r.label ? (s(), u("div", {
+          }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, kl)) : c("", !0)
+          }, null, 8, kl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4580,9 +4638,9 @@ const Cl = {
       return this.items[e._index];
     }
   }
-}, Sl = /* @__PURE__ */ w(Cl, [["render", _l]]), Bl = ["id", "name", "value"], $l = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Vl(e, t, i, o, n, l) {
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Sl = /* @__PURE__ */ v(Cl, [["render", _l]]), Bl = ["id", "name", "value"], $l = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Vl(e, t, i, s, n, l) {
+  return o(), g(I(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) => {
@@ -4597,11 +4655,11 @@ function Vl(e, t, i, o, n, l) {
         type: "hidden",
         value: n.rating
       }, null, 8, Bl),
-      (s(!0), u(v, null, R(i.max, (a) => (s(), u(v, { key: a }, [
-        e.$slots.item ? p(e.$slots, "item", {
+      (o(!0), u(k, null, L(i.max, (a) => (o(), u(k, { key: a }, [
+        e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: a + 1
-        }) : c("", !0),
+        }) : p("", !0),
         y("button", {
           class: f(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
@@ -4614,13 +4672,13 @@ function Vl(e, t, i, o, n, l) {
           type: "button",
           tabindex: a === 1 ? 0 : -1
         }, [
-          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
+          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (o(), u("i", {
             key: 0,
             class: f(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: L(l.halfStarStyle)
-          }, null, 6)) : c("", !0)
+            style: R(l.halfStarStyle)
+          }, null, 6)) : p("", !0)
         ], 42, $l)
       ], 64))), 128))
     ]),
@@ -4717,9 +4775,9 @@ const Il = {
       this.rating = parseFloat(e);
     }
   }
-}, Tl = /* @__PURE__ */ w(Il, [["render", Vl]]);
-function Rl(e, t, i, o, n, l) {
-  return s(), u(v, null, [
+}, Tl = /* @__PURE__ */ v(Il, [["render", Vl]]);
+function Ll(e, t, i, s, n, l) {
+  return o(), u(k, null, [
     y("div", C({
       class: ["w-scrollable", l.scrollableClasses],
       ref: "scrollable",
@@ -4727,7 +4785,7 @@ function Rl(e, t, i, o, n, l) {
       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")
+      c(e.$slots, "default")
     ], 16),
     y("div", {
       class: f(["w-scrollbar", l.scrollbarClasses]),
@@ -4737,12 +4795,12 @@ function Rl(e, t, i, o, n, l) {
       y("div", {
         class: "w-scrollbar__thumb",
         ref: "thumb",
-        style: L(l.thumbStyles)
+        style: R(l.thumbStyles)
       }, null, 4)
     ], 34)
   ], 64);
 }
-const Ll = {
+const Rl = {
   h: {
     horizOrVert: "horizontal",
     topOrLeft: "left",
@@ -4785,11 +4843,11 @@ const Ll = {
   }),
   computed: {
     isHorizontal() {
-      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;
+      var e, t, i, s;
+      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) > ((s = this.$refs.scrollable) == null ? void 0 : s.offsetWidth)) : !1;
     },
     m() {
-      return Ll[this.isHorizontal ? "h" : "v"];
+      return Rl[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -4822,8 +4880,8 @@ const Ll = {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
         return;
-      const { top: t, left: i, width: o, height: n } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
+      const { top: t, left: i, width: s, height: n } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = s, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
     onDrag(e) {
       this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
@@ -4841,7 +4899,7 @@ const Ll = {
       !this.scrollable.hovered || this.scrollValuePercent <= 0 && e[this.m.deltaXorY] < 0 || this.scrollValuePercent >= 100 - this.thumbSizePercent && e[this.m.deltaXorY] > 0 || (e.preventDefault(), this.scrollValuePercent += e[this.m.deltaXorY] * 0.05, this.scrollValuePercent = Math.max(0, Math.min(this.scrollValuePercent, 100)), this.scroll());
     },
     computeScroll(e) {
-      const { top: t, left: i, width: o, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? o : n;
+      const { top: t, left: i, width: s, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? s : n;
       this.scrollValuePercent = Math.max(0, Math.min((e - l) / a * 100, 100));
     },
     scroll() {
@@ -4857,13 +4915,13 @@ const Ll = {
     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`;
   }
-}, Ol = /* @__PURE__ */ w(xl, [["render", Rl]]), Pl = ["aria-expanded", "aria-owns", "aria-activedescendant"], Ml = {
+}, Ol = /* @__PURE__ */ v(xl, [["render", Ll]]), Pl = ["aria-expanded", "aria-owns", "aria-activedescendant"], Ml = {
   key: 1,
   class: "w-select__selection-slot"
 }, zl = ["innerHTML"], El = ["value", "name"];
-function Wl(e, t, i, o, n, l) {
+function Wl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), g(I(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 }, {
+  return o(), g(I(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[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -4871,17 +4929,17 @@ function Wl(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 2)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 2)) : p("", !0)
+      ], 64)) : p("", !0),
       V(d, C({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
@@ -4903,7 +4961,7 @@ function Wl(e, t, i, o, n, l) {
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
-            i.innerIconLeft ? (s(), g(a, {
+            i.innerIconLeft ? (o(), g(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
@@ -4913,12 +4971,12 @@ function Wl(e, t, i, o, n, l) {
                 S(_(i.innerIconLeft), 1)
               ]),
               _: 1
-            })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Ml, [
-              p(e.$slots, "selection", {
+            })) : p("", !0),
+            e.$slots.selection ? (o(), u("div", Ml, [
+              c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
-            ])) : c("", !0),
+            ])) : p("", !0),
             y("div", C({
               class: "w-select__selection",
               ref: "selection-input",
@@ -4926,23 +4984,23 @@ function Wl(e, t, i, o, n, l) {
               onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
               onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
             }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, zl),
-            (s(!0), u(v, null, R(e.inputValue.length ? e.inputValue : [{}], (h, k) => (s(), u("input", {
-              key: k,
+            (o(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (h, w) => (o(), u("input", {
+              key: w,
               type: "hidden",
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
             }, null, 8, El))), 128)),
-            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 2 }, [
-              e.$slots.default || i.label ? (s(), u("label", {
+            i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 2 }, [
+              e.$slots.default || i.label ? (o(), u("label", {
                 key: 0,
                 class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
-                p(e.$slots, "default", {}, () => [
+                c(e.$slots, "default", {}, () => [
                   S(_(i.label), 1)
                 ])
-              ], 2)) : c("", !0)
-            ], 64)) : c("", !0),
-            i.innerIconRight ? (s(), g(a, {
+              ], 2)) : p("", !0)
+            ], 64)) : p("", !0),
+            i.innerIconRight ? (o(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
@@ -4952,7 +5010,7 @@ function Wl(e, t, i, o, n, l) {
                 S(_(i.innerIconRight), 1)
               ]),
               _: 1
-            })) : c("", !0)
+            })) : p("", !0)
           ], 10, Pl)
         ]),
         default: m(() => [
@@ -4975,23 +5033,23 @@ function Wl(e, t, i, o, n, l) {
             role: "listbox",
             tabindex: "-1"
           }, Z({ _: 2 }, [
-            R(i.items.length, (h) => ({
+            L(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: k, selected: B, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](k, B, b) ? p(e.$slots, `item.${h}`, {
+              fn: m(({ item: w, selected: B, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](w, B, b) ? c(e.$slots, `item.${h}`, {
                   key: 0,
-                  item: k,
+                  item: w,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(k[i.itemLabelKey]), 1)
-                ]) : p(e.$slots, "item", {
+                  S(_(w[i.itemLabelKey]), 1)
+                ]) : c(e.$slots, "item", {
                   key: 1,
-                  item: k,
+                  item: w,
                   selected: B,
                   index: b
                 }, () => [
-                  S(_(k[i.itemLabelKey]), 1)
+                  S(_(w[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4999,17 +5057,17 @@ function Wl(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
-      i.labelPosition === "right" ? (s(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 2)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 2)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
@@ -5146,7 +5204,7 @@ const Al = {
             const n = e.keyCode === 38 ? -1 : 1;
             t = (t + i.length + n) % i.length;
           }
-          let o = !1;
+          let s = !1;
           if (i[t].disabled) {
             const n = e.keyCode === 38 ? -1 : 1;
             let l = (t + n + i.length) % i.length;
@@ -5154,9 +5212,9 @@ const Al = {
             let r = 0;
             for (; r < a && i[l].disabled; )
               l = (l + i.length + n) % i.length, r++;
-            r >= a && (o = !0), t = l;
+            r >= a && (s = !0), t = l;
           }
-          o || this.onInput(i[t]);
+          s || this.onInput(i[t]);
         }
     },
     onInput(e) {
@@ -5180,8 +5238,8 @@ const Al = {
       const t = this.selectItems.map((i) => i.value);
       return e.map((i) => {
         var n, l;
-        let o = i;
-        return i && typeof i == "object" && (o = (l = (n = i[this.itemValueKey]) != null ? n : i[this.itemLabelKey]) != null ? l : i), this.selectItems[t.indexOf(o)];
+        let s = i;
+        return i && typeof i == "object" && (s = (l = (n = i[this.itemValueKey]) != null ? n : i[this.itemLabelKey]) != null ? l : i), this.selectItems[t.indexOf(s)];
       }).filter((i) => i !== void 0);
     },
     openMenu() {
@@ -5207,12 +5265,12 @@ const Al = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Kl = /* @__PURE__ */ w(Al, [["render", Wl]]), Nl = ["for"], Hl = ["for", "innerHTML"], Dl = { class: "w-slider__track-wrap" }, Fl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], jl = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ul = ["for"], ql = { key: 0 }, Xl = {
+}, Kl = /* @__PURE__ */ v(Al, [["render", Wl]]), Nl = ["for"], Hl = ["for", "innerHTML"], Dl = { class: "w-slider__track-wrap" }, Fl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], jl = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ul = ["for"], ql = { key: 0 }, Xl = {
   key: 0,
   class: "w-slider__step-labels"
 }, Yl = ["onClick"], Gl = ["for"], Jl = ["for", "innerHTML"];
-function Ql(e, t, i, o, n, l) {
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Ql(e, t, i, s, n, l) {
+  return o(), g(I(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) => {
@@ -5222,18 +5280,18 @@ function Ql(e, t, i, o, n, l) {
     class: l.wrapperClasses
   }), {
     default: m(() => [
-      e.$slots["label-left"] ? (s(), u("label", {
+      e.$slots["label-left"] ? (o(), u("label", {
         key: 0,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        p(e.$slots, "label-left")
-      ], 10, Nl)) : i.labelLeft ? (s(), u("label", {
+        c(e.$slots, "label-left")
+      ], 10, Nl)) : i.labelLeft ? (o(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, Hl)) : c("", !0),
+      }, null, 10, Hl)) : p("", !0),
       y("div", Dl, [
         y("div", {
           class: f(["w-slider__track", l.trackClasses]),
@@ -5250,11 +5308,11 @@ function Ql(e, t, i, o, n, l) {
         }, [
           y("div", {
             class: f(["w-slider__range", l.rangeClasses]),
-            style: L(l.rangeStyles)
+            style: R(l.rangeStyles)
           }, null, 6),
           y("div", {
             class: "w-slider__thumb",
-            style: L(l.thumbStyles)
+            style: R(l.thumbStyles)
           }, [
             y("button", {
               class: f(["w-slider__thumb-button", [i.color]]),
@@ -5274,55 +5332,55 @@ function Ql(e, t, i, o, n, l) {
               onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
             }, null, 42, jl),
-            i.thumbLabel ? (s(), u("label", {
+            i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (s(), u("div", ql, [
-                p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
+              i.thumbLabel === "droplet" ? (o(), u("div", ql, [
+                c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(_(~~e.rangeValueScaled), 1)
                 ])
-              ])) : p(e.$slots, "label", {
+              ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
                 S(_(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Ul)) : c("", !0)
+            ], 10, Ul)) : p("", !0)
           ], 4)
         ], 42, Fl),
-        i.stepLabels && i.step ? (s(), u("div", Xl, [
+        i.stepLabels && i.step ? (o(), u("div", Xl, [
           y("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, _(this.minVal), 1),
-          (s(!0), u(v, null, R(~~l.numberOfSteps, (a) => (s(), u("div", {
+          (o(!0), u(k, null, L(~~l.numberOfSteps, (a) => (o(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
-            style: L(`left: ${a * (100 / l.numberOfSteps)}%`)
+            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
           }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Yl))), 128)),
-          ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
+          ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
             onClick: t[7] || (t[7] = (a) => l.onStepLabelClick(100)),
             style: { left: "100%" }
-          }, _(this.maxVal), 1)) : c("", !0)
-        ])) : c("", !0)
+          }, _(this.maxVal), 1)) : p("", !0)
+        ])) : p("", !0)
       ]),
-      e.$slots["label-right"] ? (s(), u("label", {
+      e.$slots["label-right"] ? (o(), u("label", {
         key: 2,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        p(e.$slots, "label-right")
-      ], 10, Gl)) : i.labelRight ? (s(), u("label", {
+        c(e.$slots, "label-right")
+      ], 10, Gl)) : i.labelRight ? (o(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, Jl)) : c("", !0)
+      }, null, 10, Jl)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
@@ -5461,15 +5519,15 @@ const Zl = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, es = /* @__PURE__ */ w(Zl, [["render", Ql]]), ts = { key: 0 };
-function is(e, t, i, o, n, l) {
-  return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
+}, es = /* @__PURE__ */ v(Zl, [["render", Ql]]), ts = { key: 0 };
+function is(e, t, i, s, n, l) {
+  return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", ts)) : c("", !0)
-  ], 6)) : c("", !0);
+    l.isThreeDots ? (o(), u("span", ts)) : p("", !0)
+  ], 6)) : p("", !0);
 }
 const ls = {
   name: "w-spinner",
@@ -5509,9 +5567,9 @@ const ls = {
       };
     }
   }
-}, ss = /* @__PURE__ */ w(ls, [["render", is]]);
-function os(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, ss = /* @__PURE__ */ v(ls, [["render", is]]);
+function os(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
@@ -5531,16 +5589,16 @@ const as = {
       };
     }
   }
-}, ns = /* @__PURE__ */ w(as, [["render", os]]), rs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ds = ["for"], us = {
+}, ns = /* @__PURE__ */ v(as, [["render", os]]), rs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ds = ["for"], us = {
   key: 0,
   class: "w-switch__track"
 }, hs = {
   key: 1,
   class: "w-switch__thumb"
 }, cs = ["for"];
-function ps(e, t, i, o, n, l) {
+function ps(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return s(), g(I(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return o(), g(I(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) => {
@@ -5565,45 +5623,45 @@ function ps(e, t, i, o, n, l) {
         "aria-checked": n.isOn || "false",
         role: "switch"
       }, null, 40, rs),
-      l.hasLabel && i.labelOnLeft ? (s(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, ds)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 10, ds)) : p("", !0)
+      ], 64)) : p("", !0),
       y("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: l.inputClasses }), [
-        e.$slots.track ? (s(), u("div", us, [
-          p(e.$slots, "track")
-        ])) : c("", !0),
-        e.$slots.thumb || i.loading ? (s(), u("div", hs, [
-          i.loading ? (s(), g(a, C({
+        e.$slots.track ? (o(), u("div", us, [
+          c(e.$slots, "track")
+        ])) : p("", !0),
+        e.$slots.thumb || i.loading ? (o(), u("div", hs, [
+          i.loading ? (o(), g(a, C({
             key: 0,
             circle: "",
             color: "inherit"
-          }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : p(e.$slots, "thumb", { key: 1 })
-        ])) : c("", !0)
+          }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : c(e.$slots, "thumb", { key: 1 })
+        ])) : p("", !0)
       ], 16),
-      l.hasLabel && !i.labelOnLeft ? (s(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, cs)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 10, cs)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -5673,32 +5731,32 @@ const fs = {
       this.isOn = e;
     }
   }
-}, ms = /* @__PURE__ */ w(fs, [["render", ps]]), gs = { class: "w-tabs__content" };
-function bs(e, t, i, o, n, l) {
-  return s(), u("div", gs, [
-    p(e.$slots, "default", { item: i.item })
+}, ms = /* @__PURE__ */ v(fs, [["render", ps]]), gs = { class: "w-tabs__content" };
+function bs(e, t, i, s, n, l) {
+  return o(), u("div", gs, [
+    c(e.$slots, "default", { item: i.item })
   ]);
 }
 const ys = {
   name: "tab-content",
   props: { item: Object }
-}, ws = /* @__PURE__ */ w(ys, [["render", bs]]), vs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ks = ["innerHTML"], _s = {
+}, ws = /* @__PURE__ */ v(ys, [["render", bs]]), vs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ks = ["innerHTML"], _s = {
   key: 0,
   class: "w-tabs__bar-extra"
 }, Cs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, Ss = ["innerHTML"], Bs = ["innerHTML"];
-function $s(e, t, i, o, n, l) {
+function $s(e, t, i, s, n, l) {
   const a = $("tab-content");
-  return s(), u("div", {
+  return o(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
   }, [
     y("div", {
       class: f(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(v, null, R(e.tabs, (r, d) => (s(), u("div", {
+      (o(!0), u(k, null, L(e.tabs, (r, d) => (o(), u("div", {
         class: f(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
@@ -5708,12 +5766,12 @@ function $s(e, t, i, o, n, l) {
         "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}`, {
+        e.$slots[`item-title.${r.id || d + 1}`] ? c(e.$slots, `item-title.${r.id || d + 1}`, {
           key: 0,
           item: l.getOriginalItem(r),
           index: d + 1,
           active: r._uid === e.activeTabUid
-        }) : p(e.$slots, "item-title", {
+        }) : c(e.$slots, "item-title", {
           key: 1,
           item: l.getOriginalItem(r),
           index: d + 1,
@@ -5724,83 +5782,83 @@ function $s(e, t, i, o, n, l) {
           }, null, 8, ks)
         ])
       ], 42, vs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", _s, [
-        p(e.$slots, "tabs-bar-extra")
-      ])) : c("", !0),
-      !i.noSlider && !i.card ? (s(), u("div", {
+      e.$slots["tabs-bar-extra"] ? (o(), u("div", _s, [
+        c(e.$slots, "tabs-bar-extra")
+      ])) : p("", !0),
+      !i.noSlider && !i.card ? (o(), u("div", {
         key: 1,
         class: f(["w-tabs__slider", i.sliderColor]),
-        style: L(l.sliderStyles)
-      }, null, 6)) : c("", !0)
+        style: R(l.sliderStyles)
+      }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (s(), u("div", Cs, [
-      i.keepInDom ? (s(), g(oe, {
+    e.tabs.length ? (o(), u("div", Cs, [
+      i.keepInDom ? (o(), g(oe, {
         key: 0,
         name: l.transitionName
       }, {
         default: m(() => [
-          (s(!0), u(v, null, R(e.tabs, (r, d) => A((s(), g(a, {
+          (o(!0), u(k, null, L(e.tabs, (r, d) => K((o(), g(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
           }, {
             default: m(() => [
-              e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
+              e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                 key: 0,
                 item: l.getOriginalItem(r),
                 index: r._index + 1,
                 active: r._index === l.activeTab._index
-              }) : p(e.$slots, "item-content", {
+              }) : c(e.$slots, "item-content", {
                 key: 1,
                 item: l.getOriginalItem(r),
                 index: r._index + 1,
                 active: r._index === l.activeTab._index
               }, () => [
-                r[i.itemContentKey] ? (s(), u("div", {
+                r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, Ss)) : c("", !0)
+                }, null, 8, Ss)) : p("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [ne, r._uid === l.activeTab._uid]
+            [ae, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), g(O, {
+      }, 8, ["name"])) : (o(), g(O, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: m(() => [
-          (s(), g(Ve, {
+          (o(), g(Ve, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (s(), g(a, {
+            (o(), g(a, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: f(i.contentClass)
             }, {
               default: m(({ item: r }) => [
-                r ? (s(), u(v, { key: 0 }, [
-                  e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
+                r ? (o(), u(k, { key: 0 }, [
+                  e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
                     item: l.getOriginalItem(r),
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
-                  }) : p(e.$slots, "item-content", {
+                  }) : c(e.$slots, "item-content", {
                     key: 1,
                     item: l.getOriginalItem(r),
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
                   }, () => [
-                    r[i.itemContentKey] ? (s(), u("div", {
+                    r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, Bs)) : c("", !0)
+                    }, null, 8, Bs)) : p("", !0)
                   ])
-                ], 64)) : c("", !0)
+                ], 64)) : p("", !0)
               ]),
               _: 3
             }, 8, ["item", "class"]))
@@ -5808,10 +5866,10 @@ function $s(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 8, ["name", "mode"]))
-    ])) : c("", !0)
+    ])) : p("", !0)
   ], 2);
 }
-let me = 0;
+let fe = 0;
 const Vs = {
   name: "w-tabs",
   props: {
@@ -5894,9 +5952,9 @@ const Vs = {
   },
   methods: {
     addTab(e) {
-      var t, i, o;
-      (i = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && i || (e._uid = +`${this._.uid}${++me}`), this.tabs.push({
-        _uid: (o = e[this.itemIdKey]) != null ? o : e._uid,
+      var t, i, s;
+      (i = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && i || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
+        _uid: (s = e[this.itemIdKey]) != null ? s : e._uid,
         _index: this.tabs.length,
         ...e,
         _disabled: !!e.disabled
@@ -5905,8 +5963,8 @@ const Vs = {
     refreshTabs() {
       let e = this.items;
       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}${++me}`), {
+        var s, n, l;
+        return (n = (s = t[this.itemIdKey]) != null ? s : t._uid) != null && n || (t._uid = +`${this._.uid}${++fe}`), {
           ...t,
           _uid: (l = t[this.itemIdKey]) != null ? l : t._uid,
           _index: i,
@@ -5915,11 +5973,11 @@ const Vs = {
       });
     },
     reopenTheActiveTab() {
-      var t, i, o;
+      var t, i, s;
       if (this.tabs.length === 1)
         return this.openTab(this.tabs[0]._uid);
       let e = (t = this.tabsByUid[this.activeTabUid]) == null ? void 0 : t._uid;
-      e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
+      e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (s = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : s._uid), e && this.openTab(e);
     },
     onResize() {
       this.updateSlider(!1);
@@ -5945,16 +6003,16 @@ const Vs = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(o);
-        this.slider.left = `${t - n - parseInt(l) + o.scrollLeft}px`, this.slider.width = `${i}px`;
+        const { left: t, width: i } = this.activeTabEl.getBoundingClientRect(), s = this.activeTabEl.parentNode, { left: n } = s.getBoundingClientRect(), { borderLeftWidth: l } = getComputedStyle(s);
+        this.slider.left = `${t - n - parseInt(l) + s.scrollLeft}px`, this.slider.width = `${i}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabs.length}%`, this.slider.width = `${100 / this.tabs.length}%`;
     },
     updateActiveTab(e) {
       var t, i;
       typeof e == "string" ? e = ~~e : (isNaN(e) || e < 0) && (e = 0), (t = this.tabs[e]) != null && t._uid && (this.openTab((i = this.tabs[e]) == null ? void 0 : i._uid), this.$nextTick(() => {
-        const o = this.$refs["tabs-bar"];
-        this.activeTabEl = o && o.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+        const s = this.$refs["tabs-bar"];
+        this.activeTabEl = s && s.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
       }));
     },
     getOriginalItem(e) {
@@ -5987,7 +6045,7 @@ const Vs = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Is = /* @__PURE__ */ w(Vs, [["render", $s]]), Ts = { ref: "colgroup" }, Rs = ["width"], Ls = { key: 0 }, xs = ["onClick"], Os = ["innerHTML"], Ps = {
+}, Is = /* @__PURE__ */ v(Vs, [["render", $s]]), Ts = { ref: "colgroup" }, Ls = ["width"], Rs = { key: 0 }, xs = ["onClick"], Os = ["innerHTML"], Ps = {
   key: 0,
   class: "w-table__progress-bar"
 }, Ms = ["colspan"], zs = {
@@ -6012,9 +6070,9 @@ const Vs = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
 }, Zs = ["colspan"], eo = { class: "w-table__pagination w-pagination" }, to = { class: "pages-wrap" }, io = { class: "w-pagination__results" };
-function lo(e, t, i, o, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), k = $("w-select"), B = $("w-button");
-  return s(), u("div", {
+function lo(e, t, i, s, n, l) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), w = $("w-select"), B = $("w-button");
+  return o(), u("div", {
     class: f(["w-table-wrap", l.wrapClasses])
   }, [
     y("table", {
@@ -6024,20 +6082,20 @@ function lo(e, t, i, o, n, l) {
       onMouseout: t[7] || (t[7] = (...b) => l.onMouseOut && l.onMouseOut(...b))
     }, [
       y("colgroup", Ts, [
-        (s(!0), u(v, null, R(i.headers, (b, T) => (s(), u("col", {
+        (o(!0), u(k, null, L(i.headers, (b, T) => (o(), u("col", {
           class: f(["w-table__col", l.colClasses[T]]),
           key: T,
           width: b.width || null
-        }, null, 10, Rs))), 128))
+        }, null, 10, Ls))), 128))
       ], 512),
-      i.noHeaders ? c("", !0) : (s(), u("thead", Ls, [
+      i.noHeaders ? p("", !0) : (o(), u("thead", Rs, [
         y("tr", null, [
-          (s(!0), u(v, null, R(i.headers, (b, T) => (s(), u("th", {
+          (o(!0), u(k, null, L(i.headers, (b, T) => (o(), u("th", {
             class: f(["w-table__header", l.headerClasses(b)]),
             key: T,
             onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
           }, [
-            b.sortable !== !1 && b.align === "right" ? (s(), g(a, {
+            b.sortable !== !1 && b.align === "right" ? (o(), g(a, {
               key: 0,
               class: f(["w-table__header-sort", l.headerSortClasses(b)])
             }, {
@@ -6045,21 +6103,21 @@ function lo(e, t, i, o, n, l) {
                 S("wi-arrow-down")
               ]),
               _: 2
-            }, 1032, ["class"])) : c("", !0),
-            b.label ? (s(), u(v, { key: 1 }, [
-              e.$slots["header-label"] ? p(e.$slots, "header-label", {
+            }, 1032, ["class"])) : p("", !0),
+            b.label ? (o(), u(k, { key: 1 }, [
+              e.$slots["header-label"] ? c(e.$slots, "header-label", {
                 key: 0,
                 header: b,
                 label: b.label,
                 index: T + 1
               }, () => [
                 S(_(b.label || ""), 1)
-              ]) : (s(), u("span", {
+              ]) : (o(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
               }, null, 8, Os))
-            ], 64)) : c("", !0),
-            b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
+            ], 64)) : p("", !0),
+            b.sortable !== !1 && b.align !== "right" ? (o(), g(a, {
               key: 2,
               class: f(["w-table__header-sort", l.headerSortClasses(b)])
             }, {
@@ -6067,92 +6125,92 @@ function lo(e, t, i, o, n, l) {
                 S("wi-arrow-down")
               ]),
               _: 2
-            }, 1032, ["class"])) : c("", !0),
-            T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+            }, 1032, ["class"])) : p("", !0),
+            T < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
               key: 3,
               class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }]),
               onClick: t[0] || (t[0] = M(() => {
               }, ["stop"]))
-            }, null, 2)) : c("", !0)
+            }, null, 2)) : p("", !0)
           ], 10, xs))), 128))
         ]),
         V(d, null, {
           default: m(() => [
-            i.loading === "header" ? (s(), u("tr", Ps, [
+            i.loading === "header" ? (o(), u("tr", Ps, [
               y("td", {
                 colspan: i.headers.length
               }, [
                 V(r, { tile: "" })
               ], 8, Ms)
-            ])) : c("", !0)
+            ])) : p("", !0)
           ]),
           _: 1
         })
       ])),
       y("tbody", null, [
-        i.loading === !0 ? (s(), u("tr", zs, [
+        i.loading === !0 ? (o(), u("tr", zs, [
           y("td", {
             colspan: i.headers.length
           }, [
             V(r, { tile: "" }),
             y("div", Ws, [
-              p(e.$slots, "loading", {}, () => [
+              c(e.$slots, "loading", {}, () => [
                 S("Loading...")
               ])
             ])
           ], 8, Es)
-        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", As, [
+        ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", As, [
           y("td", {
             class: "w-table__cell text-center",
             colspan: i.headers.length
           }, [
-            p(e.$slots, "no-data", {}, () => [
+            c(e.$slots, "no-data", {}, () => [
               S("No data to show.")
             ])
           ], 8, Ks)
         ])),
-        l.tableItems.length && i.loading !== !0 ? (s(!0), u(v, { key: 2 }, R(l.paginatedItems, (b, T) => (s(), u(v, { key: T }, [
-          e.$slots.item ? p(e.$slots, "item", {
+        l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, L(l.paginatedItems, (b, T) => (o(), u(k, { key: T }, [
+          e.$slots.item ? c(e.$slots, "item", {
             key: 0,
             item: b,
             index: T + 1,
             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", {
+          }) : (o(), u("tr", {
             key: 1,
             class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }]),
             onClick: (x) => l.doSelectRow(b, T)
           }, [
-            (s(!0), u(v, null, R(i.headers, (x, P) => (s(), u(v, null, [
-              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+            (o(!0), u(k, null, L(i.headers, (x, P) => (o(), u(k, null, [
+              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-a`,
                 "data-label": x.label
               }, [
-                e.$slots[`item-cell.${x.key}`] ? p(e.$slots, `item-cell.${x.key}`, {
+                e.$slots[`item-cell.${x.key}`] ? c(e.$slots, `item-cell.${x.key}`, {
                   key: 0,
                   header: x,
                   item: b,
                   label: b[x.key] || "",
                   index: T + 1
-                }) : e.$slots[`item-cell.${P + 1}`] ? p(e.$slots, `item-cell.${P + 1}`, {
+                }) : e.$slots[`item-cell.${P + 1}`] ? c(e.$slots, `item-cell.${P + 1}`, {
                   key: 1,
                   header: x,
                   item: b,
                   label: b[x.key] || "",
                   index: T + 1
-                }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
+                }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                   key: 2,
                   header: x,
                   item: b,
                   label: b[x.key] || "",
                   index: T + 1
-                }) : c("", !0),
-                P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                }) : p("", !0),
+                P < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
-                }, null, 2)) : c("", !0)
-              ], 10, Hs)) : (s(), u("td", {
+                }, null, 2)) : p("", !0)
+              ], 10, Hs)) : (o(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-b`,
                 "data-label": x.label
@@ -6160,60 +6218,60 @@ function lo(e, t, i, o, n, l) {
                 y("div", {
                   innerHTML: b[x.key] || ""
                 }, null, 8, Fs),
-                P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                P < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
-                }, null, 2)) : c("", !0)
+                }, null, 2)) : p("", !0)
               ], 10, Ds))
             ], 64))), 256))
           ], 10, Ns)),
-          l.expandedRowsByUid[b._uid] ? (s(), u("tr", js, [
+          l.expandedRowsByUid[b._uid] ? (o(), u("tr", js, [
             y("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               V(h, { y: "" }, {
                 default: m(() => [
-                  l.expandedRowsByUid[b._uid] ? (s(), u("div", qs, [
-                    p(e.$slots, "row-expansion", {
+                  l.expandedRowsByUid[b._uid] ? (o(), u("div", qs, [
+                    c(e.$slots, "row-expansion", {
                       item: b,
                       index: T + 1
                     })
-                  ])) : c("", !0),
-                  T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
+                  ])) : p("", !0),
+                  T < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 1,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
-                  }, null, 2)) : c("", !0)
+                  }, null, 2)) : p("", !0)
                 ]),
                 _: 2
               }, 1024)
             ], 8, Us)
-          ])) : c("", !0)
-        ], 64))), 128)) : c("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", Xs, [
-          p(e.$slots, "extra-row")
-        ])) : c("", !0)
+          ])) : p("", !0)
+        ], 64))), 128)) : p("", !0),
+        e.$slots["extra-row"] ? (o(), u("div", Xs, [
+          c(e.$slots, "extra-row")
+        ])) : p("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || i.pagination ? (s(), u("tfoot", Ys, [
-        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Gs, [
+      e.$slots.footer || e.$slots["footer-row"] || i.pagination ? (o(), u("tfoot", Ys, [
+        e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", Gs, [
           y("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
-            p(e.$slots, "footer")
+            c(e.$slots, "footer")
           ], 8, Js)
-        ])) : c("", !0),
-        i.pagination && e.paginationConfig ? (s(), u("tr", Qs, [
+        ])) : p("", !0),
+        i.pagination && e.paginationConfig ? (o(), u("tr", Qs, [
           y("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
             y("div", eo, [
-              p(e.$slots, "pagination", {
+              c(e.$slots, "pagination", {
                 range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
                 total: e.paginationConfig.total
               }, () => [
-                e.paginationConfig.itemsPerPageOptions ? (s(), g(k, {
+                e.paginationConfig.itemsPerPageOptions ? (o(), g(w, {
                   key: 0,
                   class: "w-pagination__items-per-page",
                   modelValue: e.paginationConfig.itemsPerPage,
@@ -6223,7 +6281,7 @@ function lo(e, t, i, o, n, l) {
                   "label-position": "left",
                   label: "Items per page",
                   "label-color": "inherit"
-                }, null, 8, ["modelValue", "items"])) : c("", !0),
+                }, null, 8, ["modelValue", "items"])) : p("", !0),
                 y("div", to, [
                   V(B, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
@@ -6233,7 +6291,7 @@ function lo(e, t, i, o, n, l) {
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(v, null, R(e.paginationConfig.pagesCount, (b) => (s(), g(B, {
+                  (o(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (o(), g(B, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
                     onClick: (T) => b !== e.paginationConfig.page && l.goToPage(b),
@@ -6258,12 +6316,12 @@ function lo(e, t, i, o, n, l) {
               ])
             ])
           ], 8, Zs)
-        ])) : c("", !0)
-      ])) : c("", !0)
+        ])) : p("", !0)
+      ])) : p("", !0)
     ], 34)
   ], 2);
 }
-const ge = 15, so = {
+const me = 15, so = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6355,7 +6413,7 @@ const ge = 15, so = {
       if (!this.activeSorting.length || this.sortFunction || this.fetch)
         return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), t = this.activeSorting[0][0] === "-";
-      return [...this.filteredItems].sort((i, o) => (i = i[e], o = o[e], !isNaN(i) && !isNaN(o) && (i = parseFloat(i), o = parseFloat(o)), (i > o ? 1 : -1) * (t ? -1 : 1)));
+      return [...this.filteredItems].sort((i, s) => (i = i[e], s = s[e], !isNaN(i) && !isNaN(s) && (i = parseFloat(i), s = parseFloat(s)), (i > s ? 1 : -1) * (t ? -1 : 1)));
     },
     paginatedItems() {
       return typeof this.fetch == "function" ? this.sortedItems : this.sortedItems.slice(this.paginationConfig.start - 1, this.paginationConfig.end);
@@ -6421,7 +6479,7 @@ const ge = 15, so = {
       t && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (t ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" ? await this.sortFunction(this.activeSorting) : typeof this.fetch == "function" && await this.callApiFetch();
     },
     doSelectRow(e, t) {
-      const i = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
+      const i = this.expandableRows === "" ? !0 : this.expandableRows, s = this.selectableRows === "" ? !0 : this.selectableRows;
       if (i) {
         const n = this.expandedRowsByUid[e._uid] === void 0;
         n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((l) => l !== e._uid), this.$emit(
@@ -6433,7 +6491,7 @@ const ge = 15, so = {
             expandedRows: this.expandedRowsInternal.map((l) => this.filteredItems[l])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
-      } else if (o) {
+      } else if (s) {
         let n = !1;
         const l = this.selectedRowsByUid[e._uid] === void 0;
         l ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
@@ -6458,16 +6516,16 @@ const ge = 15, so = {
       e.classList.contains("w-table__col-resizer") && (this.colResizing.hover = !1);
     },
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: i, nextColumnEl: o, colWidth: n, nextColWidth: l } = this.colResizing;
+      const { startCursorX: t, columnEl: i, nextColumnEl: s, colWidth: n, nextColWidth: l } = this.colResizing;
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
-      i.style.width = n + a + "px", o.style.width = l - a + "px";
-      const k = a < 0 && i.offsetWidth > d || i.offsetWidth <= ge, B = a > 0 && o.offsetWidth > h;
-      if (k) {
-        const b = Math.max(i.offsetWidth, ge);
-        i.style.width = b + "px", o.style.width = r - b + "px";
+      i.style.width = n + a + "px", s.style.width = l - a + "px";
+      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= me, B = a > 0 && s.offsetWidth > h;
+      if (w) {
+        const b = Math.max(i.offsetWidth, me);
+        i.style.width = b + "px", s.style.width = r - b + "px";
       } else
-        B && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        B && (i.style.width = r - s.offsetWidth + "px", s.style.width = s.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6479,8 +6537,8 @@ const ge = 15, so = {
       }, 0);
     },
     initPagination() {
-      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 }];
+      var s, n, l;
+      const e = (n = (s = this.pagination) == null ? void 0 : s.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;
@@ -6507,13 +6565,13 @@ const ge = 15, so = {
       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: i, total: o, itemsPerPage: n } = this.paginationConfig;
+      const { page: e, start: t, end: i, total: s, itemsPerPage: n } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
-        end: i || o,
-        total: o,
-        itemsPerPage: n || o,
+        end: i || s,
+        total: s,
+        itemsPerPage: n || s,
         sorting: this.activeSorting
       });
     }
@@ -6547,9 +6605,9 @@ const ge = 15, so = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, oo = /* @__PURE__ */ w(so, [["render", lo]]), ao = ["role", "aria-pressed", "tabindex"];
-function no(e, t, i, o, n, l) {
-  return s(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
+}, oo = /* @__PURE__ */ v(so, [["render", lo]]), ao = ["role", "aria-pressed", "tabindex"];
+function no(e, t, i, s, n, l) {
+  return o(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
@@ -6562,8 +6620,8 @@ function no(e, t, i, o, n, l) {
     tabindex: i.modelValue !== -1 && 0,
     style: l.styles
   }), [
-    p(e.$slots, "default"),
-    i.closable && i.modelValue ? (s(), u("i", {
+    c(e.$slots, "default"),
+    i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
       onClick: t[0] || (t[0] = M((a) => {
@@ -6571,7 +6629,7 @@ function no(e, t, i, o, n, l) {
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
-    })) : c("", !0)
+    })) : p("", !0)
   ], 16, ao);
 }
 const ro = {
@@ -6623,10 +6681,10 @@ const ro = {
       };
     }
   }
-}, uo = /* @__PURE__ */ w(ro, [["render", no]]), ho = ["for"], co = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], po = ["for"];
-function fo(e, t, i, o, n, l) {
+}, uo = /* @__PURE__ */ v(ro, [["render", no]]), ho = ["for"], co = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], po = ["for"];
+function fo(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return s(), g(I(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 o(), g(I(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: l.hasLabel && i.labelPosition !== "inside",
@@ -6636,21 +6694,21 @@ function fo(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.labelPosition === "left" ? (s(), u(v, { key: 0 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, ho)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 10, ho)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
-        i.innerIconLeft ? (s(), g(a, {
+        i.innerIconLeft ? (o(), g(a, {
           key: 0,
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
@@ -6661,8 +6719,8 @@ function fo(e, t, i, o, n, l) {
             S(_(i.innerIconLeft), 1)
           ]),
           _: 1
-        }, 8, ["for"])) : c("", !0),
-        A(y("textarea", C({
+        }, 8, ["for"])) : p("", !0),
+        K(y("textarea", C({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
@@ -6681,19 +6739,19 @@ function fo(e, t, i, o, n, l) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, co), [
-          [ae, n.inputValue]
+          [be, n.inputValue]
         ]),
-        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(v, { key: 1 }, [
-          e.$slots.default || i.label ? (s(), u("label", {
+        i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 1 }, [
+          e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 2)) : c("", !0)
-        ], 64)) : c("", !0),
-        i.innerIconRight ? (s(), g(a, {
+          ], 2)) : p("", !0)
+        ], 64)) : p("", !0),
+        i.innerIconRight ? (o(), g(a, {
           key: 2,
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
@@ -6704,19 +6762,19 @@ function fo(e, t, i, o, n, l) {
             S(_(i.innerIconRight), 1)
           ]),
           _: 1
-        }, 8, ["for"])) : c("", !0)
+        }, 8, ["for"])) : p("", !0)
       ], 2),
-      i.labelPosition === "right" ? (s(), u(v, { key: 1 }, [
-        e.$slots.default || i.label ? (s(), u("label", {
+      i.labelPosition === "right" ? (o(), u(k, { key: 1 }, [
+        e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
           class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, po)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 10, po)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
@@ -6757,8 +6815,8 @@ const mo = {
   },
   computed: {
     listeners() {
-      const { input: e, focus: t, blur: i, ...o } = this.$attrs;
-      return o;
+      const { input: e, focus: t, blur: i, ...s } = this.$attrs;
+      return s;
     },
     hasValue() {
       return this.inputValue || this.inputValue === 0;
@@ -6837,16 +6895,16 @@ const mo = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, go = /* @__PURE__ */ w(mo, [["render", fo]]), bo = ["innerHTML"], yo = ["innerHTML"];
-function wo(e, t, i, o, n, l) {
-  return s(), u("ul", {
+}, go = /* @__PURE__ */ v(mo, [["render", fo]]), bo = ["innerHTML"], yo = ["innerHTML"];
+function wo(e, t, i, s, n, l) {
+  return o(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
-    (s(!0), u(v, null, R(i.items, (a, r) => (s(), u("li", {
+    (o(!0), u(k, null, L(i.items, (a, r) => (o(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), g(I(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), g(I(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: m(() => [
@@ -6854,11 +6912,11 @@ function wo(e, t, i, o, n, l) {
         ]),
         _: 2
       }, 1032, ["class"])),
-      e.$slots[`item.${r + 1}`] ? p(e.$slots, `item.${r + 1}`, {
+      e.$slots[`item.${r + 1}`] ? c(e.$slots, `item.${r + 1}`, {
         key: 1,
         item: a,
         index: r + 1
-      }) : p(e.$slots, "item", {
+      }) : c(e.$slots, "item", {
         key: 0,
         item: a,
         index: r + 1
@@ -6897,13 +6955,13 @@ const vo = {
       };
     }
   }
-}, ko = /* @__PURE__ */ w(vo, [["render", wo]]);
-function _o(e, t, i, o, n, l) {
-  return s(), u("div", {
+}, ko = /* @__PURE__ */ v(vo, [["render", wo]]);
+function _o(e, t, i, s, n, l) {
+  return o(), u("div", {
     class: f(["w-toolbar", l.classes]),
-    style: L(l.styles)
+    style: R(l.styles)
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 6);
 }
 const Co = {
@@ -6955,23 +7013,23 @@ const Co = {
       };
     }
   }
-}, So = /* @__PURE__ */ w(Co, [["render", _o]]);
-function Bo(e, t, i, o, n, l) {
-  return s(), u(v, null, [
-    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
+}, So = /* @__PURE__ */ v(Co, [["render", _o]]);
+function Bo(e, t, i, s, n, l) {
+  return o(), u(k, null, [
+    c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     V(O, {
       name: l.transitionName,
       appear: ""
     }, {
       default: m(() => [
-        e.detachableVisible ? (s(), u("div", {
+        e.detachableVisible ? (o(), u("div", {
           class: f(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: L(l.styles)
+          style: R(l.styles)
         }, [
-          p(e.$slots, "default")
-        ], 6)) : c("", !0)
+          c(e.$slots, "default")
+        ], 6)) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"])
@@ -7016,7 +7074,7 @@ const $o = {
   }),
   computed: {
     tooltipClasses() {
-      return K(this.tooltipClass);
+      return A(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -7076,11 +7134,11 @@ const $o = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && 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));
     }
   }
-}, Vo = /* @__PURE__ */ w($o, [["render", Bo]]);
-function Io(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: "bounce" }, e.$props), {
+}, Vo = /* @__PURE__ */ v($o, [["render", Bo]]);
+function Io(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: "bounce" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7091,9 +7149,9 @@ const To = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ro = /* @__PURE__ */ w(To, [["render", Io]]);
-function Lo(e, t, i, o, n, l) {
-  return s(), g(O, {
+}, Lo = /* @__PURE__ */ v(To, [["render", Io]]);
+function Ro(e, t, i, s, n, l) {
+  return o(), g(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7108,7 +7166,7 @@ function Lo(e, t, i, o, n, l) {
     onAfterLeave: l.afterLeave
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
@@ -7203,11 +7261,11 @@ const xo = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, Oo = /* @__PURE__ */ w(xo, [["render", Lo]]);
-function Po(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: "fade" }, e.$props), {
+}, Oo = /* @__PURE__ */ v(xo, [["render", Ro]]);
+function Po(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: "fade" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7218,11 +7276,11 @@ const Mo = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, zo = /* @__PURE__ */ w(Mo, [["render", Po]]);
-function Eo(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: "scale" }, e.$props), {
+}, zo = /* @__PURE__ */ v(Mo, [["render", Po]]);
+function Eo(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: "scale" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7233,11 +7291,11 @@ const Wo = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ao = /* @__PURE__ */ w(Wo, [["render", Eo]]);
-function Ko(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: "scale-fade" }, e.$props), {
+}, Ao = /* @__PURE__ */ v(Wo, [["render", Eo]]);
+function Ko(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: "scale-fade" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7248,11 +7306,11 @@ const No = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ho = /* @__PURE__ */ w(No, [["render", Ko]]);
-function Do(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: l.transitionName }, e.$props), {
+}, Ho = /* @__PURE__ */ v(No, [["render", Ko]]);
+function Do(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
@@ -7275,11 +7333,11 @@ const Fo = {
       return `slide-${this.direction}`;
     }
   }
-}, jo = /* @__PURE__ */ w(Fo, [["render", Do]]);
-function Uo(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: l.transitionName }, e.$props), {
+}, jo = /* @__PURE__ */ v(Fo, [["render", Do]]);
+function Uo(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
@@ -7302,11 +7360,11 @@ const qo = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Xo = /* @__PURE__ */ w(qo, [["render", Uo]]);
-function Yo(e, t, i, o, n, l) {
-  return s(), g(O, C({ name: "twist" }, e.$props), {
+}, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
+function Yo(e, t, i, s, n, l) {
+  return o(), g(O, C({ name: "twist" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7317,26 +7375,26 @@ const Go = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Jo = /* @__PURE__ */ w(Go, [["render", Yo]]), Qo = ["innerHTML"], Zo = {
+}, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]), Qo = ["innerHTML"], Zo = {
   key: 1,
   class: "ml1"
 };
-function ea(e, t, i, o, n, l) {
+function ea(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
-  return s(), u("ul", {
+  return o(), u("ul", {
     class: f(["w-tree", l.classes])
   }, [
-    (s(!0), u(v, null, R(e.currentDepthItems, (h, k) => (s(), u("li", {
+    (o(!0), u(k, null, L(e.currentDepthItems, (h, w) => (o(), u("li", {
       class: f(["w-tree__item", l.itemClasses(h)]),
-      key: k
+      key: w
     }, [
-      (s(), g(I(l.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+      (o(), g(I(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: m(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (s(), g(a, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), g(a, {
             key: 0,
             class: "w-tree__item-expand",
             onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
@@ -7347,8 +7405,8 @@ function ea(e, t, i, o, n, l) {
             disabled: i.disabled || h.disabled,
             text: "",
             sm: ""
-          }, null, 8, ["onClick", "icon", "icon-props", "disabled"])) : c("", !0),
-          p(e.$slots, "item", {
+          }, null, 8, ["onClick", "icon", "icon-props", "disabled"])) : p("", !0),
+          c(e.$slots, "item", {
             item: h.originalItem,
             depth: i.depth,
             path: h.path,
@@ -7356,7 +7414,7 @@ function ea(e, t, i, o, n, l) {
           }, () => {
             var B;
             return [
-              l.itemIcon(h) ? (s(), g(r, {
+              l.itemIcon(h) ? (o(), g(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
@@ -7365,23 +7423,23 @@ function ea(e, t, i, o, n, l) {
                   S(_(l.itemIcon(h)), 1)
                 ]),
                 _: 2
-              }, 1032, ["color"])) : c("", !0),
+              }, 1032, ["color"])) : p("", !0),
               y("span", {
                 innerHTML: h.label
               }, null, 8, Qo),
-              i.counts && (h.children || h.branch) ? (s(), u("span", Zo, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              i.counts && (h.children || h.branch) ? (o(), u("span", Zo, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), g(I(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), g(I(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: m(() => [
-          h.children && h.open ? (s(), g(d, C({ key: 0 }, e.$props, {
+          h.children && h.open ? (o(), g(d, C({ key: 0 }, e.$props, {
             depth: i.depth + 1,
             data: h.originalItem.children,
             parent: h,
@@ -7394,7 +7452,7 @@ function ea(e, t, i, o, n, l) {
             "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
           }), {
             item: m(({ item: B, depth: b, path: T, open: x }) => [
-              p(e.$slots, "item", {
+              c(e.$slots, "item", {
                 item: B,
                 depth: b,
                 path: T,
@@ -7402,7 +7460,7 @@ function ea(e, t, i, o, n, l) {
               })
             ]),
             _: 2
-          }, 1040, ["depth", "data", "parent"])) : c("", !0)
+          }, 1040, ["depth", "data", "parent"])) : p("", !0)
         ]),
         _: 2
       }, 1064, ["y", "onAfterEnter", "onAfterLeave"]))
@@ -7458,19 +7516,19 @@ const ta = {
     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((i, o) => {
+      Array.isArray(e) || (e = [e]), e.forEach((i, s) => {
         var l, a;
         const n = {
           originalItem: i,
-          _uid: this.depth.toString() + (o + 1),
+          _uid: this.depth.toString() + (s + 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,
+          selected: ((l = t[s]) == null ? void 0 : l.selected) || !1,
           depth: this.depth,
-          open: !!(((a = t[o]) == null ? void 0 : a.open) || this.expandAll || i[this.itemOpenKey]),
+          open: !!(((a = t[s]) == null ? void 0 : a.open) || this.expandAll || i[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
         };
@@ -7500,13 +7558,13 @@ const ta = {
     },
     onLabelClick(e, t) {
       e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && (e.selected = !e.selected);
-      const o = this.emitPayload(e, t);
-      this.$emit("click", o), this.emitItemSelection(e, t);
+      const s = this.emitPayload(e, t);
+      this.$emit("click", s), this.emitItemSelection(e, t);
     },
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.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"), l = t.which === 38 ? -1 : 1;
-        [...o].some((a, r) => a.isSameNode(n) ? (o[r + l] && o[r + l].focus(), !0) : !1);
+        const s = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), l = t.which === 38 ? -1 : 1;
+        [...s].some((a, r) => a.isSameNode(n) ? (s[r + l] && s[r + l].focus(), !0) : !1);
       }
       t.which === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },
@@ -7563,7 +7621,7 @@ const ta = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, ia = /* @__PURE__ */ w(ta, [["render", ea]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ia = /* @__PURE__ */ v(ta, [["render", ea]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: Ye,
   WAlert: Ze,
@@ -7585,7 +7643,7 @@ const ta = {
   WFormElement: ki,
   WGrid: Si,
   WIcon: Vi,
-  WImage: Li,
+  WImage: Ri,
   WInput: Hi,
   WList: ji,
   WMenu: Xi,
@@ -7609,7 +7667,7 @@ const ta = {
   WTimeline: ko,
   WToolbar: So,
   WTooltip: Vo,
-  WTransitionBounce: Ro,
+  WTransitionBounce: Lo,
   WTransitionExpand: Oo,
   WTransitionFade: zo,
   WTransitionScale: Ao,