wave-ui 2.47.0 → 2.48.0

package/dist/wave-ui.es.js

@@ -1,8 +1,8 @@
-var re = Object.defineProperty;
-var de = (e, t, l) => t in e ? re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var z = (e, t, l) => (de(e, typeof t != "symbol" ? t + "" : t, l), l);
-import { reactive as D, resolveComponent as B, openBlock as s, createElementBlock as u, normalizeClass as m, Fragment as k, renderList as x, createElementVNode as v, withKeys as M, createBlock as g, withModifiers as N, createCommentVNode as h, renderSlot as c, createVNode as I, withCtx as b, mergeProps as S, toHandlers as W, createTextVNode as C, toDisplayString as _, TransitionGroup as le, Transition as L, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as J, resolveDirective as ie, withDirectives as F, createSlots as G, vShow as se, vModelText as ae, vModelDynamic as ue, KeepAlive as he } from "vue";
-const O = D({
+var ue = Object.defineProperty;
+var he = (e, t, l) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var P = (e, t, l) => (he(e, typeof t != "symbol" ? t + "" : t, l), l);
+import { reactive as j, resolveComponent as $, openBlock as s, createElementBlock as u, normalizeClass as f, Fragment as k, renderList as x, createElementVNode as w, withKeys as W, createBlock as g, withModifiers as K, createCommentVNode as h, renderSlot as c, createVNode as V, withCtx as m, mergeProps as S, toHandlers as A, createTextVNode as C, toDisplayString as v, TransitionGroup as se, Transition as T, normalizeStyle as R, resolveDynamicComponent as I, normalizeProps as ee, resolveDirective as ae, withDirectives as H, createSlots as Y, vShow as oe, vModelText as ne, vModelDynamic as ce, KeepAlive as pe } from "vue";
+const M = j({
   breakpoints: {
     xs: 600,
     sm: 900,
@@ -31,19 +31,19 @@ const O = D({
     transition: "default"
   },
   presets: {}
-}), oe = (e, t = O) => {
+}), re = (e, t = M) => {
   for (const l in e) {
     const o = e[l];
-    typeof o == "object" ? oe(e[l], t[l]) : t[l] = o;
+    typeof o == "object" ? re(e[l], t[l]) : t[l] = o;
   }
-}, H = class {
+}, q = class {
   constructor() {
-    z(this, "notifications");
-    z(this, "_uid");
-    z(this, "_notificationDefaults");
-    if (H.instance)
-      return H.instance;
-    H.instance = this, this.notifications = [], this._uid = 0, this._notificationDefaults = {
+    P(this, "notifications");
+    P(this, "_uid");
+    P(this, "_notificationDefaults");
+    if (q.instance)
+      return q.instance;
+    q.instance = this, this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
       message: "",
@@ -70,9 +70,9 @@ const O = D({
     this.notifications = this.notifications.filter((l) => l._uid !== t);
   }
 };
-let j = H;
-z(j, "instance");
-const ce = [
+let U = q;
+P(U, "instance");
+const fe = [
   {
     label: "pink",
     color: "#e91e63",
@@ -415,11 +415,11 @@ const ce = [
       { label: "grey-dark6", color: "#252525" }
     ]
   }
-], Z = (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("");
-let X = null;
-const P = class {
+], le = (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("");
+let J = null;
+const N = class {
   constructor(t, l = {}) {
-    z(this, "breakpoint", {
+    P(this, "breakpoint", {
       name: "",
       xs: !1,
       sm: !1,
@@ -427,23 +427,23 @@ const P = class {
       lg: !1,
       xl: !1
     });
-    z(this, "colors", ce.reduce((t, l) => (t[l.label] = l.color, l.shades.forEach((o) => t[o.label] = o.color), t), { ...O.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
-    z(this, "config", {});
-    if (P.instance)
-      return P.instance;
-    if (P.registered || t.use(P), X = D(new j()), oe(l), O.css.colorShades) {
-      O.colorShades = {};
-      for (let o in O.colors) {
-        o = { label: o, color: O.colors[o].replace("#", "") };
+    P(this, "colors", fe.reduce((t, l) => (t[l.label] = l.color, l.shades.forEach((o) => t[o.label] = o.color), t), { ...M.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
+    P(this, "config", {});
+    if (N.instance)
+      return N.instance;
+    if (N.registered || t.use(N), J = j(new U()), re(l), M.css.colorShades) {
+      M.colorShades = {};
+      for (let o in M.colors) {
+        o = { label: o, color: M.colors[o].replace("#", "") };
         const r = o.color;
         r.length === 3 && (o.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]), this.colors[o.label] = `#${o.color}`;
         for (let i = 1; i <= 3; i++) {
-          const a = Z(`#${o.color}`, i * 40), n = Z(`#${o.color}`, -i * 40);
-          this.colors[`${o.label}-light${i}`] = a, this.colors[`${o.label}-dark${i}`] = n, O.colorShades[`${o.label}-light${i}`] = a, O.colorShades[`${o.label}-dark${i}`] = n;
+          const a = le(`#${o.color}`, i * 40), n = le(`#${o.color}`, -i * 40);
+          this.colors[`${o.label}-light${i}`] = a, this.colors[`${o.label}-dark${i}`] = n, M.colorShades[`${o.label}-light${i}`] = a, M.colorShades[`${o.label}-dark${i}`] = n;
         }
       }
     }
-    this.config = O, this.notify = (...o) => X.notify(...o), P.instance = this, t.config.globalProperties.$waveui = D(this), t.provide("$waveui", P.instance);
+    this.config = M, this.notify = (...o) => J.notify(...o), N.instance = this, t.config.globalProperties.$waveui = j(this), t.provide("$waveui", N.instance);
   }
   static install(t, l = {}) {
     t.directive("focus", {
@@ -461,108 +461,108 @@ const P = class {
       const i = o[r];
       t.component(i.name, i);
     }
-    P.registered = !0;
+    N.registered = !0;
   }
   notify(...t) {
-    X.notify(...t);
+    J.notify(...t);
   }
 };
-let A = P;
-z(A, "instance", null), z(A, "vueInstance", null);
-const pe = ["aria-expanded"], fe = ["onClick", "onFocus", "onKeypress", "tabindex"], me = ["innerHTML"], be = ["innerHTML"];
-function ge(e, t, l, o, r, i) {
-  const a = B("w-button"), n = B("w-transition-expand");
+let D = N;
+P(D, "instance", null), P(D, "vueInstance", null);
+const me = ["aria-expanded"], be = ["onClick", "onFocus", "onKeypress", "tabindex"], ge = ["innerHTML"], ye = ["innerHTML"];
+function we(e, t, l, o, r, i) {
+  const a = $("w-button"), n = $("w-transition-expand");
   return s(), u("div", {
-    class: m(["w-accordion", i.accordionClasses])
+    class: f(["w-accordion", i.accordionClasses])
   }, [
-    (s(!0), u(k, null, x(e.accordionItems, (d, f) => (s(), u("div", {
-      class: m(["w-accordion__item", i.itemClasses(d)]),
-      key: f,
+    (s(!0), u(k, null, x(e.accordionItems, (d, p) => (s(), u("div", {
+      class: f(["w-accordion__item", i.itemClasses(d)]),
+      key: p,
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
-      v("div", {
-        class: m(["w-accordion__item-title", l.titleClass]),
-        onClick: (p) => !d._disabled && i.toggleItem(d, p),
-        onFocus: (p) => e.$emit("focus", i.getOriginalItem(d)),
-        onKeypress: M((p) => !d._disabled && i.toggleItem(d, p), ["enter"]),
+      w("div", {
+        class: f(["w-accordion__item-title", l.titleClass]),
+        onClick: (b) => !d._disabled && i.toggleItem(d, b),
+        onFocus: (b) => e.$emit("focus", i.getOriginalItem(d)),
+        onKeypress: W((b) => !d._disabled && i.toggleItem(d, b), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         l.expandIcon && !l.expandIconRight ? (s(), g(a, {
           key: 0,
-          class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
+          class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
           "icon-props": l.expandIconProps,
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = N(() => {
+          onKeypress: t[0] || (t[0] = K(() => {
           }, ["stop"])),
-          onClick: N((p) => !d._disabled && i.toggleItem(d, p), ["stop"])
+          onClick: K((b) => !d._disabled && i.toggleItem(d, b), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : h("", !0),
-        e.$slots[`item-title.${d.id || f + 1}`] ? c(e.$slots, `item-title.${d.id || f + 1}`, {
+        e.$slots[`item-title.${d.id || p + 1}`] ? c(e.$slots, `item-title.${d.id || p + 1}`, {
           key: 1,
           item: i.getOriginalItem(d),
           expanded: d._expanded,
-          index: f + 1
+          index: p + 1
         }) : c(e.$slots, "item-title", {
           key: 2,
           item: i.getOriginalItem(d),
           expanded: d._expanded,
-          index: f + 1
+          index: p + 1
         }, () => [
-          v("div", {
+          w("div", {
             class: "grow",
             innerHTML: d[l.itemTitleKey]
-          }, null, 8, me)
+          }, null, 8, ge)
         ]),
         l.expandIcon && l.expandIconRight ? (s(), g(a, {
           key: 3,
-          class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
+          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,
           text: "",
-          onKeypress: t[1] || (t[1] = N(() => {
+          onKeypress: t[1] || (t[1] = K(() => {
           }, ["stop"])),
-          onClick: N((p) => !d._disabled && i.toggleItem(d, p), ["stop"])
+          onClick: K((b) => !d._disabled && i.toggleItem(d, b), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : h("", !0)
-      ], 42, fe),
-      I(n, {
+      ], 42, be),
+      V(n, {
         y: "",
-        onAfterLeave: (p) => i.onEndOfCollapse(d),
+        onAfterLeave: (b) => i.onEndOfCollapse(d),
         duration: l.duration
       }, {
-        default: b(() => [
+        default: m(() => [
           d._expanded ? (s(), u("div", {
             key: 0,
-            class: m(["w-accordion__item-content", l.contentClass])
+            class: f(["w-accordion__item-content", l.contentClass])
           }, [
-            e.$slots[`item-content.${d.id || f + 1}`] ? c(e.$slots, `item-content.${d.id || f + 1}`, {
+            e.$slots[`item-content.${d.id || p + 1}`] ? c(e.$slots, `item-content.${d.id || p + 1}`, {
               key: 0,
               item: i.getOriginalItem(d),
               expanded: d._expanded,
-              index: f + 1
+              index: p + 1
             }) : c(e.$slots, "item-content", {
               key: 1,
               item: i.getOriginalItem(d),
               expanded: d._expanded,
-              index: f + 1
+              index: p + 1
             }, () => [
-              v("div", {
+              w("div", {
                 innerHTML: d[l.itemContentKey]
-              }, null, 8, be)
+              }, null, 8, ye)
             ])
           ], 2)) : h("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
-    ], 10, pe))), 128))
+    ], 10, me))), 128))
   ], 2);
 }
-const w = (e, t) => {
+const _ = (e, t) => {
   const l = e.__vccOpts || e;
   for (const [o, r] of t)
     l[o] = r;
   return l;
-}, ye = {
+}, ve = {
   name: "w-accordion",
   props: {
     modelValue: { type: Array },
@@ -644,24 +644,24 @@ const w = (e, t) => {
       deep: !0
     }
   }
-}, we = /* @__PURE__ */ w(ye, [["render", ge]]), ve = { class: "w-alert__content" };
-function _e(e, t, l, o, r, i) {
-  const a = B("w-icon"), n = B("w-button");
+}, _e = /* @__PURE__ */ _(ve, [["render", we]]), ke = { class: "w-alert__content" };
+function Ce(e, t, l, o, r, i) {
+  const a = $("w-icon"), n = $("w-button");
   return r.show ? (s(), u("div", S({
     key: 0,
     class: "w-alert"
-  }, W(e.$attrs, !0), { class: i.classes }), [
+  }, A(e.$attrs, !0), { class: i.classes }), [
     i.type || l.icon || l.dismiss ? (s(), u(k, { key: 0 }, [
       i.type || l.icon ? (s(), g(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
-        default: b(() => [
-          C(_(i.type ? i.typeIcon : l.icon), 1)
+        default: m(() => [
+          C(v(i.type ? i.typeIcon : l.icon), 1)
         ]),
         _: 1
       })) : h("", !0),
-      v("div", ve, [
+      w("div", ke, [
         c(e.$slots, "default")
       ]),
       l.dismiss ? (s(), g(n, {
@@ -678,7 +678,7 @@ function _e(e, t, l, o, r, i) {
     ], 64)) : c(e.$slots, "default", { key: 1 })
   ], 16)) : h("", !0);
 }
-const ke = {
+const Se = {
   name: "w-alert",
   props: {
     modelValue: { default: !0 },
@@ -753,16 +753,16 @@ const ke = {
       this.show = e;
     }
   }
-}, Ce = /* @__PURE__ */ w(ke, [["render", _e]]), Se = ["innerHTML"];
-function Be(e, t, l, o, r, i) {
-  const a = B("w-alert");
-  return s(), g(le, {
-    class: m(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
+}, Be = /* @__PURE__ */ _(Se, [["render", Ce]]), $e = ["innerHTML"];
+function Ve(e, t, l, o, r, i) {
+  const a = $("w-alert");
+  return s(), g(se, {
+    class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
     tag: "div",
     name: i.transition,
     appear: ""
   }, {
-    default: b(() => [
+    default: m(() => [
       (s(!0), u(k, null, x(i.notifications, (n) => (s(), u(k, null, [
         n._value ? (s(), g(a, S({
           class: "white--bg",
@@ -771,10 +771,10 @@ function Be(e, t, l, o, r, i) {
           "onUpdate:modelValue": (d) => n._value = d,
           onClose: (d) => e.notifManager.dismiss(n._uid)
         }, i.notifProps(n)), {
-          default: b(() => [
-            v("div", {
+          default: m(() => [
+            w("div", {
               innerHTML: n.message
-            }, null, 8, Se)
+            }, null, 8, $e)
           ]),
           _: 2
         }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : h("", !0)
@@ -783,7 +783,7 @@ function Be(e, t, l, o, r, i) {
     _: 1
   }, 8, ["class", "name"]);
 }
-const $e = {
+const Ie = {
   name: "w-notification-manager",
   data: () => ({
     notifManager: null
@@ -807,30 +807,30 @@ const $e = {
     }
   },
   created() {
-    this.notifManager = new j();
+    this.notifManager = new U();
   },
   beforeUnmount() {
     this.notifManager.notifications = [], delete this.notifManager;
   }
-}, Ve = /* @__PURE__ */ w($e, [["render", Be]]), U = {
+}, Re = /* @__PURE__ */ _(Ie, [["render", Ve]]), G = {
   cssScope: ".w-app",
   baseIncrement: 4
-}, Ie = (e) => {
+}, Le = (e) => {
   let t = "";
-  const { cssScope: l } = U, { info: o, warning: r, success: i, error: a, ...n } = e.colors;
-  for (const p in n)
-    t += `${l} .${p}--bg{background-color:${e.colors[p]}}${l} .${p}{color:${e.colors[p]}}`;
-  e.css.colorShades && e.colorShades && Object.entries(e.colorShades).forEach(([p, y]) => {
-    t += `${l} .${p}--bg{background-color:${y}}${l} .${p}{color:${y}}`;
+  const { cssScope: l } = G, { info: o, warning: r, success: i, error: a, ...n } = e.colors;
+  for (const b in n)
+    t += `${l} .${b}--bg{background-color:${e.colors[b]}}${l} .${b}{color:${e.colors[b]}}`;
+  e.css.colorShades && e.colorShades && Object.entries(e.colorShades).forEach(([b, B]) => {
+    t += `${l} .${b}--bg{background-color:${B}}${l} .${b}{color:${B}}`;
   });
   const d = { info: o, warning: r, success: i, error: a };
-  for (const p in d)
-    t += `${l} .${p}--bg{background-color:${e.colors[p]}}${l} .${p}{color:${e.colors[p]}}`;
-  const f = [];
-  return f.push(`--primary: ${e.colors.primary}`), t += `:root {${f.join(";")}}`, t;
-}, Re = (e, t) => {
+  for (const b in d)
+    t += `${l} .${b}--bg{background-color:${e.colors[b]}}${l} .${b}{color:${e.colors[b]}}`;
+  const p = [];
+  return p.push(`--primary: ${e.colors.primary}`), t += `:root {${p.join(";")}}`, t;
+}, xe = (e, t) => {
   let l = "";
-  const { cssScope: o } = U;
+  const { cssScope: o } = G;
   return e.forEach(({ min: r, label: i }) => {
     if (i === "xs")
       for (let a = 0; a < t; a++)
@@ -842,9 +842,9 @@ const $e = {
       l += "}";
     }
   }), l;
-}, xe = (e) => {
+}, Te = (e) => {
   let t = "";
-  const { cssScope: l, baseIncrement: o } = U, r = [
+  const { cssScope: l, baseIncrement: o } = G, r = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -879,32 +879,32 @@ const $e = {
     "justify-space-evenly{justify-content:space-evenly}"
   ], i = Array(12).fill();
   return e.forEach(({ label: a, min: n }) => {
-    a !== "xs" && (t += `@media(min-width:${n}px){` + r.map((d) => `${l} .${a}u-${d}`).join("") + i.map((d, f) => `.w-grid.${a}u-columns${f + 1}{grid-template-columns:repeat(${f + 1},1fr);}`).join("") + i.map((d, f) => `.w-flex.${a}u-gap${f + 1},.w-grid.${a}u-gap${f + 1}{gap:${(f + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+    a !== "xs" && (t += `@media(min-width:${n}px){` + r.map((d) => `${l} .${a}u-${d}`).join("") + i.map((d, p) => `.w-grid.${a}u-columns${p + 1}{grid-template-columns:repeat(${p + 1},1fr);}`).join("") + i.map((d, p) => `.w-flex.${a}u-gap${p + 1},.w-grid.${a}u-gap${p + 1}{gap:${(p + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
   }), e.forEach(({ label: a, min: n, max: d }) => {
-    t += `@media (min-width:${n}px) and (max-width:${d}px){` + r.map((f) => `${l} .${a}-${f}`).join("") + i.map((f, p) => `.w-grid.${a}-columns${p + 1}{grid-template-columns:repeat(${p + 1},1fr);}`).join("") + i.map((f, p) => `.w-flex.${a}-gap${p + 1},.w-grid.${a}-gap${p + 1}{gap:${(p + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+    t += `@media (min-width:${n}px) and (max-width:${d}px){` + r.map((p) => `${l} .${a}-${p}`).join("") + i.map((p, b) => `.w-grid.${a}-columns${b + 1}{grid-template-columns:repeat(${b + 1},1fr);}`).join("") + i.map((p, b) => `.w-flex.${a}-gap${b + 1},.w-grid.${a}-gap${b + 1}{gap:${(b + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
   }), e.forEach(({ label: a, max: n }) => {
-    a !== "xl" && (t += `@media (max-width:${n}px){` + r.map((d) => `${l} .${a}d-${d}`).join("") + i.map((d, f) => `.w-grid.${a}d-columns${f + 1}{grid-template-columns:repeat(${f + 1},1fr);}`).join("") + i.map((d, f) => `.w-flex.${a}d-gap${f + 1},.w-grid.${a}d-gap${f + 1}{gap:${(f + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
+    a !== "xl" && (t += `@media (max-width:${n}px){` + r.map((d) => `${l} .${a}d-${d}`).join("") + i.map((d, p) => `.w-grid.${a}d-columns${p + 1}{grid-template-columns:repeat(${p + 1},1fr);}`).join("") + i.map((d, p) => `.w-flex.${a}d-gap${p + 1},.w-grid.${a}d-gap${p + 1}{gap:${(p + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, Le = (e) => {
+}, ze = (e) => {
   const t = Object.entries(e.breakpoints), l = t.map(([i, a], n) => {
     const [, d = 0] = t[n - 1] || [];
     return { label: i, min: d ? d + 1 : 0, max: a };
   }), o = getComputedStyle(document.documentElement);
-  U.cssScope = o.getPropertyValue("--css-scope"), U.baseIncrement = parseInt(o.getPropertyValue("--base-increment"));
+  G.cssScope = o.getPropertyValue("--css-scope"), G.baseIncrement = parseInt(o.getPropertyValue("--base-increment"));
   let r = "";
-  return r += Ie(e), r += Re(l, e.css.grid), e.css.breakpointLayoutClasses && (r += xe(l)), r;
+  return r += Le(e), r += xe(l, e.css.grid), e.css.breakpointLayoutClasses && (r += Te(l)), r;
 };
-function Te(e, t, l, o, r, i) {
-  const a = B("notification-manager");
+function Ee(e, t, l, o, r, i) {
+  const a = $("notification-manager");
   return s(), u("div", {
-    class: m(["w-app", i.classes])
+    class: f(["w-app", i.classes])
   }, [
     c(e.$slots, "default"),
-    I(a)
+    V(a)
   ], 2);
 }
-let Y = { keys: [], values: [] };
-const ze = {
+let Q = { keys: [], values: [] };
+const Pe = {
   name: "w-app",
   props: {
     dark: { type: Boolean },
@@ -920,7 +920,7 @@ const ze = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   },
-  components: { NotificationManager: Ve },
+  components: { NotificationManager: Re },
   data: () => ({
     currentBreakpoint: null,
     notifManager: null
@@ -945,9 +945,9 @@ const ze = {
   },
   methods: {
     getBreakpoint() {
-      const e = window.innerWidth, t = Y.values.slice(0);
+      const e = window.innerWidth, t = Q.values.slice(0);
       t.push(e), t.sort((o, r) => o - r);
-      const l = Y.keys[t.indexOf(e)] || "xl";
+      const l = Q.keys[t.indexOf(e)] || "xl";
       l !== this.currentBreakpoint && (this.currentBreakpoint = l, this.$waveui.breakpoint = {
         name: l,
         xs: l === "xs",
@@ -961,9 +961,9 @@ const ze = {
   },
   mounted() {
     const { config: e } = this.$waveui;
-    if (Y = { keys: Object.keys(e.breakpoints), values: Object.values(e.breakpoints) }, !document.getElementById("wave-ui-styles")) {
+    if (Q = { keys: Object.keys(e.breakpoints), values: Object.values(e.breakpoints) }, !document.getElementById("wave-ui-styles")) {
       const t = document.createElement("style");
-      t.id = "wave-ui-styles", t.innerHTML = Le(e);
+      t.id = "wave-ui-styles", t.innerHTML = ze(e);
       const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
       l ? l.before(t) : document.head.appendChild(t);
     }
@@ -972,17 +972,17 @@ const ze = {
   beforeUnmount() {
     window.removeEventListener("resize", this.getBreakpoint);
   }
-}, Ee = /* @__PURE__ */ w(ze, [["render", Te]]);
-function Oe(e, t, l, o, r, i) {
-  return s(), u("div", S({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
+}, Oe = /* @__PURE__ */ _(Pe, [["render", Ee]]);
+function Me(e, t, l, o, r, i) {
+  return s(), u("div", S({ class: "w-badge-wrap" }, A(e.$attrs, !0)), [
     c(e.$slots, "default"),
-    I(L, {
+    V(T, {
       name: `${l.transition}`
     }, {
-      default: b(() => [
+      default: m(() => [
         l.modelValue ? (s(), u("div", {
           key: 0,
-          class: m(["w-badge", i.classes]),
+          class: f(["w-badge", i.classes]),
           style: R(i.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
@@ -990,7 +990,7 @@ function Oe(e, t, l, o, r, i) {
           role: "status"
         }, [
           l.dot ? h("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
-            C(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+            C(v(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
           ])
         ], 6)) : h("", !0)
       ]),
@@ -998,7 +998,7 @@ function Oe(e, t, l, o, r, i) {
     }, 8, ["name"])
   ], 16);
 }
-const Pe = {
+const Ne = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1059,35 +1059,35 @@ const Pe = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, Me = /* @__PURE__ */ w(Pe, [["render", Oe]]), We = ["innerHTML"];
-function Ne(e, t, l, o, r, i) {
-  const a = B("w-icon");
+}, We = /* @__PURE__ */ _(Ne, [["render", Me]]), Ae = ["innerHTML"];
+function Ke(e, t, l, o, r, i) {
+  const a = $("w-icon");
   return s(), u("div", {
-    class: m(["w-breadcrumbs", i.classes])
+    class: f(["w-breadcrumbs", i.classes])
   }, [
     (s(!0), u(k, null, x(l.items, (n, d) => (s(), u(k, null, [
       d && e.$slots.separator ? (s(), u("span", {
-        class: m(["w-breadcrumbs__separator", l.separatorColor]),
+        class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
       ], 2)) : d ? (s(), g(a, {
-        class: m(["w-breadcrumbs__separator", l.separatorColor]),
+        class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}b`
       }, {
-        default: b(() => [
-          C(_(l.icon), 1)
+        default: m(() => [
+          C(v(l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : h("", !0),
       n[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(k, { key: 2 }, [
-        e.$slots.item ? (s(), g(V(i.hasRouter ? "router-link" : "a"), {
-          class: m(["w-breadcrumbs__item", l.color || null]),
+        e.$slots.item ? (s(), g(I(i.hasRouter ? "router-link" : "a"), {
+          class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}c`,
           to: i.hasRouter && n[l.itemRouteKey],
           href: n[l.itemRouteKey]
         }, {
-          default: b(() => [
+          default: m(() => [
             c(e.$slots, "item", {
               item: n,
               index: d + 1,
@@ -1095,8 +1095,8 @@ function Ne(e, t, l, o, r, i) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), g(V(i.hasRouter ? "router-link" : "a"), {
-          class: m(["w-breadcrumbs__item", l.color || null]),
+        }, 1032, ["to", "href", "class"])) : (s(), g(I(i.hasRouter ? "router-link" : "a"), {
+          class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}d`,
           to: i.hasRouter && n[l.itemRouteKey],
           href: n[l.itemRouteKey],
@@ -1110,11 +1110,11 @@ function Ne(e, t, l, o, r, i) {
       }) : (s(), u("span", {
         key: `${d}f`,
         innerHTML: n[l.itemLabelKey]
-      }, null, 8, We))
+      }, null, 8, Ae))
     ], 64))), 256))
   ], 2);
 }
-const Ae = {
+const De = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1144,11 +1144,11 @@ const Ae = {
       };
     }
   }
-}, Ke = /* @__PURE__ */ w(Ae, [["render", Ne]]), De = {
+}, Fe = /* @__PURE__ */ _(De, [["render", Ke]]), je = {
   key: 0,
   class: "w-button__loader"
-}, Fe = /* @__PURE__ */ v("svg", { viewBox: "0 0 40 40" }, [
-  /* @__PURE__ */ v("circle", {
+}, He = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
+  /* @__PURE__ */ w("circle", {
     cx: "20",
     cy: "20",
     r: "18",
@@ -1158,26 +1158,26 @@ const Ae = {
     "stroke-linecap": "round"
   })
 ], -1);
-function je(e, t, l, o, r, i) {
-  const a = B("w-icon");
-  return s(), g(V(l.route ? "a" : "button"), S({
+function Ue(e, t, l, o, r, i) {
+  const a = $("w-icon");
+  return s(), g(I(l.route ? "a" : "button"), S({
     class: ["w-button", i.classes],
     type: !l.route && l.type,
     href: l.route && (i.externalLink ? l.route : i.resolvedRoute) || null,
     disabled: !!l.disabled || null
-  }, W(i.listeners), { style: i.styles }), {
-    default: b(() => [
-      l.icon ? (s(), g(a, J(S({ key: 0 }, l.iconProps || {})), {
-        default: b(() => [
-          C(_(l.icon), 1)
+  }, A(i.listeners), { style: i.styles }), {
+    default: m(() => [
+      l.icon ? (s(), g(a, ee(S({ key: 0 }, l.iconProps || {})), {
+        default: m(() => [
+          C(v(l.icon), 1)
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
-      I(L, { name: "scale-fade" }, {
-        default: b(() => [
-          l.loading ? (s(), u("div", De, [
+      V(T, { name: "scale-fade" }, {
+        default: m(() => [
+          l.loading ? (s(), u("div", je, [
             c(e.$slots, "loading", {}, () => [
-              Fe
+              He
             ])
           ])) : h("", !0)
         ]),
@@ -1187,7 +1187,7 @@ function je(e, t, l, o, r, i) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const He = {
+const qe = {
   props: {
     color: { type: String },
     bgColor: { type: String },
@@ -1275,30 +1275,30 @@ const He = {
       };
     }
   }
-}, Ue = /* @__PURE__ */ w(He, [["render", je]]), qe = ["innerHTML"];
-function Ge(e, t, l, o, r, i) {
-  const a = B("button-partial");
-  return l.tooltip ? (s(), g(V("w-tooltip"), J(S({ key: 0 }, l.tooltipProps || {})), {
-    activator: b(({ on: n }) => [
-      I(a, S(i.buttonProps, W(n)), {
-        default: b(() => [
+}, Ge = /* @__PURE__ */ _(qe, [["render", Ue]]), Xe = ["innerHTML"];
+function Ye(e, t, l, o, r, i) {
+  const a = $("button-partial");
+  return l.tooltip ? (s(), g(I("w-tooltip"), ee(S({ key: 0 }, l.tooltipProps || {})), {
+    activator: m(({ on: n }) => [
+      V(a, S(i.buttonProps, A(n)), {
+        default: m(() => [
           c(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
     ]),
-    default: b(() => [
-      v("div", { innerHTML: l.tooltip }, null, 8, qe)
+    default: m(() => [
+      w("div", { innerHTML: l.tooltip }, null, 8, Xe)
     ]),
     _: 3
-  }, 16)) : (s(), g(a, J(S({ key: 1 }, i.buttonProps)), {
-    default: b(() => [
+  }, 16)) : (s(), g(a, ee(S({ key: 1 }, i.buttonProps)), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16));
 }
-const Xe = {
+const Je = {
   name: "w-button",
   inheritAttrs: !1,
   props: {
@@ -1334,7 +1334,7 @@ const Xe = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: Ue },
+  components: { ButtonPartial: Ge },
   emits: [],
   computed: {
     buttonProps() {
@@ -1342,18 +1342,18 @@ const Xe = {
       return { ...l, ...this.$attrs };
     }
   }
-}, Ye = /* @__PURE__ */ w(Xe, [["render", Ge]]), K = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e);
-function Je(e, t, l, o, r, i) {
-  const a = B("w-image");
+}, Qe = /* @__PURE__ */ _(Je, [["render", Ye]]), F = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e);
+function Ze(e, t, l, o, r, i) {
+  const a = $("w-image");
   return s(), u("div", {
-    class: m(["w-card", i.classes])
+    class: f(["w-card", i.classes])
   }, [
     e.$slots.title || l.title ? (s(), u("div", {
       key: 0,
-      class: m(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }])
+      class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }])
     }, [
       c(e.$slots, "title", {}, () => [
-        C(_(l.title), 1)
+        C(v(l.title), 1)
       ])
     ], 2)) : h("", !0),
     l.image ? (s(), g(a, S({
@@ -1361,25 +1361,25 @@ function Je(e, t, l, o, r, i) {
       class: "w-card__image",
       src: l.image
     }, i.imgProps), {
-      default: b(() => [
+      default: m(() => [
         c(e.$slots, "image-content")
       ]),
       _: 3
     }, 16, ["src"])) : h("", !0),
-    v("div", {
-      class: m(["w-card__content", i.contentClasses])
+    w("div", {
+      class: f(["w-card__content", i.contentClasses])
     }, [
       c(e.$slots, "default")
     ], 2),
     e.$slots.actions ? (s(), u("div", {
       key: 2,
-      class: m(["w-card__actions", { "w-card__actions--has-toolbar": i.actionsHasToolbar }])
+      class: f(["w-card__actions", { "w-card__actions--has-toolbar": i.actionsHasToolbar }])
     }, [
       c(e.$slots, "actions")
     ], 2)) : h("", !0)
   ], 2);
 }
-const Qe = {
+const et = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1396,10 +1396,10 @@ const Qe = {
   emits: [],
   computed: {
     titleClasses() {
-      return K(this.titleClass);
+      return F(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return F(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1426,7 +1426,7 @@ const Qe = {
       };
     }
   }
-}, Ze = /* @__PURE__ */ w(Qe, [["render", Je]]), E = {
+}, tt = /* @__PURE__ */ _(et, [["render", Ze]]), O = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1467,13 +1467,13 @@ const Qe = {
       this.$refs.formEl.validate(this);
     }
   }
-}, et = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], tt = ["for"], lt = ["for", "innerHTML"], it = /* @__PURE__ */ v("svg", { viewBox: "-0.5 0 12 10" }, [
-  /* @__PURE__ */ v("polyline", { points: "1 5 4 8 10 2" })
-], -1), st = [
-  it
-], at = ["for"], ot = ["for", "innerHTML"];
-function nt(e, t, l, o, r, i) {
-  return s(), g(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
+}, lt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], it = ["for"], st = ["for", "innerHTML"], at = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+  /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
+], -1), ot = [
+  at
+], nt = ["for"], rt = ["for", "innerHTML"];
+function dt(e, t, l, o, r, i) {
+  return s(), g(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
@@ -1481,8 +1481,8 @@ function nt(e, t, l, o, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
-      v("input", {
+    default: m(() => [
+      w("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
@@ -1494,55 +1494,55 @@ function nt(e, t, l, o, r, i) {
         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"])),
+        onKeypress: t[3] || (t[3] = W((...a) => i.onInput && i.onInput(...a), ["enter"])),
         "aria-checked": r.isChecked || "false",
         role: "checkbox"
-      }, null, 40, et),
+      }, null, 40, lt),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
-          class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
+          class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, tt)) : l.label ? (s(), u("label", {
+        ], 10, it)) : l.label ? (s(), u("label", {
           key: 1,
-          class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
+          class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, lt)) : h("", !0)
+        }, null, 10, st)) : h("", !0)
       ], 64)) : h("", !0),
-      v("div", {
-        class: m(["w-checkbox__input", this.color]),
+      w("div", {
+        class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, st, 2),
+      }, ot, 2),
       i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
-          class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
+          class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, at)) : l.label ? (s(), u("label", {
+        ], 10, nt)) : l.label ? (s(), u("label", {
           key: 1,
-          class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
+          class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, ot)) : h("", !0)
+        }, null, 10, rt)) : h("", !0)
       ], 64)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const rt = {
+const ut = {
   name: "w-checkbox",
-  mixins: [E],
+  mixins: [O],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -1595,10 +1595,10 @@ const rt = {
       this.isChecked = e;
     }
   }
-}, dt = /* @__PURE__ */ w(rt, [["render", nt]]), ut = ["innerHTML"];
-function ht(e, t, l, o, r, i) {
-  const a = B("w-checkbox");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((n) => n._isChecked), disabled: e.isDisabled }, {
+}, ht = /* @__PURE__ */ _(ut, [["render", dt]]), ct = ["innerHTML"];
+function pt(e, t, l, o, r, i) {
+  const a = $("w-checkbox");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((n) => n._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
     onReset: i.reset,
@@ -1606,19 +1606,19 @@ function ht(e, t, l, o, r, i) {
     wrap: l.inline,
     class: i.classes
   }), {
-    default: b(() => [
+    default: m(() => [
       (s(!0), u(k, null, x(i.checkboxItems, (n, d) => (s(), g(a, S({
         key: d,
         "model-value": n._isChecked,
-        "onUpdate:modelValue": (f) => i.toggleCheck(n, f),
-        onFocus: t[0] || (t[0] = (f) => e.$emit("focus", f)),
+        "onUpdate:modelValue": (p) => i.toggleCheck(n, p),
+        onFocus: t[0] || (t[0] = (p) => e.$emit("focus", p)),
         name: `${e.inputName}[]`
       }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
       }), {
-        default: b(() => [
+        default: m(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(n),
@@ -1628,7 +1628,7 @@ function ht(e, t, l, o, r, i) {
           }) : n.label ? (s(), u("div", {
             key: 1,
             innerHTML: n.label
-          }, null, 8, ut)) : h("", !0)
+          }, null, 8, ct)) : h("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1636,9 +1636,9 @@ function ht(e, t, l, o, r, i) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const ct = {
+const ft = {
   name: "w-checkboxes",
-  mixins: [E],
+  mixins: [O],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
@@ -1659,7 +1659,7 @@ const ct = {
     checkboxItems() {
       return (this.items || []).map((e, t) => {
         const l = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
-        return D({
+        return j({
           ...e,
           label: e[this.itemLabelKey],
           _index: t,
@@ -1689,64 +1689,64 @@ const ct = {
       return this.items[e._index];
     }
   }
-}, pt = /* @__PURE__ */ w(ct, [["render", ht]]), ft = { class: "w-confirm" };
-function mt(e, t, l, o, r, i) {
-  const a = B("w-button"), n = B("w-flex"), d = B("w-menu"), f = ie("focus");
-  return s(), u("div", ft, [
-    I(d, S({
+}, mt = /* @__PURE__ */ _(ft, [["render", pt]]), bt = { class: "w-confirm" };
+function gt(e, t, l, o, r, i) {
+  const a = $("w-button"), n = $("w-flex"), d = $("w-menu"), p = ae("focus");
+  return s(), u("div", bt, [
+    V(d, S({
       modelValue: e.showPopup,
-      "onUpdate:modelValue": t[2] || (t[2] = (p) => e.showPopup = p)
+      "onUpdate:modelValue": t[2] || (t[2] = (b) => e.showPopup = b)
     }, i.wMenuProps), {
-      activator: b(({ on: p }) => [
-        I(a, S({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...p }), {
-          default: b(() => [
+      activator: m(({ on: b }) => [
+        V(a, S({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : b }), {
+          default: m(() => [
             c(e.$slots, "default")
           ]),
           _: 2
         }, 1040)
       ]),
-      default: b(() => [
-        I(n, {
+      default: m(() => [
+        V(n, {
           column: !l.inline,
           "align-center": ""
         }, {
-          default: b(() => [
-            v("div", null, [
+          default: m(() => [
+            w("div", null, [
               c(e.$slots, "question", {}, () => [
-                C(_(l.question), 1)
+                C(v(l.question), 1)
               ])
             ]),
-            v("div", {
-              class: m(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
+            w("div", {
+              class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
             }, [
               l.cancel !== !1 ? (s(), g(a, S({
                 key: 0,
                 class: "mr2"
               }, i.cancelButtonProps, {
                 "bg-color": (i.cancelButton || {}).bgColor || "error",
-                onKeyup: t[0] || (t[0] = M((p) => !l.persistent && i.onCancel(), ["escape"])),
+                onKeyup: t[0] || (t[0] = W((b) => !l.persistent && i.onCancel(), ["escape"])),
                 onClick: i.onCancel
               }), {
-                default: b(() => [
+                default: m(() => [
                   c(e.$slots, "cancel", {}, () => [
-                    C(_(i.cancelButton.label), 1)
+                    C(v(i.cancelButton.label), 1)
                   ])
                 ]),
                 _: 3
               }, 16, ["bg-color", "onClick"])) : h("", !0),
-              F((s(), g(a, S(i.confirmButtonProps, {
+              H((s(), g(a, S(i.confirmButtonProps, {
                 "bg-color": (i.confirmButton || {}).bgColor || "success",
-                onKeyup: t[1] || (t[1] = M((p) => !l.persistent && i.onCancel(), ["escape"])),
+                onKeyup: t[1] || (t[1] = W((b) => !l.persistent && i.onCancel(), ["escape"])),
                 onClick: i.onConfirm
               }), {
-                default: b(() => [
+                default: m(() => [
                   c(e.$slots, "confirm", {}, () => [
-                    C(_(i.confirmButton.label), 1)
+                    C(v(i.confirmButton.label), 1)
                   ])
                 ]),
                 _: 3
               }, 16, ["bg-color", "onClick"])), [
-                [f]
+                [p]
               ])
             ], 2)
           ]),
@@ -1757,12 +1757,13 @@ function mt(e, t, l, o, r, i) {
     }, 16, ["modelValue"])
   ]);
 }
-const bt = {
+const yt = {
   name: "w-confirm",
   props: {
     bgColor: { type: String },
     color: { type: String },
     icon: { type: String },
+    disablePrompt: { type: Boolean },
     mainButton: { type: Object },
     question: { type: String, default: "Are you sure?" },
     cancel: { type: [Boolean, Object, String], default: void 0 },
@@ -1844,16 +1845,16 @@ const bt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, gt = /* @__PURE__ */ w(bt, [["render", mt]]);
-function yt(e, t, l, o, r, i) {
+}, wt = /* @__PURE__ */ _(yt, [["render", gt]]);
+function vt(e, t, l, o, r, i) {
   return s(), u("div", {
-    class: m(["w-date-picker", i.classes]),
+    class: f(["w-date-picker", i.classes]),
     style: R(i.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const wt = {
+const _t = {
   name: "w-date-picker",
   props: {},
   emits: [],
@@ -1865,11 +1866,11 @@ const wt = {
       return !1;
     }
   }
-}, vt = /* @__PURE__ */ w(wt, [["render", yt]]);
-function _t(e, t, l, o, r, i) {
-  const a = B("w-card"), n = B("w-overlay");
+}, kt = /* @__PURE__ */ _(_t, [["render", vt]]);
+function Ct(e, t, l, o, r, i) {
+  const a = $("w-card"), n = $("w-overlay");
   return s(), g(n, {
-    class: m(["w-dialog", i.classes]),
+    class: f(["w-dialog", i.classes]),
     "model-value": r.showWrapper,
     persistent: l.persistent,
     "persistent-no-animation": l.persistentNoAnimation,
@@ -1878,15 +1879,15 @@ function _t(e, t, l, o, r, i) {
     "bg-color": l.overlayColor,
     opacity: l.overlayOpacity
   }, {
-    default: b(() => [
-      I(L, {
+    default: m(() => [
+      V(T, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
       }, {
-        default: b(() => [
-          F(I(a, {
-            class: m(["w-dialog__content", l.dialogClass]),
+        default: m(() => [
+          H(V(a, {
+            class: f(["w-dialog__content", l.dialogClass]),
             ref: "dialog",
             "no-border": "",
             color: l.color,
@@ -1895,28 +1896,28 @@ function _t(e, t, l, o, r, i) {
             "content-class": l.contentClass,
             title: l.title || void 0,
             style: R(i.contentStyles)
-          }, G({
-            default: b(() => [
+          }, Y({
+            default: m(() => [
               c(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
-              fn: b(() => [
+              fn: m(() => [
                 c(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
-              fn: b(() => [
+              fn: m(() => [
                 c(e.$slots, "actions")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [se, r.showContent]
+            [oe, r.showContent]
           ])
         ]),
         _: 3
@@ -1925,7 +1926,7 @@ function _t(e, t, l, o, r, i) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const kt = {
+const St = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -1988,17 +1989,17 @@ const kt = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, Ct = /* @__PURE__ */ w(kt, [["render", _t]]), St = ["role", "aria-orientation"];
-function Bt(e, t, l, o, r, i) {
+}, Bt = /* @__PURE__ */ _(St, [["render", Ct]]), $t = ["role", "aria-orientation"];
+function Vt(e, t, l, o, r, i) {
   return s(), u("div", {
-    class: m(["w-divider", i.classes]),
+    class: f(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": l.vertical ? "vertical" : "horizontal"
   }, [
     c(e.$slots, "default")
-  ], 10, St);
+  ], 10, $t);
 }
-const $t = {
+const It = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2014,19 +2015,19 @@ const $t = {
       };
     }
   }
-}, Vt = /* @__PURE__ */ w($t, [["render", Bt]]), It = { class: "w-drawer-wrap__pushable" };
-function Rt(e, t, l, o, r, i) {
-  const a = B("w-overlay");
+}, Rt = /* @__PURE__ */ _(It, [["render", Vt]]), Lt = { class: "w-drawer-wrap__pushable" };
+function xt(e, t, l, o, r, i) {
+  const a = $("w-overlay");
   return r.showWrapper || l.pushContent ? (s(), u("div", {
     key: 0,
-    class: m(["w-drawer-wrap", i.wrapperClasses])
+    class: f(["w-drawer-wrap", i.wrapperClasses])
   }, [
     l.pushContent ? (s(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
       style: R(i.trackStyles)
     }, [
-      v("div", It, [
+      w("div", Lt, [
         l.noOverlay ? h("", !0) : (s(), g(a, {
           key: 0,
           modelValue: r.showDrawer,
@@ -2039,19 +2040,19 @@ function Rt(e, t, l, o, r, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         c(e.$slots, "pushable")
       ]),
-      I(L, {
+      V(T, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: b(() => [
-          r.showDrawer ? (s(), g(V(l.tag || "aside"), {
+        default: m(() => [
+          r.showDrawer ? (s(), g(I(l.tag || "aside"), {
             key: 0,
-            class: m(["w-drawer", i.drawerClasses]),
+            class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: R(i.styles)
           }, {
-            default: b(() => [
+            default: m(() => [
               c(e.$slots, "default")
             ]),
             _: 3
@@ -2070,20 +2071,20 @@ function Rt(e, t, l, o, r, i) {
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(L, {
+      V(T, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
-        default: b(() => [
-          r.showDrawer ? (s(), g(V(l.tag || "aside"), {
+        default: m(() => [
+          r.showDrawer ? (s(), g(I(l.tag || "aside"), {
             key: 0,
-            class: m(["w-drawer", i.drawerClasses]),
+            class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
             style: R(i.styles)
           }, {
-            default: b(() => [
+            default: m(() => [
               c(e.$slots, "default")
             ]),
             _: 3
@@ -2094,7 +2095,7 @@ function Rt(e, t, l, o, r, i) {
     ], 64))
   ], 2)) : h("", !0);
 }
-const xt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
+const Tt = { left: "right", right: "left", top: "down", bottom: "up" }, zt = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2176,7 +2177,7 @@ const xt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${xt[this.position]}`;
+      return `slide-${Tt[this.position]}`;
     }
   },
   methods: {
@@ -2195,18 +2196,18 @@ const xt = { left: "right", right: "left", top: "down", bottom: "up" }, Lt = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, Tt = /* @__PURE__ */ w(Lt, [["render", Rt]]);
-function zt(e, t, l, o, r, i) {
-  return s(), g(V(l.tag), {
-    class: m(["w-flex", i.classes])
+}, Et = /* @__PURE__ */ _(zt, [["render", xt]]);
+function Pt(e, t, l, o, r, i) {
+  return s(), g(I(l.tag), {
+    class: f(["w-flex", i.classes])
   }, {
-    default: b(() => [
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const Et = {
+const Ot = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2253,10 +2254,10 @@ const Et = {
       };
     }
   }
-}, Ot = /* @__PURE__ */ w(Et, [["render", zt]]);
-function Pt(e, t, l, o, r, i) {
+}, Mt = /* @__PURE__ */ _(Ot, [["render", Pt]]);
+function Nt(e, t, l, o, r, i) {
   return s(), u("form", {
-    class: m(["w-form", i.classes]),
+    class: f(["w-form", i.classes]),
     onSubmit: t[0] || (t[0] = (...a) => i.onSubmit && i.onSubmit(...a)),
     onReset: t[1] || (t[1] = (...a) => i.reset && i.reset(...a)),
     novalidate: ""
@@ -2264,12 +2265,12 @@ function Pt(e, t, l, o, r, i) {
     c(e.$slots, "default")
   ], 34);
 }
-const Mt = async (e, t) => {
+const Wt = async (e, t) => {
   for (const l of e)
     if (await t(l))
       return !0;
   return !1;
-}, Wt = {
+}, At = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2336,7 +2337,7 @@ const Mt = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, l = "";
-      await Mt(e.validators, async (o) => {
+      await Wt(e.validators, async (o) => {
         const r = await (typeof o == "function" && o(e.inputValue));
         return t = typeof r != "string", l = t ? "" : r, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
@@ -2359,27 +2360,27 @@ const Mt = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, Nt = /* @__PURE__ */ w(Wt, [["render", Pt]]);
-function At(e, t, l, o, r, i) {
-  const a = B("w-transition-expand");
+}, Kt = /* @__PURE__ */ _(At, [["render", Nt]]);
+function Dt(e, t, l, o, r, i) {
+  const a = $("w-transition-expand");
   return s(), u("div", {
-    class: m(i.classes)
+    class: f(i.classes)
   }, [
-    v("div", {
-      class: m(["w-flex grow", [l.column ? "column" : "align-center", l.wrap ? "wrap" : ""]])
+    w("div", {
+      class: f(["w-flex grow", [l.column ? "column" : "align-center", l.wrap ? "wrap" : ""]])
     }, [
       c(e.$slots, "default")
     ], 2),
-    I(a, { y: "" }, {
-      default: b(() => [
+    V(a, { y: "" }, {
+      default: m(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
-          class: m(["w-form-el__error", i.formProps.validationColor])
+          class: f(["w-form-el__error", i.formProps.validationColor])
         }, [
           c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            C(_(e.Validation.message), 1)
+            C(v(e.Validation.message), 1)
           ])
         ], 2)) : h("", !0)
       ]),
@@ -2387,7 +2388,7 @@ function At(e, t, l, o, r, i) {
     })
   ], 2);
 }
-const Kt = {
+const Ft = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2453,18 +2454,18 @@ const Kt = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Dt = /* @__PURE__ */ w(Kt, [["render", At]]);
-function Ft(e, t, l, o, r, i) {
-  return s(), g(V(l.tag), {
-    class: m(["w-grid", i.classes])
+}, jt = /* @__PURE__ */ _(Ft, [["render", Dt]]);
+function Ht(e, t, l, o, r, i) {
+  return s(), g(I(l.tag), {
+    class: f(["w-grid", i.classes])
   }, {
-    default: b(() => [
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const jt = {
+const Ut = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2508,23 +2509,23 @@ const jt = {
       };
     }
   }
-}, Ht = /* @__PURE__ */ w(jt, [["render", Ft]]);
-function Ut(e, t, l, o, r, i) {
-  return s(), g(V(l.tag || "i"), S({ class: "w-icon" }, W(e.$attrs), {
+}, qt = /* @__PURE__ */ _(Ut, [["render", Ht]]);
+function Gt(e, t, l, o, r, i) {
+  return s(), g(I(l.tag || "i"), S({ class: "w-icon" }, A(e.$attrs), {
     class: i.classes,
     role: "icon",
     "aria-hidden": "true",
     style: i.readIcon() && i.styles
   }), {
-    default: b(() => [
+    default: m(() => [
       i.hasLigature ? (s(), u(k, { key: 0 }, [
-        C(_(e.icon), 1)
+        C(v(e.icon), 1)
       ], 64)) : h("", !0)
     ]),
     _: 1
   }, 16, ["class", "style"]);
 }
-const qt = {
+const Xt = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -2593,43 +2594,43 @@ const qt = {
       return this.fontName = t, this.icon = l, !0;
     }
   }
-}, Gt = /* @__PURE__ */ w(qt, [["render", Ut]]), Q = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), Xt = {
+}, Yt = /* @__PURE__ */ _(Xt, [["render", Gt]]), te = (e) => console.warn(`Wave UI: ${e}`), Z = (e) => console.error(`Wave UI: ${e}`), Jt = {
   key: 0,
   class: "w-image__loader"
 };
-function Yt(e, t, l, o, r, i) {
-  const a = B("w-progress");
-  return s(), g(V(i.wrapperTag), {
-    class: m(["w-image-wrap", i.wrapperClasses]),
+function Qt(e, t, l, o, r, i) {
+  const a = $("w-progress");
+  return s(), g(I(i.wrapperTag), {
+    class: f(["w-image-wrap", i.wrapperClasses]),
     style: R(i.wrapperStyles)
   }, {
-    default: b(() => [
-      I(L, {
+    default: m(() => [
+      V(T, {
         name: l.transition,
         appear: ""
       }, {
-        default: b(() => [
-          r.loaded ? (s(), g(V(l.tag), {
+        default: m(() => [
+          r.loaded ? (s(), g(I(l.tag), {
             key: 0,
-            class: m(["w-image", i.imageClasses]),
+            class: f(["w-image", i.imageClasses]),
             style: R(i.imageStyles),
             src: l.tag === "img" ? r.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : h("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && r.loading ? (s(), u("div", Xt, [
+      !l.noSpinner && r.loading ? (s(), u("div", Jt, [
         e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (s(), g(a, S({
           key: 1,
           circle: "",
           indeterminate: ""
         }, l.spinnerColor ? { color: l.spinnerColor } : {}), null, 16))
       ])) : h("", !0),
-      e.$slots.default ? (s(), g(V(i.wrapperTag), {
+      e.$slots.default ? (s(), g(I(i.wrapperTag), {
         key: 1,
-        class: m(["w-image__content", l.contentClass])
+        class: f(["w-image__content", l.contentClass])
       }, {
-        default: b(() => [
+        default: m(() => [
           c(e.$slots, "default")
         ]),
         _: 3
@@ -2638,7 +2639,7 @@ function Yt(e, t, l, o, r, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const Jt = {
+const Zt = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2714,7 +2715,7 @@ const Jt = {
   },
   mounted() {
     if (!this.src)
-      return Q("The w-image component was used without src.");
+      return te("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((t) => {
         t[0] && t[0].isIntersecting && (this.loadImage(), e.disconnect());
@@ -2734,13 +2735,13 @@ const Jt = {
       this.imgHeight = e;
     }
   }
-}, Qt = /* @__PURE__ */ w(Jt, [["render", Yt]]), Zt = ["name"], el = ["for"], tl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], ll = ["id", "name", "multiple", "data-progress"], il = {
+}, el = /* @__PURE__ */ _(Zt, [["render", Qt]]), tl = ["name"], ll = ["for"], il = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], sl = ["id", "name", "multiple", "data-progress"], al = {
   class: "w-input__no-file",
   key: "no-file"
-}, sl = ["for"], al = ["for"], ol = ["src"], nl = ["for"];
-function rl(e, t, l, o, r, i) {
-  const a = B("w-icon"), n = B("w-progress");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+}, ol = ["for"], nl = ["for"], rl = ["src"], dl = ["for"];
+function ul(e, t, l, o, r, i) {
+  const a = $("w-icon"), n = $("w-progress");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -2749,28 +2750,28 @@ function rl(e, t, l, o, r, i) {
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: b(() => [
-      l.type === "hidden" ? F((s(), u("input", {
+    default: m(() => [
+      l.type === "hidden" ? H((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => r.inputValue = d)
-      }, null, 8, Zt)), [
-        [ae, r.inputValue]
+      }, null, 8, tl)), [
+        [ne, r.inputValue]
       ]) : (s(), u(k, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
           e.$slots.default || l.label ? (s(), u("label", {
             key: 0,
-            class: m(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
+            class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              C(_(l.label), 1)
+              C(v(l.label), 1)
             ])
-          ], 10, el)) : h("", !0)
+          ], 10, ll)) : h("", !0)
         ], 64)) : h("", !0),
-        v("div", {
-          class: m(["w-input__input-wrap", i.inputWrapClasses])
+        w("div", {
+          class: f(["w-input__input-wrap", i.inputWrapClasses])
         }, [
           l.innerIconLeft ? (s(), g(a, {
             key: 0,
@@ -2779,17 +2780,17 @@ function rl(e, t, l, o, r, i) {
             for: `w-input--${e._.uid}`,
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
-            default: b(() => [
-              C(_(l.innerIconLeft), 1)
+            default: m(() => [
+              C(v(l.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : h("", !0),
-          l.type !== "file" ? F((s(), u("input", S({
+          l.type !== "file" ? H((s(), u("input", S({
             key: 1,
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": t[2] || (t[2] = (d) => r.inputValue = d)
-          }, W(i.listeners, !0), {
+          }, 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)),
@@ -2807,10 +2808,10 @@ function rl(e, t, l, o, r, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, tl)), [
-            [ue, r.inputValue]
+          }, i.attrs), null, 16, il)), [
+            [ce, r.inputValue]
           ]) : (s(), u(k, { key: 2 }, [
-            v("input", S({
+            w("input", S({
               ref: "input",
               id: `w-input--${e._.uid}`,
               type: "file",
@@ -2821,30 +2822,30 @@ function rl(e, t, l, o, r, i) {
               multiple: l.multiple || null
             }, i.attrs, {
               "data-progress": i.overallFilesProgress
-            }), null, 16, ll),
-            I(le, {
+            }), null, 16, sl),
+            V(se, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
-              default: b(() => [
-                !r.inputFiles.length && r.isFocused ? (s(), u("span", il, [
+              default: m(() => [
+                !r.inputFiles.length && r.isFocused ? (s(), u("span", al, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
                       C("No file")
                     ], 64)) : h("", !0)
                   ])
                 ])) : h("", !0),
-                (s(!0), u(k, null, x(r.inputFiles, (d, f) => (s(), u("span", {
+                (s(!0), u(k, null, x(r.inputFiles, (d, p) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  C(_(f ? ", " : ""), 1),
+                  C(v(p ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
-                    key: `${f}b`
-                  }, _(d.base), 1)),
-                  C(_(d.extension ? `.${d.extension}` : ""), 1)
+                    key: `${p}b`
+                  }, v(d.base), 1)),
+                  C(v(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -2853,13 +2854,13 @@ function rl(e, t, l, o, r, i) {
           l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 3 }, [
             e.$slots.default || l.label ? (s(), u("label", {
               key: 0,
-              class: m(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses]),
+              class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses]),
               for: `w-input--${e._.uid}`
             }, [
               c(e.$slots, "default", {}, () => [
-                C(_(l.label), 1)
+                C(v(l.label), 1)
               ])
-            ], 10, sl)) : h("", !0)
+            ], 10, ol)) : h("", !0)
           ], 64)) : h("", !0),
           l.innerIconRight ? (s(), g(a, {
             key: 4,
@@ -2868,8 +2869,8 @@ function rl(e, t, l, o, r, i) {
             for: `w-input--${e._.uid}`,
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
-            default: b(() => [
-              C(_(l.innerIconRight), 1)
+            default: m(() => [
+              C(v(l.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : h("", !0),
@@ -2886,40 +2887,40 @@ function rl(e, t, l, o, r, i) {
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(k, null, x(r.inputFiles, (d, f) => (s(), u(k, null, [
+          (s(!0), u(k, null, x(r.inputFiles, (d, p) => (s(), u(k, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
-              key: `${f}a`
+              key: `${p}a`
             })) : d.preview ? (s(), u("img", {
               class: "w-input__file-preview",
-              key: `${f}b`,
+              key: `${p}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, ol)) : (s(), u("i", {
-              class: m(["w-icon w-input__file-preview primary size--md", l.preview && typeof l.preview == "string" ? l.preview : "wi-file"]),
-              key: `${f}c`
+            }, null, 8, rl)) : (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: `${p}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, al)) : h("", !0),
+        ], 8, nl)) : h("", !0),
         l.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
           e.$slots.default || l.label ? (s(), u("label", {
             key: 0,
-            class: m(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
+            class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              C(_(l.label), 1)
+              C(v(l.label), 1)
             ])
-          ], 10, nl)) : h("", !0)
+          ], 10, dl)) : h("", !0)
         ], 64)) : h("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const dl = {
+const hl = {
   name: "w-input",
-  mixins: [E],
+  mixins: [O],
   props: {
     modelValue: { default: "" },
     type: { type: String, default: "text" },
@@ -3049,7 +3050,7 @@ const dl = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((t) => {
-        const [, l = "", o = "", r = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = D({
+        const [, l = "", o = "", r = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = j({
           name: t.name,
           base: l || r,
           extension: o,
@@ -3082,81 +3083,81 @@ const dl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1);
     }
   }
-}, ul = /* @__PURE__ */ w(dl, [["render", rl]]);
-function hl(e, t, l, o, r, i) {
-  const a = B("w-icon"), n = B("w-list", !0);
+}, cl = /* @__PURE__ */ _(hl, [["render", ul]]);
+function pl(e, t, l, o, r, i) {
+  const a = $("w-icon"), n = $("w-list", !0);
   return s(), u("ul", {
-    class: m(["w-list", i.classes])
+    class: f(["w-list", i.classes])
   }, [
-    (s(!0), u(k, null, x(e.listItems, (d, f) => (s(), u("li", {
-      class: m(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
-      key: f
+    (s(!0), u(k, null, x(e.listItems, (d, p) => (s(), u("li", {
+      class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
+      key: p
     }, [
       l.icon ? (s(), g(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
-        default: b(() => [
-          C(_(l.icon), 1)
+        default: m(() => [
+          C(v(l.icon), 1)
         ]),
         _: 1
       })) : h("", !0),
-      e.$slots[`item.${f + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), S({
+      e.$slots[`item.${p + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), S({
         key: 1,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, f, d._selected)), {
-        default: b(() => [
-          e.$slots[`item.${f + 1}`] ? c(e.$slots, `item.${f + 1}`, {
+      }, i.liLabelProps(d, p, d._selected)), {
+        default: m(() => [
+          e.$slots[`item.${p + 1}`] ? c(e.$slots, `item.${p + 1}`, {
             key: 0,
             item: i.cleanLi(d),
-            index: f + 1,
+            index: p + 1,
             selected: d._selected
           }) : e.$slots.item ? c(e.$slots, "item", {
             key: 1,
             item: i.cleanLi(d),
-            index: f + 1,
+            index: p + 1,
             selected: d._selected
           }) : c(e.$slots, "default", {
             key: 2,
             item: i.cleanLi(d),
-            index: f + 1,
+            index: p + 1,
             selected: d._selected
           }, () => [
-            C(_(d._label), 1)
+            C(v(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), g(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), S({
+      }, 1040)) : (s(), g(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), S({
         key: 2,
         class: "w-list__item-label"
-      }, i.liLabelProps(d, f, d._selected)), null, 16)),
+      }, i.liLabelProps(d, p, d._selected)), null, 16)),
       (d.children || []).length ? (s(), g(n, S({ key: 3 }, e.$props, {
         items: d.children,
         depth: l.depth + 1,
-        "onUpdate:modelValue": t[0] || (t[0] = (p) => e.$emit("update:modelValue", p)),
-        onInput: t[1] || (t[1] = (p) => e.$emit("input", p)),
-        onItemClick: t[2] || (t[2] = (p) => e.$emit("item-click", p)),
-        onItemSelect: t[3] || (t[3] = (p) => e.$emit("item-select", p))
-      }), G({ _: 2 }, [
+        "onUpdate:modelValue": t[0] || (t[0] = (b) => e.$emit("update:modelValue", b)),
+        onInput: t[1] || (t[1] = (b) => e.$emit("input", b)),
+        onItemClick: t[2] || (t[2] = (b) => e.$emit("item-click", b)),
+        onItemSelect: t[3] || (t[3] = (b) => e.$emit("item-select", b))
+      }), Y({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: b(({ item: p, index: y, selected: $ }) => [
+          fn: m(({ item: b, index: B, selected: y }) => [
             c(e.$slots, "item", {
-              item: i.cleanLi(p),
-              index: y,
-              selected: $
+              item: i.cleanLi(b),
+              index: B,
+              selected: y
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: b(({ item: p, index: y, selected: $ }) => [
+          fn: m(({ item: b, index: B, selected: y }) => [
             c(e.$slots, "default", {
-              item: i.cleanLi(p),
-              index: y,
-              selected: $
+              item: i.cleanLi(b),
+              index: B,
+              selected: y
             }, () => [
-              C(_(p[l.itemLabelKey]), 1)
+              C(v(b[l.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3165,7 +3166,7 @@ function hl(e, t, l, o, r, i) {
     ], 2))), 128))
   ], 2);
 }
-const cl = {
+const fl = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3257,7 +3258,7 @@ const cl = {
       }, i = this.isSelectable && ((d) => {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
       }), a = this.isSelectable && ((d) => {
-        !e.disabled && d.keyCode === 13 ? (this.selectItem(e), this.$emit("keydown:enter"), this.$emit("item-select", this.cleanLi(e))) : d.keyCode === 27 ? this.$emit("keydown:escape") : this.arrowsNavigation && (d.preventDefault(), d.keyCode === 38 && this.focusPrevNextItem(e._index, !1), d.keyCode === 40 && this.focusPrevNextItem(e._index, !0));
+        !e.disabled && d.keyCode === 13 ? (this.selectItem(e), this.$emit("keydown:enter"), this.$emit("item-select", this.cleanLi(e))) : d.keyCode === 27 ? this.$emit("keydown:escape") : this.arrowsNavigation && [38, 40].includes(d.keyCode) && (d.preventDefault(), d.keyCode === 38 && this.focusPrevNextItem(e._index, !1), d.keyCode === 40 && this.focusPrevNextItem(e._index, !0));
       }), n = {
         class: this.liLabelClasses(e),
         tabindex: e.disabled || this.checklist ? null : "0",
@@ -3266,8 +3267,8 @@ const cl = {
         role: "option"
       };
       return this.checklist ? (n.modelValue = e._selected, n.color = e[this.itemColorKey] || this.color, n.round = this.roundCheckboxes, n.disabled = e.disabled, o || (n.label = e._label || null), n.onFocus = () => e._focused = !0, n.onBlur = () => e._focused = !1, n.onInput = (d) => this.selectItem(e, d), n.onClick = (d) => {
-        const f = d.target.querySelector('input[type="checkbox"]');
-        f && (f.focus(), f.click()), r();
+        const p = d.target.querySelector('input[type="checkbox"]');
+        p && (p.focus(), p.click()), r();
       }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (n.onKeydown = a, n.onMousedown = i, this.$router ? (n.to = e[this.itemRouteKey], n.onClick = (d) => {
         d.preventDefault(), this.$router.push(e[this.itemRouteKey]), r();
       }) : (n.href = e[this.itemRouteKey], n.onClick = r)), o || (n.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (n.tabindex = 0), n.onClick = r, n.onKeydown = a, n.onMousedown = i), o || (n.innerHTML = e._label)), n;
@@ -3327,7 +3328,7 @@ const cl = {
       }
     }
   }
-}, pl = /* @__PURE__ */ w(cl, [["render", hl]]), ne = {
+}, ml = /* @__PURE__ */ _(fl, [["render", pl]]), de = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3354,7 +3355,7 @@ const cl = {
       let e = ".w-app";
       typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
       let t = this.appendTo || e;
-      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, Q(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (Q(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
+      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, te(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (te(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
     },
     detachableParentEl() {
       return this.appendToTarget;
@@ -3479,15 +3480,15 @@ const cl = {
     }
   }
 };
-function fl(e, t, l, o, r, i) {
-  const a = B("w-card"), n = B("w-overlay");
+function bl(e, t, l, o, r, i) {
+  const a = $("w-card"), n = $("w-overlay");
   return s(), u(k, null, [
     c(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(L, {
+    V(T, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: b(() => [
+      default: m(() => [
         l.custom && e.detachableVisible ? (s(), u("div", S({
           key: 0,
           class: "w-menu",
@@ -3515,22 +3516,22 @@ function fl(e, t, l, o, r, i) {
           "no-border": l.noBorder,
           class: i.classes,
           style: i.styles
-        }), G({
-          default: b(() => [
+        }), Y({
+          default: m(() => [
             c(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
-            fn: b(() => [
+            fn: m(() => [
               c(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
-            fn: b(() => [
+            fn: m(() => [
               c(e.$slots, "actions")
             ]),
             key: "1"
@@ -3551,9 +3552,9 @@ function fl(e, t, l, o, r, i) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : h("", !0)
   ], 64);
 }
-const ml = {
+const gl = {
   name: "w-menu",
-  mixins: [ne],
+  mixins: [de],
   inheritAttrs: !1,
   props: {
     modelValue: {},
@@ -3607,17 +3608,17 @@ const ml = {
       return this.minWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.minWidth) ? this.minWidth : this.minWidth ? `${this.minWidth}px` : 0;
     },
     menuClasses() {
-      return K(this.menuClass);
+      return F(this.menuClass);
     },
     titleClasses() {
-      return K(this.titleClass);
+      return F(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return F(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...K(this.overlayClass),
+        ...F(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -3670,26 +3671,26 @@ const ml = {
       !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));
     }
   }
-}, bl = /* @__PURE__ */ w(ml, [["render", fl]]);
-function gl(e, t, l, o, r, i) {
-  const a = B("w-alert");
-  return s(), g(L, {
+}, yl = /* @__PURE__ */ _(gl, [["render", bl]]);
+function wl(e, t, l, o, r, i) {
+  const a = $("w-alert");
+  return s(), g(T, {
     name: i.transitionName,
     appear: ""
   }, {
-    default: b(() => [
+    default: m(() => [
       r.show ? (s(), u("div", {
         key: 0,
-        class: m(["w-notification", i.classes]),
+        class: f(["w-notification", i.classes]),
         style: R(i.styles)
       }, [
-        I(a, S(i.alertProps, {
+        V(a, S(i.alertProps, {
           class: i.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (n) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
-          default: b(() => [
+          default: m(() => [
             c(e.$slots, "default")
           ]),
           _: 3
@@ -3699,7 +3700,7 @@ function gl(e, t, l, o, r, i) {
     _: 3
   }, 8, ["name"]);
 }
-const yl = {
+const vl = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3815,34 +3816,34 @@ const yl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, wl = /* @__PURE__ */ w(yl, [["render", gl]]);
-function vl(e, t, l, o, r, i) {
-  const a = ie("focus");
-  return s(), g(L, {
+}, _l = /* @__PURE__ */ _(vl, [["render", wl]]);
+function kl(e, t, l, o, r, i) {
+  const a = ae("focus");
+  return s(), g(T, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
   }, {
-    default: b(() => [
-      l.modelValue ? F((s(), u("div", {
+    default: m(() => [
+      l.modelValue ? H((s(), u("div", {
         key: 0,
-        class: m(["w-overlay", i.classes]),
+        class: f(["w-overlay", i.classes]),
         ref: "overlay",
         style: R(l.modelValue && i.styles || null),
-        onKeydown: t[0] || (t[0] = M(N((...n) => i.onClick && i.onClick(...n), ["stop"]), ["escape"])),
+        onKeydown: t[0] || (t[0] = W(K((...n) => i.onClick && i.onClick(...n), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...n) => i.onClick && i.onClick(...n)),
         tabindex: "0"
       }, [
         c(e.$slots, "default")
       ], 38)), [
-        [se, e.showOverlay],
+        [oe, e.showOverlay],
         [a]
       ]) : h("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const _l = {
+const Cl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -3896,19 +3897,19 @@ const _l = {
       e && (this.showOverlay = !0);
     }
   }
-}, kl = /* @__PURE__ */ w(_l, [["render", vl]]), Cl = { class: "w-parallax" };
-function Sl(e, t, l, o, r, i) {
-  return s(), u("div", Cl);
+}, Sl = /* @__PURE__ */ _(Cl, [["render", kl]]), Bl = { class: "w-parallax" };
+function $l(e, t, l, o, r, i) {
+  return s(), u("div", Bl);
 }
-const Bl = {
+const Vl = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, $l = /* @__PURE__ */ w(Bl, [["render", Sl]]), Vl = ["viewBox"], Il = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Rl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function xl(e, t, l, o, r, i) {
+}, Il = /* @__PURE__ */ _(Vl, [["render", $l]]), Rl = ["viewBox"], Ll = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], xl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Tl(e, t, l, o, r, i) {
   return s(), u("div", {
-    class: m(["w-progress", i.classes]),
+    class: f(["w-progress", i.classes]),
     style: R(i.styles)
   }, [
     l.circle ? (s(), u("svg", {
@@ -3917,15 +3918,15 @@ function xl(e, t, l, o, r, i) {
     }, [
       l.bgColor || this.progressValue > -1 ? (s(), u("circle", {
         key: 0,
-        class: m(["bg", l.bgColor]),
+        class: f(["bg", l.bgColor]),
         cx: i.circleCenter,
         cy: i.circleCenter,
         r: e.circleRadius,
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": l.stroke
-      }, null, 10, Il)) : h("", !0),
-      v("circle", {
+      }, null, 10, Ll)) : h("", !0),
+      w("circle", {
         class: "w-progress__progress",
         cx: i.circleCenter,
         cy: i.circleCenter,
@@ -3935,23 +3936,23 @@ function xl(e, t, l, o, r, i) {
         "stroke-linecap": l.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: R(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Rl)
-    ], 8, Vl)) : (s(), u("div", {
+      }, null, 12, xl)
+    ], 8, Rl)) : (s(), u("div", {
       key: 0,
-      class: m(["w-progress__progress", { full: i.progressValue === 100 }]),
+      class: f(["w-progress__progress", { full: i.progressValue === 100 }]),
       style: R(`width: ${i.progressValue}%`)
     }, null, 6)),
     l.label || e.$slots.default ? (s(), u("div", {
       key: 2,
-      class: m(["w-progress__label", l.labelColor || !1])
+      class: f(["w-progress__label", l.labelColor || !1])
     }, [
       c(e.$slots, "default", {}, () => [
-        C(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
+        C(v(Math.round(i.progressValue)) + v(l.circle ? "" : "%"), 1)
       ])
     ], 2)) : h("", !0)
   ], 6);
 }
-const q = 40, Ll = q / 2, Tl = Math.round(q * 3.14 * 100) / 100, zl = {
+const X = 40, zl = X / 2, El = Math.round(X * 3.14 * 100) / 100, Pl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -3976,16 +3977,16 @@ const q = 40, Ll = q / 2, Tl = Math.round(q * 3.14 * 100) / 100, zl = {
   },
   emits: [],
   data: () => ({
-    circleSize: q,
-    circleRadius: Ll,
-    circleCircumference: Tl
+    circleSize: X,
+    circleRadius: zl,
+    circleCircumference: El
   }),
   computed: {
     progressValue() {
       return parseFloat(this.modelValue);
     },
     circleCenter() {
-      return q + this.stroke;
+      return X + this.stroke;
     },
     forcedSize() {
       return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -4017,9 +4018,9 @@ const q = 40, Ll = q / 2, Tl = Math.round(q * 3.14 * 100) / 100, zl = {
       };
     }
   }
-}, El = /* @__PURE__ */ w(zl, [["render", xl]]), Ol = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Pl = ["for"], Ml = ["for", "innerHTML"], Wl = ["for"], Nl = ["for", "innerHTML"];
-function Al(e, t, l, o, r, i) {
-  return s(), g(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, Ol = /* @__PURE__ */ _(Pl, [["render", Tl]]), Ml = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Nl = ["for"], Wl = ["for", "innerHTML"], Al = ["for"], Kl = ["for", "innerHTML"];
+function Dl(e, t, l, o, r, i) {
+  return s(), g(I(e.formRegister && !i.wRadios ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
@@ -4027,8 +4028,8 @@ function Al(e, t, l, o, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
-      v("input", {
+    default: m(() => [
+      w("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
         type: "radio",
@@ -4041,25 +4042,25 @@ function Al(e, t, l, o, r, i) {
         onChange: t[1] || (t[1] = (a) => i.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, Ol),
+      }, null, 40, Ml),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
-          class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
+          class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Pl)) : l.label ? (s(), u("label", {
+        ], 10, Nl)) : l.label ? (s(), u("label", {
           key: 1,
-          class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
+          class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, Ml)) : h("", !0)
+        }, null, 10, Wl)) : h("", !0)
       ], 64)) : h("", !0),
-      v("div", {
-        class: m(["w-radio__input", this.color]),
+      w("div", {
+        class: f(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
@@ -4067,26 +4068,26 @@ function Al(e, t, l, o, r, i) {
       i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
-          class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
+          class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Wl)) : l.label ? (s(), u("label", {
+        ], 10, Al)) : l.label ? (s(), u("label", {
           key: 1,
-          class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
+          class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, Nl)) : h("", !0)
+        }, null, 10, Kl)) : h("", !0)
       ], 64)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Kl = {
+const Fl = {
   name: "w-radio",
-  mixins: [E],
+  mixins: [O],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4139,10 +4140,10 @@ const Kl = {
       this.toggleFromOutside();
     }
   }
-}, Dl = /* @__PURE__ */ w(Kl, [["render", Al]]), Fl = ["innerHTML"];
-function jl(e, t, l, o, r, i) {
-  const a = B("w-radio");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, jl = /* @__PURE__ */ _(Fl, [["render", Dl]]), Hl = ["innerHTML"];
+function Ul(e, t, l, o, r, i) {
+  const a = $("w-radio");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
     onReset: t[2] || (t[2] = (n) => {
@@ -4152,19 +4153,19 @@ function jl(e, t, l, o, r, i) {
     wrap: l.inline,
     class: i.classes
   }), {
-    default: b(() => [
+    default: m(() => [
       (s(!0), u(k, null, x(i.radioItems, (n, d) => (s(), g(a, S({
         key: d,
         "model-value": n.value === l.modelValue,
-        "onUpdate:modelValue": (f) => i.onInput(n),
-        onFocus: t[0] || (t[0] = (f) => e.$emit("focus", f)),
+        "onUpdate:modelValue": (p) => i.onInput(n),
+        onFocus: t[0] || (t[0] = (p) => e.$emit("focus", p)),
         name: e.inputName
       }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
       }), {
-        default: b(() => [
+        default: m(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: i.getOriginalItem(n),
@@ -4174,7 +4175,7 @@ function jl(e, t, l, o, r, i) {
           }) : n.label ? (s(), u("div", {
             key: 1,
             innerHTML: n.label
-          }, null, 8, Fl)) : h("", !0)
+          }, null, 8, Hl)) : h("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4182,9 +4183,9 @@ function jl(e, t, l, o, r, i) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Hl = {
+const ql = {
   name: "w-radios",
-  mixins: [E],
+  mixins: [O],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: [String, Number, Boolean] },
@@ -4228,9 +4229,9 @@ const Hl = {
       return this.items[e._index];
     }
   }
-}, Ul = /* @__PURE__ */ w(Hl, [["render", jl]]), ql = ["id", "name", "value"], Gl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Xl(e, t, l, o, r, i) {
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Gl = /* @__PURE__ */ _(ql, [["render", Ul]]), Xl = ["id", "name", "value"], Yl = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Jl(e, t, l, o, r, i) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
@@ -4238,20 +4239,20 @@ function Xl(e, t, l, o, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
-      v("input", {
+    default: m(() => [
+      w("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: r.rating
-      }, null, 8, ql),
+      }, null, 8, Xl),
       (s(!0), u(k, null, x(l.max, (a) => (s(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : h("", !0),
-        v("button", {
-          class: m(["w-rating__button", i.buttonClasses(a)]),
+        w("button", {
+          class: f(["w-rating__button", i.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
           onMouseenter: (n) => r.hover = a,
           onMouseleave: t[0] || (t[0] = (n) => r.hover = 0),
@@ -4264,20 +4265,20 @@ function Xl(e, t, l, o, r, i) {
         }, [
           a - 1 === ~~r.rating && r.rating - ~~r.rating ? (s(), u("i", {
             key: 0,
-            class: m(["w-icon", `${l.icon} ${l.color}`]),
+            class: f(["w-icon", `${l.icon} ${l.color}`]),
             role: "icon",
             "aria-hidden": "true",
             style: R(i.halfStarStyle)
           }, null, 6)) : h("", !0)
-        ], 42, Gl)
+        ], 42, Yl)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Yl = {
+const Ql = {
   name: "w-rating",
-  mixins: [E],
+  mixins: [O],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -4360,34 +4361,34 @@ const Yl = {
       this.rating = parseFloat(e);
     }
   }
-}, Jl = /* @__PURE__ */ w(Yl, [["render", Xl]]), Ql = ["for"], Zl = ["aria-expanded", "aria-owns", "aria-activedescendant"], ei = {
+}, Zl = /* @__PURE__ */ _(Ql, [["render", Jl]]), ei = ["for"], ti = ["aria-expanded", "aria-owns", "aria-activedescendant"], li = {
   key: 1,
   class: "w-select__selection-slot"
-}, ti = ["value", "id", "placeholder", "disabled", "required", "tabindex"], li = ["value", "name"], ii = ["for"], si = ["for"];
-function ai(e, t, l, o, r, i) {
-  const a = B("w-icon"), n = B("w-list"), d = B("w-menu");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, ii = ["value", "id", "placeholder", "disabled", "required", "tabindex"], si = ["value", "name"], ai = ["for"], oi = ["for"];
+function ni(e, t, l, o, r, i) {
+  const a = $("w-icon"), n = $("w-list"), d = $("w-menu");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ 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] = (f) => e.valid = f),
+    "onUpdate:valid": t[9] || (t[9] = (p) => e.valid = p),
     onReset: i.onReset,
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
   }), {
-    default: b(() => [
+    default: m(() => [
       l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
+          class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Ql)) : h("", !0)
+        ], 10, ei)) : h("", !0)
       ], 64)) : h("", !0),
-      I(d, S({
+      V(d, S({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": t[8] || (t[8] = (f) => e.showMenu = f),
+        "onUpdate:modelValue": t[8] || (t[8] = (p) => e.showMenu = p),
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
         transition: "slide-fade-down",
         "append-to": (l.menuProps || {}).appendTo !== void 0 ? (l.menuProps || {}).appendTo : void 0,
@@ -4395,10 +4396,10 @@ function ai(e, t, l, o, r, i) {
         custom: "",
         "min-width": "activator"
       }, l.menuProps || {}), {
-        activator: b(({ on: f }) => [
-          v("div", {
-            class: m(["w-select__selection-wrap", i.inputWrapClasses]),
-            onClick: t[5] || (t[5] = (p) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
+        activator: m(({ on: p }) => [
+          w("div", {
+            class: f(["w-select__selection-wrap", i.inputWrapClasses]),
+            onClick: t[5] || (t[5] = (b) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
@@ -4409,26 +4410,26 @@ function ai(e, t, l, o, r, i) {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
-              onClick: t[0] || (t[0] = (p) => e.$emit("click:inner-icon-left", p))
+              onClick: t[0] || (t[0] = (b) => e.$emit("click:inner-icon-left", b))
             }, {
-              default: b(() => [
-                C(_(l.innerIconLeft), 1)
+              default: m(() => [
+                C(v(l.innerIconLeft), 1)
               ]),
               _: 1
             })) : h("", !0),
-            e.$slots.selection ? (s(), u("div", ei, [
+            e.$slots.selection ? (s(), u("div", li, [
               c(e.$slots, "selection", {
                 item: l.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : h("", !0),
-            v("input", {
+            w("input", {
               class: "w-select__selection",
               ref: "selection-input",
               type: "text",
               value: e.$slots.selection ? "" : i.selectionString,
-              onFocus: t[1] || (t[1] = (p) => !e.isDisabled && !e.isReadonly && i.onFocus(p)),
-              onBlur: t[2] || (t[2] = (...p) => i.onBlur && i.onBlur(...p)),
-              onKeydown: t[3] || (t[3] = (p) => !e.isDisabled && !e.isReadonly && i.onKeydown(p)),
+              onFocus: t[1] || (t[1] = (b) => !e.isDisabled && !e.isReadonly && i.onFocus(b)),
+              onBlur: t[2] || (t[2] = (...b) => i.onBlur && i.onBlur(...b)),
+              onKeydown: t[3] || (t[3] = (b) => !e.isDisabled && !e.isReadonly && i.onKeydown(b)),
               id: `w-select--${e._.uid}`,
               placeholder: !e.$slots.selection && l.placeholder || null,
               disabled: e.isDisabled || null,
@@ -4437,45 +4438,45 @@ function ai(e, t, l, o, r, i) {
               required: e.required || null,
               tabindex: e.tabindex || null,
               autocomplete: "off"
-            }, null, 40, ti),
-            (s(!0), u(k, null, x(e.inputValue.length ? e.inputValue : [{}], (p, y) => (s(), u("input", {
-              key: y,
+            }, null, 40, ii),
+            (s(!0), u(k, null, x(e.inputValue.length ? e.inputValue : [{}], (b, B) => (s(), u("input", {
+              key: B,
               type: "hidden",
-              value: p.value || "",
+              value: b.value === void 0 ? "" : b.value.toString(),
               name: e.inputName + (l.multiple ? "[]" : "")
-            }, null, 8, li))), 128)),
+            }, null, 8, si))), 128)),
             l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 2 }, [
               e.$slots.default || l.label ? (s(), u("label", {
                 key: 0,
-                class: m(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
+                class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
                 for: `w-select--${e._.uid}`
               }, [
                 c(e.$slots, "default", {}, () => [
-                  C(_(l.label), 1)
+                  C(v(l.label), 1)
                 ])
-              ], 10, ii)) : h("", !0)
+              ], 10, ai)) : h("", !0)
             ], 64)) : h("", !0),
             l.innerIconRight ? (s(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
-              onClick: t[4] || (t[4] = (p) => e.$emit("click:inner-icon-right", p))
+              onClick: t[4] || (t[4] = (b) => e.$emit("click:inner-icon-right", b))
             }, {
-              default: b(() => [
-                C(_(l.innerIconRight), 1)
+              default: m(() => [
+                C(v(l.innerIconRight), 1)
               ]),
               _: 1
             })) : h("", !0)
-          ], 10, Zl)
+          ], 10, ti)
         ]),
-        default: b(() => [
-          I(n, {
+        default: m(() => [
+          V(n, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
-            onItemClick: t[6] || (t[6] = (f) => e.$emit("item-click", f)),
+            onItemClick: t[6] || (t[6] = (p) => e.$emit("item-click", p)),
             onItemSelect: i.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (f) => l.noUnselect && !l.multiple && i.closeMenu()),
+            "onKeydown:enter": t[7] || (t[7] = (p) => l.noUnselect && !l.multiple && i.closeMenu()),
             "onKeydown:escape": i.closeMenu,
             items: i.selectItems,
             multiple: l.multiple,
@@ -4487,24 +4488,24 @@ function ai(e, t, l, o, r, i) {
             "item-color-key": l.itemColorKey,
             role: "listbox",
             tabindex: "-1"
-          }, G({ _: 2 }, [
-            x(l.items.length, (f) => ({
-              name: `item.${f}`,
-              fn: b(({ item: p, selected: y, index: $ }) => [
-                e.$slots[`item.${f}`] && e.$slots[`item.${f}`](p, y, $) ? c(e.$slots, `item.${f}`, {
+          }, Y({ _: 2 }, [
+            x(l.items.length, (p) => ({
+              name: `item.${p}`,
+              fn: m(({ item: b, selected: B, index: y }) => [
+                e.$slots[`item.${p}`] && e.$slots[`item.${p}`](b, B, y) ? c(e.$slots, `item.${p}`, {
                   key: 0,
-                  item: p,
-                  selected: y,
-                  index: $
+                  item: b,
+                  selected: B,
+                  index: y
                 }, () => [
-                  C(_(p[l.itemLabelKey]), 1)
+                  C(v(b[l.itemLabelKey]), 1)
                 ]) : c(e.$slots, "item", {
                   key: 1,
-                  item: p,
-                  selected: y,
-                  index: $
+                  item: b,
+                  selected: B,
+                  index: y
                 }, () => [
-                  C(_(p[l.itemLabelKey]), 1)
+                  C(v(b[l.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4515,21 +4516,21 @@ function ai(e, t, l, o, r, i) {
       l.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
+          class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-select--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, si)) : h("", !0)
+        ], 10, oi)) : h("", !0)
       ], 64)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const oi = {
+const ri = {
   name: "w-select",
-  mixins: [E],
+  mixins: [O],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -4657,7 +4658,7 @@ const oi = {
       this.$emit("update:modelValue", e), this.$emit("input", e);
     },
     checkSelection(e) {
-      e = Array.isArray(e) ? e : e ? [e] : [];
+      console.log(e), e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
       const t = this.selectItems.map((l) => l.value);
       return e.map((l) => {
         let o = l;
@@ -4686,12 +4687,12 @@ const oi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, ni = /* @__PURE__ */ w(oi, [["render", ai]]), ri = ["for"], di = ["for", "innerHTML"], ui = { class: "w-slider__track-wrap" }, hi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ci = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], pi = ["for"], fi = { key: 0 }, mi = {
+}, di = /* @__PURE__ */ _(ri, [["render", ni]]), ui = ["for"], hi = ["for", "innerHTML"], ci = { class: "w-slider__track-wrap" }, pi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], fi = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], mi = ["for"], bi = { key: 0 }, gi = {
   key: 0,
   class: "w-slider__step-labels"
-}, bi = ["onClick"], gi = ["for"], yi = ["for", "innerHTML"];
-function wi(e, t, l, o, r, i) {
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, yi = ["onClick"], wi = ["for"], vi = ["for", "innerHTML"];
+function _i(e, t, l, o, r, i) {
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
@@ -4700,22 +4701,22 @@ function wi(e, t, l, o, r, i) {
     wrap: e.formRegister || null,
     class: i.wrapperClasses
   }), {
-    default: b(() => [
+    default: m(() => [
       e.$slots["label-left"] ? (s(), u("label", {
         key: 0,
-        class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
+        class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, ri)) : l.labelLeft ? (s(), u("label", {
+      ], 10, ui)) : l.labelLeft ? (s(), u("label", {
         key: 1,
-        class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
+        class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelLeft
-      }, null, 10, di)) : h("", !0),
-      v("div", ui, [
-        v("div", {
-          class: m(["w-slider__track", i.trackClasses]),
+      }, null, 10, hi)) : h("", !0),
+      w("div", ci, [
+        w("div", {
+          class: f(["w-slider__track", i.trackClasses]),
           ref: "track",
           onMousedown: t[4] || (t[4] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
           onTouchstart: t[5] || (t[5] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
@@ -4727,16 +4728,16 @@ function wi(e, t, l, o, r, i) {
           "aria-readonly": e.isReadonly ? "true" : "false",
           "aria-orientation": "horizontal"
         }, [
-          v("div", {
-            class: m(["w-slider__range", i.rangeClasses]),
+          w("div", {
+            class: f(["w-slider__range", i.rangeClasses]),
             style: R(i.rangeStyles)
           }, null, 6),
-          v("div", {
+          w("div", {
             class: "w-slider__thumb",
             style: R(i.thumbStyles)
           }, [
-            v("button", {
-              class: m(["w-slider__thumb-button", [l.color]]),
+            w("button", {
+              class: f(["w-slider__thumb-button", [l.color]]),
               ref: "thumb",
               id: `button--${e._.uid}`,
               name: e.inputName,
@@ -4746,69 +4747,69 @@ function wi(e, t, l, o, r, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = M((a) => i.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = M((a) => i.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = W((a) => i.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = W((a) => i.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = N(() => {
+              onClick: t[3] || (t[3] = K(() => {
               }, ["prevent"]))
-            }, null, 42, ci),
+            }, null, 42, fi),
             l.thumbLabel ? (s(), u("label", {
               key: 0,
-              class: m(["w-slider__thumb-label", i.thumbClasses]),
+              class: f(["w-slider__thumb-label", i.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              l.thumbLabel === "droplet" ? (s(), u("div", fi, [
+              l.thumbLabel === "droplet" ? (s(), u("div", bi, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  C(_(~~e.rangeValueScaled), 1)
+                  C(v(~~e.rangeValueScaled), 1)
                 ])
               ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                C(_(~~e.rangeValueScaled), 1)
+                C(v(~~e.rangeValueScaled), 1)
               ])
-            ], 10, pi)) : h("", !0)
+            ], 10, mi)) : h("", !0)
           ], 4)
-        ], 42, hi),
-        l.stepLabels && l.step ? (s(), u("div", mi, [
-          v("div", {
+        ], 42, pi),
+        l.stepLabels && l.step ? (s(), u("div", gi, [
+          w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => i.onStepLabelClick(0))
-          }, _(this.minVal), 1),
+          }, v(this.minVal), 1),
           (s(!0), u(k, null, x(~~i.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (n) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
             style: R(`left: ${a * (100 / i.numberOfSteps)}%`)
-          }, _(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, bi))), 128)),
+          }, v(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, yi))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
             onClick: t[7] || (t[7] = (a) => i.onStepLabelClick(100)),
             style: { left: "100%" }
-          }, _(this.maxVal), 1)) : h("", !0)
+          }, v(this.maxVal), 1)) : h("", !0)
         ])) : h("", !0)
       ]),
       e.$slots["label-right"] ? (s(), u("label", {
         key: 2,
-        class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
+        class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, gi)) : l.labelRight ? (s(), u("label", {
+      ], 10, wi)) : l.labelRight ? (s(), u("label", {
         key: 3,
-        class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
+        class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelRight
-      }, null, 10, yi)) : h("", !0)
+      }, null, 10, vi)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const vi = {
+const ki = {
   name: "w-slider",
-  mixins: [E],
+  mixins: [O],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -4936,17 +4937,17 @@ const vi = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, _i = /* @__PURE__ */ w(vi, [["render", wi]]), ki = { key: 0 };
-function Ci(e, t, l, o, r, i) {
+}, Ci = /* @__PURE__ */ _(ki, [["render", _i]]), Si = { key: 0 };
+function Bi(e, t, l, o, r, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
-    class: m(["w-spinner", i.classes]),
+    class: f(["w-spinner", i.classes]),
     style: R(i.styles)
   }, [
-    i.isThreeDots ? (s(), u("span", ki)) : h("", !0)
+    i.isThreeDots ? (s(), u("span", Si)) : h("", !0)
   ], 6)) : h("", !0);
 }
-const Si = {
+const $i = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -4984,25 +4985,25 @@ const Si = {
       };
     }
   }
-}, Bi = /* @__PURE__ */ w(Si, [["render", Ci]]), $i = { class: "w-steps" };
-function Vi(e, t, l, o, r, i) {
-  return s(), u("div", $i);
+}, Vi = /* @__PURE__ */ _($i, [["render", Bi]]), Ii = { class: "w-steps" };
+function Ri(e, t, l, o, r, i) {
+  return s(), u("div", Ii);
 }
-const Ii = {
+const Li = {
   name: "w-steps",
   props: {},
   emits: [],
   data: () => ({})
-}, Ri = /* @__PURE__ */ w(Ii, [["render", Vi]]), xi = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Li = ["for"], Ti = {
+}, xi = /* @__PURE__ */ _(Li, [["render", Ri]]), Ti = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], zi = ["for"], Ei = {
   key: 0,
   class: "w-switch__track"
-}, zi = {
+}, Pi = {
   key: 1,
   class: "w-switch__thumb"
-}, Ei = ["for"];
-function Oi(e, t, l, o, r, i) {
-  const a = B("w-progress");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Oi = ["for"];
+function Mi(e, t, l, o, r, i) {
+  const a = $("w-progress");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
     onReset: t[4] || (t[4] = (n) => {
@@ -5010,8 +5011,8 @@ function Oi(e, t, l, o, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
-      v("input", {
+    default: m(() => [
+      w("input", {
         ref: "input",
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
@@ -5026,28 +5027,28 @@ function Oi(e, t, l, o, r, i) {
         onFocus: t[1] || (t[1] = (n) => e.$emit("focus", n)),
         "aria-checked": r.isOn || "false",
         role: "switch"
-      }, null, 40, xi),
+      }, null, 40, Ti),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
+          class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Li)) : h("", !0)
+        ], 10, zi)) : h("", !0)
       ], 64)) : h("", !0),
-      v("div", S({
+      w("div", S({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (n) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, W(e.$attrs, !0), { class: i.inputClasses }), [
-        e.$slots.track ? (s(), u("div", Ti, [
+      }, A(e.$attrs, !0), { class: i.inputClasses }), [
+        e.$slots.track ? (s(), u("div", Ei, [
           c(e.$slots, "track")
         ])) : h("", !0),
-        e.$slots.thumb || l.loading ? (s(), u("div", zi, [
+        e.$slots.thumb || l.loading ? (s(), u("div", Pi, [
           l.loading ? (s(), g(a, S({
             key: 0,
             circle: "",
@@ -5058,21 +5059,21 @@ function Oi(e, t, l, o, r, i) {
       i.hasLabel && !l.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
+          class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Ei)) : h("", !0)
+        ], 10, Oi)) : h("", !0)
       ], 64)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Pi = {
+const Ni = {
   name: "w-switch",
-  mixins: [E],
+  mixins: [O],
   props: {
     modelValue: { default: !1 },
     label: { type: String, default: "" },
@@ -5131,37 +5132,37 @@ const Pi = {
       this.isOn = e;
     }
   }
-}, Mi = /* @__PURE__ */ w(Pi, [["render", Oi]]), Wi = { class: "w-tabs__content" };
-function Ni(e, t, l, o, r, i) {
-  return s(), u("div", Wi, [
+}, Wi = /* @__PURE__ */ _(Ni, [["render", Mi]]), Ai = { class: "w-tabs__content" };
+function Ki(e, t, l, o, r, i) {
+  return s(), u("div", Ai, [
     c(e.$slots, "default", { item: l.item })
   ]);
 }
-const Ai = {
+const Di = {
   props: { item: Object }
-}, Ki = /* @__PURE__ */ w(Ai, [["render", Ni]]), Di = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Fi = ["innerHTML"], ji = {
+}, Fi = /* @__PURE__ */ _(Di, [["render", Ki]]), ji = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Hi = ["innerHTML"], Ui = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Hi = {
+}, qi = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, Ui = ["innerHTML"];
-function qi(e, t, l, o, r, i) {
-  const a = B("tab-content");
+}, Gi = ["innerHTML"];
+function Xi(e, t, l, o, r, i) {
+  const a = $("tab-content");
   return s(), u("div", {
-    class: m(["w-tabs", i.tabsClasses])
+    class: f(["w-tabs", i.tabsClasses])
   }, [
-    v("div", {
-      class: m(["w-tabs__bar", i.tabsBarClasses]),
+    w("div", {
+      class: f(["w-tabs__bar", i.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
       (s(!0), u(k, null, x(i.tabsItems, (n, d) => (s(), u("div", {
-        class: m(["w-tabs__bar-item", i.barItemClasses(n)]),
+        class: f(["w-tabs__bar-item", i.barItemClasses(n)]),
         key: d,
-        onClick: (f) => !n._disabled && i.openTab(n),
-        onFocus: (f) => e.$emit("focus", i.getOriginalItem(n)),
+        onClick: (p) => !n._disabled && i.openTab(n),
+        onFocus: (p) => e.$emit("focus", i.getOriginalItem(n)),
         tabindex: !n._disabled && 0,
-        onKeypress: M((f) => !n._disabled && i.openTab(n), ["enter"]),
+        onKeypress: W((p) => !n._disabled && i.openTab(n), ["enter"]),
         "aria-selected": n._index === e.activeTabIndex ? "true" : "false",
         role: "tab"
       }, [
@@ -5176,33 +5177,33 @@ function qi(e, t, l, o, r, i) {
           index: d + 1,
           active: n._index === e.activeTabIndex
         }, () => [
-          v("div", {
+          w("div", {
             innerHTML: n[l.itemTitleKey]
-          }, null, 8, Fi)
+          }, null, 8, Hi)
         ])
-      ], 42, Di))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", ji, [
+      ], 42, ji))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", Ui, [
         c(e.$slots, "tabs-bar-extra")
       ])) : h("", !0),
       !l.noSlider && !l.card ? (s(), u("div", {
         key: 1,
-        class: m(["w-tabs__slider", l.sliderColor]),
+        class: f(["w-tabs__slider", l.sliderColor]),
         style: R(i.sliderStyles)
       }, null, 6)) : h("", !0)
     ], 2),
-    i.tabsItems.length ? (s(), u("div", Hi, [
-      I(L, {
+    i.tabsItems.length ? (s(), u("div", qi, [
+      V(T, {
         name: i.transitionName,
         mode: i.transitionMode
       }, {
-        default: b(() => [
-          (s(), g(he, null, [
+        default: m(() => [
+          (s(), g(pe, null, [
             (s(), g(a, {
               key: i.activeTab._index,
               item: i.activeTab,
-              class: m(l.contentClass)
+              class: f(l.contentClass)
             }, {
-              default: b(({ item: n }) => [
+              default: m(({ item: n }) => [
                 e.$slots[`item-content.${n._index + 1}`] ? c(e.$slots, `item-content.${n._index + 1}`, {
                   key: 0,
                   item: i.getOriginalItem(n),
@@ -5217,7 +5218,7 @@ function qi(e, t, l, o, r, i) {
                   n[l.itemContentKey] ? (s(), u("div", {
                     key: 0,
                     innerHTML: n[l.itemContentKey]
-                  }, null, 8, Ui)) : h("", !0)
+                  }, null, 8, Gi)) : h("", !0)
                 ])
               ]),
               _: 3
@@ -5229,7 +5230,7 @@ function qi(e, t, l, o, r, i) {
     ])) : h("", !0)
   ], 2);
 }
-const Gi = {
+const Yi = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5250,7 +5251,7 @@ const Gi = {
     right: { type: Boolean },
     card: { type: Boolean }
   },
-  components: { TabContent: Ki },
+  components: { TabContent: Fi },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     activeTabEl: null,
@@ -5273,7 +5274,7 @@ const Gi = {
       return this.activeTab._index < this.prevTabIndex ? "right" : "left";
     },
     tabsItems() {
-      return (typeof this.items == "number" ? Array(this.items).fill({}) : this.items).map((t, l) => D({
+      return (typeof this.items == "number" ? Array(this.items).fill({}) : this.items).map((t, l) => j({
         ...t,
         _index: l,
         _disabled: !!t.disabled
@@ -5366,224 +5367,263 @@ const Gi = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Xi = /* @__PURE__ */ w(Gi, [["render", qi]]), Yi = { ref: "colgroup" }, Ji = ["width"], Qi = { key: 0 }, Zi = ["onClick"], es = ["innerHTML"], ts = {
+}, Ji = /* @__PURE__ */ _(Yi, [["render", Xi]]), Qi = { ref: "colgroup" }, Zi = ["width"], es = { key: 0 }, ts = ["onClick"], ls = ["innerHTML"], is = {
   key: 0,
   class: "w-table__progress-bar"
-}, ls = ["colspan"], is = {
+}, ss = ["colspan"], as = {
   key: 0,
   class: "w-table__progress-bar"
-}, ss = ["colspan"], as = { class: "w-table__loading-text" }, os = {
+}, os = ["colspan"], ns = { class: "w-table__loading-text" }, rs = {
   key: 1,
   class: "no-data"
-}, ns = ["colspan"], rs = ["onClick"], ds = ["data-label"], us = ["data-label"], hs = ["innerHTML"], cs = {
+}, ds = ["colspan"], us = ["onClick"], hs = ["data-label"], cs = ["data-label"], ps = ["innerHTML"], fs = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, ps = ["colspan"], fs = { key: 0 }, ms = {
+}, ms = ["colspan"], bs = { key: 0 }, gs = {
   key: 3,
   class: "w-table__extra-row"
-}, bs = {
+}, ys = {
   key: 1,
   class: "w-table__footer"
-}, gs = {
+}, ws = {
   key: 1,
   class: "w-table__row"
-}, ys = ["colspan"];
-function ws(e, t, l, o, r, i) {
-  const a = B("w-icon"), n = B("w-progress"), d = B("w-transition-fade"), f = B("w-transition-expand");
+}, vs = ["colspan"], _s = {
+  key: 2,
+  class: "w-table__row w-table__pagination-wrap"
+}, ks = ["colspan"], Cs = { class: "w-table__pagination" }, Ss = { class: "pagination-number pagination-number--results" }, Bs = { class: "pagination-arrows" };
+function $s(e, t, l, o, r, i) {
+  const a = $("w-icon"), n = $("w-progress"), d = $("w-transition-fade"), p = $("w-transition-expand"), b = $("w-select"), B = $("w-button");
   return s(), u("div", {
-    class: m(["w-table-wrap", i.wrapClasses])
+    class: f(["w-table-wrap", i.wrapClasses])
   }, [
-    v("table", {
-      class: m(["w-table", i.classes]),
-      onMousedown: t[1] || (t[1] = (...p) => i.onMouseDown && i.onMouseDown(...p)),
-      onMouseover: t[2] || (t[2] = (...p) => i.onMouseOver && i.onMouseOver(...p)),
-      onMouseout: t[3] || (t[3] = (...p) => i.onMouseOut && i.onMouseOut(...p))
+    w("table", {
+      class: f(["w-table", i.classes]),
+      onMousedown: t[4] || (t[4] = (...y) => i.onMouseDown && i.onMouseDown(...y)),
+      onMouseover: t[5] || (t[5] = (...y) => i.onMouseOver && i.onMouseOver(...y)),
+      onMouseout: t[6] || (t[6] = (...y) => i.onMouseOut && i.onMouseOut(...y))
     }, [
-      v("colgroup", Yi, [
-        (s(!0), u(k, null, x(l.headers, (p, y) => (s(), u("col", {
+      w("colgroup", Qi, [
+        (s(!0), u(k, null, x(l.headers, (y, L) => (s(), u("col", {
           class: "w-table__col",
-          key: y,
-          width: p.width || null
-        }, null, 8, Ji))), 128))
+          key: L,
+          width: y.width || null
+        }, null, 8, Zi))), 128))
       ], 512),
-      l.noHeaders ? h("", !0) : (s(), u("thead", Qi, [
-        v("tr", null, [
-          (s(!0), u(k, null, x(l.headers, (p, y) => (s(), u("th", {
-            class: m(["w-table__header", i.headerClasses(p)]),
-            key: y,
-            onClick: ($) => !e.colResizing.dragging && p.sortable !== !1 && i.sortTable(p)
+      l.noHeaders ? h("", !0) : (s(), u("thead", es, [
+        w("tr", null, [
+          (s(!0), u(k, null, x(l.headers, (y, L) => (s(), u("th", {
+            class: f(["w-table__header", i.headerClasses(y)]),
+            key: L,
+            onClick: (z) => !e.colResizing.dragging && y.sortable !== !1 && i.sortTable(y)
           }, [
-            p.sortable !== !1 && p.align === "right" ? (s(), g(a, {
+            y.sortable !== !1 && y.align === "right" ? (s(), g(a, {
               key: 0,
-              class: m(["w-table__header-sort", i.headerSortClasses(p)])
+              class: f(["w-table__header-sort", i.headerSortClasses(y)])
             }, {
-              default: b(() => [
+              default: m(() => [
                 C("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : h("", !0),
-            p.label ? (s(), u(k, { key: 1 }, [
+            y.label ? (s(), u(k, { key: 1 }, [
               e.$slots["header-label"] ? c(e.$slots, "header-label", {
                 key: 0,
-                header: p,
-                label: p.label,
-                index: y + 1
+                header: y,
+                label: y.label,
+                index: L + 1
               }, () => [
-                C(_(p.label || ""), 1)
+                C(v(y.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
-                innerHTML: p.label || ""
-              }, null, 8, es))
+                innerHTML: y.label || ""
+              }, null, 8, ls))
             ], 64)) : h("", !0),
-            p.sortable !== !1 && p.align !== "right" ? (s(), g(a, {
+            y.sortable !== !1 && y.align !== "right" ? (s(), g(a, {
               key: 2,
-              class: m(["w-table__header-sort", i.headerSortClasses(p)])
+              class: f(["w-table__header-sort", i.headerSortClasses(y)])
             }, {
-              default: b(() => [
+              default: m(() => [
                 C("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : h("", !0),
-            y < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+            L < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
               key: 3,
-              class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === y, "w-table__col-resizer--active": e.colResizing.columnIndex === y }]),
-              onClick: t[0] || (t[0] = N(() => {
+              class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === L, "w-table__col-resizer--active": e.colResizing.columnIndex === L }]),
+              onClick: t[0] || (t[0] = K(() => {
               }, ["stop"]))
             }, null, 2)) : h("", !0)
-          ], 10, Zi))), 128))
+          ], 10, ts))), 128))
         ]),
-        I(d, null, {
-          default: b(() => [
-            l.loading === "header" ? (s(), u("tr", ts, [
-              v("td", {
+        V(d, null, {
+          default: m(() => [
+            l.loading === "header" ? (s(), u("tr", is, [
+              w("td", {
                 colspan: l.headers.length
               }, [
-                I(n, { tile: "" })
-              ], 8, ls)
+                V(n, { tile: "" })
+              ], 8, ss)
             ])) : h("", !0)
           ]),
           _: 1
         })
       ])),
-      v("tbody", null, [
-        l.loading === !0 ? (s(), u("tr", is, [
-          v("td", {
+      w("tbody", null, [
+        l.loading === !0 ? (s(), u("tr", as, [
+          w("td", {
             colspan: l.headers.length
           }, [
-            I(n, { tile: "" }),
-            v("div", as, [
+            V(n, { tile: "" }),
+            w("div", ns, [
               c(e.$slots, "loading", {}, () => [
                 C("Loading...")
               ])
             ])
-          ], 8, ss)
-        ])) : i.tableItems.length ? h("", !0) : (s(), u("tr", os, [
-          v("td", {
+          ], 8, os)
+        ])) : i.tableItems.length ? h("", !0) : (s(), u("tr", rs, [
+          w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
           }, [
             c(e.$slots, "no-data", {}, () => [
               C("No data to show.")
             ])
-          ], 8, ns)
+          ], 8, ds)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, x(i.sortedItems, (p, y) => (s(), u(k, { key: y }, [
+        i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, x(i.sortedItems, (y, L) => (s(), u(k, { key: L }, [
           e.$slots.item ? c(e.$slots, "item", {
             key: 0,
-            item: p,
-            index: y + 1,
-            select: () => i.doSelectRow(p, y),
-            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[p._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[p._uid] !== void 0 }
+            item: y,
+            index: L + 1,
+            select: () => i.doSelectRow(y, L),
+            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[y._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[y._uid] !== void 0 }
           }) : (s(), u("tr", {
             key: 1,
-            class: m(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[p._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[p._uid] !== void 0 }]),
-            onClick: ($) => i.doSelectRow(p, y)
+            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[y._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[y._uid] !== void 0 }]),
+            onClick: (z) => i.doSelectRow(y, L)
           }, [
-            (s(!0), u(k, null, x(l.headers, ($, T) => (s(), u(k, null, [
-              e.$slots[`item-cell.${$.key}`] || e.$slots[`item-cell.${T + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
-                class: m(["w-table__cell", { [`text-${$.align || "left"}`]: !0, "w-table__cell--sticky": $.sticky }]),
-                key: `${T}-a`,
-                "data-label": $.label
+            (s(!0), u(k, null, x(l.headers, (z, E) => (s(), u(k, null, [
+              e.$slots[`item-cell.${z.key}`] || e.$slots[`item-cell.${E + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+                class: f(["w-table__cell", { [`text-${z.align || "left"}`]: !0, "w-table__cell--sticky": z.sticky }]),
+                key: `${E}-a`,
+                "data-label": z.label
               }, [
-                e.$slots[`item-cell.${$.key}`] ? c(e.$slots, `item-cell.${$.key}`, {
+                e.$slots[`item-cell.${z.key}`] ? c(e.$slots, `item-cell.${z.key}`, {
                   key: 0,
-                  header: $,
-                  item: p,
-                  label: p[$.key] || "",
-                  index: y + 1
-                }) : e.$slots[`item-cell.${T + 1}`] ? c(e.$slots, `item-cell.${T + 1}`, {
+                  header: z,
+                  item: y,
+                  label: y[z.key] || "",
+                  index: L + 1
+                }) : e.$slots[`item-cell.${E + 1}`] ? c(e.$slots, `item-cell.${E + 1}`, {
                   key: 1,
-                  header: $,
-                  item: p,
-                  label: p[$.key] || "",
-                  index: y + 1
+                  header: z,
+                  item: y,
+                  label: y[z.key] || "",
+                  index: L + 1
                 }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                   key: 2,
-                  header: $,
-                  item: p,
-                  label: p[$.key] || "",
-                  index: y + 1
+                  header: z,
+                  item: y,
+                  label: y[z.key] || "",
+                  index: L + 1
                 }) : h("", !0),
-                T < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                E < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
-                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === E, "w-table__col-resizer--active": e.colResizing.columnIndex === E }])
                 }, null, 2)) : h("", !0)
-              ], 10, ds)) : (s(), u("td", {
-                class: m(["w-table__cell", { [`text-${$.align || "left"}`]: !0, "w-table__cell--sticky": $.sticky }]),
-                key: `${T}-b`,
-                "data-label": $.label
+              ], 10, hs)) : (s(), u("td", {
+                class: f(["w-table__cell", { [`text-${z.align || "left"}`]: !0, "w-table__cell--sticky": z.sticky }]),
+                key: `${E}-b`,
+                "data-label": z.label
               }, [
-                v("div", {
-                  innerHTML: p[$.key] || ""
-                }, null, 8, hs),
-                T < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                w("div", {
+                  innerHTML: y[z.key] || ""
+                }, null, 8, ps),
+                E < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
-                  class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === E, "w-table__col-resizer--active": e.colResizing.columnIndex === E }])
                 }, null, 2)) : h("", !0)
-              ], 10, us))
+              ], 10, cs))
             ], 64))), 256))
-          ], 10, rs)),
-          i.expandedRowsByUid[p._uid] ? (s(), u("tr", cs, [
-            v("td", {
+          ], 10, us)),
+          i.expandedRowsByUid[y._uid] ? (s(), u("tr", fs, [
+            w("td", {
               class: "w-table__cell",
               colspan: l.headers.length
             }, [
-              I(f, { y: "" }, {
-                default: b(() => [
-                  i.expandedRowsByUid[p._uid] ? (s(), u("div", fs, [
+              V(p, { y: "" }, {
+                default: m(() => [
+                  i.expandedRowsByUid[y._uid] ? (s(), u("div", bs, [
                     c(e.$slots, "row-expansion", {
-                      item: p,
-                      index: y + 1
+                      item: y,
+                      index: L + 1
                     })
                   ])) : h("", !0),
-                  y < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                  L < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                     key: 1,
-                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === y, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === L, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                   }, null, 2)) : h("", !0)
                 ]),
                 _: 2
               }, 1024)
-            ], 8, ps)
+            ], 8, ms)
           ])) : h("", !0)
         ], 64))), 128)) : h("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", ms, [
+        e.$slots["extra-row"] ? (s(), u("div", gs, [
           c(e.$slots, "extra-row")
         ])) : h("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", bs, [
-        e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : (s(), u("tr", gs, [
-          v("td", {
+      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", ys, [
+        e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", ws, [
+          w("td", {
             class: "w-table__cell",
             colspan: l.headers.length
           }, [
             c(e.$slots, "footer")
-          ], 8, ys)
-        ]))
+          ], 8, vs)
+        ])) : h("", !0),
+        l.pagination && e.paginationConfig ? (s(), u("tr", _s, [
+          w("td", {
+            class: "w-table__cell",
+            colspan: l.headers.length
+          }, [
+            w("div", Cs, [
+              e.paginationConfig.itemsPerPageOptions ? (s(), g(b, {
+                key: 0,
+                class: "pagination-number pagination-number--items-per-page",
+                modelValue: e.paginationConfig.itemsPerPage,
+                "onUpdate:modelValue": t[1] || (t[1] = (y) => e.paginationConfig.itemsPerPage = y),
+                items: e.paginationConfig.itemsPerPageOptions,
+                "label-position": "left",
+                label: "Items per page",
+                "label-color": "inherit"
+              }, null, 8, ["modelValue", "items"])) : h("", !0),
+              w("span", Ss, v(e.paginationConfig.start) + "-" + v(e.paginationConfig.end) + " of " + v(e.paginationConfig.total), 1),
+              w("div", Bs, [
+                V(B, {
+                  class: "pagination-arrow pagination-arrow--prev",
+                  onClick: t[2] || (t[2] = (y) => e.paginationConfig.page--),
+                  icon: "wi-chevron-left",
+                  text: "",
+                  lg: ""
+                }),
+                V(B, {
+                  class: "pagination-arrow pagination-arrow--next",
+                  onClick: t[3] || (t[3] = (y) => e.paginationConfig.page++),
+                  icon: "wi-chevron-right",
+                  text: "",
+                  lg: ""
+                })
+              ])
+            ])
+          ], 8, ks)
+        ])) : h("", !0)
       ])) : h("", !0)
     ], 34)
   ], 2);
 }
-const te = 15, vs = {
+const ie = 15, Vs = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -5595,13 +5635,13 @@ const te = 15, vs = {
     loading: { type: [Boolean, String] },
     sort: { type: [String, Array] },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || Z(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || ee(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || Z(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -5611,7 +5651,20 @@ const te = 15, vs = {
     filter: { type: Function },
     sortFunction: { type: Function },
     mobileBreakpoint: { type: Number, default: 0 },
-    resizableColumns: { type: Boolean }
+    resizableColumns: { type: Boolean },
+    pagination: {
+      type: [Boolean, Object, String],
+      validator: (e) => {
+        if (e) {
+          if (typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)))
+            return Z(
+              "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
+            ), !1;
+        } else
+          return !0;
+        return !0;
+      }
+    }
   },
   emits: [
     "row-select",
@@ -5635,7 +5688,8 @@ const te = 15, vs = {
       nextColWidth: null,
       columnEl: null,
       nextColumnEl: null
-    }
+    },
+    paginationConfig: {}
   }),
   computed: {
     tableItems() {
@@ -5743,14 +5797,14 @@ const te = 15, vs = {
     onResizerMouseMove(e) {
       const { startCursorX: t, columnEl: l, nextColumnEl: o, colWidth: r, nextColWidth: i } = this.colResizing;
       this.colResizing.dragging = !0;
-      const a = e.pageX - t, n = r + i, d = r + a, f = i - a;
+      const a = e.pageX - t, n = r + i, d = r + a, p = i - a;
       l.style.width = r + a + "px", o.style.width = i - a + "px";
-      const p = a < 0 && l.offsetWidth > d || l.offsetWidth <= te, y = a > 0 && o.offsetWidth > f;
-      if (p) {
-        const $ = Math.max(l.offsetWidth, te);
-        l.style.width = $ + "px", o.style.width = n - $ + "px";
+      const b = a < 0 && l.offsetWidth > d || l.offsetWidth <= ie, B = a > 0 && o.offsetWidth > p;
+      if (b) {
+        const y = Math.max(l.offsetWidth, ie);
+        l.style.width = y + "px", o.style.width = n - y + "px";
       } else
-        y && (l.style.width = n - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        B && (l.style.width = n - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -5760,10 +5814,22 @@ const te = 15, vs = {
         });
         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 o, r, i, a, n;
+      const e = ((o = this.pagination) == null ? void 0 : o.itemsPerPage) || 10, t = ((r = this.pagination) == null ? void 0 : r.total) || this.items.length, l = ((i = this.pagination) == null ? void 0 : i.page) || 1;
+      this.paginationConfig = {
+        itemsPerPage: e,
+        itemsPerPageOptions: ((a = this.pagination) == null ? void 0 : a.itemsPerPageOptions) || [{ label: "10", value: 10 }, { label: "100", value: 100 }, { label: "All", value: 0 }],
+        page: l,
+        start: ((n = this.pagination) == null ? void 0 : n.start) || 1,
+        end: t >= e * l ? e * l : t % (e * l),
+        total: t
+      };
     }
   },
   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.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();
   },
   watch: {
     sort(e) {
@@ -5782,13 +5848,13 @@ const te = 15, vs = {
       this.selectedRowsInternal = Array.isArray(e) && e.length ? this.selectedRows : [];
     }
   }
-}, _s = /* @__PURE__ */ w(vs, [["render", ws]]), ks = ["role", "aria-pressed", "tabindex"];
-function Cs(e, t, l, o, r, i) {
-  return s(), u("span", S({ class: "w-tag" }, W(e.$attrs, !0), {
+}, Is = /* @__PURE__ */ _(Vs, [["render", $s]]), Rs = ["role", "aria-pressed", "tabindex"];
+function Ls(e, t, l, o, r, i) {
+  return s(), u("span", S({ 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((a) => {
+    onKeypress: t[2] || (t[2] = W((a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }, ["enter"])),
     class: i.classes,
@@ -5801,15 +5867,15 @@ function Cs(e, t, l, o, r, i) {
     l.closable && l.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = N((a) => {
+      onClick: t[0] || (t[0] = K((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : h("", !0)
-  ], 16, ks);
+  ], 16, Rs);
 }
-const Ss = {
+const xs = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -5856,10 +5922,10 @@ const Ss = {
       };
     }
   }
-}, Bs = /* @__PURE__ */ w(Ss, [["render", Cs]]), $s = ["for"], Vs = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Is = ["for"], Rs = ["for"];
-function xs(e, t, l, o, r, i) {
-  const a = B("w-icon");
-  return s(), g(V(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+}, Ts = /* @__PURE__ */ _(xs, [["render", Ls]]), zs = ["for"], Es = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Ps = ["for"], Os = ["for"];
+function Ms(e, t, l, o, r, i) {
+  const a = $("w-icon");
+  return s(), g(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (n) => e.valid = n),
     wrap: i.hasLabel && l.labelPosition !== "inside",
@@ -5868,20 +5934,20 @@ function xs(e, t, l, o, r, i) {
     }),
     class: i.classes
   }), {
-    default: b(() => [
+    default: m(() => [
       l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
+          class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, $s)) : h("", !0)
+        ], 10, zs)) : h("", !0)
       ], 64)) : h("", !0),
-      v("div", {
-        class: m(["w-textarea__textarea-wrap", i.inputWrapClasses])
+      w("div", {
+        class: f(["w-textarea__textarea-wrap", i.inputWrapClasses])
       }, [
         l.innerIconLeft ? (s(), g(a, {
           key: 0,
@@ -5890,16 +5956,16 @@ function xs(e, t, l, o, r, i) {
           for: `w-textarea--${e._.uid}`,
           onClick: t[0] || (t[0] = (n) => e.$emit("click:inner-icon-left", n))
         }, {
-          default: b(() => [
-            C(_(l.innerIconLeft), 1)
+          default: m(() => [
+            C(v(l.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : h("", !0),
-        F(v("textarea", S({
+        H(w("textarea", S({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (n) => r.inputValue = n)
-        }, W(i.listeners, !0), {
+        }, A(i.listeners, !0), {
           onInput: t[2] || (t[2] = (...n) => i.onInput && i.onInput(...n)),
           onFocus: t[3] || (t[3] = (...n) => i.onFocus && i.onFocus(...n)),
           onBlur: t[4] || (t[4] = (...n) => i.onBlur && i.onBlur(...n)),
@@ -5913,19 +5979,19 @@ function xs(e, t, l, o, r, i) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, Vs), [
-          [ae, r.inputValue]
+        }), null, 16, Es), [
+          [ne, r.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 1 }, [
           e.$slots.default || l.label ? (s(), u("label", {
             key: 0,
-            class: m(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses]),
+            class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses]),
             for: `w-textarea--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              C(_(l.label), 1)
+              C(v(l.label), 1)
             ])
-          ], 10, Is)) : h("", !0)
+          ], 10, Ps)) : h("", !0)
         ], 64)) : h("", !0),
         l.innerIconRight ? (s(), g(a, {
           key: 2,
@@ -5934,8 +6000,8 @@ function xs(e, t, l, o, r, i) {
           for: `w-textarea--${e._.uid}`,
           onClick: t[5] || (t[5] = (n) => e.$emit("click:inner-icon-right", n))
         }, {
-          default: b(() => [
-            C(_(l.innerIconRight), 1)
+          default: m(() => [
+            C(v(l.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : h("", !0)
@@ -5943,21 +6009,21 @@ function xs(e, t, l, o, r, i) {
       l.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
-          class: m(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
+          class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            C(_(l.label), 1)
+            C(v(l.label), 1)
           ])
-        ], 10, Rs)) : h("", !0)
+        ], 10, Os)) : h("", !0)
       ], 64)) : h("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const Ls = {
+const Ns = {
   name: "w-textarea",
-  mixins: [E],
+  mixins: [O],
   props: {
     modelValue: { default: "" },
     label: { type: String },
@@ -6069,18 +6135,18 @@ const Ls = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, Ts = /* @__PURE__ */ w(Ls, [["render", xs]]), zs = { class: "w-timeline" }, Es = ["innerHTML"], Os = ["innerHTML"];
-function Ps(e, t, l, o, r, i) {
-  return s(), u("ul", zs, [
+}, Ws = /* @__PURE__ */ _(Ns, [["render", Ms]]), As = { class: "w-timeline" }, Ks = ["innerHTML"], Ds = ["innerHTML"];
+function Fs(e, t, l, o, r, i) {
+  return s(), u("ul", As, [
     (s(!0), u(k, null, x(l.items, (a, n) => (s(), u("li", {
       class: "w-timeline-item",
       key: n
     }, [
-      (s(), g(V(a[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
-        class: m(["w-timeline-item__bullet", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }])
+      (s(), g(I(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: b(() => [
-          C(_(a[l.itemIconKey] || l.icon), 1)
+        default: m(() => [
+          C(v(a[l.itemIconKey] || l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -6093,19 +6159,19 @@ function Ps(e, t, l, o, r, i) {
         item: a,
         index: n + 1
       }, () => [
-        v("div", {
-          class: m(["w-timeline-item__title", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }]),
+        w("div", {
+          class: f(["w-timeline-item__title", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }]),
           innerHTML: a[l.itemTitleKey]
-        }, null, 10, Es),
-        v("div", {
+        }, null, 10, Ks),
+        w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[l.itemContentKey]
-        }, null, 8, Os)
+        }, null, 8, Ds)
       ])
     ]))), 128))
   ]);
 }
-const Ms = {
+const js = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6117,16 +6183,16 @@ const Ms = {
     itemColorKey: { type: String, default: "color" }
   },
   emits: []
-}, Ws = /* @__PURE__ */ w(Ms, [["render", Ps]]);
-function Ns(e, t, l, o, r, i) {
+}, Hs = /* @__PURE__ */ _(js, [["render", Fs]]);
+function Us(e, t, l, o, r, i) {
   return s(), u("div", {
-    class: m(["w-toolbar", i.classes]),
+    class: f(["w-toolbar", i.classes]),
     style: R(i.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const As = {
+const qs = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -6171,17 +6237,17 @@ const As = {
       };
     }
   }
-}, Ks = /* @__PURE__ */ w(As, [["render", Ns]]);
-function Ds(e, t, l, o, r, i) {
+}, Gs = /* @__PURE__ */ _(qs, [["render", Us]]);
+function Xs(e, t, l, o, r, i) {
   return s(), u(k, null, [
     c(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(L, {
+    V(T, {
       name: i.transitionName,
       appear: ""
     }, {
-      default: b(() => [
+      default: m(() => [
         e.detachableVisible ? (s(), u("div", {
-          class: m(["w-tooltip", i.classes]),
+          class: f(["w-tooltip", i.classes]),
           ref: "detachable",
           key: e._.uid,
           style: R(i.styles)
@@ -6193,9 +6259,9 @@ function Ds(e, t, l, o, r, i) {
     }, 8, ["name"])
   ], 64);
 }
-const Fs = {
+const Ys = {
   name: "w-tooltip",
-  mixins: [ne],
+  mixins: [de],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },
@@ -6223,7 +6289,7 @@ const Fs = {
   }),
   computed: {
     tooltipClasses() {
-      return K(this.tooltipClass);
+      return F(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -6275,24 +6341,24 @@ const Fs = {
       !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));
     }
   }
-}, js = /* @__PURE__ */ w(Fs, [["render", Ds]]);
-function Hs(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: "bounce" }, e.$props), {
-    default: b(() => [
+}, Js = /* @__PURE__ */ _(Ys, [["render", Xs]]);
+function Qs(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: "bounce" }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Us = {
+const Zs = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, qs = /* @__PURE__ */ w(Us, [["render", Hs]]);
-function Gs(e, t, l, o, r, i) {
-  return s(), g(L, {
+}, ea = /* @__PURE__ */ _(Zs, [["render", Qs]]);
+function ta(e, t, l, o, r, i) {
+  return s(), g(T, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6306,13 +6372,13 @@ function Gs(e, t, l, o, r, i) {
     onLeave: i.leave,
     onAfterLeave: i.afterLeave
   }, {
-    default: b(() => [
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Xs = {
+const la = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -6321,6 +6387,7 @@ const Xs = {
   },
   data: () => ({
     el: {
+      savedState: !1,
       originalStyles: "",
       width: 0,
       height: 0,
@@ -6349,7 +6416,7 @@ const Xs = {
   },
   methods: {
     beforeAppear(e) {
-      this.cleanTransitionCycle && this.saveOriginalStyles(e), this.cleanTransitionCycle = !1;
+      this.cleanTransitionCycle && this.saveOriginalInlineStyles(e), this.cleanTransitionCycle = !1;
     },
     appear(e, t) {
       this.show(e), setTimeout(t, this.duration), this.cleanTransitionCycle = !1;
@@ -6358,7 +6425,7 @@ const Xs = {
       this.applyOriginalStyles(e), e.style.cssText = e.style.cssText.replace("display: none;", ""), this.cleanTransitionCycle = !1;
     },
     beforeEnter(e) {
-      this.cleanTransitionCycle && this.saveOriginalStyles(e), this.cleanTransitionCycle = !1;
+      this.cleanTransitionCycle && this.saveOriginalInlineStyles(e), this.cleanTransitionCycle = !1;
     },
     enter(e, t) {
       this.show(e), setTimeout(t, this.duration), this.cleanTransitionCycle = !1;
@@ -6367,13 +6434,13 @@ const Xs = {
       this.applyOriginalStyles(e), e.style.cssText = e.style.cssText.replace("display: none;", ""), this.cleanTransitionCycle = !1;
     },
     beforeLeave(e) {
-      this.beforeHide(e), this.cleanTransitionCycle = !1;
+      this.el.savedState || this.saveComputedStyles(e), this.beforeHide(e), this.cleanTransitionCycle = !1;
     },
     leave(e, t) {
       this.hide(e), setTimeout(t, this.duration), this.cleanTransitionCycle = !1;
     },
     afterLeave(e) {
-      this.applyOriginalStyles(e), this.cleanTransitionCycle = !0;
+      this.applyOriginalStyles(e), this.cleanTransitionCycle = !0, this.el.savedState = !1;
     },
     applyHideStyles(e) {
       this.animX && (e.style.width = 0, e.style.marginLeft = 0, e.style.marginRight = 0, e.style.paddingLeft = 0, e.style.paddingRight = 0, e.style.borderLeftWidth = 0, e.style.borderRightWidth = 0), this.animY && (e.style.height = 0, e.style.marginTop = 0, e.style.marginBottom = 0, e.style.paddingTop = 0, e.style.paddingBottom = 0, e.style.borderTopWidth = 0, e.style.borderBottomWidth = 0), e.style.overflow = "hidden";
@@ -6384,75 +6451,78 @@ const Xs = {
     applyOriginalStyles(e) {
       e.style.cssText = this.el.originalStyles;
     },
-    saveOriginalStyles(e) {
+    saveOriginalInlineStyles(e) {
       this.el.originalStyles = e.style.cssText;
     },
     show(e, t) {
-      const l = window.getComputedStyle(e, null);
-      this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = l.getPropertyValue("marginLeft"), this.el.marginRight = l.getPropertyValue("marginRight"), this.el.paddingLeft = l.getPropertyValue("paddingLeft"), this.el.paddingRight = l.getPropertyValue("paddingRight"), this.el.borderLeftWidth = l.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = l.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = l.getPropertyValue("marginTop"), this.el.marginBottom = l.getPropertyValue("marginBottom"), this.el.paddingTop = l.getPropertyValue("paddingTop"), this.el.paddingBottom = l.getPropertyValue("paddingBottom"), this.el.borderTopWidth = l.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = l.getPropertyValue("borderBottomWidth")), this.applyHideStyles(e), setTimeout(() => this.applyShowStyles(e), 20), setTimeout(t, this.duration);
+      this.saveComputedStyles(e), this.applyHideStyles(e), setTimeout(() => this.applyShowStyles(e), 20), setTimeout(t, this.duration);
     },
     beforeHide(e) {
       this.applyShowStyles(e);
     },
     hide(e, t) {
       setTimeout(() => this.applyHideStyles(e), 20), setTimeout(t, this.duration);
+    },
+    saveComputedStyles(e) {
+      const t = window.getComputedStyle(e, null);
+      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;
     }
   }
-}, Ys = /* @__PURE__ */ w(Xs, [["render", Gs]]);
-function Js(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: "fade" }, e.$props), {
-    default: b(() => [
+}, ia = /* @__PURE__ */ _(la, [["render", ta]]);
+function sa(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: "fade" }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Qs = {
+const aa = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Zs = /* @__PURE__ */ w(Qs, [["render", Js]]);
-function ea(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: "scale" }, e.$props), {
-    default: b(() => [
+}, oa = /* @__PURE__ */ _(aa, [["render", sa]]);
+function na(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: "scale" }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const ta = {
+const ra = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, la = /* @__PURE__ */ w(ta, [["render", ea]]);
-function ia(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: "scale-fade" }, e.$props), {
-    default: b(() => [
+}, da = /* @__PURE__ */ _(ra, [["render", na]]);
+function ua(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: "scale-fade" }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const sa = {
+const ha = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, aa = /* @__PURE__ */ w(sa, [["render", ia]]);
-function oa(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: i.transitionName }, e.$props), {
-    default: b(() => [
+}, ca = /* @__PURE__ */ _(ha, [["render", ua]]);
+function pa(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: i.transitionName }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const na = {
+const fa = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -6470,16 +6540,16 @@ const na = {
       return `slide-${this.direction}`;
     }
   }
-}, ra = /* @__PURE__ */ w(na, [["render", oa]]);
-function da(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: i.transitionName }, e.$props), {
-    default: b(() => [
+}, ma = /* @__PURE__ */ _(fa, [["render", pa]]);
+function ba(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: i.transitionName }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const ua = {
+const ga = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -6497,94 +6567,95 @@ const ua = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, ha = /* @__PURE__ */ w(ua, [["render", da]]);
-function ca(e, t, l, o, r, i) {
-  return s(), g(L, S({ name: "twist" }, e.$props), {
-    default: b(() => [
+}, ya = /* @__PURE__ */ _(ga, [["render", ba]]);
+function wa(e, t, l, o, r, i) {
+  return s(), g(T, S({ name: "twist" }, e.$props), {
+    default: m(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const pa = {
+const va = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, fa = /* @__PURE__ */ w(pa, [["render", ca]]), ma = ["onClick", "onKeydown", "tabindex"], ba = {
+}, _a = /* @__PURE__ */ _(va, [["render", wa]]), ka = ["onClick", "onKeydown", "tabindex"], Ca = {
   key: 1,
   class: "ml1"
 };
-function ga(e, t, l, o, r, i) {
-  const a = B("w-button"), n = B("w-icon"), d = B("w-tree", !0);
+function Sa(e, t, l, o, r, i) {
+  const a = $("w-button"), n = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
-    class: m(["w-tree", i.classes])
+    class: f(["w-tree", i.classes])
   }, [
-    (s(!0), u(k, null, x(e.currentDepthItems, (f, p) => (s(), u("li", {
-      class: m(["w-tree__item", i.itemClasses(f)]),
-      key: p
+    (s(!0), u(k, null, x(e.currentDepthItems, (p, b) => (s(), u("li", {
+      class: f(["w-tree__item", i.itemClasses(p)]),
+      key: b
     }, [
-      v("div", {
+      w("div", {
         class: "w-tree__item-label",
-        onClick: (y) => !l.disabled && i.onLabelClick(f, y),
-        onKeydown: (y) => !l.disabled && i.onLabelKeydown(f, y),
-        tabindex: !l.disabled && (f.children || f.branch || l.selectable) && !(l.unexpandableEmpty && !f.children) ? 0 : null
+        onClick: (B) => !l.disabled && i.onLabelClick(p, B),
+        onKeydown: (B) => !l.disabled && i.onLabelKeydown(p, B),
+        tabindex: !l.disabled && (p.children || p.branch || l.selectable) && !(l.unexpandableEmpty && !p.children) ? 0 : null
       }, [
-        (f.children || f.branch) && (l.expandOpenIcon && f.open || l.expandIcon) && !(l.unexpandableEmpty && !f.children) ? (s(), g(a, {
+        (p.children || p.branch) && (l.expandOpenIcon && p.open || l.expandIcon) && !(l.unexpandableEmpty && !p.children) ? (s(), g(a, {
           key: 0,
           class: "w-tree__item-expand",
           color: "inherit",
-          icon: f.open && l.expandOpenIcon || l.expandIcon,
-          "icon-props": { rotate90a: !f.open },
+          icon: p.open && l.expandOpenIcon || l.expandIcon,
+          "icon-props": { rotate90a: !p.open },
           tabindex: -1,
           disabled: l.disabled,
           text: "",
           sm: ""
         }, null, 8, ["icon", "icon-props", "disabled"])) : h("", !0),
         c(e.$slots, "item-label", {
-          item: f.originalItem,
+          item: p.originalItem,
           depth: l.depth,
-          open: f.open
+          open: p.open
         }, () => {
-          var y;
+          var B;
           return [
-            i.itemIcon(f) ? (s(), g(n, {
+            i.itemIcon(p) ? (s(), g(n, {
               key: 0,
-              class: "w-tree__item-icon"
+              class: "w-tree__item-icon",
+              color: p.originalItem[l.itemIconColorKey] || l.iconColor
             }, {
-              default: b(() => [
-                C(_(i.itemIcon(f)), 1)
+              default: m(() => [
+                C(v(i.itemIcon(p)), 1)
               ]),
               _: 2
-            }, 1024)) : h("", !0),
-            v("span", null, _(f.label), 1),
-            l.counts && (f.children || f.branch) ? (s(), u("span", ba, "(" + _(((y = f.originalItem.children) == null ? void 0 : y.length) || 0) + ")", 1)) : h("", !0)
+            }, 1032, ["color"])) : h("", !0),
+            w("span", null, v(p.label), 1),
+            l.counts && (p.children || p.branch) ? (s(), u("span", Ca, "(" + v(((B = p.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : h("", !0)
           ];
         })
-      ], 40, ma),
-      (s(), g(V(l.noTransition ? "div" : "w-transition-expand"), {
+      ], 40, ka),
+      (s(), g(I(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
-        onAfterEnter: (y) => e.$emit("open", { item: f.originalItem, open: f.open, depth: l.depth }),
-        onAfterLeave: (y) => e.$emit("close", { item: f.originalItem, open: f.open, depth: l.depth })
+        onAfterEnter: (B) => e.$emit("open", { item: p.originalItem, open: p.open, depth: l.depth }),
+        onAfterLeave: (B) => e.$emit("close", { item: p.originalItem, open: p.open, depth: l.depth })
       }, {
-        default: b(() => [
-          f.children && f.open ? (s(), g(d, S({ key: 0 }, e.$props, {
+        default: m(() => [
+          p.children && p.open ? (s(), g(d, S({ key: 0 }, e.$props, {
             depth: l.depth + 1,
-            data: f.originalItem.children,
-            onBeforeOpen: t[0] || (t[0] = (y) => e.$emit("before-open", y)),
-            onOpen: t[1] || (t[1] = (y) => e.$emit("open", y)),
-            onBeforeClose: t[2] || (t[2] = (y) => e.$emit("before-close", y)),
-            onClose: t[3] || (t[3] = (y) => e.$emit("close", y)),
-            onClick: t[4] || (t[4] = (y) => e.$emit("click", y)),
-            onSelect: t[5] || (t[5] = (y) => e.$emit("select", y)),
-            "onUpdate:modelValue": t[6] || (t[6] = (y) => e.$emit("update:model-value", y))
+            data: p.originalItem.children,
+            onBeforeOpen: t[0] || (t[0] = (B) => e.$emit("before-open", B)),
+            onOpen: t[1] || (t[1] = (B) => e.$emit("open", B)),
+            onBeforeClose: t[2] || (t[2] = (B) => e.$emit("before-close", B)),
+            onClose: t[3] || (t[3] = (B) => e.$emit("close", B)),
+            onClick: t[4] || (t[4] = (B) => e.$emit("click", B)),
+            onSelect: t[5] || (t[5] = (B) => e.$emit("select", B)),
+            "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
           }), {
-            "item-label": b(({ item: y, depth: $, open: T }) => [
+            "item-label": m(({ item: B, depth: y, open: L }) => [
               c(e.$slots, "item-label", {
-                item: y,
-                depth: $,
-                open: T
+                item: B,
+                depth: y,
+                open: L
               })
             ]),
             _: 2
@@ -6595,7 +6666,7 @@ function ga(e, t, l, o, r, i) {
     ], 2))), 128))
   ], 2);
 }
-const ya = {
+const Ba = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -6613,8 +6684,11 @@ const ya = {
     disabled: { type: Boolean },
     noTransition: { type: Boolean },
     selectable: { type: Boolean },
-    depthReactivity: { type: Boolean },
-    counts: { type: Boolean }
+    deepReactivity: { type: Boolean },
+    counts: { type: Boolean },
+    itemIconKey: { type: String, default: "icon" },
+    iconColor: { type: String },
+    itemIconColorKey: { type: String, default: "iconColor" }
   },
   emits: ["update:model-value", "before-open", "open", "before-close", "close", "click", "select"],
   data: () => ({
@@ -6642,7 +6716,7 @@ const ya = {
           children: !!l.children,
           branch: l.branch,
           depth: this.depth,
-          open: ((r = t[o]) == null ? void 0 : r.open) || !1
+          open: !!(((r = t[o]) == null ? void 0 : r.open) || this.expandAll)
         });
       });
     },
@@ -6661,10 +6735,7 @@ const ya = {
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.which) && ((e.children || e.branch) && ([13, 32].includes(t.which) ? this.expandDepth(e) && t.preventDefault() : t.which === 37 ? this.expandDepth(e, !1) && t.preventDefault() : t.which === 39 && this.expandDepth(e, !0) && t.preventDefault()), [38, 40].includes(t.which))) {
         const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), r = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
-        [...o].some((a, n) => {
-          if (a.isSameNode(r))
-            return o[n + i] && o[n + i].focus(), !0;
-        });
+        [...o].some((a, n) => a.isSameNode(r) ? (o[n + i] && o[n + i].focus(), !0) : !1);
       }
       this.selectable && this.emitItemSelection(e, t);
     },
@@ -6684,7 +6755,7 @@ const ya = {
       e && e.querySelector(".w-tree__item-label").focus();
     },
     itemIcon(e) {
-      return e.originalItem.icon || !e.children && !e.branch && this.leafIcon || (e.children || e.branch) && (e.open && this.branchOpenIcon || this.branchIcon);
+      return e.originalItem[this.itemIconKey] || !e.children && !e.branch && this.leafIcon || (e.children || e.branch) && (e.open && this.branchOpenIcon || this.branchIcon);
     },
     itemClasses(e) {
       return {
@@ -6698,67 +6769,67 @@ const ya = {
     this.updateCurrentDepthTree(this.data), this.dataPropUnwatch = this.$watch(
       "data",
       (e) => this.updateCurrentDepthTree(e, this.currentDepthItems),
-      { deep: !!this.depthReactivity }
+      { deep: !!this.deepReactivity }
     );
   },
   unmounted() {
     this.dataPropUnwatch();
   }
-}, wa = /* @__PURE__ */ w(ya, [["render", ga]]), va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $a = /* @__PURE__ */ _(Ba, [["render", Sa]]), Va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WAccordion: we,
-  WAlert: Ce,
-  WApp: Ee,
-  WBadge: Me,
-  WBreadcrumbs: Ke,
-  WButton: Ye,
-  WCard: Ze,
-  WCheckbox: dt,
-  WCheckboxes: pt,
-  WConfirm: gt,
-  WDatePicker: vt,
-  WDialog: Ct,
-  WDivider: Vt,
-  WDrawer: Tt,
-  WFlex: Ot,
-  WForm: Nt,
-  WFormElement: Dt,
-  WGrid: Ht,
-  WIcon: Gt,
-  WImage: Qt,
-  WInput: ul,
-  WList: pl,
-  WMenu: bl,
-  WNotification: wl,
-  WOverlay: kl,
-  WParallax: $l,
-  WProgress: El,
-  WRadio: Dl,
-  WRadios: Ul,
-  WRating: Jl,
-  WSelect: ni,
-  WSlider: _i,
-  WSpinner: Bi,
-  WSteps: Ri,
-  WSwitch: Mi,
-  WTabs: Xi,
-  WTable: _s,
-  WTag: Bs,
-  WTextarea: Ts,
-  WTimeline: Ws,
-  WToolbar: Ks,
-  WTooltip: js,
-  WTransitionBounce: qs,
-  WTransitionExpand: Ys,
-  WTransitionFade: Zs,
-  WTransitionScale: la,
-  WTransitionScaleFade: aa,
-  WTransitionSlide: ra,
-  WTransitionSlideFade: ha,
-  WTransitionTwist: fa,
-  WTree: wa
-}, Symbol.toStringTag, { value: "Module" })), _a = A.install;
-A.install = (e, t = {}) => _a.call(A, e, { components: va, ...t });
+  WAccordion: _e,
+  WAlert: Be,
+  WApp: Oe,
+  WBadge: We,
+  WBreadcrumbs: Fe,
+  WButton: Qe,
+  WCard: tt,
+  WCheckbox: ht,
+  WCheckboxes: mt,
+  WConfirm: wt,
+  WDatePicker: kt,
+  WDialog: Bt,
+  WDivider: Rt,
+  WDrawer: Et,
+  WFlex: Mt,
+  WForm: Kt,
+  WFormElement: jt,
+  WGrid: qt,
+  WIcon: Yt,
+  WImage: el,
+  WInput: cl,
+  WList: ml,
+  WMenu: yl,
+  WNotification: _l,
+  WOverlay: Sl,
+  WParallax: Il,
+  WProgress: Ol,
+  WRadio: jl,
+  WRadios: Gl,
+  WRating: Zl,
+  WSelect: di,
+  WSlider: Ci,
+  WSpinner: Vi,
+  WSteps: xi,
+  WSwitch: Wi,
+  WTabs: Ji,
+  WTable: Is,
+  WTag: Ts,
+  WTextarea: Ws,
+  WTimeline: Hs,
+  WToolbar: Gs,
+  WTooltip: Js,
+  WTransitionBounce: ea,
+  WTransitionExpand: ia,
+  WTransitionFade: oa,
+  WTransitionScale: da,
+  WTransitionScaleFade: ca,
+  WTransitionSlide: ma,
+  WTransitionSlideFade: ya,
+  WTransitionTwist: _a,
+  WTree: $a
+}, Symbol.toStringTag, { value: "Module" })), Ia = D.install;
+D.install = (e, t = {}) => Ia.call(D, e, { components: Va, ...t });
 export {
-  A as default
+  D as default
 };