wave-ui 3.1.2 → 3.2.0

package/dist/wave-ui.es.js

@@ -8,8 +8,8 @@ var X = (e, t, l) => (ae(e, t, "read from private field"), l ? l.call(e) : t.get
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, l);
-}, te = (e, t, l, a) => (ae(e, t, "write to private field"), a ? a.call(e, l) : t.set(e, l), l);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as b, Teleport as ke, createVNode as V, TransitionGroup as pe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as _, renderList as T, mergeProps as B, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as N, createTextVNode as C, toDisplayString as k, Transition as x, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as me, vModelText as ge, vModelDynamic as Se, KeepAlive as $e } from "vue";
+}, te = (e, t, l, o) => (ae(e, t, "write to private field"), o ? o.call(e, l) : t.set(e, l), l);
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as b, Teleport as ke, createVNode as I, TransitionGroup as pe, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as _, renderList as T, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as A, createTextVNode as B, toDisplayString as k, Transition as x, normalizeStyle as L, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as ge, vModelText as me, vModelDynamic as Se, KeepAlive as $e } from "vue";
 const Ve = G({
   on: "#app",
   breakpoints: {
@@ -56,30 +56,30 @@ const Ve = G({
     t = Object.assign(t, e);
   else
     for (const l in e) {
-      const a = e[l];
-      typeof a == "object" ? be(e[l], t[l]) : t[l] = a;
+      const o = e[l];
+      typeof o == "object" ? be(e[l], t[l]) : t[l] = o;
     }
   return t;
 }, Ie = ["innerHTML"];
-function Re(e, t, l, a, o, i) {
-  const n = $("w-alert");
+function Re(e, t, l, o, n, i) {
+  const a = $("w-alert");
   return s(), b(ke, { to: ".w-app" }, [
-    V(pe, {
+    I(pe, {
       class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
       tag: "div",
       name: i.transition,
       appear: ""
     }, {
-      default: m(() => [
+      default: g(() => [
         (s(!0), u(_, null, T(i.notifications, (r) => (s(), u(_, null, [
-          r._value ? (s(), b(n, B({
+          r._value ? (s(), b(a, C({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
             "onUpdate:modelValue": (d) => r._value = d,
             onClose: r.dismiss
           }, i.notifProps(r)), {
-            default: m(() => [
+            default: g(() => [
               w("div", {
                 innerHTML: r.message
               }, null, 8, Ie)
@@ -94,8 +94,8 @@ function Re(e, t, l, a, o, i) {
 }
 const v = (e, t) => {
   const l = e.__vccOpts || e;
-  for (const [a, o] of t)
-    l[a] = o;
+  for (const [o, n] of t)
+    l[o] = n;
   return l;
 }, Le = {
   name: "w-notification-manager",
@@ -113,7 +113,7 @@ const v = (e, t) => {
   },
   methods: {
     notifProps(e) {
-      const { _value: t, _uid: l, message: a, timeout: o, ...i } = e;
+      const { _value: t, _uid: l, message: o, timeout: n, ...i } = e;
       return i.dismiss && (i.dismiss = !0), i;
     }
   }
@@ -142,11 +142,11 @@ const H = class {
     if (typeof t[0] == "object")
       l = { ...l, ...t[0] };
     else {
-      const [a, o, i] = t;
+      const [o, n, i] = t;
       l = {
         ...l,
-        message: a || "",
-        [o === void 0 ? "info" : o]: !0,
+        message: o || "",
+        [n === void 0 ? "info" : n]: !0,
         timeout: i || i === 0 ? parseFloat(i) : 4e3
       };
     }
@@ -159,39 +159,39 @@ const H = class {
 let Y = H;
 K = new WeakMap(), ee(Y, K, void 0);
 const xe = (e, t, l) => {
-  const a = document.createElement("div");
-  e.appendChild(a);
-  const o = _e(Ce({
+  const o = document.createElement("div");
+  e.appendChild(o);
+  const n = _e(Ce({
     ...Te,
     inject: ["$waveui"]
   })).provide("$waveui", l);
   for (const i in t) {
-    const n = t[i];
-    o.component(n.name, { ...n, inject: ["$waveui"] });
+    const a = t[i];
+    n.component(a.name, { ...a, inject: ["$waveui"] });
   }
-  o.mount(a), a.remove();
+  n.mount(o), o.remove();
 }, oe = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Pe = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
     l.shades = {};
-    for (let a in l) {
-      if (a === "shades")
+    for (let o in l) {
+      if (o === "shades")
         continue;
-      a = { label: a, color: l[a].replace("#", "") };
-      const o = a.color;
-      o.length === 3 && (a.color = o[0] + "" + o[0] + o[1] + o[1] + o[2] + o[2]);
+      o = { label: o, color: l[o].replace("#", "") };
+      const n = o.color;
+      n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let i = 1; i <= 3; i++) {
-        const n = oe(`#${a.color}`, i * 40), r = oe(`#${a.color}`, -i * 40);
-        l.shades[`${a.label}-light${i}`] = n, l.shades[`${a.label}-dark${i}`] = r;
+        const a = oe(`#${o.color}`, i * 40), r = oe(`#${o.color}`, -i * 40);
+        l.shades[`${o.label}-light${i}`] = a, l.shades[`${o.label}-dark${i}`] = r;
       }
     }
   });
 }, ne = (e, t) => {
   const l = {
-    ...t.reduce((a, o) => {
-      a[o.label] = o.color;
-      const i = (o.shades || []).reduce((n, r) => (n[r.label] = r.color, n), {});
-      return { ...a, ...i };
+    ...t.reduce((o, n) => {
+      o[n.label] = n.color;
+      const i = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
+      return { ...o, ...i };
     }, { ...e, ...e.shades })
   };
   return delete l.shades, l;
@@ -549,35 +549,35 @@ const xe = (e, t, l) => {
 let se = { keys: [], values: [] }, de = null;
 const Oe = (e) => {
   let t = "";
-  const l = {}, { info: a, warning: o, success: i, error: n, shades: r, ...d } = e, { cssScope: h } = U;
-  for (const g in d)
-    t += `${h} .${g}--bg{background-color:var(--w-${g}-color)}${h} .${g}{color:var(--w-${g}-color)}`;
-  for (const g in r)
-    t += `${h} .${g}--bg{background-color:${r[g]}}${h} .${g}{color:${r[g]}}`;
-  const y = { ...d, info: a, warning: o, success: i, error: n };
-  for (const g in y)
-    l[g] = y[g];
+  const l = {}, { info: o, warning: n, success: i, error: a, shades: r, ...d } = e, { cssScope: h } = U;
+  for (const m in d)
+    t += `${h} .${m}--bg{background-color:var(--w-${m}-color)}${h} .${m}{color:var(--w-${m}-color)}`;
+  for (const m in r)
+    t += `${h} .${m}--bg{background-color:${r[m]}}${h} .${m}{color:${r[m]}}`;
+  const y = { ...d, info: o, warning: n, success: i, error: a };
+  for (const m in y)
+    l[m] = y[m];
   let S = "";
-  return Object.entries(l).forEach(([g, R]) => {
-    S += `--w-${g}-color: ${R};`;
+  return Object.entries(l).forEach(([m, R]) => {
+    S += `--w-${m}-color: ${R};`;
   }), `:root{${S}}${t}`;
 }, ze = (e, t) => {
   let l = "";
-  const { cssScope: a } = U;
-  return e.forEach(({ min: o, label: i }) => {
+  const { cssScope: o } = U;
+  return e.forEach(({ min: n, label: i }) => {
     if (i === "xs")
-      for (let n = 0; n < t; n++)
-        l += `${a} .${i}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+      for (let a = 0; a < t; a++)
+        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
-      l += `@media(min-width:${o}px){`;
-      for (let n = 0; n < t; n++)
-        l += `${a} .${i}${t - n}{width:${parseFloat(((t - n) * 100 / t).toFixed(4))}%;}`;
+      l += `@media(min-width:${n}px){`;
+      for (let a = 0; a < t; a++)
+        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
       l += "}";
     }
   }), l;
 }, Ee = (e) => {
   let t = "";
-  const { cssScope: l, baseIncrement: a } = U, o = [
+  const { cssScope: l, baseIncrement: o } = U, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -611,53 +611,53 @@ const Oe = (e) => {
     "justify-space-around{justify-content:space-around}",
     "justify-space-evenly{justify-content:space-evenly}"
   ], i = Array(12).fill();
-  return e.forEach(({ label: n, min: r }) => {
-    n !== "xs" && (t += `@media(min-width:${r}px){` + o.map((d) => `${l} .${n}u-${d}`).join("") + i.map((d, h) => `.w-grid.${n}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${n}u-gap${h + 1},.w-grid.${n}u-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${n}u-gap0,.w-flex.${n}u-gap0{gap:0}}`);
-  }), e.forEach(({ label: n, min: r, max: d }) => {
-    t += `@media (min-width:${r}px) and (max-width:${d}px){` + o.map((h) => `${l} .${n}-${h}`).join("") + i.map((h, y) => `.w-grid.${n}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${n}-gap${y + 1},.w-grid.${n}-gap${y + 1}{gap:${(y + 1) * a}px;}`).join("") + `.w-flex.${n}-gap0,.w-flex.${n}-gap0{gap:0}}`;
-  }), e.forEach(({ label: n, max: r }) => {
-    n !== "xl" && (t += `@media (max-width:${r}px){` + o.map((d) => `${l} .${n}d-${d}`).join("") + i.map((d, h) => `.w-grid.${n}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${n}d-gap${h + 1},.w-grid.${n}d-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${n}d-gap0,.w-flex.${n}d-gap0{gap:0}}`);
+  return e.forEach(({ label: a, min: r }) => {
+    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${l} .${a}u-${d}`).join("") + i.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+  }), e.forEach(({ label: a, min: r, max: d }) => {
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${l} .${a}-${h}`).join("") + i.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+  }), e.forEach(({ label: a, max: r }) => {
+    a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${l} .${a}d-${d}`).join("") + i.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
 }, ue = (e) => {
   const t = window.innerWidth, l = se.values.slice(0);
-  l.push(t), l.sort((o, i) => o - i);
-  const a = se.keys[l.indexOf(t)] || "xl";
-  a !== de && (de = a, e.breakpoint = {
-    name: a,
-    xs: a === "xs",
-    sm: a === "sm",
-    md: a === "md",
-    lg: a === "lg",
-    xl: a === "xl",
+  l.push(t), l.sort((n, i) => n - i);
+  const o = se.keys[l.indexOf(t)] || "xl";
+  o !== de && (de = o, e.breakpoint = {
+    name: o,
+    xs: o === "xs",
+    sm: o === "sm",
+    md: o === "md",
+    lg: o === "lg",
+    xl: o === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
 }, Me = (e) => {
   const { config: t } = e;
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const l = document.createElement("style");
-    l.id = "wave-ui-styles", l.innerHTML = We(t);
-    const a = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    a ? a.before(l) : document.head.appendChild(l);
+    l.id = "wave-ui-styles", l.innerHTML = Ne(t);
+    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    o ? o.before(l) : document.head.appendChild(l);
   }
   ue(e), window.addEventListener("resize", () => ue(e));
-}, Ne = (e) => {
+}, Ae = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
     t.id = "wave-ui-colors", t.innerHTML = Oe(e);
     const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     l ? l.before(t) : document.head.appendChild(t);
   }
-}, We = (e) => {
-  const t = Object.entries(e.breakpoints), l = t.map(([i, n], r) => {
+}, Ne = (e) => {
+  const t = Object.entries(e.breakpoints), l = t.map(([i, a], r) => {
     const [, d = 0] = t[r - 1] || [];
-    return { label: i, min: d ? d + 1 : 0, max: n };
-  }), a = getComputedStyle(document.documentElement);
-  U.cssScope = a.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(a.getPropertyValue("--w-base-increment"));
-  let o = "";
-  return o += ze(l, e.css.grid), e.css.breakpointLayoutClasses && (o += Ee(l)), o;
+    return { label: i, min: d ? d + 1 : 0, max: a };
+  }), o = getComputedStyle(document.documentElement);
+  U.cssScope = o.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
+  let n = "";
+  return n += ze(l, e.css.grid), e.css.breakpointLayoutClasses && (n += Ee(l)), n;
 };
 let he = !1;
-const Ae = (e) => {
+const We = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (l) => {
     e.preferredTheme = l.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
@@ -688,10 +688,10 @@ const j = class {
         this._notificationManager.notify(...t);
       },
       switchTheme(t, l = !1) {
-        var o, i;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (o = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : o.remove) == null || i.call(o);
-        const a = this.config.colors[this.theme];
-        Ne(a), this.colors = ne(a, re);
+        var n, i;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || i.call(n);
+        const o = this.config.colors[this.theme];
+        Ae(o), this.colors = ne(o, re);
       }
     });
     if (X(j, q)) {
@@ -699,47 +699,47 @@ const j = class {
       return;
     }
     if (this.$waveui._notificationManager = new Y(), l.theme || (l.theme = "light"), l.colors) {
-      const n = { ...l.colors };
-      l.colors.light || (l.colors.light = n), l.colors.dark || (l.colors.dark = n), l.colors = { light: l.colors.light, dark: l.colors.dark };
+      const a = { ...l.colors };
+      l.colors.light || (l.colors.light = a), l.colors.dark || (l.colors.dark = a), l.colors = { light: l.colors.light, dark: l.colors.dark };
     }
-    let { components: a, ...o } = l;
-    o = this.$waveui.config = be(o), o.css.colorShades && Pe(o);
+    let { components: o, ...n } = l;
+    n = this.$waveui.config = be(n), n.css.colorShades && Pe(n);
     const i = G(this.$waveui);
-    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), o.theme !== "auto" && (this.$waveui.colors = ne(o.colors[o.theme], re));
+    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = ne(n.colors[n.theme], re));
   }
   static install(t, l = {}) {
-    var o;
+    var n;
     t.directive("focus", {
       mounted: (i) => setTimeout(() => i.focus(), 0)
     }), t.directive("scroll", {
-      mounted: (i, n) => {
+      mounted: (i, a) => {
         const r = (d) => {
-          n.value(d, i) && window.removeEventListener("scroll", r);
+          a.value(d, i) && window.removeEventListener("scroll", r);
         };
         window.addEventListener("scroll", r);
       }
     });
-    const { components: a = {} } = l || {};
-    for (const i in a) {
-      const n = a[i];
-      (o = l.presets) != null && o[n.name] && Ke(n, l.presets[n.name]), t.component(n.name, n);
+    const { components: o = {} } = l || {};
+    for (const i in o) {
+      const a = o[i];
+      (n = l.presets) != null && n[a.name] && Ke(a, l.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       beforeMount() {
         if (!he) {
           he = !0;
-          const i = Be("$waveui"), { config: n } = i, r = document.querySelector(n.on) || document.body;
-          r.classList.add("w-app"), n.theme === "auto" ? Ae(i) : i.switchTheme(n.theme, !0), Me(i), xe(r, a, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          const i = Be("$waveui"), { config: a } = i, r = document.querySelector(a.on) || document.body;
+          r.classList.add("w-app"), a.theme === "auto" ? We(i) : i.switchTheme(a.theme, !0), Me(i), xe(r, o, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new j(t, l), te(j, q, !0);
   }
 };
-let A = j;
-q = new WeakMap(), ee(A, q, !1);
+let W = j;
+q = new WeakMap(), ee(W, q, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], He = ["innerHTML"], je = ["innerHTML"];
-function Ue(e, t, l, a, o, i) {
-  const n = $("w-button"), r = $("w-transition-expand");
+function Ue(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
     class: f(["w-accordion", i.accordionClasses])
   }, [
@@ -755,7 +755,7 @@ function Ue(e, t, l, a, o, i) {
         onKeypress: M((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        l.expandIcon && !l.expandIconRight ? (s(), b(n, {
+        l.expandIcon && !l.expandIconRight ? (s(), b(a, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -783,7 +783,7 @@ function Ue(e, t, l, a, o, i) {
             innerHTML: d[l.itemTitleKey]
           }, null, 8, He)
         ]),
-        l.expandIcon && l.expandIconRight ? (s(), b(n, {
+        l.expandIcon && l.expandIconRight ? (s(), b(a, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -793,12 +793,12 @@ function Ue(e, t, l, a, o, i) {
           onClick: E((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
-      V(r, {
+      I(r, {
         y: "",
         onAfterLeave: (y) => i.onEndOfCollapse(d),
         duration: l.duration
       }, {
-        default: m(() => [
+        default: g(() => [
           d._expanded ? (s(), u("div", {
             key: 0,
             class: f(["w-accordion__item-content", l.contentClass])
@@ -869,8 +869,8 @@ const qe = {
   },
   methods: {
     toggleItem(e, t) {
-      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((a) => a._index !== e._index && (a._expanded = !1));
-      const l = this.accordionItems.map((a) => a._expanded || !1);
+      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((o) => o._index !== e._index && (o._expanded = !1));
+      const l = this.accordionItems.map((o) => o._expanded || !1);
       this.$emit("update:modelValue", l), this.$emit("input", l), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
     },
     onEndOfCollapse(e) {
@@ -912,19 +912,19 @@ const qe = {
     }
   }
 }, Ge = /* @__PURE__ */ v(qe, [["render", Ue]]), Xe = { class: "w-alert__content" };
-function Ye(e, t, l, a, o, i) {
-  const n = $("w-icon"), r = $("w-button");
-  return o.show ? (s(), u("div", B({
+function Ye(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-button");
+  return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
-  }, N(e.$attrs, !0), { class: i.classes }), [
+  }, A(e.$attrs, !0), { class: i.classes }), [
     i.type || l.icon || l.dismiss ? (s(), u(_, { key: 0 }, [
-      i.type || l.icon ? (s(), b(n, {
+      i.type || l.icon ? (s(), b(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
-        default: m(() => [
-          C(k(i.type ? i.typeIcon : l.icon), 1)
+        default: g(() => [
+          B(k(i.type ? i.typeIcon : l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -935,7 +935,7 @@ function Ye(e, t, l, a, o, i) {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
-          e.$emit("update:modelValue", o.show = !1), e.$emit("input", !1), e.$emit("close", !1);
+          e.$emit("update:modelValue", n.show = !1), e.$emit("input", !1), e.$emit("close", !1);
         }),
         icon: "wi-cross",
         color: "inherit",
@@ -1025,7 +1025,7 @@ const Je = {
     }
   }
 }, Qe = /* @__PURE__ */ v(Je, [["render", Ye]]), Ze = { class: "w-app" };
-function et(e, t, l, a, o, i) {
+function et(e, t, l, o, n, i) {
   return s(), u("div", Ze, [
     p(e.$slots, "default")
   ]);
@@ -1046,13 +1046,13 @@ const tt = {
     textRight: { type: Boolean }
   }
 }, lt = /* @__PURE__ */ v(tt, [["render", et]]);
-function it(e, t, l, a, o, i) {
-  return s(), u("div", B({ class: "w-badge-wrap" }, N(e.$attrs, !0)), [
+function it(e, t, l, o, n, i) {
+  return s(), u("div", C({ class: "w-badge-wrap" }, A(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    V(x, {
+    I(x, {
       name: `${l.transition}`
     }, {
-      default: m(() => [
+      default: g(() => [
         l.modelValue ? (s(), u("div", {
           key: 0,
           class: f(["w-badge", i.classes]),
@@ -1063,7 +1063,7 @@ function it(e, t, l, a, o, i) {
           role: "status"
         }, [
           l.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
-            C(k(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+            B(k(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -1135,8 +1135,8 @@ const st = {
     }
   }
 }, at = /* @__PURE__ */ v(st, [["render", it]]), ot = ["innerHTML"];
-function nt(e, t, l, a, o, i) {
-  const n = $("w-icon");
+function nt(e, t, l, o, n, i) {
+  const a = $("w-icon");
   return s(), u("div", {
     class: f(["w-breadcrumbs", i.classes])
   }, [
@@ -1146,23 +1146,23 @@ function nt(e, t, l, a, o, i) {
         key: `${d}a`
       }, [
         p(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), b(n, {
+      ], 2)) : d ? (s(), b(a, {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}b`
       }, {
-        default: m(() => [
-          C(k(l.icon), 1)
+        default: g(() => [
+          B(k(l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
       r[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(_, { key: 2 }, [
-        e.$slots.item ? (s(), b(I(i.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (s(), b(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}c`,
           to: i.hasRouter && r[l.itemRouteKey],
           href: r[l.itemRouteKey]
         }, {
-          default: m(() => [
+          default: g(() => [
             p(e.$slots, "item", {
               item: r,
               index: d + 1,
@@ -1170,7 +1170,7 @@ function nt(e, t, l, a, o, i) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), b(I(i.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (s(), b(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}d`,
           to: i.hasRouter && r[l.itemRouteKey],
@@ -1233,23 +1233,23 @@ const rt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function ct(e, t, l, a, o, i) {
-  const n = $("w-icon");
-  return s(), b(I(l.route ? "a" : "button"), B({
+function ct(e, t, l, o, n, i) {
+  const a = $("w-icon");
+  return s(), b(V(l.route ? "a" : "button"), C({
     class: ["w-button", i.classes],
     type: !l.route && l.type,
     href: l.route && (i.externalLink ? l.route : i.resolvedRoute) || null,
     disabled: !!l.disabled || null
-  }, N(i.listeners), { style: i.styles }), {
-    default: m(() => [
-      l.icon ? (s(), b(n, ie(B({ key: 0 }, l.iconProps || {})), {
-        default: m(() => [
-          C(k(l.icon), 1)
+  }, A(i.listeners), { style: i.styles }), {
+    default: g(() => [
+      l.icon ? (s(), b(a, ie(C({ key: 0 }, l.iconProps || {})), {
+        default: g(() => [
+          B(k(l.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      V(x, { name: "scale-fade" }, {
-        default: m(() => [
+      I(x, { name: "scale-fade" }, {
+        default: g(() => [
           l.loading ? (s(), u("div", ut, [
             p(e.$slots, "loading", {}, () => [
               ht
@@ -1352,24 +1352,24 @@ const pt = {
       };
     }
   }
-}, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = ["innerHTML"];
-function gt(e, t, l, a, o, i) {
-  const n = $("button-partial");
-  return l.tooltip ? (s(), b(I("w-tooltip"), ie(B({ key: 0 }, l.tooltipProps || {})), {
-    activator: m(({ on: r }) => [
-      V(n, B(i.buttonProps, N(r)), {
-        default: m(() => [
+}, ft = /* @__PURE__ */ v(pt, [["render", ct]]), gt = ["innerHTML"];
+function mt(e, t, l, o, n, i) {
+  const a = $("button-partial");
+  return l.tooltip ? (s(), b(V("w-tooltip"), ie(C({ key: 0 }, l.tooltipProps || {})), {
+    activator: g(({ on: r }) => [
+      I(a, C(i.buttonProps, A(r)), {
+        default: g(() => [
           p(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
     ]),
-    default: m(() => [
-      w("div", { innerHTML: l.tooltip }, null, 8, mt)
+    default: g(() => [
+      w("div", { innerHTML: l.tooltip }, null, 8, gt)
     ]),
     _: 3
-  }, 16)) : (s(), b(n, ie(B({ key: 1 }, i.buttonProps)), {
-    default: m(() => [
+  }, 16)) : (s(), b(a, ie(C({ key: 1 }, i.buttonProps)), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -1419,9 +1419,9 @@ const bt = {
       return { ...l, ...this.$attrs };
     }
   }
-}, yt = /* @__PURE__ */ v(bt, [["render", gt]]), W = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), wt = ["innerHTML"];
-function vt(e, t, l, a, o, i) {
-  const n = $("w-image");
+}, yt = /* @__PURE__ */ v(bt, [["render", mt]]), N = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), wt = ["innerHTML"];
+function vt(e, t, l, o, n, i) {
+  const a = $("w-image");
   return s(), u("div", {
     class: f(["w-card", i.classes])
   }, [
@@ -1435,12 +1435,12 @@ function vt(e, t, l, a, o, i) {
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }]),
       innerHTML: l.title
     }, null, 10, wt)) : c("", !0),
-    l.image ? (s(), b(n, B({
+    l.image ? (s(), b(a, C({
       key: 2,
       class: "w-card__image",
       src: l.image
     }, i.imgProps), {
-      default: m(() => [
+      default: g(() => [
         p(e.$slots, "image-content")
       ]),
       _: 3
@@ -1477,10 +1477,10 @@ const kt = {
   emits: [],
   computed: {
     titleClasses() {
-      return W(this.titleClass);
+      return N(this.titleClass);
     },
     contentClasses() {
-      return W(this.contentClass);
+      return N(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1555,30 +1555,30 @@ const kt = {
 ], -1), Vt = [
   $t
 ], It = ["for"], Rt = ["for", "innerHTML"];
-function Lt(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isChecked, disabled: e.isDisabled }, {
+function Lt(e, t, l, o, n, i) {
+  return s(), b(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[5] || (t[5] = (n) => e.valid = n),
-    onReset: t[6] || (t[6] = (n) => {
-      e.$emit("update:modelValue", o.isChecked = null), e.$emit("input", null);
+    "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
+    onReset: t[6] || (t[6] = (a) => {
+      e.$emit("update:modelValue", n.isChecked = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       w("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: o.isChecked || null,
+        checked: n.isChecked || null,
         disabled: e.isDisabled || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (n) => e.$emit("focus", n)),
-        onBlur: t[1] || (t[1] = (n) => e.$emit("blur", n)),
-        onChange: t[2] || (t[2] = (n) => i.onInput()),
-        onKeypress: t[3] || (t[3] = M((...n) => i.onInput && i.onInput(...n), ["enter"])),
-        "aria-checked": o.isChecked || "false",
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
+        onChange: t[2] || (t[2] = (a) => i.onInput()),
+        onKeypress: t[3] || (t[3] = M((...a) => i.onInput && i.onInput(...a), ["enter"])),
+        "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, Ct),
       i.hasLabel && l.labelOnLeft ? (s(), u(_, { key: 0 }, [
@@ -1588,7 +1588,7 @@ function Lt(e, t, l, a, o, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
         ], 10, Bt)) : l.label ? (s(), u("label", {
           key: 1,
@@ -1599,7 +1599,7 @@ function Lt(e, t, l, a, o, i) {
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-checkbox__input", this.color]),
-        onClick: t[4] || (t[4] = (n) => {
+        onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, Vt, 2),
@@ -1610,7 +1610,7 @@ function Lt(e, t, l, a, o, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
         ], 10, It)) : l.label ? (s(), u("label", {
           key: 1,
@@ -1683,9 +1683,9 @@ const Tt = {
     }
   }
 }, xt = /* @__PURE__ */ v(Tt, [["render", Lt]]), Pt = ["innerHTML"];
-function Ot(e, t, l, a, o, i) {
-  const n = $("w-checkbox");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+function Ot(e, t, l, o, n, i) {
+  const a = $("w-checkbox");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: i.reset,
@@ -1693,8 +1693,8 @@ function Ot(e, t, l, a, o, i) {
     wrap: l.inline,
     class: i.classes
   }), {
-    default: m(() => [
-      (s(!0), u(_, null, T(i.checkboxItems, (r, d) => (s(), b(n, B({
+    default: g(() => [
+      (s(!0), u(_, null, T(i.checkboxItems, (r, d) => (s(), b(a, C({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
@@ -1705,7 +1705,7 @@ function Ot(e, t, l, a, o, i) {
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
       }), {
-        default: m(() => [
+        default: g(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(r),
@@ -1769,83 +1769,82 @@ const zt = {
     },
     toggleCheck(e, t) {
       e._isChecked = t;
-      const l = this.checkboxItems.filter((a) => a._isChecked).map((a) => a.value);
+      const l = this.checkboxItems.filter((o) => o._isChecked).map((o) => o.value);
       this.$emit("update:modelValue", l), this.$emit("input", l);
     },
     getOriginalItem(e) {
       return this.items[e._index];
     }
   }
-}, Et = /* @__PURE__ */ v(zt, [["render", Ot]]), Mt = { class: "w-confirm" };
-function Nt(e, t, l, a, o, i) {
-  const n = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = fe("focus");
-  return s(), u("div", Mt, [
-    V(d, B({
-      modelValue: e.showPopup,
-      "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
-    }, i.wMenuProps), {
-      activator: m(({ on: y }) => [
-        V(n, B({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
-          default: m(() => [
-            p(e.$slots, "default")
-          ]),
-          _: 2
-        }, 1040)
-      ]),
-      default: m(() => [
-        V(r, {
-          column: !l.inline,
-          "align-center": ""
-        }, {
-          default: m(() => [
-            w("div", null, [
-              p(e.$slots, "question", {}, () => [
-                C(k(l.question), 1)
-              ])
-            ]),
-            w("div", {
-              class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
-            }, [
-              l.cancel !== !1 ? (s(), b(n, B({
-                key: 0,
-                class: "mr2"
-              }, i.cancelButtonProps, {
-                "bg-color": (i.cancelButton || {}).bgColor || "error",
-                onKeyup: t[0] || (t[0] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
-                onClick: i.onCancel
-              }), {
-                default: m(() => [
-                  p(e.$slots, "cancel", {}, () => [
-                    C(k(i.cancelButton.label), 1)
-                  ])
-                ]),
-                _: 3
-              }, 16, ["bg-color", "onClick"])) : c("", !0),
-              D((s(), b(n, B(i.confirmButtonProps, {
-                "bg-color": (i.confirmButton || {}).bgColor || "success",
-                onKeyup: t[1] || (t[1] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
-                onClick: i.onConfirm
-              }), {
-                default: m(() => [
-                  p(e.$slots, "confirm", {}, () => [
-                    C(k(i.confirmButton.label), 1)
-                  ])
-                ]),
-                _: 3
-              }, 16, ["bg-color", "onClick"])), [
-                [h]
-              ])
-            ], 2)
+}, Et = /* @__PURE__ */ v(zt, [["render", Ot]]);
+function Mt(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = fe("focus");
+  return s(), b(d, C({
+    modelValue: e.showPopup,
+    "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
+  }, i.wMenuProps), {
+    activator: g(({ on: y }) => [
+      I(a, C({ class: "w-confirm" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
+        default: g(() => [
+          p(e.$slots, "default")
+        ]),
+        _: 2
+      }, 1040)
+    ]),
+    default: g(() => [
+      I(r, {
+        column: !l.inline,
+        "align-center": ""
+      }, {
+        default: g(() => [
+          w("div", null, [
+            p(e.$slots, "question", {}, () => [
+              B(k(l.question), 1)
+            ])
           ]),
-          _: 3
-        }, 8, ["column"])
-      ]),
-      _: 3
-    }, 16, ["modelValue"])
-  ]);
+          w("div", {
+            class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
+          }, [
+            l.cancel !== !1 ? (s(), b(a, C({
+              key: 0,
+              class: "mr2"
+            }, i.cancelButtonProps, {
+              "bg-color": (i.cancelButton || {}).bgColor || "error",
+              onKeyup: t[0] || (t[0] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onClick: i.onCancel
+            }), {
+              default: g(() => [
+                p(e.$slots, "cancel", {}, () => [
+                  B(k(i.cancelButton.label), 1)
+                ])
+              ]),
+              _: 3
+            }, 16, ["bg-color", "onClick"])) : c("", !0),
+            D((s(), b(a, C(i.confirmButtonProps, {
+              "bg-color": (i.confirmButton || {}).bgColor || "success",
+              onKeyup: t[1] || (t[1] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onClick: i.onConfirm
+            }), {
+              default: g(() => [
+                p(e.$slots, "confirm", {}, () => [
+                  B(k(i.confirmButton.label), 1)
+                ])
+              ]),
+              _: 3
+            }, 16, ["bg-color", "onClick"])), [
+              [h]
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["column"])
+    ]),
+    _: 3
+  }, 16, ["modelValue"]);
 }
-const Wt = {
+const At = {
   name: "w-confirm",
+  inheritAttrs: !1,
   props: {
     bgColor: { type: String },
     color: { type: String },
@@ -1936,8 +1935,8 @@ const Wt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, At = /* @__PURE__ */ v(Wt, [["render", Nt]]);
-function Kt(e, t, l, a, o, i) {
+}, Nt = /* @__PURE__ */ v(At, [["render", Mt]]);
+function Wt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-date-picker", i.classes]),
     style: L(i.styles)
@@ -1945,7 +1944,7 @@ function Kt(e, t, l, a, o, i) {
     p(e.$slots, "default")
   ], 6);
 }
-const Dt = {
+const Kt = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -1963,12 +1962,12 @@ const Dt = {
       return !1;
     }
   }
-}, Ft = /* @__PURE__ */ v(Dt, [["render", Kt]]);
-function Ht(e, t, l, a, o, i) {
-  const n = $("w-card"), r = $("w-overlay");
+}, Dt = /* @__PURE__ */ v(Kt, [["render", Wt]]);
+function Ft(e, t, l, o, n, i) {
+  const a = $("w-card"), r = $("w-overlay");
   return s(), b(r, {
     class: f(["w-dialog", i.classes]),
-    "model-value": o.showWrapper,
+    "model-value": n.showWrapper,
     persistent: l.persistent,
     "persistent-no-animation": l.persistentNoAnimation,
     onClick: i.onOutsideClick,
@@ -1976,14 +1975,14 @@ function Ht(e, t, l, a, o, i) {
     "bg-color": l.overlayColor,
     opacity: l.overlayOpacity
   }, {
-    default: m(() => [
-      V(x, {
+    default: g(() => [
+      I(x, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
       }, {
-        default: m(() => [
-          D(V(n, {
+        default: g(() => [
+          D(I(a, {
             class: f(["w-dialog__content", l.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -1994,27 +1993,27 @@ function Ht(e, t, l, a, o, i) {
             title: l.title || void 0,
             style: L(i.contentStyles)
           }, Z({
-            default: m(() => [
+            default: g(() => [
               p(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
-              fn: m(() => [
+              fn: g(() => [
                 p(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
-              fn: m(() => [
+              fn: g(() => [
                 p(e.$slots, "actions")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [me, o.showContent]
+            [ge, n.showContent]
           ])
         ]),
         _: 3
@@ -2023,7 +2022,7 @@ function Ht(e, t, l, a, o, i) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const jt = {
+const Ht = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2090,17 +2089,17 @@ const jt = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, Ut = /* @__PURE__ */ v(jt, [["render", Ht]]), qt = ["role", "aria-orientation"];
-function Gt(e, t, l, a, o, i) {
+}, jt = /* @__PURE__ */ v(Ht, [["render", Ft]]), Ut = ["role", "aria-orientation"];
+function qt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": l.vertical ? "vertical" : "horizontal"
   }, [
     p(e.$slots, "default")
-  ], 10, qt);
+  ], 10, Ut);
 }
-const Xt = {
+const Gt = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2120,10 +2119,10 @@ const Xt = {
       };
     }
   }
-}, Yt = /* @__PURE__ */ v(Xt, [["render", Gt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, l, a, o, i) {
-  const n = $("w-overlay");
-  return o.showWrapper || l.pushContent ? (s(), u("div", {
+}, Xt = /* @__PURE__ */ v(Gt, [["render", qt]]), Yt = { class: "w-drawer-wrap__pushable" };
+function Jt(e, t, l, o, n, i) {
+  const a = $("w-overlay");
+  return n.showWrapper || l.pushContent ? (s(), u("div", {
     key: 0,
     class: f(["w-drawer-wrap", i.wrapperClasses])
   }, [
@@ -2132,11 +2131,11 @@ function Qt(e, t, l, a, o, i) {
       class: "w-drawer-wrap__track",
       style: L(i.trackStyles)
     }, [
-      w("div", Jt, [
-        l.noOverlay ? c("", !0) : (s(), b(n, {
+      w("div", Yt, [
+        l.noOverlay ? c("", !0) : (s(), b(a, {
           key: 0,
-          modelValue: o.showDrawer,
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => o.showDrawer = r),
+          modelValue: n.showDrawer,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
           onClick: i.onOutsideClick,
           persistent: l.persistent,
           "persistent-no-animation": "",
@@ -2145,19 +2144,19 @@ function Qt(e, t, l, a, o, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      V(x, {
+      I(x, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: m(() => [
-          o.showDrawer ? (s(), b(I(l.tag || "aside"), {
+        default: g(() => [
+          n.showDrawer ? (s(), b(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: L(i.styles)
           }, {
-            default: m(() => [
+            default: g(() => [
               p(e.$slots, "default")
             ]),
             _: 3
@@ -2166,30 +2165,30 @@ function Qt(e, t, l, a, o, i) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (s(), u(_, { key: 1 }, [
-      l.noOverlay ? c("", !0) : (s(), b(n, {
+      l.noOverlay ? c("", !0) : (s(), b(a, {
         key: 0,
-        modelValue: o.showDrawer,
-        "onUpdate:modelValue": t[1] || (t[1] = (r) => o.showDrawer = r),
+        modelValue: n.showDrawer,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
         onClick: i.onOutsideClick,
         persistent: l.persistent,
         "persistent-no-animation": "",
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      V(x, {
+      I(x, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: m(() => [
-          o.showDrawer ? (s(), b(I(l.tag || "aside"), {
+        default: g(() => [
+          n.showDrawer ? (s(), b(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: L(i.styles)
           }, {
-            default: m(() => [
+            default: g(() => [
               p(e.$slots, "default")
             ]),
             _: 3
@@ -2200,7 +2199,7 @@ function Qt(e, t, l, a, o, i) {
     ], 64))
   ], 2)) : c("", !0);
 }
-const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
+const Qt = { left: "right", right: "left", top: "down", bottom: "up" }, Zt = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2286,7 +2285,7 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${Zt[this.position]}`;
+      return `slide-${Qt[this.position]}`;
     }
   },
   methods: {
@@ -2305,18 +2304,18 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, tl = /* @__PURE__ */ v(el, [["render", Qt]]);
-function ll(e, t, l, a, o, i) {
-  return s(), b(I(l.tag), {
+}, el = /* @__PURE__ */ v(Zt, [["render", Jt]]);
+function tl(e, t, l, o, n, i) {
+  return s(), b(V(l.tag), {
     class: f(["w-flex", i.classes])
   }, {
-    default: m(() => [
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const il = {
+const ll = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2363,23 +2362,23 @@ const il = {
       };
     }
   }
-}, sl = /* @__PURE__ */ v(il, [["render", ll]]);
-function al(e, t, l, a, o, i) {
+}, il = /* @__PURE__ */ v(ll, [["render", tl]]);
+function sl(e, t, l, o, n, i) {
   return s(), u("form", {
     class: f(["w-form", i.classes]),
-    onSubmit: t[0] || (t[0] = (...n) => i.onSubmit && i.onSubmit(...n)),
-    onReset: t[1] || (t[1] = (...n) => i.reset && i.reset(...n)),
+    onSubmit: t[0] || (t[0] = (...a) => i.onSubmit && i.onSubmit(...a)),
+    onReset: t[1] || (t[1] = (...a) => i.reset && i.reset(...a)),
     novalidate: ""
   }, [
     p(e.$slots, "default")
   ], 34);
 }
-const ol = async (e, t) => {
+const al = async (e, t) => {
   for (const l of e)
     if (await t(l))
       return !0;
   return !1;
-}, nl = {
+}, ol = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2437,8 +2436,8 @@ const ol = async (e, t) => {
       let t = 0;
       return await (async () => {
         var l;
-        for (const a of this.formElements)
-          !((l = a.validators) != null && l.length) || a.disabled || a.readonly || (await this.checkElementValidators(a), t += ~~!a.Validation.isValid, a.$emit("update:valid", a.Validation.isValid));
+        for (const o of this.formElements)
+          !((l = o.validators) != null && l.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
       })(), 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) {
@@ -2446,16 +2445,16 @@ const ol = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, l = "";
-      await ol(e.validators, async (a) => {
-        const o = await (typeof a == "function" && a(e.inputValue));
-        return t = typeof o != "string", l = t ? "" : o, !t;
+      await al(e.validators, async (o) => {
+        const n = await (typeof o == "function" && o(e.inputValue));
+        return t = typeof n != "string", l = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
     },
     reset(e) {
       this.status = null, this.formElements.forEach((t) => t.reset()), this.updateErrorsCount(0, !0), this.$emit("reset", e);
     },
     updateErrorsCount(e = null, t = !1) {
-      this.errorsCount = e !== null ? e : this.formElements.reduce((l, a) => l + ~~(a.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((l, o) => l + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
     },
     onSubmit(e) {
       this.validate(e), this.$emit("submit", e), (!this.allowSubmit || !this.status) && e.preventDefault();
@@ -2469,9 +2468,9 @@ const ol = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, rl = /* @__PURE__ */ v(nl, [["render", al]]);
-function dl(e, t, l, a, o, i) {
-  const n = $("w-transition-expand");
+}, nl = /* @__PURE__ */ v(ol, [["render", sl]]);
+function rl(e, t, l, o, n, i) {
+  const a = $("w-transition-expand");
   return s(), u("div", {
     class: f(i.classes)
   }, [
@@ -2480,8 +2479,8 @@ function dl(e, t, l, a, o, i) {
     }, [
       p(e.$slots, "default")
     ], 2),
-    V(n, { y: "" }, {
-      default: m(() => [
+    I(a, { y: "" }, {
+      default: g(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
           class: f(["w-form-el__error", i.formProps.validationColor])
@@ -2489,7 +2488,7 @@ function dl(e, t, l, a, o, i) {
           p(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            C(k(e.Validation.message), 1)
+            B(k(e.Validation.message), 1)
           ])
         ], 2)) : c("", !0)
       ]),
@@ -2497,7 +2496,7 @@ function dl(e, t, l, a, o, i) {
     })
   ], 2);
 }
-const ul = {
+const dl = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2563,18 +2562,18 @@ const ul = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, hl = /* @__PURE__ */ v(ul, [["render", dl]]);
-function cl(e, t, l, a, o, i) {
-  return s(), b(I(l.tag), {
+}, ul = /* @__PURE__ */ v(dl, [["render", rl]]);
+function hl(e, t, l, o, n, i) {
+  return s(), b(V(l.tag), {
     class: f(["w-grid", i.classes])
   }, {
-    default: m(() => [
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const pl = {
+const cl = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2610,25 +2609,25 @@ const pl = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [a, o]) => (l[`${a}-columns${o}`] = !0, l), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [o, n]) => (l[`${o}-columns${n}`] = !0, l), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [a, o]) => (l[`${a}-gap${o}`] = !0, l), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [o, n]) => (l[`${o}-gap${n}`] = !0, l), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
-}, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
-function ml(e, t, l, a, o, i) {
-  return s(), b(I(l.tag || "i"), B({ class: "w-icon" }, N(e.$attrs), {
+}, pl = /* @__PURE__ */ v(cl, [["render", hl]]);
+function fl(e, t, l, o, n, i) {
+  return s(), b(V(l.tag || "i"), C({ class: "w-icon" }, A(e.$attrs), {
     class: i.classes,
     role: "icon",
     "aria-hidden": "true",
     style: i.readIcon() && i.styles
   }), {
-    default: m(() => [
+    default: g(() => [
       i.hasLigature ? (s(), u(_, { key: 0 }, [
-        C(k(e.icon), 1)
+        B(k(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
@@ -2703,43 +2702,43 @@ const gl = {
       return this.fontName = t, this.icon = l, !0;
     }
   }
-}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), J = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), yl = {
+}, ml = /* @__PURE__ */ v(gl, [["render", fl]]), J = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), bl = {
   key: 0,
   class: "w-image__loader"
 };
-function wl(e, t, l, a, o, i) {
-  const n = $("w-progress");
-  return s(), b(I(i.wrapperTag), {
+function yl(e, t, l, o, n, i) {
+  const a = $("w-progress");
+  return s(), b(V(i.wrapperTag), {
     class: f(["w-image-wrap", i.wrapperClasses]),
     style: L(i.wrapperStyles)
   }, {
-    default: m(() => [
-      V(x, {
+    default: g(() => [
+      I(x, {
         name: l.transition,
         appear: ""
       }, {
-        default: m(() => [
-          o.loaded ? (s(), b(I(l.tag), {
+        default: g(() => [
+          n.loaded ? (s(), b(V(l.tag), {
             key: 0,
             class: f(["w-image", i.imageClasses]),
             style: L(i.imageStyles),
-            src: l.tag === "img" ? o.imgSrc : null
+            src: l.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && o.loading ? (s(), u("div", yl, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), b(n, B({
+      !l.noSpinner && n.loading ? (s(), u("div", bl, [
+        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), b(a, C({
           key: 1,
           circle: "",
           indeterminate: ""
         }, l.spinnerColor ? { color: l.spinnerColor } : {}), null, 16))
       ])) : c("", !0),
-      e.$slots.default ? (s(), b(I(i.wrapperTag), {
+      e.$slots.default ? (s(), b(V(i.wrapperTag), {
         key: 1,
         class: f(["w-image__content", l.contentClass])
       }, {
-        default: m(() => [
+        default: g(() => [
           p(e.$slots, "default")
         ]),
         _: 3
@@ -2748,7 +2747,7 @@ function wl(e, t, l, a, o, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const vl = {
+const wl = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2816,8 +2815,8 @@ const vl = {
       if (!this.loading)
         return this.loading = !0, this.loaded = !1, this.$emit("loading", e ? this.fallback : this.src), new Promise((t) => {
           const l = new Image();
-          l.onload = (a) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = a.target.width, this.imgHeight = a.target.height), this.imgComputedRatio = a.target.height / a.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(l)), l.onerror = (a) => {
-            this.$emit("error", a), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
+          l.onload = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(l)), l.onerror = (o) => {
+            this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
           }, l.src = e ? this.fallback : this.src;
         });
     }
@@ -2844,29 +2843,29 @@ const vl = {
       this.imgHeight = e;
     }
   }
-}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Bl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Sl = ["id", "name", "multiple", "data-progress"], $l = {
+}, vl = /* @__PURE__ */ v(wl, [["render", yl]]), kl = ["name"], _l = ["for"], Cl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bl = ["id", "name", "multiple", "data-progress"], Sl = {
   class: "w-input__no-file",
   key: "no-file"
-}, Vl = ["for"], Il = ["for"], Rl = ["src"], Ll = ["for"];
-function Tl(e, t, l, a, o, i) {
-  const n = $("w-icon"), r = $("w-progress");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
+}, $l = ["for"], Vl = ["for"], Il = ["src"], Rl = ["for"];
+function Ll(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-progress");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
-      e.$emit("update:modelValue", o.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       l.type === "hidden" ? D((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => o.inputValue = d)
-      }, null, 8, _l)), [
-        [ge, o.inputValue]
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
+      }, null, 8, kl)), [
+        [me, n.inputValue]
       ]) : (s(), u(_, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(_, { key: 0 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -2875,31 +2874,31 @@ function Tl(e, t, l, a, o, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              C(k(l.label), 1)
+              B(k(l.label), 1)
             ])
-          ], 10, Cl)) : c("", !0)
+          ], 10, _l)) : c("", !0)
         ], 64)) : c("", !0),
         w("div", {
           class: f(["w-input__input-wrap", i.inputWrapClasses])
         }, [
-          l.innerIconLeft ? (s(), b(n, {
+          l.innerIconLeft ? (s(), b(a, {
             key: 0,
             class: "w-input__icon w-input__icon--inner-left",
             tag: "label",
             for: `w-input--${e._.uid}`,
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
-            default: m(() => [
-              C(k(l.innerIconLeft), 1)
+            default: g(() => [
+              B(k(l.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          l.type !== "file" ? D((s(), u("input", B({
+          l.type !== "file" ? D((s(), u("input", C({
             key: 1,
             class: "w-input__input",
             ref: "input",
-            "onUpdate:modelValue": t[2] || (t[2] = (d) => o.inputValue = d)
-          }, N(i.listeners, !0), {
+            "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
+          }, A(i.listeners, !0), {
             onInput: t[3] || (t[3] = (...d) => i.onInput && i.onInput(...d)),
             onFocus: t[4] || (t[4] = (...d) => i.onFocus && i.onFocus(...d)),
             onBlur: t[5] || (t[5] = (...d) => i.onBlur && i.onBlur(...d)),
@@ -2917,10 +2916,10 @@ function Tl(e, t, l, a, o, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, Bl)), [
-            [Se, o.inputValue]
+          }, i.attrs), null, 16, Cl)), [
+            [Se, n.inputValue]
           ]) : (s(), u(_, { key: 2 }, [
-            w("input", B({
+            w("input", C({
               ref: "input",
               id: `w-input--${e._.uid}`,
               type: "file",
@@ -2931,30 +2930,30 @@ function Tl(e, t, l, a, o, i) {
               multiple: l.multiple || null
             }, i.attrs, {
               "data-progress": i.overallFilesProgress
-            }), null, 16, Sl),
-            V(pe, {
+            }), null, 16, Bl),
+            I(pe, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
-              default: m(() => [
-                !o.inputFiles.length && o.isFocused ? (s(), u("span", $l, [
+              default: g(() => [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", Sl, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(_, { key: 0 }, [
-                      C("No file")
+                      B("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
-                (s(!0), u(_, null, T(o.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(_, null, T(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  C(k(h ? ", " : ""), 1),
+                  B(k(h ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, k(d.base), 1)),
-                  C(k(d.extension ? `.${d.extension}` : ""), 1)
+                  B(k(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -2967,19 +2966,19 @@ function Tl(e, t, l, a, o, i) {
               for: `w-input--${e._.uid}`
             }, [
               p(e.$slots, "default", {}, () => [
-                C(k(l.label), 1)
+                B(k(l.label), 1)
               ])
-            ], 10, Vl)) : c("", !0)
+            ], 10, $l)) : c("", !0)
           ], 64)) : c("", !0),
-          l.innerIconRight ? (s(), b(n, {
+          l.innerIconRight ? (s(), b(a, {
             key: 4,
             class: "w-input__icon w-input__icon--inner-right",
             tag: "label",
             for: `w-input--${e._.uid}`,
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
-            default: m(() => [
-              C(k(l.innerIconRight), 1)
+            default: g(() => [
+              B(k(l.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -2991,12 +2990,12 @@ function Tl(e, t, l, a, o, i) {
             "model-value": l.showProgress ? (i.uploadInProgress || i.uploadComplete) && i.overallFilesProgress : i.loadingValue
           }, null, 8, ["color", "model-value"])) : c("", !0)
         ], 2),
-        l.type === "file" && l.preview && o.inputFiles.length ? (s(), u("label", {
+        l.type === "file" && l.preview && n.inputFiles.length ? (s(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(_, null, T(o.inputFiles, (d, h) => (s(), u(_, null, [
+          (s(!0), u(_, null, T(n.inputFiles, (d, h) => (s(), u(_, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3005,12 +3004,12 @@ function Tl(e, t, l, a, o, i) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Rl)) : (s(), u("i", {
+            }, null, 8, Il)) : (s(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", l.preview && typeof l.preview == "string" ? l.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Il)) : c("", !0),
+        ], 8, Vl)) : c("", !0),
         l.labelPosition === "right" ? (s(), u(_, { key: 2 }, [
           e.$slots.default || l.label ? (s(), u("label", {
             key: 0,
@@ -3018,16 +3017,16 @@ function Tl(e, t, l, a, o, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              C(k(l.label), 1)
+              B(k(l.label), 1)
             ])
-          ], 10, Ll)) : c("", !0)
+          ], 10, Rl)) : c("", !0)
         ], 64)) : c("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const xl = {
+const Tl = {
   name: "w-input",
   mixins: [z],
   props: {
@@ -3077,8 +3076,8 @@ const xl = {
       return t;
     },
     listeners() {
-      const { input: e, focus: t, blur: l, ...a } = this.$attrs;
-      return a;
+      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      return o;
     },
     hasValue() {
       switch (this.type) {
@@ -3107,7 +3106,7 @@ const xl = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     overallFilesProgress() {
-      const t = +this.inputFiles.reduce((l, a) => l + a.progress, 0) / this.inputFiles.length;
+      const t = +this.inputFiles.reduce((l, o) => l + o.progress, 0) / this.inputFiles.length;
       return this.$emit("update:overallProgress", this.inputFiles.length ? t : void 0), t;
     },
     uploadInProgress() {
@@ -3161,10 +3160,10 @@ const xl = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((t) => {
-        const [, l = "", a = "", o = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = G({
+        const [, l = "", o = "", n = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = G({
           name: t.name,
-          base: l || o,
-          extension: a,
+          base: l || n,
+          extension: o,
           type: t.type,
           size: t.size,
           lastModified: t.lastModified,
@@ -3176,8 +3175,8 @@ const xl = {
       }), this.$emit("update:modelValue", this.inputFiles), this.$emit("input", this.inputFiles);
     },
     readFile(e, t) {
-      const l = new FileReader(), a = typeof this.preview == "string", o = e.type && e.type.startsWith("image/");
-      this.preview && !a && o ? l.addEventListener("load", (i) => {
+      const l = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !o && n ? l.addEventListener("load", (i) => {
         t.preview = i.target.result;
       }) : delete t.preview, l.addEventListener("progress", (i) => {
         i.loaded && i.total && (t.progress = i.loaded * 100 / i.total);
@@ -3194,9 +3193,9 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1);
     }
   }
-}, Pl = /* @__PURE__ */ v(xl, [["render", Tl]]);
-function Ol(e, t, l, a, o, i) {
-  const n = $("w-icon"), r = $("w-list", !0);
+}, xl = /* @__PURE__ */ v(Tl, [["render", Ll]]);
+function Pl(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
   }, [
@@ -3204,20 +3203,20 @@ function Ol(e, t, l, a, o, i) {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      l.icon ? (s(), b(n, {
+      l.icon ? (s(), b(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
-        default: m(() => [
-          C(k(l.icon), 1)
+        default: g(() => [
+          B(k(l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), b(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), b(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
         key: 1,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), {
-        default: m(() => [
+        default: g(() => [
           e.$slots[`item.${h + 1}`] ? p(e.$slots, `item.${h + 1}`, {
             key: 0,
             item: i.cleanLi(d),
@@ -3234,15 +3233,15 @@ function Ol(e, t, l, a, o, i) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            C(k(d._label), 1)
+            B(k(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), b(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
+      }, 1040)) : (s(), b(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), C({
         key: 2,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), b(r, B({ key: 3 }, e.$props, {
+      (d.children || []).length ? (s(), b(r, C({ key: 3 }, e.$props, {
         items: d.children,
         depth: l.depth + 1,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
@@ -3252,23 +3251,23 @@ function Ol(e, t, l, a, o, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: y, index: S, selected: g }) => [
+          fn: g(({ item: y, index: S, selected: m }) => [
             p(e.$slots, "item", {
               item: i.cleanLi(y),
               index: S,
-              selected: g
+              selected: m
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: y, index: S, selected: g }) => [
+          fn: g(({ item: y, index: S, selected: m }) => [
             p(e.$slots, "default", {
               item: i.cleanLi(y),
               index: S,
-              selected: g
+              selected: m
             }, () => [
-              C(k(y[l.itemLabelKey]), 1)
+              B(k(y[l.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3277,7 +3276,7 @@ function Ol(e, t, l, a, o, i) {
     ], 2))), 128))
   ], 2);
 }
-const zl = {
+const Ol = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3361,14 +3360,14 @@ const zl = {
       };
     },
     liLabelProps(e, t, l) {
-      const a = this.$slots[`item.${t + 1}`] || this.$slots.item, o = () => {
+      const o = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
         }
       }, i = this.isSelectable && ((d) => {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
-      }), n = this.isSelectable && ((d) => {
+      }), a = this.isSelectable && ((d) => {
         !e.disabled && d.keyCode === 13 ? (this.selectItem(e), this.$emit("keydown:enter"), this.$emit("item-select", this.cleanLi(e))) : d.keyCode === 27 ? this.$emit("keydown:escape") : this.arrowsNavigation && [38, 40].includes(d.keyCode) && (d.preventDefault(), d.keyCode === 38 && this.focusPrevNextItem(e._index, !1), d.keyCode === 40 && this.focusPrevNextItem(e._index, !0));
       }), r = {
         class: this.liLabelClasses(e),
@@ -3377,12 +3376,12 @@ const zl = {
         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, a || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
+      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, o || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
         const h = d.target.querySelector('input[type="checkbox"]');
-        h && (h.focus(), h.click()), o();
-      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = n, r.onMousedown = i, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
-        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), o();
-      }) : (r.href = e[this.itemRouteKey], r.onClick = o)), a || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = o, r.onKeydown = n, r.onMousedown = i), a || (r.innerHTML = e._label)), r;
+        h && (h.focus(), h.click()), n();
+      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = i, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
+        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = i), o || (r.innerHTML = e._label)), r;
     },
     checkSelection(e) {
       return e = Array.isArray(e) ? e : e ? [e] : [], this.returnObject && (e = e.map(this.getItemValue)), e;
@@ -3391,7 +3390,7 @@ const zl = {
       const e = this.selectedItems.map((l) => {
         if (!this.returnObject)
           return l._value;
-        const { _value: a, _selected: o, ...i } = l;
+        const { _value: o, _selected: n, ...i } = l;
         return i;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -3402,8 +3401,8 @@ const zl = {
       e === void 0 && (e = this.enabledItemsIndexes[l]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: l, _label: a, _selected: o, _focused: i, ...n } = e;
-      return n;
+      const { _index: t, _value: l, _label: o, _selected: n, _focused: i, ...a } = e;
+      return a;
     },
     refreshListItems() {
       const e = typeof this.items == "number" ? Array(this.items).fill({}) : this.items || [];
@@ -3418,7 +3417,7 @@ const zl = {
     },
     applySelectionOnItems(e) {
       this.isMultipleSelect || this.listItems.forEach((t) => t._selected = !1), this.checkSelection(e).forEach((t) => {
-        const l = this.listItems.find((a) => a._value === t);
+        const l = this.listItems.find((o) => o._value === t);
         l && (l._selected = !0);
       });
     }
@@ -3442,7 +3441,7 @@ const zl = {
       }
     }
   }
-}, El = /* @__PURE__ */ v(zl, [["render", Ol]]), ye = {
+}, zl = /* @__PURE__ */ v(Ol, [["render", Pl]]), ye = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3507,39 +3506,39 @@ const zl = {
       }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize);
     },
     getActivatorCoordinates() {
-      const { top: e, left: t, width: l, height: a } = this.activatorEl.getBoundingClientRect();
-      let o = { top: e, left: t, width: l, height: a };
+      const { top: e, left: t, width: l, height: o } = this.activatorEl.getBoundingClientRect();
+      let n = { top: e, left: t, width: l, height: o };
       if (!this.fixed) {
-        const { top: i, left: n } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
-        o = {
-          ...o,
+        const { top: i, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
+        n = {
+          ...n,
           top: e - i + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
-          left: t - n + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
+          left: t - a + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
-      return o;
+      return n;
     },
     computeDetachableCoords() {
-      let { top: e, left: t, width: l, height: a } = this.getActivatorCoordinates();
+      let { top: e, left: t, width: l, height: o } = this.getActivatorCoordinates();
       if (!this.detachableEl)
         return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
-      const o = window.getComputedStyle(this.detachableEl, null);
+      const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(o.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "bottom": {
-          e += a, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(o.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e += o, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
-          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += a - this.detachableEl.offsetHeight : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2);
+          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += o - this.detachableEl.offsetHeight : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2);
           break;
         }
         case "right": {
-          t += l, this.alignBottom ? e += a - this.detachableEl.offsetHeight + parseInt(o.getPropertyValue("margin-top")) : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2 + parseInt(o.getPropertyValue("margin-top")));
+          t += l, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -3566,11 +3565,11 @@ const zl = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, l]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const a = (o) => {
+        const o = (n) => {
           var i;
-          (e && ((i = o.target) == null ? void 0 : i.matches) && o.target.matches(this.activator) || o.target === this.activatorEl || this.activatorEl.contains(o.target)) && l(o);
+          (e && ((i = n.target) == null ? void 0 : i.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && l(n);
         };
-        document.addEventListener(t, a), this.docEventListenersHandlers.push({ eventName: t, handler: a });
+        document.addEventListener(t, o), this.docEventListenersHandlers.push({ eventName: t, handler: o });
       });
     }
   },
@@ -3594,16 +3593,16 @@ const zl = {
     }
   }
 };
-function Ml(e, t, l, a, o, i) {
-  const n = $("w-card"), r = $("w-overlay");
+function El(e, t, l, o, n, i) {
+  const a = $("w-card"), r = $("w-overlay");
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    V(x, {
+    I(x, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: m(() => [
-        l.custom && e.detachableVisible ? (s(), u("div", B({
+      default: g(() => [
+        l.custom && e.detachableVisible ? (s(), u("div", C({
           key: 0,
           class: "w-menu",
           ref: "detachable"
@@ -3615,7 +3614,7 @@ function Ml(e, t, l, a, o, i) {
           style: i.styles
         }), [
           p(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), b(n, B({
+        ], 16)) : e.detachableVisible ? (s(), b(a, C({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -3631,21 +3630,21 @@ function Ml(e, t, l, a, o, i) {
           class: i.classes,
           style: i.styles
         }), Z({
-          default: m(() => [
+          default: g(() => [
             p(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
-            fn: m(() => [
+            fn: g(() => [
               p(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
-            fn: m(() => [
+            fn: g(() => [
               p(e.$slots, "actions")
             ]),
             key: "1"
@@ -3654,7 +3653,7 @@ function Ml(e, t, l, a, o, i) {
       ]),
       _: 3
     }, 8, ["name"]),
-    l.overlay ? (s(), b(r, B({
+    l.overlay ? (s(), b(r, C({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -3666,7 +3665,7 @@ function Ml(e, t, l, a, o, i) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : c("", !0)
   ], 64);
 }
-const Nl = {
+const Ml = {
   name: "w-menu",
   mixins: [ye],
   inheritAttrs: !1,
@@ -3724,17 +3723,17 @@ const Nl = {
       return this.minWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.minWidth) ? this.minWidth : this.minWidth ? `${this.minWidth}px` : 0;
     },
     menuClasses() {
-      return W(this.menuClass);
+      return N(this.menuClass);
     },
     titleClasses() {
-      return W(this.titleClass);
+      return N(this.titleClass);
     },
     contentClasses() {
-      return W(this.contentClass);
+      return N(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...W(this.overlayClass),
+        ...N(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -3789,26 +3788,26 @@ const Nl = {
       !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));
     }
   }
-}, Wl = /* @__PURE__ */ v(Nl, [["render", Ml]]);
-function Al(e, t, l, a, o, i) {
-  const n = $("w-alert");
+}, Al = /* @__PURE__ */ v(Ml, [["render", El]]);
+function Nl(e, t, l, o, n, i) {
+  const a = $("w-alert");
   return s(), b(x, {
     name: i.transitionName,
     appear: ""
   }, {
-    default: m(() => [
-      o.show ? (s(), u("div", {
+    default: g(() => [
+      n.show ? (s(), u("div", {
         key: 0,
         class: f(["w-notification", i.classes]),
         style: L(i.styles)
       }, [
-        V(n, B(i.alertProps, {
+        I(a, C(i.alertProps, {
           class: i.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
-          default: m(() => [
+          default: g(() => [
             p(e.$slots, "default")
           ]),
           _: 3
@@ -3818,7 +3817,7 @@ function Al(e, t, l, a, o, i) {
     _: 3
   }, 8, ["name"]);
 }
-const Kl = {
+const Wl = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3938,15 +3937,15 @@ const Kl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Dl = /* @__PURE__ */ v(Kl, [["render", Al]]);
-function Fl(e, t, l, a, o, i) {
-  const n = fe("focus");
+}, Kl = /* @__PURE__ */ v(Wl, [["render", Nl]]);
+function Dl(e, t, l, o, n, i) {
+  const a = fe("focus");
   return s(), b(x, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
   }, {
-    default: m(() => [
+    default: g(() => [
       l.modelValue ? D((s(), u("div", {
         key: 0,
         class: f(["w-overlay", i.classes]),
@@ -3958,14 +3957,14 @@ function Fl(e, t, l, a, o, i) {
       }, [
         p(e.$slots, "default")
       ], 38)), [
-        [me, e.showOverlay],
-        [n]
+        [ge, e.showOverlay],
+        [a]
       ]) : c("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const Hl = {
+const Fl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4019,17 +4018,17 @@ const Hl = {
       e && (this.showOverlay = !0);
     }
   }
-}, jl = /* @__PURE__ */ v(Hl, [["render", Fl]]), Ul = { class: "w-parallax" };
-function ql(e, t, l, a, o, i) {
-  return s(), u("div", Ul);
+}, Hl = /* @__PURE__ */ v(Fl, [["render", Dl]]), jl = { class: "w-parallax" };
+function Ul(e, t, l, o, n, i) {
+  return s(), u("div", jl);
 }
-const Gl = {
+const ql = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, Xl = /* @__PURE__ */ v(Gl, [["render", ql]]), Yl = ["viewBox"], Jl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Ql = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zl(e, t, l, a, o, i) {
+}, Gl = /* @__PURE__ */ v(ql, [["render", Ul]]), Xl = ["viewBox"], Yl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Jl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Ql(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-progress", i.classes]),
     style: L(i.styles)
@@ -4047,7 +4046,7 @@ function Zl(e, t, l, a, o, i) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": l.stroke
-      }, null, 10, Jl)) : c("", !0),
+      }, null, 10, Yl)) : c("", !0),
       w("circle", {
         class: "w-progress__progress",
         cx: i.circleCenter,
@@ -4058,8 +4057,8 @@ function Zl(e, t, l, a, o, i) {
         "stroke-linecap": l.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: L(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Ql)
-    ], 8, Yl)) : (s(), u("div", {
+      }, null, 12, Jl)
+    ], 8, Xl)) : (s(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: i.progressValue === 100 }]),
       style: L(`width: ${i.progressValue}%`)
@@ -4069,12 +4068,12 @@ function Zl(e, t, l, a, o, i) {
       class: f(["w-progress__label", l.labelColor || !1])
     }, [
       p(e.$slots, "default", {}, () => [
-        C(k(Math.round(i.progressValue)) + k(l.circle ? "" : "%"), 1)
+        B(k(Math.round(i.progressValue)) + k(l.circle ? "" : "%"), 1)
       ])
     ], 2)) : c("", !0)
   ], 6);
 }
-const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
+const Q = 40, Zl = Q / 2, ei = Math.round(Q * 3.14 * 100) / 100, ti = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4100,8 +4099,8 @@ const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
   emits: [],
   data: () => ({
     circleSize: Q,
-    circleRadius: ei,
-    circleCircumference: ti
+    circleRadius: Zl,
+    circleCircumference: ei
   }),
   computed: {
     progressValue() {
@@ -4140,17 +4139,17 @@ const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
       };
     }
   }
-}, ii = /* @__PURE__ */ v(li, [["render", Zl]]), si = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ai = ["for"], oi = ["for", "innerHTML"], ni = ["for"], ri = ["for", "innerHTML"];
-function di(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister && !i.wRadios ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, li = /* @__PURE__ */ v(ti, [["render", Ql]]), ii = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], si = ["for"], ai = ["for", "innerHTML"], oi = ["for"], ni = ["for", "innerHTML"];
+function ri(e, t, l, o, n, i) {
+  return s(), b(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
-    onReset: t[4] || (t[4] = (n) => {
+    "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
+    onReset: t[4] || (t[4] = (a) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       w("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
@@ -4160,11 +4159,11 @@ function di(e, t, l, a, o, i) {
         disabled: e.isDisabled || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (n) => e.$emit("focus", n)),
-        onChange: t[1] || (t[1] = (n) => i.onInput(n)),
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onChange: t[1] || (t[1] = (a) => i.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, si),
+      }, null, 40, ii),
       i.hasLabel && l.labelOnLeft ? (s(), u(_, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -4172,18 +4171,18 @@ function di(e, t, l, a, o, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, ai)) : l.label ? (s(), u("label", {
+        ], 10, si)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, oi)) : c("", !0)
+        }, null, 10, ai)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-radio__input", this.color]),
-        onClick: t[2] || (t[2] = (n) => {
+        onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
@@ -4194,20 +4193,20 @@ function di(e, t, l, a, o, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, ni)) : l.label ? (s(), u("label", {
+        ], 10, oi)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, ri)) : c("", !0)
+        }, null, 10, ni)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ui = {
+const di = {
   name: "w-radio",
   mixins: [z],
   inject: { wRadios: { default: null } },
@@ -4266,10 +4265,10 @@ const ui = {
       this.toggleFromOutside();
     }
   }
-}, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["innerHTML"];
-function pi(e, t, l, a, o, i) {
-  const n = $("w-radio");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, ui = /* @__PURE__ */ v(di, [["render", ri]]), hi = ["innerHTML"];
+function ci(e, t, l, o, n, i) {
+  const a = $("w-radio");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -4279,8 +4278,8 @@ function pi(e, t, l, a, o, i) {
     wrap: l.inline,
     class: i.classes
   }), {
-    default: m(() => [
-      (s(!0), u(_, null, T(i.radioItems, (r, d) => (s(), b(n, B({
+    default: g(() => [
+      (s(!0), u(_, null, T(i.radioItems, (r, d) => (s(), b(a, C({
         key: d,
         "model-value": r.value === l.modelValue,
         "onUpdate:modelValue": (h) => i.onInput(r),
@@ -4291,7 +4290,7 @@ function pi(e, t, l, a, o, i) {
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
       }), {
-        default: m(() => [
+        default: g(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(r),
@@ -4301,7 +4300,7 @@ function pi(e, t, l, a, o, i) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, ci)) : c("", !0)
+          }, null, 8, hi)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4309,7 +4308,7 @@ function pi(e, t, l, a, o, i) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const fi = {
+const pi = {
   name: "w-radios",
   mixins: [z],
   props: {
@@ -4355,54 +4354,54 @@ const fi = {
       return this.items[e._index];
     }
   }
-}, mi = /* @__PURE__ */ v(fi, [["render", pi]]), gi = ["id", "name", "value"], bi = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yi(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, fi = /* @__PURE__ */ v(pi, [["render", ci]]), gi = ["id", "name", "value"], mi = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function bi(e, t, l, o, n, i) {
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[4] || (t[4] = (n) => e.valid = n),
-    onReset: t[5] || (t[5] = (n) => {
-      e.$emit("update:modelValue", o.rating = null), e.$emit("input", null);
+    "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
+    onReset: t[5] || (t[5] = (a) => {
+      e.$emit("update:modelValue", n.rating = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       w("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
-        value: o.rating
+        value: n.rating
       }, null, 8, gi),
-      (s(!0), u(_, null, T(l.max, (n) => (s(), u(_, { key: n }, [
+      (s(!0), u(_, null, T(l.max, (a) => (s(), u(_, { key: a }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
-          index: n + 1
+          index: a + 1
         }) : c("", !0),
         w("button", {
-          class: f(["w-rating__button", i.buttonClasses(n)]),
+          class: f(["w-rating__button", i.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
-          onMouseenter: (r) => o.hover = n,
-          onMouseleave: t[0] || (t[0] = (r) => o.hover = 0),
-          onClick: (r) => i.onButtonClick(n),
+          onMouseenter: (r) => n.hover = a,
+          onMouseleave: t[0] || (t[0] = (r) => n.hover = 0),
+          onClick: (r) => i.onButtonClick(a),
           onFocus: t[1] || (t[1] = (...r) => i.onFocus && i.onFocus(...r)),
           onBlur: t[2] || (t[2] = (...r) => i.onBlur && i.onBlur(...r)),
           onKeydown: t[3] || (t[3] = (...r) => i.onKeydown && i.onKeydown(...r)),
           type: "button",
-          tabindex: n === 1 ? 0 : -1
+          tabindex: a === 1 ? 0 : -1
         }, [
-          n - 1 === ~~o.rating && o.rating - ~~o.rating ? (s(), u("i", {
+          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
             key: 0,
             class: f(["w-icon", `${l.icon} ${l.color}`]),
             role: "icon",
             "aria-hidden": "true",
             style: L(i.halfStarStyle)
           }, null, 6)) : c("", !0)
-        ], 42, bi)
+        ], 42, mi)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const wi = {
+const yi = {
   name: "w-rating",
   mixins: [z],
   props: {
@@ -4492,29 +4491,29 @@ const wi = {
       this.rating = parseFloat(e);
     }
   }
-}, vi = /* @__PURE__ */ v(wi, [["render", yi]]), ki = { class: "w-scrollbar" };
-function _i(e, t, l, a, o, i) {
-  return s(), u("div", ki);
+}, wi = /* @__PURE__ */ v(yi, [["render", bi]]), vi = { class: "w-scrollbar" };
+function ki(e, t, l, o, n, i) {
+  return s(), u("div", vi);
 }
-const Ci = {
+const _i = {
   name: "w-scrollbar",
   props: {},
   emits: [],
   data: () => ({})
-}, Bi = /* @__PURE__ */ v(Ci, [["render", _i]]), Si = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Ci = /* @__PURE__ */ v(_i, [["render", ki]]), Bi = ["for"], Si = ["aria-expanded", "aria-owns", "aria-activedescendant"], $i = {
   key: 1,
   class: "w-select__selection-slot"
-}, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Li = ["for"], Ti = ["for"];
-function xi(e, t, l, a, o, i) {
-  const n = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Vi = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ii = ["value", "name"], Ri = ["for"], Li = ["for"];
+function Ti(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[9] || (t[9] = (h) => e.valid = h),
     onReset: i.onReset,
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       l.labelPosition === "left" ? (s(), u(_, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
@@ -4522,11 +4521,11 @@ function xi(e, t, l, a, o, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, Si)) : c("", !0)
+        ], 10, Bi)) : c("", !0)
       ], 64)) : c("", !0),
-      V(d, B({
+      I(d, C({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[8] || (t[8] = (h) => e.showMenu = h),
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
@@ -4536,7 +4535,7 @@ function xi(e, t, l, a, o, i) {
         custom: "",
         "min-width": "activator"
       }, l.menuProps || {}), {
-        activator: m(({ on: h }) => [
+        activator: g(({ on: h }) => [
           w("div", {
             class: f(["w-select__selection-wrap", i.inputWrapClasses]),
             onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
@@ -4546,18 +4545,18 @@ function xi(e, t, l, a, o, i) {
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
-            l.innerIconLeft ? (s(), b(n, {
+            l.innerIconLeft ? (s(), b(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
               onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
-              default: m(() => [
-                C(k(l.innerIconLeft), 1)
+              default: g(() => [
+                B(k(l.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Vi, [
+            e.$slots.selection ? (s(), u("div", $i, [
               p(e.$slots, "selection", {
                 item: l.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -4575,13 +4574,13 @@ function xi(e, t, l, a, o, i) {
               "aria-readonly": "true",
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
-            }, null, 42, Ii),
+            }, null, 42, Vi),
             (s(!0), u(_, null, T(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
               key: S,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
               name: e.inputName + (l.multiple ? "[]" : "")
-            }, null, 8, Ri))), 128)),
+            }, null, 8, Ii))), 128)),
             l.labelPosition === "inside" && i.showLabelInside ? (s(), u(_, { key: 2 }, [
               e.$slots.default || l.label ? (s(), u("label", {
                 key: 0,
@@ -4589,25 +4588,25 @@ function xi(e, t, l, a, o, i) {
                 for: `w-select--${e._.uid}`
               }, [
                 p(e.$slots, "default", {}, () => [
-                  C(k(l.label), 1)
+                  B(k(l.label), 1)
                 ])
-              ], 10, Li)) : c("", !0)
+              ], 10, Ri)) : c("", !0)
             ], 64)) : c("", !0),
-            l.innerIconRight ? (s(), b(n, {
+            l.innerIconRight ? (s(), b(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
               onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
-              default: m(() => [
-                C(k(l.innerIconRight), 1)
+              default: g(() => [
+                B(k(l.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
-          ], 10, $i)
+          ], 10, Si)
         ]),
-        default: m(() => [
-          V(r, {
+        default: g(() => [
+          I(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
@@ -4628,21 +4627,21 @@ function xi(e, t, l, a, o, i) {
           }, Z({ _: 2 }, [
             T(l.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: y, selected: S, index: g }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, g) ? p(e.$slots, `item.${h}`, {
+              fn: g(({ item: y, selected: S, index: m }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, m) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
                   selected: S,
-                  index: g
+                  index: m
                 }, () => [
-                  C(k(y[l.itemLabelKey]), 1)
+                  B(k(y[l.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
                   selected: S,
-                  index: g
+                  index: m
                 }, () => [
-                  C(k(y[l.itemLabelKey]), 1)
+                  B(k(y[l.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4657,15 +4656,15 @@ function xi(e, t, l, a, o, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, Ti)) : c("", !0)
+        ], 10, Li)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Pi = {
+const xi = {
   name: "w-select",
   mixins: [z],
   props: {
@@ -4724,7 +4723,10 @@ const Pi = {
     },
     selectionString() {
       return this.inputValue && this.inputValue.map(
-        (e) => e[this.itemValueKey] !== void 0 ? e[this.itemLabelKey] : e[this.itemLabelKey] !== void 0 ? e[this.itemLabelKey] : e
+        (e) => {
+          var t;
+          return e[this.itemValueKey] !== void 0 ? e[this.itemLabelKey] : (t = e[this.itemLabelKey]) != null ? t : e;
+        }
       ).join(", ");
     },
     classes() {
@@ -4779,8 +4781,8 @@ const Pi = {
           if (t === void 0)
             t = e.keyCode === 38 ? l.length - 1 : 0;
           else {
-            const a = e.keyCode === 38 ? -1 : 1;
-            t = (t + l.length + a) % l.length;
+            const o = e.keyCode === 38 ? -1 : 1;
+            t = (t + l.length + o) % l.length;
           }
           this.onInput(l[t]);
         }
@@ -4802,8 +4804,8 @@ const Pi = {
       e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
       const t = this.selectItems.map((l) => l.value);
       return e.map((l) => {
-        let a = l;
-        return typeof l == "object" && (a = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(a)];
+        let o = l;
+        return typeof l == "object" && (o = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(o)];
       }).filter((l) => l !== void 0);
     },
     openMenu() {
@@ -4828,39 +4830,39 @@ const Pi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Oi = /* @__PURE__ */ v(Pi, [["render", xi]]), zi = ["for"], Ei = ["for", "innerHTML"], Mi = { class: "w-slider__track-wrap" }, Ni = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Wi = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ai = ["for"], Ki = { key: 0 }, Di = {
+}, Pi = /* @__PURE__ */ v(xi, [["render", Ti]]), Oi = ["for"], zi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Mi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Wi = { key: 0 }, Ki = {
   key: 0,
   class: "w-slider__step-labels"
-}, Fi = ["onClick"], Hi = ["for"], ji = ["for", "innerHTML"];
-function Ui(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Di = ["onClick"], Fi = ["for"], Hi = ["for", "innerHTML"];
+function ji(e, t, l, o, n, i) {
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[8] || (t[8] = (n) => e.valid = n),
-    onReset: t[9] || (t[9] = (n) => {
+    "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
+    onReset: t[9] || (t[9] = (a) => {
       e.rangeValuePercent = 0, i.updateRangeValueScaled();
     }),
     wrap: e.formRegister || null,
     class: i.wrapperClasses
   }), {
-    default: m(() => [
+    default: g(() => [
       e.$slots["label-left"] ? (s(), u("label", {
         key: 0,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-left")
-      ], 10, zi)) : l.labelLeft ? (s(), u("label", {
+      ], 10, Oi)) : l.labelLeft ? (s(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelLeft
-      }, null, 10, Ei)) : c("", !0),
-      w("div", Mi, [
+      }, null, 10, zi)) : c("", !0),
+      w("div", Ei, [
         w("div", {
           class: f(["w-slider__track", i.trackClasses]),
           ref: "track",
-          onMousedown: t[4] || (t[4] = (...n) => i.onTrackMouseDown && i.onTrackMouseDown(...n)),
-          onTouchstart: t[5] || (t[5] = (...n) => i.onTrackMouseDown && i.onTrackMouseDown(...n)),
+          onMousedown: t[4] || (t[4] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
+          onTouchstart: t[5] || (t[5] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
           role: "slider",
           "aria-label": "Slider",
           "aria-valuemin": i.minVal,
@@ -4888,46 +4890,46 @@ function Ui(e, t, l, a, o, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = M((n) => i.onKeyDown(n, -1), ["left"])),
-                t[1] || (t[1] = M((n) => i.onKeyDown(n, 1), ["right"]))
+                t[0] || (t[0] = M((a) => i.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = M((a) => i.onKeyDown(a, 1), ["right"]))
               ],
-              onFocus: t[2] || (t[2] = (n) => e.$emit("focus", n)),
+              onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = E(() => {
               }, ["prevent"]))
-            }, null, 42, Wi),
+            }, null, 42, Ai),
             l.thumbLabel ? (s(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", i.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
+              l.thumbLabel === "droplet" ? (s(), u("div", Wi, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  C(k(~~e.rangeValueScaled), 1)
+                  B(k(~~e.rangeValueScaled), 1)
                 ])
               ])) : p(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                C(k(~~e.rangeValueScaled), 1)
+                B(k(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Ai)) : c("", !0)
+            ], 10, Ni)) : c("", !0)
           ], 4)
-        ], 42, Ni),
-        l.stepLabels && l.step ? (s(), u("div", Di, [
+        ], 42, Mi),
+        l.stepLabels && l.step ? (s(), u("div", Ki, [
           w("div", {
             class: "w-slider__step-label",
-            onClick: t[6] || (t[6] = (n) => i.onStepLabelClick(0))
+            onClick: t[6] || (t[6] = (a) => i.onStepLabelClick(0))
           }, k(this.minVal), 1),
-          (s(!0), u(_, null, T(~~i.numberOfSteps, (n) => (s(), u("div", {
+          (s(!0), u(_, null, T(~~i.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
-            key: n,
-            onClick: (r) => i.onStepLabelClick(n * (100 / i.numberOfSteps)),
-            style: L(`left: ${n * (100 / i.numberOfSteps)}%`)
-          }, k(i.percentToScaled(n * (100 / i.numberOfSteps))), 13, Fi))), 128)),
+            key: a,
+            onClick: (r) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
+            style: L(`left: ${a * (100 / i.numberOfSteps)}%`)
+          }, k(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, Di))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
-            onClick: t[7] || (t[7] = (n) => i.onStepLabelClick(100)),
+            onClick: t[7] || (t[7] = (a) => i.onStepLabelClick(100)),
             style: { left: "100%" }
           }, k(this.maxVal), 1)) : c("", !0)
         ])) : c("", !0)
@@ -4938,17 +4940,17 @@ function Ui(e, t, l, a, o, i) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-right")
-      ], 10, Hi)) : l.labelRight ? (s(), u("label", {
+      ], 10, Fi)) : l.labelRight ? (s(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelRight
-      }, null, 10, ji)) : c("", !0)
+      }, null, 10, Hi)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const qi = {
+const Ui = {
   name: "w-slider",
   mixins: [z],
   props: {
@@ -5082,17 +5084,17 @@ const qi = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, Gi = /* @__PURE__ */ v(qi, [["render", Ui]]), Xi = { key: 0 };
-function Yi(e, t, l, a, o, i) {
+}, qi = /* @__PURE__ */ v(Ui, [["render", ji]]), Gi = { key: 0 };
+function Xi(e, t, l, o, n, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", i.classes]),
     style: L(i.styles)
   }, [
-    i.isThreeDots ? (s(), u("span", Xi)) : c("", !0)
+    i.isThreeDots ? (s(), u("span", Gi)) : c("", !0)
   ], 6)) : c("", !0);
 }
-const Ji = {
+const Yi = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5130,13 +5132,13 @@ const Ji = {
       };
     }
   }
-}, Qi = /* @__PURE__ */ v(Ji, [["render", Yi]]);
-function Zi(e, t, l, a, o, i) {
+}, Ji = /* @__PURE__ */ v(Yi, [["render", Xi]]);
+function Qi(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-steps", i.classes])
   }, null, 2);
 }
-const es = {
+const Zi = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5152,30 +5154,30 @@ const es = {
       };
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zi]]), ls = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], is = ["for"], ss = {
+}, es = /* @__PURE__ */ v(Zi, [["render", Qi]]), ts = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ls = ["for"], is = {
   key: 0,
   class: "w-switch__track"
-}, as = {
+}, ss = {
   key: 1,
   class: "w-switch__thumb"
-}, os = ["for"];
-function ns(e, t, l, a, o, i) {
-  const n = $("w-progress");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, as = ["for"];
+function os(e, t, l, o, n, i) {
+  const a = $("w-progress");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
-      e.$emit("update:modelValue", o.isOn = null), e.$emit("input", null);
+      e.$emit("update:modelValue", n.isOn = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       w("input", {
         ref: "input",
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: o.isOn,
+        checked: n.isOn,
         disabled: e.isDisabled || e.isReadonly || null,
         readonly: e.isReadonly || null,
         "aria-readonly": e.isReadonly ? "true" : "false",
@@ -5183,9 +5185,9 @@ function ns(e, t, l, a, o, i) {
         tabindex: e.tabindex || null,
         onChange: t[0] || (t[0] = (r) => i.onInput()),
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
-        "aria-checked": o.isOn || "false",
+        "aria-checked": n.isOn || "false",
         role: "switch"
-      }, null, 40, ls),
+      }, null, 40, ts),
       i.hasLabel && l.labelOnLeft ? (s(), u(_, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
@@ -5193,21 +5195,21 @@ function ns(e, t, l, a, o, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, is)) : c("", !0)
+        ], 10, ls)) : c("", !0)
       ], 64)) : c("", !0),
-      w("div", B({
+      w("div", C({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, N(e.$attrs, !0), { class: i.inputClasses }), [
-        e.$slots.track ? (s(), u("div", ss, [
+      }, A(e.$attrs, !0), { class: i.inputClasses }), [
+        e.$slots.track ? (s(), u("div", is, [
           p(e.$slots, "track")
         ])) : c("", !0),
-        e.$slots.thumb || l.loading ? (s(), u("div", as, [
-          l.loading ? (s(), b(n, B({
+        e.$slots.thumb || l.loading ? (s(), u("div", ss, [
+          l.loading ? (s(), b(a, C({
             key: 0,
             circle: "",
             color: "inherit"
@@ -5221,15 +5223,15 @@ function ns(e, t, l, a, o, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, os)) : c("", !0)
+        ], 10, as)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const rs = {
+const ns = {
   name: "w-switch",
   mixins: [z],
   props: {
@@ -5294,23 +5296,23 @@ const rs = {
       this.isOn = e;
     }
   }
-}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, l, a, o, i) {
-  return s(), u("div", us, [
+}, rs = /* @__PURE__ */ v(ns, [["render", os]]), ds = { class: "w-tabs__content" };
+function us(e, t, l, o, n, i) {
+  return s(), u("div", ds, [
     p(e.$slots, "default", { item: l.item })
   ]);
 }
-const cs = {
+const hs = {
   props: { item: Object }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ms = ["innerHTML"], gs = {
+}, cs = /* @__PURE__ */ v(hs, [["render", us]]), ps = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], fs = ["innerHTML"], gs = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, bs = {
+}, ms = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, ys = ["innerHTML"];
-function ws(e, t, l, a, o, i) {
-  const n = $("tab-content");
+}, bs = ["innerHTML"];
+function ys(e, t, l, o, n, i) {
+  const a = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", i.tabsClasses])
   }, [
@@ -5341,9 +5343,9 @@ function ws(e, t, l, a, o, i) {
         }, () => [
           w("div", {
             innerHTML: r[l.itemTitleKey]
-          }, null, 8, ms)
+          }, null, 8, fs)
         ])
-      ], 42, fs))), 128)),
+      ], 42, ps))), 128)),
       e.$slots["tabs-bar-extra"] ? (s(), u("div", gs, [
         p(e.$slots, "tabs-bar-extra")
       ])) : c("", !0),
@@ -5353,19 +5355,19 @@ function ws(e, t, l, a, o, i) {
         style: L(i.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
-    i.tabsItems.length ? (s(), u("div", bs, [
-      V(x, {
+    i.tabsItems.length ? (s(), u("div", ms, [
+      I(x, {
         name: i.transitionName,
         mode: i.transitionMode
       }, {
-        default: m(() => [
+        default: g(() => [
           (s(), b($e, null, [
-            (s(), b(n, {
+            (s(), b(a, {
               key: i.activeTab._index,
               item: i.activeTab,
               class: f(l.contentClass)
             }, {
-              default: m(({ item: r }) => [
+              default: g(({ item: r }) => [
                 e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                   key: 0,
                   item: i.getOriginalItem(r),
@@ -5380,7 +5382,7 @@ function ws(e, t, l, a, o, i) {
                   r[l.itemContentKey] ? (s(), u("div", {
                     key: 0,
                     innerHTML: r[l.itemContentKey]
-                  }, null, 8, ys)) : c("", !0)
+                  }, null, 8, bs)) : c("", !0)
                 ])
               ]),
               _: 3
@@ -5392,7 +5394,7 @@ function ws(e, t, l, a, o, i) {
     ])) : c("", !0)
   ], 2);
 }
-const vs = {
+const ws = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5415,7 +5417,7 @@ const vs = {
     dark: { type: Boolean },
     light: { type: Boolean }
   },
-  components: { TabContent: ps },
+  components: { TabContent: cs },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     activeTabEl: null,
@@ -5494,8 +5496,8 @@ const vs = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), a = this.activeTabEl.parentNode, { left: o } = a.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(a);
-        this.slider.left = `${t - o - parseInt(i) + a.scrollLeft}px`, this.slider.width = `${l}px`;
+        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(o);
+        this.slider.left = `${t - n - parseInt(i) + o.scrollLeft}px`, this.slider.width = `${l}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabsItems.length}%`, this.slider.width = `${100 / this.tabsItems.length}%`;
     },
@@ -5533,84 +5535,84 @@ const vs = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, ks = /* @__PURE__ */ v(vs, [["render", ws]]), _s = { ref: "colgroup" }, Cs = ["width"], Bs = { key: 0 }, Ss = ["onClick"], $s = ["innerHTML"], Vs = {
+}, vs = /* @__PURE__ */ v(ws, [["render", ys]]), ks = { ref: "colgroup" }, _s = ["width"], Cs = { key: 0 }, Bs = ["onClick"], Ss = ["innerHTML"], $s = {
   key: 0,
   class: "w-table__progress-bar"
-}, Is = ["colspan"], Rs = {
+}, Vs = ["colspan"], Is = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], Ts = { class: "w-table__loading-text" }, xs = {
+}, Rs = ["colspan"], Ls = { class: "w-table__loading-text" }, Ts = {
   key: 1,
   class: "no-data"
-}, Ps = ["colspan"], Os = ["onClick"], zs = ["data-label"], Es = ["data-label"], Ms = ["innerHTML"], Ns = {
+}, xs = ["colspan"], Ps = ["onClick"], Os = ["data-label"], zs = ["data-label"], Es = ["innerHTML"], Ms = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Ws = ["colspan"], As = { key: 0 }, Ks = {
+}, As = ["colspan"], Ns = { key: 0 }, Ws = {
   key: 3,
   class: "w-table__extra-row"
-}, Ds = {
+}, Ks = {
   key: 1,
   class: "w-table__footer"
-}, Fs = {
+}, Ds = {
   key: 1,
   class: "w-table__row"
-}, Hs = ["colspan"], js = {
+}, Fs = ["colspan"], Hs = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
-}, Us = ["colspan"], qs = { class: "w-table__pagination" }, Gs = { class: "pagination-arrows" }, Xs = { class: "pagination-number pagination-number--results" };
-function Ys(e, t, l, a, o, i) {
-  const n = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
+}, js = ["colspan"], Us = { class: "w-table__pagination w-pagination" }, qs = { class: "pages-wrap" }, Gs = { class: "w-pagination__results" };
+function Xs(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", i.wrapClasses])
   }, [
     w("table", {
       class: f(["w-table", i.classes]),
-      onMousedown: t[4] || (t[4] = (...g) => i.onMouseDown && i.onMouseDown(...g)),
-      onMouseover: t[5] || (t[5] = (...g) => i.onMouseOver && i.onMouseOver(...g)),
-      onMouseout: t[6] || (t[6] = (...g) => i.onMouseOut && i.onMouseOut(...g))
+      onMousedown: t[5] || (t[5] = (...m) => i.onMouseDown && i.onMouseDown(...m)),
+      onMouseover: t[6] || (t[6] = (...m) => i.onMouseOver && i.onMouseOver(...m)),
+      onMouseout: t[7] || (t[7] = (...m) => i.onMouseOut && i.onMouseOut(...m))
     }, [
-      w("colgroup", _s, [
-        (s(!0), u(_, null, T(l.headers, (g, R) => (s(), u("col", {
-          class: "w-table__col",
+      w("colgroup", ks, [
+        (s(!0), u(_, null, T(l.headers, (m, R) => (s(), u("col", {
+          class: f(["w-table__col", i.colClasses[R]]),
           key: R,
-          width: g.width || null
-        }, null, 8, Cs))), 128))
+          width: m.width || null
+        }, null, 10, _s))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      l.noHeaders ? c("", !0) : (s(), u("thead", Cs, [
         w("tr", null, [
-          (s(!0), u(_, null, T(l.headers, (g, R) => (s(), u("th", {
-            class: f(["w-table__header", i.headerClasses(g)]),
+          (s(!0), u(_, null, T(l.headers, (m, R) => (s(), u("th", {
+            class: f(["w-table__header", i.headerClasses(m)]),
             key: R,
-            onClick: (P) => !e.colResizing.dragging && g.sortable !== !1 && i.sortTable(g)
+            onClick: (P) => !e.colResizing.dragging && m.sortable !== !1 && i.sortTable(m)
           }, [
-            g.sortable !== !1 && g.align === "right" ? (s(), b(n, {
+            m.sortable !== !1 && m.align === "right" ? (s(), b(a, {
               key: 0,
-              class: f(["w-table__header-sort", i.headerSortClasses(g)])
+              class: f(["w-table__header-sort", i.headerSortClasses(m)])
             }, {
-              default: m(() => [
-                C("wi-arrow-down")
+              default: g(() => [
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
-            g.label ? (s(), u(_, { key: 1 }, [
+            m.label ? (s(), u(_, { key: 1 }, [
               e.$slots["header-label"] ? p(e.$slots, "header-label", {
                 key: 0,
-                header: g,
-                label: g.label,
+                header: m,
+                label: m.label,
                 index: R + 1
               }, () => [
-                C(k(g.label || ""), 1)
+                B(k(m.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
-                innerHTML: g.label || ""
-              }, null, 8, $s))
+                innerHTML: m.label || ""
+              }, null, 8, Ss))
             ], 64)) : c("", !0),
-            g.sortable !== !1 && g.align !== "right" ? (s(), b(n, {
+            m.sortable !== !1 && m.align !== "right" ? (s(), b(a, {
               key: 2,
-              class: f(["w-table__header-sort", i.headerSortClasses(g)])
+              class: f(["w-table__header-sort", i.headerSortClasses(m)])
             }, {
-              default: m(() => [
-                C("wi-arrow-down")
+              default: g(() => [
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5620,54 +5622,54 @@ function Ys(e, t, l, a, o, i) {
               onClick: t[0] || (t[0] = E(() => {
               }, ["stop"]))
             }, null, 2)) : c("", !0)
-          ], 10, Ss))), 128))
+          ], 10, Bs))), 128))
         ]),
-        V(d, null, {
-          default: m(() => [
-            l.loading === "header" ? (s(), u("tr", Vs, [
+        I(d, null, {
+          default: g(() => [
+            l.loading === "header" ? (s(), u("tr", $s, [
               w("td", {
                 colspan: l.headers.length
               }, [
-                V(r, { tile: "" })
-              ], 8, Is)
+                I(r, { tile: "" })
+              ], 8, Vs)
             ])) : c("", !0)
           ]),
           _: 1
         })
       ])),
       w("tbody", null, [
-        l.loading === !0 ? (s(), u("tr", Rs, [
+        l.loading === !0 ? (s(), u("tr", Is, [
           w("td", {
             colspan: l.headers.length
           }, [
-            V(r, { tile: "" }),
-            w("div", Ts, [
+            I(r, { tile: "" }),
+            w("div", Ls, [
               p(e.$slots, "loading", {}, () => [
-                C("Loading...")
+                B("Loading...")
               ])
             ])
-          ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", xs, [
+          ], 8, Rs)
+        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Ts, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
-              C("No data to show.")
+              B("No data to show.")
             ])
-          ], 8, Ps)
+          ], 8, xs)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, T(i.paginatedItems, (g, R) => (s(), u(_, { key: R }, [
+        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, T(i.paginatedItems, (m, R) => (s(), u(_, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
-            item: g,
+            item: m,
             index: R + 1,
-            select: () => i.doSelectRow(g, R),
-            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[g._uid] !== void 0 }
+            select: () => i.doSelectRow(m, R),
+            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[m._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[m._uid] !== void 0 }
           }) : (s(), u("tr", {
             key: 1,
-            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[g._uid] !== void 0 }]),
-            onClick: (P) => i.doSelectRow(g, R)
+            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[m._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[m._uid] !== void 0 }]),
+            onClick: (P) => i.doSelectRow(m, R)
           }, [
             (s(!0), u(_, null, T(l.headers, (P, O) => (s(), u(_, null, [
               e.$slots[`item-cell.${P.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
@@ -5678,51 +5680,51 @@ function Ys(e, t, l, a, o, i) {
                 e.$slots[`item-cell.${P.key}`] ? p(e.$slots, `item-cell.${P.key}`, {
                   key: 0,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: m,
+                  label: m[P.key] || "",
                   index: R + 1
                 }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
                   key: 1,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: m,
+                  label: m[P.key] || "",
                   index: R + 1
                 }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
                   key: 2,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: m,
+                  label: m[P.key] || "",
                   index: R + 1
                 }) : c("", !0),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
-              ], 10, zs)) : (s(), u("td", {
+              ], 10, Os)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
                 key: `${O}-b`,
                 "data-label": P.label
               }, [
                 w("div", {
-                  innerHTML: g[P.key] || ""
-                }, null, 8, Ms),
+                  innerHTML: m[P.key] || ""
+                }, null, 8, Es),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
-              ], 10, Es))
+              ], 10, zs))
             ], 64))), 256))
-          ], 10, Os)),
-          i.expandedRowsByUid[g._uid] ? (s(), u("tr", Ns, [
+          ], 10, Ps)),
+          i.expandedRowsByUid[m._uid] ? (s(), u("tr", Ms, [
             w("td", {
               class: "w-table__cell",
               colspan: l.headers.length
             }, [
-              V(h, { y: "" }, {
-                default: m(() => [
-                  i.expandedRowsByUid[g._uid] ? (s(), u("div", As, [
+              I(h, { y: "" }, {
+                default: g(() => [
+                  i.expandedRowsByUid[m._uid] ? (s(), u("div", Ns, [
                     p(e.$slots, "row-expansion", {
-                      item: g,
+                      item: m,
                       index: R + 1
                     })
                   ])) : c("", !0),
@@ -5733,85 +5735,83 @@ function Ys(e, t, l, a, o, i) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, Ws)
+            ], 8, As)
           ])) : c("", !0)
         ], 64))), 128)) : c("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", Ks, [
+        e.$slots["extra-row"] ? (s(), u("div", Ws, [
           p(e.$slots, "extra-row")
         ])) : c("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", Ds, [
-        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Fs, [
+      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", Ks, [
+        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Ds, [
           w("td", {
             class: "w-table__cell",
             colspan: l.headers.length
           }, [
             p(e.$slots, "footer")
-          ], 8, Hs)
+          ], 8, Fs)
         ])) : c("", !0),
-        l.pagination && e.paginationConfig ? (s(), u("tr", js, [
+        l.pagination && e.paginationConfig ? (s(), u("tr", Hs, [
           w("td", {
             class: "w-table__cell",
             colspan: l.headers.length
           }, [
-            w("div", qs, [
-              C(k(e.paginationConfig), 1),
+            w("div", Us, [
               p(e.$slots, "pagination", {
-                range: `${e.paginationConfig.start}-${e.paginationConfig.end} of ${e.paginationConfig.total}`,
+                range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
                 total: e.paginationConfig.total
               }, () => [
                 e.paginationConfig.itemsPerPageOptions ? (s(), b(y, {
                   key: 0,
-                  class: "pagination-number pagination-number--items-per-page",
+                  class: "w-pagination__items-per-page",
                   modelValue: e.paginationConfig.itemsPerPage,
-                  "onUpdate:modelValue": t[1] || (t[1] = (g) => e.paginationConfig.itemsPerPage = g),
-                  onInput: i.updatePaginationConfig,
+                  "onUpdate:modelValue": t[1] || (t[1] = (m) => e.paginationConfig.itemsPerPage = m),
+                  onInput: t[2] || (t[2] = (m) => i.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
                   items: e.paginationConfig.itemsPerPageOptions,
                   "label-position": "left",
                   label: "Items per page",
                   "label-color": "inherit"
-                }, null, 8, ["modelValue", "onInput", "items"])) : c("", !0),
-                w("div", Gs, [
-                  V(S, {
-                    class: "pagination-arrow pagination-arrow--prev",
-                    onClick: t[2] || (t[2] = (g) => i.goToPage("-1")),
+                }, null, 8, ["modelValue", "items"])) : c("", !0),
+                w("div", qs, [
+                  I(S, {
+                    class: "w-pagination__arrow w-pagination__arrow--prev",
+                    onClick: t[3] || (t[3] = (m) => i.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
                     icon: "wi-chevron-left",
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(_, null, T(e.paginationConfig.pagesCount, (g) => (s(), b(S, {
-                    class: "pagination-arrow pagination-arrow--prev",
-                    key: g,
-                    onClick: (R) => i.goToPage(g),
+                  (s(!0), u(_, null, T(e.paginationConfig.pagesCount, (m) => (s(), b(S, {
+                    class: f(["w-pagination__page", { "w-pagination__page--active": m === e.paginationConfig.page }]),
+                    key: m,
+                    onClick: (R) => m !== e.paginationConfig.page && i.goToPage(m),
                     round: "",
-                    text: "",
                     lg: ""
                   }, {
-                    default: m(() => [
-                      C(k(g), 1)
+                    default: g(() => [
+                      B(k(m), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"]))), 128)),
-                  V(S, {
-                    class: "pagination-arrow pagination-arrow--next",
-                    onClick: t[3] || (t[3] = (g) => i.goToPage("+1")),
+                  }, 1032, ["onClick", "class"]))), 128)),
+                  I(S, {
+                    class: "w-pagination__arrow w-pagination__arrow--next",
+                    onClick: t[4] || (t[4] = (m) => i.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
                     icon: "wi-chevron-right",
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"])
                 ]),
-                w("span", Xs, k(e.paginationConfig.start) + "-" + k(e.paginationConfig.end) + " of " + k(e.paginationConfig.total), 1)
+                w("span", Gs, k(e.paginationConfig.start) + "-" + k(e.paginationConfig.end || e.paginationConfig.total) + " of " + k(e.paginationConfig.total), 1)
               ])
             ])
-          ], 8, Us)
+          ], 8, js)
         ])) : c("", !0)
       ])) : c("", !0)
     ], 34)
   ], 2);
 }
-const ce = 15, Js = {
+const ce = 15, Ys = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -5822,6 +5822,9 @@ const ce = 15, Js = {
     fixedFooter: { type: Boolean },
     loading: { type: [Boolean, String] },
     sort: { type: [String, Array] },
+    sortFunction: { type: Function },
+    filter: { type: Function },
+    fetch: { type: Function },
     expandableRows: {
       validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || le(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
@@ -5836,8 +5839,6 @@ const ce = 15, Js = {
     selectedRows: { type: Array },
     forceSelection: { type: Boolean },
     uidKey: { type: String, default: "id" },
-    filter: { type: Function },
-    sortFunction: { type: Function },
     mobileBreakpoint: { type: Number, default: 0 },
     resizableColumns: { type: Boolean },
     pagination: {
@@ -5883,16 +5884,22 @@ const ce = 15, Js = {
   }),
   computed: {
     tableItems() {
-      return this.items.map((e, t) => (e._uid = e[this.uidKey] !== void 0 ? e[this.uidKey] : t, e));
+      return this.items.map((e, t) => {
+        var l;
+        return e._uid = (l = e[this.uidKey]) != null ? l : t, e;
+      });
     },
     filteredItems() {
       return typeof this.filter == "function" ? this.tableItems.filter(this.filter) : this.tableItems;
     },
     sortedItems() {
-      if (!this.activeSorting.length || this.sortFunction)
+      if (!this.activeSorting.length || this.sortFunction || this.fetch)
         return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), t = this.activeSorting[0][0] === "-";
-      return [...this.filteredItems].sort((l, a) => (l = l[e], a = a[e], !isNaN(l) && !isNaN(a) && (l = parseFloat(l), a = parseFloat(a)), (l > a ? 1 : -1) * (t ? -1 : 1)));
+      return [...this.filteredItems].sort((l, o) => (l = l[e], o = o[e], !isNaN(l) && !isNaN(o) && (l = parseFloat(l), o = parseFloat(o)), (l > o ? 1 : -1) * (t ? -1 : 1)));
+    },
+    paginatedItems() {
+      return typeof this.fetch == "function" ? this.sortedItems : this.sortedItems.slice(this.paginationConfig.start - 1, this.paginationConfig.end);
     },
     activeSortingKeys() {
       return this.activeSorting.reduce((e, t) => (e[t.replace(/^[+-]/, "")] = t[0], e), {});
@@ -5902,8 +5909,13 @@ const ce = 15, Js = {
         "w-table-wrap--loading": this.loading
       };
     },
+    colClasses() {
+      return this.headers.map((e) => ({ "w-table__col--highlighted": this.activeSortingKeys[e.key] })) || [];
+    },
     classes() {
       return {
+        "w-table--loading": this.loading,
+        "w-table--loading-in-header": this.loading === "header",
         "w-table--fixed-layout": this.fixedLayout || this.resizableColumns || this.hasStickyColumn,
         "w-table--mobile": this.isMobile || null,
         "w-table--resizable-cols": this.resizableColumns || null,
@@ -5926,9 +5938,6 @@ const ce = 15, Js = {
     },
     expandedRowsByUid() {
       return this.expandedRowsInternal.reduce((e, t) => (e[t] = !0) && e, {});
-    },
-    paginatedItems() {
-      return this.sortedItems.slice(this.paginationConfig.start, this.paginationConfig.end);
     }
   },
   methods: {
@@ -5950,31 +5959,31 @@ const ce = 15, Js = {
     },
     async sortTable(e) {
       const t = this.activeSortingKeys[e.key];
-      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);
+      t && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (t ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" ? await this.sortFunction(this.activeSorting) : typeof this.fetch == "function" && await this.callApiFetch();
     },
     doSelectRow(e, t) {
-      const l = this.expandableRows === "" ? !0 : this.expandableRows, a = this.selectableRows === "" ? !0 : this.selectableRows;
+      const l = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
       if (l) {
-        const o = this.expandedRowsByUid[e._uid] === void 0;
-        o ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
+        const n = this.expandedRowsByUid[e._uid] === void 0;
+        n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
           "row-expand",
           {
             item: e,
             index: t,
-            expanded: o,
+            expanded: n,
             expandedRows: this.expandedRowsInternal.map((i) => this.filteredItems[i])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
-      } else if (a) {
-        let o = !1;
+      } else if (o) {
+        let n = !1;
         const i = this.selectedRowsByUid[e._uid] === void 0;
-        i ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), o = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((n) => n !== e._uid), o = !0), o && (this.$emit(
+        i ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
           "row-select",
           {
             item: e,
             index: t,
             selected: i,
-            selectedRows: this.selectedRowsInternal.map((n) => this.filteredItems[n])
+            selectedRows: this.selectedRowsInternal.map((a) => this.filteredItems[a])
           }
         ), this.$emit("update:selected-rows", this.selectedRowsInternal));
       }
@@ -5990,16 +5999,16 @@ const ce = 15, Js = {
       e.classList.contains("w-table__col-resizer") && (this.colResizing.hover = !1);
     },
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: l, nextColumnEl: a, colWidth: o, nextColWidth: i } = this.colResizing;
+      const { startCursorX: t, columnEl: l, nextColumnEl: o, colWidth: n, nextColWidth: i } = this.colResizing;
       this.colResizing.dragging = !0;
-      const n = e.pageX - t, r = o + i, d = o + n, h = i - n;
-      l.style.width = o + n + "px", a.style.width = i - n + "px";
-      const y = n < 0 && l.offsetWidth > d || l.offsetWidth <= ce, S = n > 0 && a.offsetWidth > h;
+      const a = e.pageX - t, r = n + i, d = n + a, h = i - a;
+      l.style.width = n + a + "px", o.style.width = i - a + "px";
+      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ce, S = a > 0 && o.offsetWidth > h;
       if (y) {
-        const g = Math.max(l.offsetWidth, ce);
-        l.style.width = g + "px", a.style.width = r - g + "px";
+        const m = Math.max(l.offsetWidth, ce);
+        l.style.width = m + "px", o.style.width = r - m + "px";
       } else
-        S && (l.style.width = r - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
+        S && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6010,33 +6019,48 @@ const ce = 15, Js = {
         this.$emit("column-resize", { index: this.colResizing.columnIndex, widths: e }), this.colResizing.dragging = !1, this.colResizing.columnIndex = null, this.colResizing.startCursorX = null, this.colResizing.columnEl = null, this.colResizing.nextColumnEl = null, this.colResizing.colWidth = null, this.colResizing.nextColWidth = null;
       }, 0);
     },
-    updatePaginationConfig() {
-      var i, n, r, d, h;
-      const e = ((i = this.pagination) == null ? void 0 : i.itemsPerPage) || 20, t = ((n = this.pagination) == null ? void 0 : n.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }], l = ((r = this.pagination) == null ? void 0 : r.total) || this.items.length, a = e || l, o = ((d = this.pagination) == null ? void 0 : d.page) || 1;
-      this.paginationConfig = {
+    initPagination() {
+      var o, n, i;
+      const e = (n = (o = this.pagination) == null ? void 0 : o.itemsPerPage) != null ? n : 20, t = ((i = this.pagination) == null ? void 0 : i.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
+      t.find((a) => {
+        var r;
+        return ((r = a == null ? void 0 : a.value) != null ? r : a) === +e;
+      }) || t.push(e), this.paginationConfig.itemsPerPageOptions = t.map((a) => {
+        var r;
+        return {
+          label: ["string", "number"].includes(typeof a) ? a.toString() : a.label || a.value,
+          value: ["string", "number"].includes(typeof a) ? ~~a : (r = a.value) != null ? r : a.label
+        };
+      }), this.paginationConfig.itemsPerPageOptions.sort((a, r) => a.value < r.value ? -1 : 1);
+      const l = this.paginationConfig.itemsPerPageOptions.shift();
+      this.paginationConfig.itemsPerPageOptions.push(l), this.updatePaginationConfig({
         itemsPerPage: e,
-        itemsPerPageOptions: t.map((y) => {
-          var S;
-          return {
-            label: ["string", "number"].includes(typeof y) ? y.toString() : y.label || y.value,
-            value: ["string", "number"].includes(typeof y) ? ~~y : (S = y.value) != null ? S : y.label
-          };
-        }),
-        page: o,
-        start: ((h = this.pagination) == null ? void 0 : h.start) || 1,
-        end: l >= a * o ? a * o : l % (a * o),
-        total: l,
-        pagesCount: Math.ceil(l / a)
-      };
+        page: this.pagination.page || 1,
+        total: this.pagination.total || this.items.length
+      });
     },
-    goToPage(e) {
+    updatePaginationConfig({ itemsPerPage: e, page: t, total: l }) {
+      l && (this.paginationConfig.total = l), e !== void 0 && (this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = 1, { page: t } = this.paginationConfig, l = this.paginationConfig.total, this.paginationConfig.start = 1, this.paginationConfig.end = l >= e * t ? e * t : l % (e * t), this.paginationConfig.pagesCount = Math.ceil(l / e)), t && this.goToPage(t);
+    },
+    async goToPage(e) {
       ["-1", "+1"].includes(e) ? this.paginationConfig.page += +e : this.paginationConfig.page = e;
-      const { itemsPerPage: t } = this.paginationConfig;
-      this.paginationConfig.page = Math.max(1, this.paginationConfig.page), this.paginationConfig.start = t * (this.paginationConfig.page - 1) + 1, this.paginationConfig.end = this.paginationConfig.start - 1 + t;
+      const { itemsPerPage: t, total: l } = this.paginationConfig;
+      this.paginationConfig.page = Math.max(1, this.paginationConfig.page), this.paginationConfig.start = t * (this.paginationConfig.page - 1) + 1, this.paginationConfig.end = this.paginationConfig.start - 1 + (t || l), typeof this.fetch == "function" && await this.callApiFetch();
+    },
+    async callApiFetch() {
+      const { page: e, start: t, end: l, total: o, itemsPerPage: n } = this.paginationConfig;
+      return await this.fetch({
+        page: e,
+        start: t,
+        end: l || o,
+        total: o,
+        itemsPerPage: n || o,
+        sorting: this.activeSorting
+      });
     }
   },
   created() {
-    this.sort ? this.activeSorting = Array.isArray(this.sort) ? this.sort : [this.sort] : this.activeSorting = [], (this.expandedRows || []).length && (this.expandedRowsInternal = this.expandedRows), (this.selectedRows || []).length && (this.selectedRowsInternal = this.selectedRows), this.pagination && this.updatePaginationConfig();
+    this.sort ? this.activeSorting = Array.isArray(this.sort) ? this.sort : [this.sort] : this.activeSorting = [], (this.expandedRows || []).length && (this.expandedRowsInternal = this.expandedRows), (this.selectedRows || []).length && (this.selectedRowsInternal = this.selectedRows), this.pagination && this.initPagination();
   },
   watch: {
     sort(e) {
@@ -6054,20 +6078,23 @@ const ce = 15, Js = {
     selectedRows(e) {
       this.selectedRowsInternal = Array.isArray(e) && e.length ? this.selectedRows : [];
     },
-    pagination: {
-      handler() {
-        this.updatePaginationConfig();
-      },
-      deep: !0
+    "pagination.page"(e) {
+      this.updatePaginationConfig({ page: e });
+    },
+    "pagination.itemsPerPage"(e) {
+      this.updatePaginationConfig({ itemsPerPage: e });
+    },
+    "pagination.total"(e) {
+      this.updatePaginationConfig({ total: e });
     }
   }
-}, Qs = /* @__PURE__ */ v(Js, [["render", Ys]]), Zs = ["role", "aria-pressed", "tabindex"];
-function ea(e, t, l, a, o, i) {
-  return s(), u("span", B({ class: "w-tag" }, N(e.$attrs, !0), {
-    onClick: t[1] || (t[1] = (n) => {
+}, Js = /* @__PURE__ */ v(Ys, [["render", Xs]]), Qs = ["role", "aria-pressed", "tabindex"];
+function Zs(e, t, l, o, n, i) {
+  return s(), u("span", C({ class: "w-tag" }, A(e.$attrs, !0), {
+    onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = M((n) => {
+    onKeypress: t[2] || (t[2] = M((a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }, ["enter"])),
     class: i.classes,
@@ -6080,15 +6107,15 @@ function ea(e, t, l, a, o, i) {
     l.closable && l.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = E((n) => {
+      onClick: t[0] || (t[0] = E((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : c("", !0)
-  ], 16, Zs);
+  ], 16, Qs);
 }
-const ta = {
+const ea = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -6137,19 +6164,19 @@ const ta = {
       };
     }
   }
-}, la = /* @__PURE__ */ v(ta, [["render", ea]]), ia = ["for"], sa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], aa = ["for"], oa = ["for"];
-function na(e, t, l, a, o, i) {
-  const n = $("w-icon");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
+}, ta = /* @__PURE__ */ v(ea, [["render", Zs]]), la = ["for"], ia = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], sa = ["for"], aa = ["for"];
+function oa(e, t, l, o, n, i) {
+  const a = $("w-icon");
+  return s(), b(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: i.hasLabel && l.labelPosition !== "inside",
     onReset: t[7] || (t[7] = (r) => {
-      e.$emit("update:modelValue", o.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     class: i.classes
   }), {
-    default: m(() => [
+    default: g(() => [
       l.labelPosition === "left" ? (s(), u(_, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
@@ -6157,30 +6184,30 @@ function na(e, t, l, a, o, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, ia)) : c("", !0)
+        ], 10, la)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", i.inputWrapClasses])
       }, [
-        l.innerIconLeft ? (s(), b(n, {
+        l.innerIconLeft ? (s(), b(a, {
           key: 0,
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
           onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
-          default: m(() => [
-            C(k(l.innerIconLeft), 1)
+          default: g(() => [
+            B(k(l.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
-        D(w("textarea", B({
+        D(w("textarea", C({
           class: "w-textarea__textarea",
           ref: "textarea",
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => o.inputValue = r)
-        }, N(i.listeners, !0), {
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
+        }, A(i.listeners, !0), {
           onInput: t[2] || (t[2] = (...r) => i.onInput && i.onInput(...r)),
           onFocus: t[3] || (t[3] = (...r) => i.onFocus && i.onFocus(...r)),
           onBlur: t[4] || (t[4] = (...r) => i.onBlur && i.onBlur(...r)),
@@ -6194,8 +6221,8 @@ function na(e, t, l, a, o, i) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, sa), [
-          [ge, o.inputValue]
+        }), null, 16, ia), [
+          [me, n.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(_, { key: 1 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -6204,19 +6231,19 @@ function na(e, t, l, a, o, i) {
             for: `w-textarea--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              C(k(l.label), 1)
+              B(k(l.label), 1)
             ])
-          ], 10, aa)) : c("", !0)
+          ], 10, sa)) : c("", !0)
         ], 64)) : c("", !0),
-        l.innerIconRight ? (s(), b(n, {
+        l.innerIconRight ? (s(), b(a, {
           key: 2,
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
           onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
-          default: m(() => [
-            C(k(l.innerIconRight), 1)
+          default: g(() => [
+            B(k(l.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0)
@@ -6228,15 +6255,15 @@ function na(e, t, l, a, o, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            C(k(l.label), 1)
+            B(k(l.label), 1)
           ])
-        ], 10, oa)) : c("", !0)
+        ], 10, aa)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const ra = {
+const na = {
   name: "w-textarea",
   mixins: [z],
   props: {
@@ -6272,8 +6299,8 @@ const ra = {
   },
   computed: {
     listeners() {
-      const { input: e, focus: t, blur: l, ...a } = this.$attrs;
-      return a;
+      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      return o;
     },
     hasValue() {
       return this.inputValue || this.inputValue === 0;
@@ -6352,45 +6379,45 @@ const ra = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, da = /* @__PURE__ */ v(ra, [["render", na]]), ua = ["innerHTML"], ha = ["innerHTML"];
-function ca(e, t, l, a, o, i) {
+}, ra = /* @__PURE__ */ v(na, [["render", oa]]), da = ["innerHTML"], ua = ["innerHTML"];
+function ha(e, t, l, o, n, i) {
   return s(), u("ul", {
     class: f(["w-timeline", i.classes])
   }, [
-    (s(!0), u(_, null, T(l.items, (n, r) => (s(), u("li", {
+    (s(!0), u(_, null, T(l.items, (a, r) => (s(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), b(I(n[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
-        class: f(["w-timeline-item__bullet", { [n[l.itemColorKey] || l.color]: n[l.itemColorKey] || l.color }])
+      (s(), b(V(a[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
+        class: f(["w-timeline-item__bullet", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }])
       }, {
-        default: m(() => [
-          C(k(n[l.itemIconKey] || l.icon), 1)
+        default: g(() => [
+          B(k(a[l.itemIconKey] || l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
       e.$slots[`item.${r + 1}`] ? p(e.$slots, `item.${r + 1}`, {
         key: 1,
-        item: n,
+        item: a,
         index: r + 1
       }) : p(e.$slots, "item", {
         key: 0,
-        item: n,
+        item: a,
         index: r + 1
       }, () => [
         w("div", {
-          class: f(["w-timeline-item__title", { [n[l.itemColorKey] || l.color]: n[l.itemColorKey] || l.color }]),
-          innerHTML: n[l.itemTitleKey]
-        }, null, 10, ua),
+          class: f(["w-timeline-item__title", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }]),
+          innerHTML: a[l.itemTitleKey]
+        }, null, 10, da),
         w("div", {
           class: "w-timeline-item__content",
-          innerHTML: n[l.itemContentKey]
-        }, null, 8, ha)
+          innerHTML: a[l.itemContentKey]
+        }, null, 8, ua)
       ])
     ]))), 128))
   ], 2);
 }
-const pa = {
+const ca = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6412,8 +6439,8 @@ const pa = {
       };
     }
   }
-}, fa = /* @__PURE__ */ v(pa, [["render", ca]]);
-function ma(e, t, l, a, o, i) {
+}, pa = /* @__PURE__ */ v(ca, [["render", ha]]);
+function fa(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-toolbar", i.classes]),
     style: L(i.styles)
@@ -6470,15 +6497,15 @@ const ga = {
       };
     }
   }
-}, ba = /* @__PURE__ */ v(ga, [["render", ma]]);
-function ya(e, t, l, a, o, i) {
+}, ma = /* @__PURE__ */ v(ga, [["render", fa]]);
+function ba(e, t, l, o, n, i) {
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    V(x, {
+    I(x, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: m(() => [
+      default: g(() => [
         e.detachableVisible ? (s(), u("div", {
           class: f(["w-tooltip", i.classes]),
           ref: "detachable",
@@ -6492,7 +6519,7 @@ function ya(e, t, l, a, o, i) {
     }, 8, ["name"])
   ], 64);
 }
-const wa = {
+const ya = {
   name: "w-tooltip",
   mixins: [ye],
   props: {
@@ -6524,7 +6551,7 @@ const wa = {
   }),
   computed: {
     tooltipClasses() {
-      return W(this.tooltipClass);
+      return N(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -6578,23 +6605,23 @@ const wa = {
       !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));
     }
   }
-}, va = /* @__PURE__ */ v(wa, [["render", ya]]);
-function ka(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "bounce" }, e.$props), {
-    default: m(() => [
+}, wa = /* @__PURE__ */ v(ya, [["render", ba]]);
+function va(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: "bounce" }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const _a = {
+const ka = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ca = /* @__PURE__ */ v(_a, [["render", ka]]);
-function Ba(e, t, l, a, o, i) {
+}, _a = /* @__PURE__ */ v(ka, [["render", va]]);
+function Ca(e, t, l, o, n, i) {
   return s(), b(x, {
     name: "expand",
     mode: "out-in",
@@ -6609,13 +6636,13 @@ function Ba(e, t, l, a, o, i) {
     onLeave: i.leave,
     onAfterLeave: i.afterLeave
   }, {
-    default: m(() => [
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Sa = {
+const Ba = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -6705,61 +6732,61 @@ const Sa = {
       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;
     }
   }
-}, $a = /* @__PURE__ */ v(Sa, [["render", Ba]]);
-function Va(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "fade" }, e.$props), {
-    default: m(() => [
+}, Sa = /* @__PURE__ */ v(Ba, [["render", Ca]]);
+function $a(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: "fade" }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ia = {
+const Va = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ra = /* @__PURE__ */ v(Ia, [["render", Va]]);
-function La(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "scale" }, e.$props), {
-    default: m(() => [
+}, Ia = /* @__PURE__ */ v(Va, [["render", $a]]);
+function Ra(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: "scale" }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ta = {
+const La = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, xa = /* @__PURE__ */ v(Ta, [["render", La]]);
-function Pa(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "scale-fade" }, e.$props), {
-    default: m(() => [
+}, Ta = /* @__PURE__ */ v(La, [["render", Ra]]);
+function xa(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: "scale-fade" }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Oa = {
+const Pa = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, za = /* @__PURE__ */ v(Oa, [["render", Pa]]);
-function Ea(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: i.transitionName }, e.$props), {
-    default: m(() => [
+}, Oa = /* @__PURE__ */ v(Pa, [["render", xa]]);
+function za(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: i.transitionName }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const Ma = {
+const Ea = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -6777,16 +6804,16 @@ const Ma = {
       return `slide-${this.direction}`;
     }
   }
-}, Na = /* @__PURE__ */ v(Ma, [["render", Ea]]);
-function Wa(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: i.transitionName }, e.$props), {
-    default: m(() => [
+}, Ma = /* @__PURE__ */ v(Ea, [["render", za]]);
+function Aa(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: i.transitionName }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const Aa = {
+const Na = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -6804,27 +6831,27 @@ const Aa = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Ka = /* @__PURE__ */ v(Aa, [["render", Wa]]);
-function Da(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "twist" }, e.$props), {
-    default: m(() => [
+}, Wa = /* @__PURE__ */ v(Na, [["render", Aa]]);
+function Ka(e, t, l, o, n, i) {
+  return s(), b(x, C({ name: "twist" }, e.$props), {
+    default: g(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Fa = {
+const Da = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ha = /* @__PURE__ */ v(Fa, [["render", Da]]), ja = ["innerHTML"], Ua = {
+}, Fa = /* @__PURE__ */ v(Da, [["render", Ka]]), Ha = ["innerHTML"], ja = {
   key: 1,
   class: "ml1"
 };
-function qa(e, t, l, a, o, i) {
-  const n = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
+function Ua(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", i.classes])
   }, [
@@ -6832,13 +6859,13 @@ function qa(e, t, l, a, o, i) {
       class: f(["w-tree__item", i.itemClasses(h)]),
       key: y
     }, [
-      (s(), b(I(!l.disabled && !h.disabled && h.route ? !e.$router || i.hasExternalLink(h) ? "a" : "router-link" : "div"), B({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+      (s(), b(V(!l.disabled && !h.disabled && h.route ? !e.$router || i.hasExternalLink(h) ? "a" : "router-link" : "div"), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
         onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
         onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
         tabindex: !l.disabled && !h.disabled && (h.children || h.branch || l.selectable) && !(l.unexpandableEmpty && !h.children) ? 0 : null
       }), {
-        default: m(() => [
-          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), b(n, {
+        default: g(() => [
+          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
             onClick: E((S) => !l.disabled && !h.disabled && i.onLabelClick(h, S), ["stop"]),
@@ -6862,27 +6889,27 @@ function qa(e, t, l, a, o, i) {
                 class: "w-tree__item-icon",
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
               }, {
-                default: m(() => [
-                  C(k(i.itemIcon(h)), 1)
+                default: g(() => [
+                  B(k(i.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
-              }, null, 8, ja),
-              l.counts && (h.children || h.branch) ? (s(), u("span", Ua, "(" + k(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
+              }, null, 8, Ha),
+              l.counts && (h.children || h.branch) ? (s(), u("span", ja, "(" + k(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), b(I(l.noTransition ? "div" : "w-transition-expand"), {
+      (s(), b(V(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
         onAfterEnter: (S) => e.$emit("open", { item: h.originalItem, open: h.open, depth: l.depth }),
         onAfterLeave: (S) => e.$emit("close", { item: h.originalItem, open: h.open, depth: l.depth })
       }, {
-        default: m(() => [
-          h.children && h.open ? (s(), b(d, B({ key: 0 }, e.$props, {
+        default: g(() => [
+          h.children && h.open ? (s(), b(d, C({ key: 0 }, e.$props, {
             depth: l.depth + 1,
             data: h.originalItem.children,
             onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
@@ -6893,10 +6920,10 @@ function qa(e, t, l, a, o, i) {
             onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
             "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
           }), {
-            item: m(({ item: S, depth: g, open: R }) => [
+            item: g(({ item: S, depth: m, open: R }) => [
               p(e.$slots, "item", {
                 item: S,
-                depth: g,
+                depth: m,
                 open: R
               })
             ]),
@@ -6908,7 +6935,7 @@ function qa(e, t, l, a, o, i) {
     ], 2))), 128))
   ], 2);
 }
-const Ga = {
+const qa = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -6955,18 +6982,18 @@ const Ga = {
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
         return J(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
-      Array.isArray(e) || (e = [e]), e.forEach((l, a) => {
-        var o;
+      Array.isArray(e) || (e = [e]), e.forEach((l, o) => {
+        var n;
         this.currentDepthItems.push({
           originalItem: l,
-          _uid: this.depth.toString() + (a + 1),
+          _uid: this.depth.toString() + (o + 1),
           label: l[this.itemLabelKey],
           children: !!l.children,
           branch: l.branch,
           route: l[this.itemRouteKey],
           disabled: l[this.itemDisabledKey],
           depth: this.depth,
-          open: !!(((o = t[a]) == null ? void 0 : o.open) || this.expandAll || l[this.itemOpenKey])
+          open: !!(((n = t[o]) == null ? void 0 : n.open) || this.expandAll || l[this.itemOpenKey])
         });
       });
     },
@@ -6984,8 +7011,8 @@ const Ga = {
     },
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.which) && ((e.children || e.branch) && ([13, 32].includes(t.which) ? this.expandDepth(e) && t.preventDefault() : t.which === 37 ? this.expandDepth(e, !1) && t.preventDefault() : t.which === 39 && this.expandDepth(e, !0) && t.preventDefault()), [38, 40].includes(t.which))) {
-        const a = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), o = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
-        [...a].some((n, r) => n.isSameNode(o) ? (a[r + i] && a[r + i].focus(), !0) : !1);
+        const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
+        [...o].some((a, r) => a.isSameNode(n) ? (o[r + i] && o[r + i].focus(), !0) : !1);
       }
       this.selectable && this.emitItemSelection(e, t);
     },
@@ -7029,7 +7056,7 @@ const Ga = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, Xa = /* @__PURE__ */ v(Ga, [["render", qa]]), Ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ga = /* @__PURE__ */ v(qa, [["render", Ua]]), Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: Ge,
   WAlert: Qe,
@@ -7040,51 +7067,51 @@ const Ga = {
   WCard: _t,
   WCheckbox: xt,
   WCheckboxes: Et,
-  WConfirm: At,
-  WDatePicker: Ft,
-  WDialog: Ut,
-  WDivider: Yt,
-  WDrawer: tl,
-  WFlex: sl,
-  WForm: rl,
-  WFormElement: hl,
-  WGrid: fl,
-  WIcon: bl,
-  WImage: kl,
-  WInput: Pl,
-  WList: El,
-  WMenu: Wl,
-  WNotification: Dl,
-  WOverlay: jl,
-  WParallax: Xl,
-  WProgress: ii,
-  WRadio: hi,
-  WRadios: mi,
-  WRating: vi,
-  WScrollbar: Bi,
-  WSelect: Oi,
-  WSlider: Gi,
-  WSpinner: Qi,
-  WSteps: ts,
-  WSwitch: ds,
-  WTabs: ks,
-  WTable: Qs,
-  WTag: la,
-  WTextarea: da,
-  WTimeline: fa,
-  WToolbar: ba,
-  WTooltip: va,
-  WTransitionBounce: Ca,
-  WTransitionExpand: $a,
-  WTransitionFade: Ra,
-  WTransitionScale: xa,
-  WTransitionScaleFade: za,
-  WTransitionSlide: Na,
-  WTransitionSlideFade: Ka,
-  WTransitionTwist: Ha,
-  WTree: Xa
-}, Symbol.toStringTag, { value: "Module" })), Ja = A.install;
-A.install = (e, t = {}) => Ja.call(A, e, { components: Ya, ...t });
+  WConfirm: Nt,
+  WDatePicker: Dt,
+  WDialog: jt,
+  WDivider: Xt,
+  WDrawer: el,
+  WFlex: il,
+  WForm: nl,
+  WFormElement: ul,
+  WGrid: pl,
+  WIcon: ml,
+  WImage: vl,
+  WInput: xl,
+  WList: zl,
+  WMenu: Al,
+  WNotification: Kl,
+  WOverlay: Hl,
+  WParallax: Gl,
+  WProgress: li,
+  WRadio: ui,
+  WRadios: fi,
+  WRating: wi,
+  WScrollbar: Ci,
+  WSelect: Pi,
+  WSlider: qi,
+  WSpinner: Ji,
+  WSteps: es,
+  WSwitch: rs,
+  WTabs: vs,
+  WTable: Js,
+  WTag: ta,
+  WTextarea: ra,
+  WTimeline: pa,
+  WToolbar: ma,
+  WTooltip: wa,
+  WTransitionBounce: _a,
+  WTransitionExpand: Sa,
+  WTransitionFade: Ia,
+  WTransitionScale: Ta,
+  WTransitionScaleFade: Oa,
+  WTransitionSlide: Ma,
+  WTransitionSlideFade: Wa,
+  WTransitionTwist: Fa,
+  WTree: Ga
+}, Symbol.toStringTag, { value: "Module" })), Ya = W.install;
+W.install = (e, t = {}) => Ya.call(W, e, { components: Xa, ...t });
 export {
-  A as default
+  W as default
 };