wave-ui 3.1.1 → 3.1.3

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var X = (e, t, l) => (ae(e, t, "read from private field"), l ? l.call(e) : t.get
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, l);
 }, te = (e, t, l, a) => (ae(e, t, "write to private field"), a ? a.call(e, l) : t.set(e, l), l);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as b, Teleport as ke, createVNode as V, TransitionGroup as pe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as _, renderList as T, mergeProps as B, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as N, createTextVNode as C, toDisplayString as k, Transition as x, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as me, vModelText as ge, vModelDynamic as Se, KeepAlive as $e } from "vue";
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as ke, createVNode as I, TransitionGroup as pe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as _, renderList as T, mergeProps as B, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as N, createTextVNode as C, toDisplayString as k, Transition as x, normalizeStyle as L, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as me, vModelText as ge, vModelDynamic as Se, KeepAlive as $e } from "vue";
 const Ve = G({
   on: "#app",
   breakpoints: {
@@ -63,8 +63,8 @@ const Ve = G({
 }, Ie = ["innerHTML"];
 function Re(e, t, l, a, o, i) {
   const n = $("w-alert");
-  return s(), b(ke, { to: ".w-app" }, [
-    V(pe, {
+  return s(), g(ke, { to: ".w-app" }, [
+    I(pe, {
       class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
       tag: "div",
       name: i.transition,
@@ -72,7 +72,7 @@ function Re(e, t, l, a, o, i) {
     }, {
       default: m(() => [
         (s(!0), u(_, null, T(i.notifications, (r) => (s(), u(_, null, [
-          r._value ? (s(), b(n, B({
+          r._value ? (s(), g(n, B({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -550,16 +550,16 @@ let se = { keys: [], values: [] }, de = null;
 const Oe = (e) => {
   let t = "";
   const l = {}, { info: a, warning: o, success: i, error: n, shades: r, ...d } = e, { cssScope: h } = U;
-  for (const g in d)
-    t += `${h} .${g}--bg{background-color:var(--w-${g}-color)}${h} .${g}{color:var(--w-${g}-color)}`;
-  for (const g in r)
-    t += `${h} .${g}--bg{background-color:${r[g]}}${h} .${g}{color:${r[g]}}`;
+  for (const b in d)
+    t += `${h} .${b}--bg{background-color:var(--w-${b}-color)}${h} .${b}{color:var(--w-${b}-color)}`;
+  for (const b in r)
+    t += `${h} .${b}--bg{background-color:${r[b]}}${h} .${b}{color:${r[b]}}`;
   const y = { ...d, info: a, warning: o, success: i, error: n };
-  for (const g in y)
-    l[g] = y[g];
+  for (const b in y)
+    l[b] = y[b];
   let S = "";
-  return Object.entries(l).forEach(([g, R]) => {
-    S += `--w-${g}-color: ${R};`;
+  return Object.entries(l).forEach(([b, R]) => {
+    S += `--w-${b}-color: ${R};`;
   }), `:root{${S}}${t}`;
 }, ze = (e, t) => {
   let l = "";
@@ -644,8 +644,8 @@ const Oe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
     t.id = "wave-ui-colors", t.innerHTML = Oe(e);
-    const l = document.head.querySelectorAll('style,link[rel="stylesheet"]');
-    l.length ? l[l.length - 1].after(t) : document.head.appendChild(t);
+    const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    l ? l.before(t) : document.head.appendChild(t);
   }
 }, We = (e) => {
   const t = Object.entries(e.breakpoints), l = t.map(([i, n], r) => {
@@ -755,7 +755,7 @@ function Ue(e, t, l, a, o, i) {
         onKeypress: M((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        l.expandIcon && !l.expandIconRight ? (s(), b(n, {
+        l.expandIcon && !l.expandIconRight ? (s(), g(n, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -783,7 +783,7 @@ function Ue(e, t, l, a, o, i) {
             innerHTML: d[l.itemTitleKey]
           }, null, 8, He)
         ]),
-        l.expandIcon && l.expandIconRight ? (s(), b(n, {
+        l.expandIcon && l.expandIconRight ? (s(), g(n, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -793,7 +793,7 @@ function Ue(e, t, l, a, o, i) {
           onClick: E((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
-      V(r, {
+      I(r, {
         y: "",
         onAfterLeave: (y) => i.onEndOfCollapse(d),
         duration: l.duration
@@ -919,7 +919,7 @@ function Ye(e, t, l, a, o, i) {
     class: "w-alert"
   }, N(e.$attrs, !0), { class: i.classes }), [
     i.type || l.icon || l.dismiss ? (s(), u(_, { key: 0 }, [
-      i.type || l.icon ? (s(), b(n, {
+      i.type || l.icon ? (s(), g(n, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
@@ -931,7 +931,7 @@ function Ye(e, t, l, a, o, i) {
       w("div", Xe, [
         p(e.$slots, "default")
       ]),
-      l.dismiss ? (s(), b(r, {
+      l.dismiss ? (s(), g(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -1049,7 +1049,7 @@ const tt = {
 function it(e, t, l, a, o, i) {
   return s(), u("div", B({ class: "w-badge-wrap" }, N(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    V(x, {
+    I(x, {
       name: `${l.transition}`
     }, {
       default: m(() => [
@@ -1146,7 +1146,7 @@ function nt(e, t, l, a, o, i) {
         key: `${d}a`
       }, [
         p(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), b(n, {
+      ], 2)) : d ? (s(), g(n, {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}b`
       }, {
@@ -1156,7 +1156,7 @@ function nt(e, t, l, a, o, i) {
         _: 2
       }, 1032, ["class"])) : c("", !0),
       r[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(_, { key: 2 }, [
-        e.$slots.item ? (s(), b(I(i.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (s(), g(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}c`,
           to: i.hasRouter && r[l.itemRouteKey],
@@ -1170,7 +1170,7 @@ function nt(e, t, l, a, o, i) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (s(), b(I(i.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (s(), g(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}d`,
           to: i.hasRouter && r[l.itemRouteKey],
@@ -1235,20 +1235,20 @@ const rt = {
 ], -1);
 function ct(e, t, l, a, o, i) {
   const n = $("w-icon");
-  return s(), b(I(l.route ? "a" : "button"), B({
+  return s(), g(V(l.route ? "a" : "button"), B({
     class: ["w-button", i.classes],
     type: !l.route && l.type,
     href: l.route && (i.externalLink ? l.route : i.resolvedRoute) || null,
     disabled: !!l.disabled || null
   }, N(i.listeners), { style: i.styles }), {
     default: m(() => [
-      l.icon ? (s(), b(n, ie(B({ key: 0 }, l.iconProps || {})), {
+      l.icon ? (s(), g(n, ie(B({ key: 0 }, l.iconProps || {})), {
         default: m(() => [
           C(k(l.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      V(x, { name: "scale-fade" }, {
+      I(x, { name: "scale-fade" }, {
         default: m(() => [
           l.loading ? (s(), u("div", ut, [
             p(e.$slots, "loading", {}, () => [
@@ -1355,9 +1355,9 @@ const pt = {
 }, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = ["innerHTML"];
 function gt(e, t, l, a, o, i) {
   const n = $("button-partial");
-  return l.tooltip ? (s(), b(I("w-tooltip"), ie(B({ key: 0 }, l.tooltipProps || {})), {
+  return l.tooltip ? (s(), g(V("w-tooltip"), ie(B({ key: 0 }, l.tooltipProps || {})), {
     activator: m(({ on: r }) => [
-      V(n, B(i.buttonProps, N(r)), {
+      I(n, B(i.buttonProps, N(r)), {
         default: m(() => [
           p(e.$slots, "default")
         ]),
@@ -1368,7 +1368,7 @@ function gt(e, t, l, a, o, i) {
       w("div", { innerHTML: l.tooltip }, null, 8, mt)
     ]),
     _: 3
-  }, 16)) : (s(), b(n, ie(B({ key: 1 }, i.buttonProps)), {
+  }, 16)) : (s(), g(n, ie(B({ key: 1 }, i.buttonProps)), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
@@ -1435,7 +1435,7 @@ function vt(e, t, l, a, o, i) {
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }]),
       innerHTML: l.title
     }, null, 10, wt)) : c("", !0),
-    l.image ? (s(), b(n, B({
+    l.image ? (s(), g(n, B({
       key: 2,
       class: "w-card__image",
       src: l.image
@@ -1556,7 +1556,7 @@ const kt = {
   $t
 ], It = ["for"], Rt = ["for", "innerHTML"];
 function Lt(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isChecked, disabled: e.isDisabled }, {
+  return s(), g(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isChecked, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (n) => e.valid = n),
     onReset: t[6] || (t[6] = (n) => {
@@ -1685,7 +1685,7 @@ const Tt = {
 }, xt = /* @__PURE__ */ v(Tt, [["render", Lt]]), Pt = ["innerHTML"];
 function Ot(e, t, l, a, o, i) {
   const n = $("w-checkbox");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: i.reset,
@@ -1694,7 +1694,7 @@ function Ot(e, t, l, a, o, i) {
     class: i.classes
   }), {
     default: m(() => [
-      (s(!0), u(_, null, T(i.checkboxItems, (r, d) => (s(), b(n, B({
+      (s(!0), u(_, null, T(i.checkboxItems, (r, d) => (s(), g(n, B({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
@@ -1776,76 +1776,75 @@ const zt = {
       return this.items[e._index];
     }
   }
-}, Et = /* @__PURE__ */ v(zt, [["render", Ot]]), Mt = { class: "w-confirm" };
-function Nt(e, t, l, a, o, i) {
+}, Et = /* @__PURE__ */ v(zt, [["render", Ot]]);
+function Mt(e, t, l, a, o, i) {
   const n = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = fe("focus");
-  return s(), u("div", Mt, [
-    V(d, B({
-      modelValue: e.showPopup,
-      "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
-    }, i.wMenuProps), {
-      activator: m(({ on: y }) => [
-        V(n, B({ class: "w-confirm__button" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
-          default: m(() => [
-            p(e.$slots, "default")
-          ]),
-          _: 2
-        }, 1040)
-      ]),
-      default: m(() => [
-        V(r, {
-          column: !l.inline,
-          "align-center": ""
-        }, {
-          default: m(() => [
-            w("div", null, [
-              p(e.$slots, "question", {}, () => [
-                C(k(l.question), 1)
-              ])
-            ]),
-            w("div", {
-              class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
-            }, [
-              l.cancel !== !1 ? (s(), b(n, B({
-                key: 0,
-                class: "mr2"
-              }, i.cancelButtonProps, {
-                "bg-color": (i.cancelButton || {}).bgColor || "error",
-                onKeyup: t[0] || (t[0] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
-                onClick: i.onCancel
-              }), {
-                default: m(() => [
-                  p(e.$slots, "cancel", {}, () => [
-                    C(k(i.cancelButton.label), 1)
-                  ])
-                ]),
-                _: 3
-              }, 16, ["bg-color", "onClick"])) : c("", !0),
-              D((s(), b(n, B(i.confirmButtonProps, {
-                "bg-color": (i.confirmButton || {}).bgColor || "success",
-                onKeyup: t[1] || (t[1] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
-                onClick: i.onConfirm
-              }), {
-                default: m(() => [
-                  p(e.$slots, "confirm", {}, () => [
-                    C(k(i.confirmButton.label), 1)
-                  ])
-                ]),
-                _: 3
-              }, 16, ["bg-color", "onClick"])), [
-                [h]
-              ])
-            ], 2)
+  return s(), g(d, B({
+    modelValue: e.showPopup,
+    "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
+  }, i.wMenuProps), {
+    activator: m(({ on: y }) => [
+      I(n, B({ class: "w-confirm" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
+        default: m(() => [
+          p(e.$slots, "default")
+        ]),
+        _: 2
+      }, 1040)
+    ]),
+    default: m(() => [
+      I(r, {
+        column: !l.inline,
+        "align-center": ""
+      }, {
+        default: m(() => [
+          w("div", null, [
+            p(e.$slots, "question", {}, () => [
+              C(k(l.question), 1)
+            ])
           ]),
-          _: 3
-        }, 8, ["column"])
-      ]),
-      _: 3
-    }, 16, ["modelValue"])
-  ]);
+          w("div", {
+            class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
+          }, [
+            l.cancel !== !1 ? (s(), g(n, B({
+              key: 0,
+              class: "mr2"
+            }, i.cancelButtonProps, {
+              "bg-color": (i.cancelButton || {}).bgColor || "error",
+              onKeyup: t[0] || (t[0] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onClick: i.onCancel
+            }), {
+              default: m(() => [
+                p(e.$slots, "cancel", {}, () => [
+                  C(k(i.cancelButton.label), 1)
+                ])
+              ]),
+              _: 3
+            }, 16, ["bg-color", "onClick"])) : c("", !0),
+            D((s(), g(n, B(i.confirmButtonProps, {
+              "bg-color": (i.confirmButton || {}).bgColor || "success",
+              onKeyup: t[1] || (t[1] = M((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onClick: i.onConfirm
+            }), {
+              default: m(() => [
+                p(e.$slots, "confirm", {}, () => [
+                  C(k(i.confirmButton.label), 1)
+                ])
+              ]),
+              _: 3
+            }, 16, ["bg-color", "onClick"])), [
+              [h]
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["column"])
+    ]),
+    _: 3
+  }, 16, ["modelValue"]);
 }
-const Wt = {
+const Nt = {
   name: "w-confirm",
+  inheritAttrs: !1,
   props: {
     bgColor: { type: String },
     color: { type: String },
@@ -1936,8 +1935,8 @@ const Wt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, At = /* @__PURE__ */ v(Wt, [["render", Nt]]);
-function Kt(e, t, l, a, o, i) {
+}, Wt = /* @__PURE__ */ v(Nt, [["render", Mt]]);
+function At(e, t, l, a, o, i) {
   return s(), u("div", {
     class: f(["w-date-picker", i.classes]),
     style: L(i.styles)
@@ -1945,7 +1944,7 @@ function Kt(e, t, l, a, o, i) {
     p(e.$slots, "default")
   ], 6);
 }
-const Dt = {
+const Kt = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -1963,10 +1962,10 @@ const Dt = {
       return !1;
     }
   }
-}, Ft = /* @__PURE__ */ v(Dt, [["render", Kt]]);
-function Ht(e, t, l, a, o, i) {
+}, Dt = /* @__PURE__ */ v(Kt, [["render", At]]);
+function Ft(e, t, l, a, o, i) {
   const n = $("w-card"), r = $("w-overlay");
-  return s(), b(r, {
+  return s(), g(r, {
     class: f(["w-dialog", i.classes]),
     "model-value": o.showWrapper,
     persistent: l.persistent,
@@ -1977,13 +1976,13 @@ function Ht(e, t, l, a, o, i) {
     opacity: l.overlayOpacity
   }, {
     default: m(() => [
-      V(x, {
+      I(x, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
       }, {
         default: m(() => [
-          D(V(n, {
+          D(I(n, {
             class: f(["w-dialog__content", l.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2023,7 +2022,7 @@ function Ht(e, t, l, a, o, i) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const jt = {
+const Ht = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2090,17 +2089,17 @@ const jt = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, Ut = /* @__PURE__ */ v(jt, [["render", Ht]]), qt = ["role", "aria-orientation"];
-function Gt(e, t, l, a, o, i) {
+}, jt = /* @__PURE__ */ v(Ht, [["render", Ft]]), Ut = ["role", "aria-orientation"];
+function qt(e, t, l, a, o, i) {
   return s(), u("div", {
     class: f(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": l.vertical ? "vertical" : "horizontal"
   }, [
     p(e.$slots, "default")
-  ], 10, qt);
+  ], 10, Ut);
 }
-const Xt = {
+const Gt = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2120,8 +2119,8 @@ const Xt = {
       };
     }
   }
-}, Yt = /* @__PURE__ */ v(Xt, [["render", Gt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, l, a, o, i) {
+}, Xt = /* @__PURE__ */ v(Gt, [["render", qt]]), Yt = { class: "w-drawer-wrap__pushable" };
+function Jt(e, t, l, a, o, i) {
   const n = $("w-overlay");
   return o.showWrapper || l.pushContent ? (s(), u("div", {
     key: 0,
@@ -2132,8 +2131,8 @@ function Qt(e, t, l, a, o, i) {
       class: "w-drawer-wrap__track",
       style: L(i.trackStyles)
     }, [
-      w("div", Jt, [
-        l.noOverlay ? c("", !0) : (s(), b(n, {
+      w("div", Yt, [
+        l.noOverlay ? c("", !0) : (s(), g(n, {
           key: 0,
           modelValue: o.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => o.showDrawer = r),
@@ -2145,13 +2144,13 @@ function Qt(e, t, l, a, o, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      V(x, {
+      I(x, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
         default: m(() => [
-          o.showDrawer ? (s(), b(I(l.tag || "aside"), {
+          o.showDrawer ? (s(), g(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2166,7 +2165,7 @@ function Qt(e, t, l, a, o, i) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (s(), u(_, { key: 1 }, [
-      l.noOverlay ? c("", !0) : (s(), b(n, {
+      l.noOverlay ? c("", !0) : (s(), g(n, {
         key: 0,
         modelValue: o.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => o.showDrawer = r),
@@ -2176,14 +2175,14 @@ function Qt(e, t, l, a, o, i) {
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      V(x, {
+      I(x, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
         default: m(() => [
-          o.showDrawer ? (s(), b(I(l.tag || "aside"), {
+          o.showDrawer ? (s(), g(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2200,7 +2199,7 @@ function Qt(e, t, l, a, o, i) {
     ], 64))
   ], 2)) : c("", !0);
 }
-const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
+const Qt = { left: "right", right: "left", top: "down", bottom: "up" }, Zt = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2286,7 +2285,7 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${Zt[this.position]}`;
+      return `slide-${Qt[this.position]}`;
     }
   },
   methods: {
@@ -2305,9 +2304,9 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, tl = /* @__PURE__ */ v(el, [["render", Qt]]);
-function ll(e, t, l, a, o, i) {
-  return s(), b(I(l.tag), {
+}, el = /* @__PURE__ */ v(Zt, [["render", Jt]]);
+function tl(e, t, l, a, o, i) {
+  return s(), g(V(l.tag), {
     class: f(["w-flex", i.classes])
   }, {
     default: m(() => [
@@ -2316,7 +2315,7 @@ function ll(e, t, l, a, o, i) {
     _: 3
   }, 8, ["class"]);
 }
-const il = {
+const ll = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2363,8 +2362,8 @@ const il = {
       };
     }
   }
-}, sl = /* @__PURE__ */ v(il, [["render", ll]]);
-function al(e, t, l, a, o, i) {
+}, il = /* @__PURE__ */ v(ll, [["render", tl]]);
+function sl(e, t, l, a, o, i) {
   return s(), u("form", {
     class: f(["w-form", i.classes]),
     onSubmit: t[0] || (t[0] = (...n) => i.onSubmit && i.onSubmit(...n)),
@@ -2374,12 +2373,12 @@ function al(e, t, l, a, o, i) {
     p(e.$slots, "default")
   ], 34);
 }
-const ol = async (e, t) => {
+const al = async (e, t) => {
   for (const l of e)
     if (await t(l))
       return !0;
   return !1;
-}, nl = {
+}, ol = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2446,7 +2445,7 @@ const ol = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, l = "";
-      await ol(e.validators, async (a) => {
+      await al(e.validators, async (a) => {
         const o = await (typeof a == "function" && a(e.inputValue));
         return t = typeof o != "string", l = t ? "" : o, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
@@ -2469,8 +2468,8 @@ const ol = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, rl = /* @__PURE__ */ v(nl, [["render", al]]);
-function dl(e, t, l, a, o, i) {
+}, nl = /* @__PURE__ */ v(ol, [["render", sl]]);
+function rl(e, t, l, a, o, i) {
   const n = $("w-transition-expand");
   return s(), u("div", {
     class: f(i.classes)
@@ -2480,7 +2479,7 @@ function dl(e, t, l, a, o, i) {
     }, [
       p(e.$slots, "default")
     ], 2),
-    V(n, { y: "" }, {
+    I(n, { y: "" }, {
       default: m(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
@@ -2497,7 +2496,7 @@ function dl(e, t, l, a, o, i) {
     })
   ], 2);
 }
-const ul = {
+const dl = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2563,9 +2562,9 @@ const ul = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, hl = /* @__PURE__ */ v(ul, [["render", dl]]);
-function cl(e, t, l, a, o, i) {
-  return s(), b(I(l.tag), {
+}, ul = /* @__PURE__ */ v(dl, [["render", rl]]);
+function hl(e, t, l, a, o, i) {
+  return s(), g(V(l.tag), {
     class: f(["w-grid", i.classes])
   }, {
     default: m(() => [
@@ -2574,7 +2573,7 @@ function cl(e, t, l, a, o, i) {
     _: 3
   }, 8, ["class"]);
 }
-const pl = {
+const cl = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -2618,9 +2617,9 @@ const pl = {
       };
     }
   }
-}, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
-function ml(e, t, l, a, o, i) {
-  return s(), b(I(l.tag || "i"), B({ class: "w-icon" }, N(e.$attrs), {
+}, pl = /* @__PURE__ */ v(cl, [["render", hl]]);
+function fl(e, t, l, a, o, i) {
+  return s(), g(V(l.tag || "i"), B({ class: "w-icon" }, N(e.$attrs), {
     class: i.classes,
     role: "icon",
     "aria-hidden": "true",
@@ -2634,7 +2633,7 @@ function ml(e, t, l, a, o, i) {
     _: 1
   }, 16, ["class", "style"]);
 }
-const gl = {
+const ml = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -2703,23 +2702,23 @@ const gl = {
       return this.fontName = t, this.icon = l, !0;
     }
   }
-}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), J = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), yl = {
+}, gl = /* @__PURE__ */ v(ml, [["render", fl]]), J = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), bl = {
   key: 0,
   class: "w-image__loader"
 };
-function wl(e, t, l, a, o, i) {
+function yl(e, t, l, a, o, i) {
   const n = $("w-progress");
-  return s(), b(I(i.wrapperTag), {
+  return s(), g(V(i.wrapperTag), {
     class: f(["w-image-wrap", i.wrapperClasses]),
     style: L(i.wrapperStyles)
   }, {
     default: m(() => [
-      V(x, {
+      I(x, {
         name: l.transition,
         appear: ""
       }, {
         default: m(() => [
-          o.loaded ? (s(), b(I(l.tag), {
+          o.loaded ? (s(), g(V(l.tag), {
             key: 0,
             class: f(["w-image", i.imageClasses]),
             style: L(i.imageStyles),
@@ -2728,14 +2727,14 @@ function wl(e, t, l, a, o, i) {
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && o.loading ? (s(), u("div", yl, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), b(n, B({
+      !l.noSpinner && o.loading ? (s(), u("div", bl, [
+        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), g(n, B({
           key: 1,
           circle: "",
           indeterminate: ""
         }, l.spinnerColor ? { color: l.spinnerColor } : {}), null, 16))
       ])) : c("", !0),
-      e.$slots.default ? (s(), b(I(i.wrapperTag), {
+      e.$slots.default ? (s(), g(V(i.wrapperTag), {
         key: 1,
         class: f(["w-image__content", l.contentClass])
       }, {
@@ -2748,7 +2747,7 @@ function wl(e, t, l, a, o, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const vl = {
+const wl = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -2844,13 +2843,13 @@ const vl = {
       this.imgHeight = e;
     }
   }
-}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Bl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Sl = ["id", "name", "multiple", "data-progress"], $l = {
+}, vl = /* @__PURE__ */ v(wl, [["render", yl]]), kl = ["name"], _l = ["for"], Cl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bl = ["id", "name", "multiple", "data-progress"], Sl = {
   class: "w-input__no-file",
   key: "no-file"
-}, Vl = ["for"], Il = ["for"], Rl = ["src"], Ll = ["for"];
-function Tl(e, t, l, a, o, i) {
+}, $l = ["for"], Vl = ["for"], Il = ["src"], Rl = ["for"];
+function Ll(e, t, l, a, o, i) {
   const n = $("w-icon"), r = $("w-progress");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -2865,7 +2864,7 @@ function Tl(e, t, l, a, o, i) {
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => o.inputValue = d)
-      }, null, 8, _l)), [
+      }, null, 8, kl)), [
         [ge, o.inputValue]
       ]) : (s(), u(_, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(_, { key: 0 }, [
@@ -2877,12 +2876,12 @@ function Tl(e, t, l, a, o, i) {
             p(e.$slots, "default", {}, () => [
               C(k(l.label), 1)
             ])
-          ], 10, Cl)) : c("", !0)
+          ], 10, _l)) : c("", !0)
         ], 64)) : c("", !0),
         w("div", {
           class: f(["w-input__input-wrap", i.inputWrapClasses])
         }, [
-          l.innerIconLeft ? (s(), b(n, {
+          l.innerIconLeft ? (s(), g(n, {
             key: 0,
             class: "w-input__icon w-input__icon--inner-left",
             tag: "label",
@@ -2917,7 +2916,7 @@ function Tl(e, t, l, a, o, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, Bl)), [
+          }, i.attrs), null, 16, Cl)), [
             [Se, o.inputValue]
           ]) : (s(), u(_, { key: 2 }, [
             w("input", B({
@@ -2931,15 +2930,15 @@ function Tl(e, t, l, a, o, i) {
               multiple: l.multiple || null
             }, i.attrs, {
               "data-progress": i.overallFilesProgress
-            }), null, 16, Sl),
-            V(pe, {
+            }), null, 16, Bl),
+            I(pe, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !o.inputFiles.length && o.isFocused ? (s(), u("span", $l, [
+                !o.inputFiles.length && o.isFocused ? (s(), u("span", Sl, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(_, { key: 0 }, [
                       C("No file")
@@ -2969,9 +2968,9 @@ function Tl(e, t, l, a, o, i) {
               p(e.$slots, "default", {}, () => [
                 C(k(l.label), 1)
               ])
-            ], 10, Vl)) : c("", !0)
+            ], 10, $l)) : c("", !0)
           ], 64)) : c("", !0),
-          l.innerIconRight ? (s(), b(n, {
+          l.innerIconRight ? (s(), g(n, {
             key: 4,
             class: "w-input__icon w-input__icon--inner-right",
             tag: "label",
@@ -2983,7 +2982,7 @@ function Tl(e, t, l, a, o, i) {
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), b(r, {
+          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), g(r, {
             key: 5,
             class: "fill-width",
             size: "2",
@@ -3005,12 +3004,12 @@ function Tl(e, t, l, a, o, i) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Rl)) : (s(), u("i", {
+            }, null, 8, Il)) : (s(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", l.preview && typeof l.preview == "string" ? l.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Il)) : c("", !0),
+        ], 8, Vl)) : c("", !0),
         l.labelPosition === "right" ? (s(), u(_, { key: 2 }, [
           e.$slots.default || l.label ? (s(), u("label", {
             key: 0,
@@ -3020,14 +3019,14 @@ function Tl(e, t, l, a, o, i) {
             p(e.$slots, "default", {}, () => [
               C(k(l.label), 1)
             ])
-          ], 10, Ll)) : c("", !0)
+          ], 10, Rl)) : c("", !0)
         ], 64)) : c("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const xl = {
+const Tl = {
   name: "w-input",
   mixins: [z],
   props: {
@@ -3194,8 +3193,8 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1);
     }
   }
-}, Pl = /* @__PURE__ */ v(xl, [["render", Tl]]);
-function Ol(e, t, l, a, o, i) {
+}, xl = /* @__PURE__ */ v(Tl, [["render", Ll]]);
+function Pl(e, t, l, a, o, i) {
   const n = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
@@ -3204,7 +3203,7 @@ function Ol(e, t, l, a, o, i) {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      l.icon ? (s(), b(n, {
+      l.icon ? (s(), g(n, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
@@ -3213,7 +3212,7 @@ function Ol(e, t, l, a, o, i) {
         ]),
         _: 1
       })) : c("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), b(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), g(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
         key: 1,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), {
@@ -3238,11 +3237,11 @@ function Ol(e, t, l, a, o, i) {
           ])
         ]),
         _: 2
-      }, 1040)) : (s(), b(I(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
+      }, 1040)) : (s(), g(V(l.checklist ? "w-checkbox" : l.nav && !d.disabled && d.route ? i.hasRouter ? "router-link" : "a" : "div"), B({
         key: 2,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), b(r, B({ key: 3 }, e.$props, {
+      (d.children || []).length ? (s(), g(r, B({ key: 3 }, e.$props, {
         items: d.children,
         depth: l.depth + 1,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
@@ -3252,21 +3251,21 @@ function Ol(e, t, l, a, o, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: y, index: S, selected: g }) => [
+          fn: m(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "item", {
               item: i.cleanLi(y),
               index: S,
-              selected: g
+              selected: b
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: y, index: S, selected: g }) => [
+          fn: m(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "default", {
               item: i.cleanLi(y),
               index: S,
-              selected: g
+              selected: b
             }, () => [
               C(k(y[l.itemLabelKey]), 1)
             ])
@@ -3277,7 +3276,7 @@ function Ol(e, t, l, a, o, i) {
     ], 2))), 128))
   ], 2);
 }
-const zl = {
+const Ol = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3442,7 +3441,7 @@ const zl = {
       }
     }
   }
-}, El = /* @__PURE__ */ v(zl, [["render", Ol]]), ye = {
+}, zl = /* @__PURE__ */ v(Ol, [["render", Pl]]), ye = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3594,11 +3593,11 @@ const zl = {
     }
   }
 };
-function Ml(e, t, l, a, o, i) {
+function El(e, t, l, a, o, i) {
   const n = $("w-card"), r = $("w-overlay");
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    V(x, {
+    I(x, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -3615,7 +3614,7 @@ function Ml(e, t, l, a, o, i) {
           style: i.styles
         }), [
           p(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), b(n, B({
+        ], 16)) : e.detachableVisible ? (s(), g(n, B({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -3654,7 +3653,7 @@ function Ml(e, t, l, a, o, i) {
       ]),
       _: 3
     }, 8, ["name"]),
-    l.overlay ? (s(), b(r, B({
+    l.overlay ? (s(), g(r, B({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -3666,7 +3665,7 @@ function Ml(e, t, l, a, o, i) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : c("", !0)
   ], 64);
 }
-const Nl = {
+const Ml = {
   name: "w-menu",
   mixins: [ye],
   inheritAttrs: !1,
@@ -3789,10 +3788,10 @@ const Nl = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && (this.hoveringMenu || this.hoveringActivator)) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize));
     }
   }
-}, Wl = /* @__PURE__ */ v(Nl, [["render", Ml]]);
-function Al(e, t, l, a, o, i) {
+}, Nl = /* @__PURE__ */ v(Ml, [["render", El]]);
+function Wl(e, t, l, a, o, i) {
   const n = $("w-alert");
-  return s(), b(x, {
+  return s(), g(x, {
     name: i.transitionName,
     appear: ""
   }, {
@@ -3802,7 +3801,7 @@ function Al(e, t, l, a, o, i) {
         class: f(["w-notification", i.classes]),
         style: L(i.styles)
       }, [
-        V(n, B(i.alertProps, {
+        I(n, B(i.alertProps, {
           class: i.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
@@ -3818,7 +3817,7 @@ function Al(e, t, l, a, o, i) {
     _: 3
   }, 8, ["name"]);
 }
-const Kl = {
+const Al = {
   name: "w-notification",
   props: {
     modelValue: { default: !0 },
@@ -3938,10 +3937,10 @@ const Kl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Dl = /* @__PURE__ */ v(Kl, [["render", Al]]);
-function Fl(e, t, l, a, o, i) {
+}, Kl = /* @__PURE__ */ v(Al, [["render", Wl]]);
+function Dl(e, t, l, a, o, i) {
   const n = fe("focus");
-  return s(), b(x, {
+  return s(), g(x, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
@@ -3965,7 +3964,7 @@ function Fl(e, t, l, a, o, i) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const Hl = {
+const Fl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4019,17 +4018,17 @@ const Hl = {
       e && (this.showOverlay = !0);
     }
   }
-}, jl = /* @__PURE__ */ v(Hl, [["render", Fl]]), Ul = { class: "w-parallax" };
-function ql(e, t, l, a, o, i) {
-  return s(), u("div", Ul);
+}, Hl = /* @__PURE__ */ v(Fl, [["render", Dl]]), jl = { class: "w-parallax" };
+function Ul(e, t, l, a, o, i) {
+  return s(), u("div", jl);
 }
-const Gl = {
+const ql = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, Xl = /* @__PURE__ */ v(Gl, [["render", ql]]), Yl = ["viewBox"], Jl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Ql = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zl(e, t, l, a, o, i) {
+}, Gl = /* @__PURE__ */ v(ql, [["render", Ul]]), Xl = ["viewBox"], Yl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Jl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Ql(e, t, l, a, o, i) {
   return s(), u("div", {
     class: f(["w-progress", i.classes]),
     style: L(i.styles)
@@ -4047,7 +4046,7 @@ function Zl(e, t, l, a, o, i) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": l.stroke
-      }, null, 10, Jl)) : c("", !0),
+      }, null, 10, Yl)) : c("", !0),
       w("circle", {
         class: "w-progress__progress",
         cx: i.circleCenter,
@@ -4058,8 +4057,8 @@ function Zl(e, t, l, a, o, i) {
         "stroke-linecap": l.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: L(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, Ql)
-    ], 8, Yl)) : (s(), u("div", {
+      }, null, 12, Jl)
+    ], 8, Xl)) : (s(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: i.progressValue === 100 }]),
       style: L(`width: ${i.progressValue}%`)
@@ -4074,7 +4073,7 @@ function Zl(e, t, l, a, o, i) {
     ], 2)) : c("", !0)
   ], 6);
 }
-const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
+const Q = 40, Zl = Q / 2, ei = Math.round(Q * 3.14 * 100) / 100, ti = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4100,8 +4099,8 @@ const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
   emits: [],
   data: () => ({
     circleSize: Q,
-    circleRadius: ei,
-    circleCircumference: ti
+    circleRadius: Zl,
+    circleCircumference: ei
   }),
   computed: {
     progressValue() {
@@ -4140,9 +4139,9 @@ const Q = 40, ei = Q / 2, ti = Math.round(Q * 3.14 * 100) / 100, li = {
       };
     }
   }
-}, ii = /* @__PURE__ */ v(li, [["render", Zl]]), si = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ai = ["for"], oi = ["for", "innerHTML"], ni = ["for"], ri = ["for", "innerHTML"];
-function di(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister && !i.wRadios ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, li = /* @__PURE__ */ v(ti, [["render", Ql]]), ii = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], si = ["for"], ai = ["for", "innerHTML"], oi = ["for"], ni = ["for", "innerHTML"];
+function ri(e, t, l, a, o, i) {
+  return s(), g(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
     onReset: t[4] || (t[4] = (n) => {
@@ -4164,7 +4163,7 @@ function di(e, t, l, a, o, i) {
         onChange: t[1] || (t[1] = (n) => i.onInput(n)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, si),
+      }, null, 40, ii),
       i.hasLabel && l.labelOnLeft ? (s(), u(_, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -4174,12 +4173,12 @@ function di(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, ai)) : l.label ? (s(), u("label", {
+        ], 10, si)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, oi)) : c("", !0)
+        }, null, 10, ai)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-radio__input", this.color]),
@@ -4196,18 +4195,18 @@ function di(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, ni)) : l.label ? (s(), u("label", {
+        ], 10, oi)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, ri)) : c("", !0)
+        }, null, 10, ni)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ui = {
+const di = {
   name: "w-radio",
   mixins: [z],
   inject: { wRadios: { default: null } },
@@ -4266,10 +4265,10 @@ const ui = {
       this.toggleFromOutside();
     }
   }
-}, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["innerHTML"];
-function pi(e, t, l, a, o, i) {
+}, ui = /* @__PURE__ */ v(di, [["render", ri]]), hi = ["innerHTML"];
+function ci(e, t, l, a, o, i) {
   const n = $("w-radio");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -4280,7 +4279,7 @@ function pi(e, t, l, a, o, i) {
     class: i.classes
   }), {
     default: m(() => [
-      (s(!0), u(_, null, T(i.radioItems, (r, d) => (s(), b(n, B({
+      (s(!0), u(_, null, T(i.radioItems, (r, d) => (s(), g(n, B({
         key: d,
         "model-value": r.value === l.modelValue,
         "onUpdate:modelValue": (h) => i.onInput(r),
@@ -4301,7 +4300,7 @@ function pi(e, t, l, a, o, i) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, ci)) : c("", !0)
+          }, null, 8, hi)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4309,7 +4308,7 @@ function pi(e, t, l, a, o, i) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const fi = {
+const pi = {
   name: "w-radios",
   mixins: [z],
   props: {
@@ -4355,9 +4354,9 @@ const fi = {
       return this.items[e._index];
     }
   }
-}, mi = /* @__PURE__ */ v(fi, [["render", pi]]), gi = ["id", "name", "value"], bi = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yi(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, fi = /* @__PURE__ */ v(pi, [["render", ci]]), mi = ["id", "name", "value"], gi = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function bi(e, t, l, a, o, i) {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (n) => e.valid = n),
     onReset: t[5] || (t[5] = (n) => {
@@ -4371,7 +4370,7 @@ function yi(e, t, l, a, o, i) {
         name: e.inputName,
         type: "hidden",
         value: o.rating
-      }, null, 8, gi),
+      }, null, 8, mi),
       (s(!0), u(_, null, T(l.max, (n) => (s(), u(_, { key: n }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
@@ -4396,13 +4395,13 @@ function yi(e, t, l, a, o, i) {
             "aria-hidden": "true",
             style: L(i.halfStarStyle)
           }, null, 6)) : c("", !0)
-        ], 42, bi)
+        ], 42, gi)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const wi = {
+const yi = {
   name: "w-rating",
   mixins: [z],
   props: {
@@ -4492,22 +4491,22 @@ const wi = {
       this.rating = parseFloat(e);
     }
   }
-}, vi = /* @__PURE__ */ v(wi, [["render", yi]]), ki = { class: "w-scrollbar" };
-function _i(e, t, l, a, o, i) {
-  return s(), u("div", ki);
+}, wi = /* @__PURE__ */ v(yi, [["render", bi]]), vi = { class: "w-scrollbar" };
+function ki(e, t, l, a, o, i) {
+  return s(), u("div", vi);
 }
-const Ci = {
+const _i = {
   name: "w-scrollbar",
   props: {},
   emits: [],
   data: () => ({})
-}, Bi = /* @__PURE__ */ v(Ci, [["render", _i]]), Si = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Ci = /* @__PURE__ */ v(_i, [["render", ki]]), Bi = ["for"], Si = ["aria-expanded", "aria-owns", "aria-activedescendant"], $i = {
   key: 1,
   class: "w-select__selection-slot"
-}, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Li = ["for"], Ti = ["for"];
-function xi(e, t, l, a, o, i) {
+}, Vi = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ii = ["value", "name"], Ri = ["for"], Li = ["for"];
+function Ti(e, t, l, a, o, i) {
   const n = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[9] || (t[9] = (h) => e.valid = h),
     onReset: i.onReset,
@@ -4524,9 +4523,9 @@ function xi(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, Si)) : c("", !0)
+        ], 10, Bi)) : c("", !0)
       ], 64)) : c("", !0),
-      V(d, B({
+      I(d, B({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[8] || (t[8] = (h) => e.showMenu = h),
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
@@ -4546,7 +4545,7 @@ function xi(e, t, l, a, o, i) {
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
-            l.innerIconLeft ? (s(), b(n, {
+            l.innerIconLeft ? (s(), g(n, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
@@ -4557,7 +4556,7 @@ function xi(e, t, l, a, o, i) {
               ]),
               _: 1
             })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Vi, [
+            e.$slots.selection ? (s(), u("div", $i, [
               p(e.$slots, "selection", {
                 item: l.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -4575,13 +4574,13 @@ function xi(e, t, l, a, o, i) {
               "aria-readonly": "true",
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
-            }, null, 42, Ii),
+            }, null, 42, Vi),
             (s(!0), u(_, null, T(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
               key: S,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
               name: e.inputName + (l.multiple ? "[]" : "")
-            }, null, 8, Ri))), 128)),
+            }, null, 8, Ii))), 128)),
             l.labelPosition === "inside" && i.showLabelInside ? (s(), u(_, { key: 2 }, [
               e.$slots.default || l.label ? (s(), u("label", {
                 key: 0,
@@ -4591,9 +4590,9 @@ function xi(e, t, l, a, o, i) {
                 p(e.$slots, "default", {}, () => [
                   C(k(l.label), 1)
                 ])
-              ], 10, Li)) : c("", !0)
+              ], 10, Ri)) : c("", !0)
             ], 64)) : c("", !0),
-            l.innerIconRight ? (s(), b(n, {
+            l.innerIconRight ? (s(), g(n, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
@@ -4604,10 +4603,10 @@ function xi(e, t, l, a, o, i) {
               ]),
               _: 1
             })) : c("", !0)
-          ], 10, $i)
+          ], 10, Si)
         ]),
         default: m(() => [
-          V(r, {
+          I(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
@@ -4628,19 +4627,19 @@ function xi(e, t, l, a, o, i) {
           }, Z({ _: 2 }, [
             T(l.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: y, selected: S, index: g }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, g) ? p(e.$slots, `item.${h}`, {
+              fn: m(({ item: y, selected: S, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
                   selected: S,
-                  index: g
+                  index: b
                 }, () => [
                   C(k(y[l.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
                   selected: S,
-                  index: g
+                  index: b
                 }, () => [
                   C(k(y[l.itemLabelKey]), 1)
                 ])
@@ -4659,13 +4658,13 @@ function xi(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, Ti)) : c("", !0)
+        ], 10, Li)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Pi = {
+const xi = {
   name: "w-select",
   mixins: [z],
   props: {
@@ -4828,12 +4827,12 @@ const Pi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Oi = /* @__PURE__ */ v(Pi, [["render", xi]]), zi = ["for"], Ei = ["for", "innerHTML"], Mi = { class: "w-slider__track-wrap" }, Ni = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Wi = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ai = ["for"], Ki = { key: 0 }, Di = {
+}, Pi = /* @__PURE__ */ v(xi, [["render", Ti]]), Oi = ["for"], zi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Mi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ni = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Wi = ["for"], Ai = { key: 0 }, Ki = {
   key: 0,
   class: "w-slider__step-labels"
-}, Fi = ["onClick"], Hi = ["for"], ji = ["for", "innerHTML"];
-function Ui(e, t, l, a, o, i) {
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Di = ["onClick"], Fi = ["for"], Hi = ["for", "innerHTML"];
+function ji(e, t, l, a, o, i) {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (n) => e.valid = n),
     onReset: t[9] || (t[9] = (n) => {
@@ -4849,13 +4848,13 @@ function Ui(e, t, l, a, o, i) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-left")
-      ], 10, zi)) : l.labelLeft ? (s(), u("label", {
+      ], 10, Oi)) : l.labelLeft ? (s(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelLeft
-      }, null, 10, Ei)) : c("", !0),
-      w("div", Mi, [
+      }, null, 10, zi)) : c("", !0),
+      w("div", Ei, [
         w("div", {
           class: f(["w-slider__track", i.trackClasses]),
           ref: "track",
@@ -4894,13 +4893,13 @@ function Ui(e, t, l, a, o, i) {
               onFocus: t[2] || (t[2] = (n) => e.$emit("focus", n)),
               onClick: t[3] || (t[3] = E(() => {
               }, ["prevent"]))
-            }, null, 42, Wi),
+            }, null, 42, Ni),
             l.thumbLabel ? (s(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", i.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
+              l.thumbLabel === "droplet" ? (s(), u("div", Ai, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   C(k(~~e.rangeValueScaled), 1)
                 ])
@@ -4910,10 +4909,10 @@ function Ui(e, t, l, a, o, i) {
               }, () => [
                 C(k(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Ai)) : c("", !0)
+            ], 10, Wi)) : c("", !0)
           ], 4)
-        ], 42, Ni),
-        l.stepLabels && l.step ? (s(), u("div", Di, [
+        ], 42, Mi),
+        l.stepLabels && l.step ? (s(), u("div", Ki, [
           w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (n) => i.onStepLabelClick(0))
@@ -4923,7 +4922,7 @@ function Ui(e, t, l, a, o, i) {
             key: n,
             onClick: (r) => i.onStepLabelClick(n * (100 / i.numberOfSteps)),
             style: L(`left: ${n * (100 / i.numberOfSteps)}%`)
-          }, k(i.percentToScaled(n * (100 / i.numberOfSteps))), 13, Fi))), 128)),
+          }, k(i.percentToScaled(n * (100 / i.numberOfSteps))), 13, Di))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -4938,17 +4937,17 @@ function Ui(e, t, l, a, o, i) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-right")
-      ], 10, Hi)) : l.labelRight ? (s(), u("label", {
+      ], 10, Fi)) : l.labelRight ? (s(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: l.labelRight
-      }, null, 10, ji)) : c("", !0)
+      }, null, 10, Hi)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const qi = {
+const Ui = {
   name: "w-slider",
   mixins: [z],
   props: {
@@ -5082,17 +5081,17 @@ const qi = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, Gi = /* @__PURE__ */ v(qi, [["render", Ui]]), Xi = { key: 0 };
-function Yi(e, t, l, a, o, i) {
+}, qi = /* @__PURE__ */ v(Ui, [["render", ji]]), Gi = { key: 0 };
+function Xi(e, t, l, a, o, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", i.classes]),
     style: L(i.styles)
   }, [
-    i.isThreeDots ? (s(), u("span", Xi)) : c("", !0)
+    i.isThreeDots ? (s(), u("span", Gi)) : c("", !0)
   ], 6)) : c("", !0);
 }
-const Ji = {
+const Yi = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5130,13 +5129,13 @@ const Ji = {
       };
     }
   }
-}, Qi = /* @__PURE__ */ v(Ji, [["render", Yi]]);
-function Zi(e, t, l, a, o, i) {
+}, Ji = /* @__PURE__ */ v(Yi, [["render", Xi]]);
+function Qi(e, t, l, a, o, i) {
   return s(), u("div", {
     class: f(["w-steps", i.classes])
   }, null, 2);
 }
-const es = {
+const Zi = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5152,16 +5151,16 @@ const es = {
       };
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zi]]), ls = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], is = ["for"], ss = {
+}, es = /* @__PURE__ */ v(Zi, [["render", Qi]]), ts = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ls = ["for"], is = {
   key: 0,
   class: "w-switch__track"
-}, as = {
+}, ss = {
   key: 1,
   class: "w-switch__thumb"
-}, os = ["for"];
-function ns(e, t, l, a, o, i) {
+}, as = ["for"];
+function os(e, t, l, a, o, i) {
   const n = $("w-progress");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -5185,7 +5184,7 @@ function ns(e, t, l, a, o, i) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": o.isOn || "false",
         role: "switch"
-      }, null, 40, ls),
+      }, null, 40, ts),
       i.hasLabel && l.labelOnLeft ? (s(), u(_, { key: 0 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
@@ -5195,7 +5194,7 @@ function ns(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, is)) : c("", !0)
+        ], 10, ls)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", B({
         class: "w-switch__input",
@@ -5203,11 +5202,11 @@ function ns(e, t, l, a, o, i) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, N(e.$attrs, !0), { class: i.inputClasses }), [
-        e.$slots.track ? (s(), u("div", ss, [
+        e.$slots.track ? (s(), u("div", is, [
           p(e.$slots, "track")
         ])) : c("", !0),
-        e.$slots.thumb || l.loading ? (s(), u("div", as, [
-          l.loading ? (s(), b(n, B({
+        e.$slots.thumb || l.loading ? (s(), u("div", ss, [
+          l.loading ? (s(), g(n, B({
             key: 0,
             circle: "",
             color: "inherit"
@@ -5223,13 +5222,13 @@ function ns(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, os)) : c("", !0)
+        ], 10, as)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const rs = {
+const ns = {
   name: "w-switch",
   mixins: [z],
   props: {
@@ -5294,22 +5293,22 @@ const rs = {
       this.isOn = e;
     }
   }
-}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, l, a, o, i) {
-  return s(), u("div", us, [
+}, rs = /* @__PURE__ */ v(ns, [["render", os]]), ds = { class: "w-tabs__content" };
+function us(e, t, l, a, o, i) {
+  return s(), u("div", ds, [
     p(e.$slots, "default", { item: l.item })
   ]);
 }
-const cs = {
+const hs = {
   props: { item: Object }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ms = ["innerHTML"], gs = {
+}, cs = /* @__PURE__ */ v(hs, [["render", us]]), ps = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], fs = ["innerHTML"], ms = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, bs = {
+}, gs = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, ys = ["innerHTML"];
-function ws(e, t, l, a, o, i) {
+}, bs = ["innerHTML"];
+function ys(e, t, l, a, o, i) {
   const n = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", i.tabsClasses])
@@ -5341,10 +5340,10 @@ function ws(e, t, l, a, o, i) {
         }, () => [
           w("div", {
             innerHTML: r[l.itemTitleKey]
-          }, null, 8, ms)
+          }, null, 8, fs)
         ])
-      ], 42, fs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", gs, [
+      ], 42, ps))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", ms, [
         p(e.$slots, "tabs-bar-extra")
       ])) : c("", !0),
       !l.noSlider && !l.card ? (s(), u("div", {
@@ -5353,14 +5352,14 @@ function ws(e, t, l, a, o, i) {
         style: L(i.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
-    i.tabsItems.length ? (s(), u("div", bs, [
-      V(x, {
+    i.tabsItems.length ? (s(), u("div", gs, [
+      I(x, {
         name: i.transitionName,
         mode: i.transitionMode
       }, {
         default: m(() => [
-          (s(), b($e, null, [
-            (s(), b(n, {
+          (s(), g($e, null, [
+            (s(), g(n, {
               key: i.activeTab._index,
               item: i.activeTab,
               class: f(l.contentClass)
@@ -5380,7 +5379,7 @@ function ws(e, t, l, a, o, i) {
                   r[l.itemContentKey] ? (s(), u("div", {
                     key: 0,
                     innerHTML: r[l.itemContentKey]
-                  }, null, 8, ys)) : c("", !0)
+                  }, null, 8, bs)) : c("", !0)
                 ])
               ]),
               _: 3
@@ -5392,7 +5391,7 @@ function ws(e, t, l, a, o, i) {
     ])) : c("", !0)
   ], 2);
 }
-const vs = {
+const ws = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5415,7 +5414,7 @@ const vs = {
     dark: { type: Boolean },
     light: { type: Boolean }
   },
-  components: { TabContent: ps },
+  components: { TabContent: cs },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     activeTabEl: null,
@@ -5533,81 +5532,81 @@ const vs = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, ks = /* @__PURE__ */ v(vs, [["render", ws]]), _s = { ref: "colgroup" }, Cs = ["width"], Bs = { key: 0 }, Ss = ["onClick"], $s = ["innerHTML"], Vs = {
+}, vs = /* @__PURE__ */ v(ws, [["render", ys]]), ks = { ref: "colgroup" }, _s = ["width"], Cs = { key: 0 }, Bs = ["onClick"], Ss = ["innerHTML"], $s = {
   key: 0,
   class: "w-table__progress-bar"
-}, Is = ["colspan"], Rs = {
+}, Vs = ["colspan"], Is = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], Ts = { class: "w-table__loading-text" }, xs = {
+}, Rs = ["colspan"], Ls = { class: "w-table__loading-text" }, Ts = {
   key: 1,
   class: "no-data"
-}, Ps = ["colspan"], Os = ["onClick"], zs = ["data-label"], Es = ["data-label"], Ms = ["innerHTML"], Ns = {
+}, xs = ["colspan"], Ps = ["onClick"], Os = ["data-label"], zs = ["data-label"], Es = ["innerHTML"], Ms = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Ws = ["colspan"], As = { key: 0 }, Ks = {
+}, Ns = ["colspan"], Ws = { key: 0 }, As = {
   key: 3,
   class: "w-table__extra-row"
-}, Ds = {
+}, Ks = {
   key: 1,
   class: "w-table__footer"
-}, Fs = {
+}, Ds = {
   key: 1,
   class: "w-table__row"
-}, Hs = ["colspan"], js = {
+}, Fs = ["colspan"], Hs = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
-}, Us = ["colspan"], qs = { class: "w-table__pagination" }, Gs = { class: "pagination-arrows" }, Xs = { class: "pagination-number pagination-number--results" };
-function Ys(e, t, l, a, o, i) {
+}, js = ["colspan"], Us = { class: "w-table__pagination" }, qs = { class: "pagination-arrows" }, Gs = { class: "pagination-number pagination-number--results" };
+function Xs(e, t, l, a, o, i) {
   const n = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", i.wrapClasses])
   }, [
     w("table", {
       class: f(["w-table", i.classes]),
-      onMousedown: t[4] || (t[4] = (...g) => i.onMouseDown && i.onMouseDown(...g)),
-      onMouseover: t[5] || (t[5] = (...g) => i.onMouseOver && i.onMouseOver(...g)),
-      onMouseout: t[6] || (t[6] = (...g) => i.onMouseOut && i.onMouseOut(...g))
+      onMousedown: t[4] || (t[4] = (...b) => i.onMouseDown && i.onMouseDown(...b)),
+      onMouseover: t[5] || (t[5] = (...b) => i.onMouseOver && i.onMouseOver(...b)),
+      onMouseout: t[6] || (t[6] = (...b) => i.onMouseOut && i.onMouseOut(...b))
     }, [
-      w("colgroup", _s, [
-        (s(!0), u(_, null, T(l.headers, (g, R) => (s(), u("col", {
+      w("colgroup", ks, [
+        (s(!0), u(_, null, T(l.headers, (b, R) => (s(), u("col", {
           class: "w-table__col",
           key: R,
-          width: g.width || null
-        }, null, 8, Cs))), 128))
+          width: b.width || null
+        }, null, 8, _s))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      l.noHeaders ? c("", !0) : (s(), u("thead", Cs, [
         w("tr", null, [
-          (s(!0), u(_, null, T(l.headers, (g, R) => (s(), u("th", {
-            class: f(["w-table__header", i.headerClasses(g)]),
+          (s(!0), u(_, null, T(l.headers, (b, R) => (s(), u("th", {
+            class: f(["w-table__header", i.headerClasses(b)]),
             key: R,
-            onClick: (P) => !e.colResizing.dragging && g.sortable !== !1 && i.sortTable(g)
+            onClick: (P) => !e.colResizing.dragging && b.sortable !== !1 && i.sortTable(b)
           }, [
-            g.sortable !== !1 && g.align === "right" ? (s(), b(n, {
+            b.sortable !== !1 && b.align === "right" ? (s(), g(n, {
               key: 0,
-              class: f(["w-table__header-sort", i.headerSortClasses(g)])
+              class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: m(() => [
                 C("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
-            g.label ? (s(), u(_, { key: 1 }, [
+            b.label ? (s(), u(_, { key: 1 }, [
               e.$slots["header-label"] ? p(e.$slots, "header-label", {
                 key: 0,
-                header: g,
-                label: g.label,
+                header: b,
+                label: b.label,
                 index: R + 1
               }, () => [
-                C(k(g.label || ""), 1)
+                C(k(b.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
-                innerHTML: g.label || ""
-              }, null, 8, $s))
+                innerHTML: b.label || ""
+              }, null, 8, Ss))
             ], 64)) : c("", !0),
-            g.sortable !== !1 && g.align !== "right" ? (s(), b(n, {
+            b.sortable !== !1 && b.align !== "right" ? (s(), g(n, {
               key: 2,
-              class: f(["w-table__header-sort", i.headerSortClasses(g)])
+              class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: m(() => [
                 C("wi-arrow-down")
@@ -5620,34 +5619,34 @@ function Ys(e, t, l, a, o, i) {
               onClick: t[0] || (t[0] = E(() => {
               }, ["stop"]))
             }, null, 2)) : c("", !0)
-          ], 10, Ss))), 128))
+          ], 10, Bs))), 128))
         ]),
-        V(d, null, {
+        I(d, null, {
           default: m(() => [
-            l.loading === "header" ? (s(), u("tr", Vs, [
+            l.loading === "header" ? (s(), u("tr", $s, [
               w("td", {
                 colspan: l.headers.length
               }, [
-                V(r, { tile: "" })
-              ], 8, Is)
+                I(r, { tile: "" })
+              ], 8, Vs)
             ])) : c("", !0)
           ]),
           _: 1
         })
       ])),
       w("tbody", null, [
-        l.loading === !0 ? (s(), u("tr", Rs, [
+        l.loading === !0 ? (s(), u("tr", Is, [
           w("td", {
             colspan: l.headers.length
           }, [
-            V(r, { tile: "" }),
-            w("div", Ts, [
+            I(r, { tile: "" }),
+            w("div", Ls, [
               p(e.$slots, "loading", {}, () => [
                 C("Loading...")
               ])
             ])
-          ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", xs, [
+          ], 8, Rs)
+        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Ts, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
@@ -5655,19 +5654,19 @@ function Ys(e, t, l, a, o, i) {
             p(e.$slots, "no-data", {}, () => [
               C("No data to show.")
             ])
-          ], 8, Ps)
+          ], 8, xs)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, T(i.paginatedItems, (g, R) => (s(), u(_, { key: R }, [
+        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, T(i.paginatedItems, (b, R) => (s(), u(_, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
-            item: g,
+            item: b,
             index: R + 1,
-            select: () => i.doSelectRow(g, R),
-            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[g._uid] !== void 0 }
+            select: () => i.doSelectRow(b, R),
+            classes: { "w-table__row": !0, "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }
           }) : (s(), u("tr", {
             key: 1,
-            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[g._uid] !== void 0 }]),
-            onClick: (P) => i.doSelectRow(g, R)
+            class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }]),
+            onClick: (P) => i.doSelectRow(b, R)
           }, [
             (s(!0), u(_, null, T(l.headers, (P, O) => (s(), u(_, null, [
               e.$slots[`item-cell.${P.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
@@ -5678,51 +5677,51 @@ function Ys(e, t, l, a, o, i) {
                 e.$slots[`item-cell.${P.key}`] ? p(e.$slots, `item-cell.${P.key}`, {
                   key: 0,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: b,
+                  label: b[P.key] || "",
                   index: R + 1
                 }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
                   key: 1,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: b,
+                  label: b[P.key] || "",
                   index: R + 1
                 }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
                   key: 2,
                   header: P,
-                  item: g,
-                  label: g[P.key] || "",
+                  item: b,
+                  label: b[P.key] || "",
                   index: R + 1
                 }) : c("", !0),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
-              ], 10, zs)) : (s(), u("td", {
+              ], 10, Os)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
                 key: `${O}-b`,
                 "data-label": P.label
               }, [
                 w("div", {
-                  innerHTML: g[P.key] || ""
-                }, null, 8, Ms),
+                  innerHTML: b[P.key] || ""
+                }, null, 8, Es),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
-              ], 10, Es))
+              ], 10, zs))
             ], 64))), 256))
-          ], 10, Os)),
-          i.expandedRowsByUid[g._uid] ? (s(), u("tr", Ns, [
+          ], 10, Ps)),
+          i.expandedRowsByUid[b._uid] ? (s(), u("tr", Ms, [
             w("td", {
               class: "w-table__cell",
               colspan: l.headers.length
             }, [
-              V(h, { y: "" }, {
+              I(h, { y: "" }, {
                 default: m(() => [
-                  i.expandedRowsByUid[g._uid] ? (s(), u("div", As, [
+                  i.expandedRowsByUid[b._uid] ? (s(), u("div", Ws, [
                     p(e.$slots, "row-expansion", {
-                      item: g,
+                      item: b,
                       index: R + 1
                     })
                   ])) : c("", !0),
@@ -5733,85 +5732,85 @@ function Ys(e, t, l, a, o, i) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, Ws)
+            ], 8, Ns)
           ])) : c("", !0)
         ], 64))), 128)) : c("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", Ks, [
+        e.$slots["extra-row"] ? (s(), u("div", As, [
           p(e.$slots, "extra-row")
         ])) : c("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", Ds, [
-        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Fs, [
+      e.$slots.footer || e.$slots["footer-row"] || l.pagination ? (s(), u("tfoot", Ks, [
+        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Ds, [
           w("td", {
             class: "w-table__cell",
             colspan: l.headers.length
           }, [
             p(e.$slots, "footer")
-          ], 8, Hs)
+          ], 8, Fs)
         ])) : c("", !0),
-        l.pagination && e.paginationConfig ? (s(), u("tr", js, [
+        l.pagination && e.paginationConfig ? (s(), u("tr", Hs, [
           w("td", {
             class: "w-table__cell",
             colspan: l.headers.length
           }, [
-            w("div", qs, [
+            w("div", Us, [
               C(k(e.paginationConfig), 1),
               p(e.$slots, "pagination", {
                 range: `${e.paginationConfig.start}-${e.paginationConfig.end} of ${e.paginationConfig.total}`,
                 total: e.paginationConfig.total
               }, () => [
-                e.paginationConfig.itemsPerPageOptions ? (s(), b(y, {
+                e.paginationConfig.itemsPerPageOptions ? (s(), g(y, {
                   key: 0,
                   class: "pagination-number pagination-number--items-per-page",
                   modelValue: e.paginationConfig.itemsPerPage,
-                  "onUpdate:modelValue": t[1] || (t[1] = (g) => e.paginationConfig.itemsPerPage = g),
+                  "onUpdate:modelValue": t[1] || (t[1] = (b) => e.paginationConfig.itemsPerPage = b),
                   onInput: i.updatePaginationConfig,
                   items: e.paginationConfig.itemsPerPageOptions,
                   "label-position": "left",
                   label: "Items per page",
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "onInput", "items"])) : c("", !0),
-                w("div", Gs, [
-                  V(S, {
+                w("div", qs, [
+                  I(S, {
                     class: "pagination-arrow pagination-arrow--prev",
-                    onClick: t[2] || (t[2] = (g) => i.goToPage("-1")),
+                    onClick: t[2] || (t[2] = (b) => i.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
                     icon: "wi-chevron-left",
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(_, null, T(e.paginationConfig.pagesCount, (g) => (s(), b(S, {
+                  (s(!0), u(_, null, T(e.paginationConfig.pagesCount, (b) => (s(), g(S, {
                     class: "pagination-arrow pagination-arrow--prev",
-                    key: g,
-                    onClick: (R) => i.goToPage(g),
+                    key: b,
+                    onClick: (R) => i.goToPage(b),
                     round: "",
                     text: "",
                     lg: ""
                   }, {
                     default: m(() => [
-                      C(k(g), 1)
+                      C(k(b), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128)),
-                  V(S, {
+                  I(S, {
                     class: "pagination-arrow pagination-arrow--next",
-                    onClick: t[3] || (t[3] = (g) => i.goToPage("+1")),
+                    onClick: t[3] || (t[3] = (b) => i.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
                     icon: "wi-chevron-right",
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"])
                 ]),
-                w("span", Xs, k(e.paginationConfig.start) + "-" + k(e.paginationConfig.end) + " of " + k(e.paginationConfig.total), 1)
+                w("span", Gs, k(e.paginationConfig.start) + "-" + k(e.paginationConfig.end) + " of " + k(e.paginationConfig.total), 1)
               ])
             ])
-          ], 8, Us)
+          ], 8, js)
         ])) : c("", !0)
       ])) : c("", !0)
     ], 34)
   ], 2);
 }
-const ce = 15, Js = {
+const ce = 15, Ys = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -5996,8 +5995,8 @@ const ce = 15, Js = {
       l.style.width = o + n + "px", a.style.width = i - n + "px";
       const y = n < 0 && l.offsetWidth > d || l.offsetWidth <= ce, S = n > 0 && a.offsetWidth > h;
       if (y) {
-        const g = Math.max(l.offsetWidth, ce);
-        l.style.width = g + "px", a.style.width = r - g + "px";
+        const b = Math.max(l.offsetWidth, ce);
+        l.style.width = b + "px", a.style.width = r - b + "px";
       } else
         S && (l.style.width = r - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
     },
@@ -6061,8 +6060,8 @@ const ce = 15, Js = {
       deep: !0
     }
   }
-}, Qs = /* @__PURE__ */ v(Js, [["render", Ys]]), Zs = ["role", "aria-pressed", "tabindex"];
-function ea(e, t, l, a, o, i) {
+}, Js = /* @__PURE__ */ v(Ys, [["render", Xs]]), Qs = ["role", "aria-pressed", "tabindex"];
+function Zs(e, t, l, a, o, i) {
   return s(), u("span", B({ class: "w-tag" }, N(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (n) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
@@ -6086,9 +6085,9 @@ function ea(e, t, l, a, o, i) {
       role: "icon",
       "aria-hidden": "true"
     })) : c("", !0)
-  ], 16, Zs);
+  ], 16, Qs);
 }
-const ta = {
+const ea = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -6137,10 +6136,10 @@ const ta = {
       };
     }
   }
-}, la = /* @__PURE__ */ v(ta, [["render", ea]]), ia = ["for"], sa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], aa = ["for"], oa = ["for"];
-function na(e, t, l, a, o, i) {
+}, ta = /* @__PURE__ */ v(ea, [["render", Zs]]), la = ["for"], ia = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], sa = ["for"], aa = ["for"];
+function oa(e, t, l, a, o, i) {
   const n = $("w-icon");
-  return s(), b(I(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
+  return s(), g(V(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: o.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: o.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: i.hasLabel && l.labelPosition !== "inside",
@@ -6159,12 +6158,12 @@ function na(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, ia)) : c("", !0)
+        ], 10, la)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", i.inputWrapClasses])
       }, [
-        l.innerIconLeft ? (s(), b(n, {
+        l.innerIconLeft ? (s(), g(n, {
           key: 0,
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
@@ -6194,7 +6193,7 @@ function na(e, t, l, a, o, i) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, sa), [
+        }), null, 16, ia), [
           [ge, o.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(_, { key: 1 }, [
@@ -6206,9 +6205,9 @@ function na(e, t, l, a, o, i) {
             p(e.$slots, "default", {}, () => [
               C(k(l.label), 1)
             ])
-          ], 10, aa)) : c("", !0)
+          ], 10, sa)) : c("", !0)
         ], 64)) : c("", !0),
-        l.innerIconRight ? (s(), b(n, {
+        l.innerIconRight ? (s(), g(n, {
           key: 2,
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
@@ -6230,13 +6229,13 @@ function na(e, t, l, a, o, i) {
           p(e.$slots, "default", {}, () => [
             C(k(l.label), 1)
           ])
-        ], 10, oa)) : c("", !0)
+        ], 10, aa)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const ra = {
+const na = {
   name: "w-textarea",
   mixins: [z],
   props: {
@@ -6352,8 +6351,8 @@ const ra = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, da = /* @__PURE__ */ v(ra, [["render", na]]), ua = ["innerHTML"], ha = ["innerHTML"];
-function ca(e, t, l, a, o, i) {
+}, ra = /* @__PURE__ */ v(na, [["render", oa]]), da = ["innerHTML"], ua = ["innerHTML"];
+function ha(e, t, l, a, o, i) {
   return s(), u("ul", {
     class: f(["w-timeline", i.classes])
   }, [
@@ -6361,7 +6360,7 @@ function ca(e, t, l, a, o, i) {
       class: "w-timeline-item",
       key: r
     }, [
-      (s(), b(I(n[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
+      (s(), g(V(n[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [n[l.itemColorKey] || l.color]: n[l.itemColorKey] || l.color }])
       }, {
         default: m(() => [
@@ -6381,16 +6380,16 @@ function ca(e, t, l, a, o, i) {
         w("div", {
           class: f(["w-timeline-item__title", { [n[l.itemColorKey] || l.color]: n[l.itemColorKey] || l.color }]),
           innerHTML: n[l.itemTitleKey]
-        }, null, 10, ua),
+        }, null, 10, da),
         w("div", {
           class: "w-timeline-item__content",
           innerHTML: n[l.itemContentKey]
-        }, null, 8, ha)
+        }, null, 8, ua)
       ])
     ]))), 128))
   ], 2);
 }
-const pa = {
+const ca = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6412,8 +6411,8 @@ const pa = {
       };
     }
   }
-}, fa = /* @__PURE__ */ v(pa, [["render", ca]]);
-function ma(e, t, l, a, o, i) {
+}, pa = /* @__PURE__ */ v(ca, [["render", ha]]);
+function fa(e, t, l, a, o, i) {
   return s(), u("div", {
     class: f(["w-toolbar", i.classes]),
     style: L(i.styles)
@@ -6421,7 +6420,7 @@ function ma(e, t, l, a, o, i) {
     p(e.$slots, "default")
   ], 6);
 }
-const ga = {
+const ma = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -6470,11 +6469,11 @@ const ga = {
       };
     }
   }
-}, ba = /* @__PURE__ */ v(ga, [["render", ma]]);
-function ya(e, t, l, a, o, i) {
+}, ga = /* @__PURE__ */ v(ma, [["render", fa]]);
+function ba(e, t, l, a, o, i) {
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    V(x, {
+    I(x, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -6492,7 +6491,7 @@ function ya(e, t, l, a, o, i) {
     }, 8, ["name"])
   ], 64);
 }
-const wa = {
+const ya = {
   name: "w-tooltip",
   mixins: [ye],
   props: {
@@ -6578,24 +6577,24 @@ const wa = {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && this.hoveringActivator) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize));
     }
   }
-}, va = /* @__PURE__ */ v(wa, [["render", ya]]);
-function ka(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "bounce" }, e.$props), {
+}, wa = /* @__PURE__ */ v(ya, [["render", ba]]);
+function va(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: "bounce" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const _a = {
+const ka = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ca = /* @__PURE__ */ v(_a, [["render", ka]]);
-function Ba(e, t, l, a, o, i) {
-  return s(), b(x, {
+}, _a = /* @__PURE__ */ v(ka, [["render", va]]);
+function Ca(e, t, l, a, o, i) {
+  return s(), g(x, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6615,7 +6614,7 @@ function Ba(e, t, l, a, o, i) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Sa = {
+const Ba = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -6705,61 +6704,61 @@ const Sa = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, $a = /* @__PURE__ */ v(Sa, [["render", Ba]]);
-function Va(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "fade" }, e.$props), {
+}, Sa = /* @__PURE__ */ v(Ba, [["render", Ca]]);
+function $a(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: "fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ia = {
+const Va = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ra = /* @__PURE__ */ v(Ia, [["render", Va]]);
-function La(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "scale" }, e.$props), {
+}, Ia = /* @__PURE__ */ v(Va, [["render", $a]]);
+function Ra(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: "scale" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ta = {
+const La = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, xa = /* @__PURE__ */ v(Ta, [["render", La]]);
-function Pa(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "scale-fade" }, e.$props), {
+}, Ta = /* @__PURE__ */ v(La, [["render", Ra]]);
+function xa(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Oa = {
+const Pa = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, za = /* @__PURE__ */ v(Oa, [["render", Pa]]);
-function Ea(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: i.transitionName }, e.$props), {
+}, Oa = /* @__PURE__ */ v(Pa, [["render", xa]]);
+function za(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: i.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const Ma = {
+const Ea = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -6777,16 +6776,16 @@ const Ma = {
       return `slide-${this.direction}`;
     }
   }
-}, Na = /* @__PURE__ */ v(Ma, [["render", Ea]]);
-function Wa(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: i.transitionName }, e.$props), {
+}, Ma = /* @__PURE__ */ v(Ea, [["render", za]]);
+function Na(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: i.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const Aa = {
+const Wa = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -6804,26 +6803,26 @@ const Aa = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Ka = /* @__PURE__ */ v(Aa, [["render", Wa]]);
-function Da(e, t, l, a, o, i) {
-  return s(), b(x, B({ name: "twist" }, e.$props), {
+}, Aa = /* @__PURE__ */ v(Wa, [["render", Na]]);
+function Ka(e, t, l, a, o, i) {
+  return s(), g(x, B({ name: "twist" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Fa = {
+const Da = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ha = /* @__PURE__ */ v(Fa, [["render", Da]]), ja = ["innerHTML"], Ua = {
+}, Fa = /* @__PURE__ */ v(Da, [["render", Ka]]), Ha = ["innerHTML"], ja = {
   key: 1,
   class: "ml1"
 };
-function qa(e, t, l, a, o, i) {
+function Ua(e, t, l, a, o, i) {
   const n = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", i.classes])
@@ -6832,13 +6831,13 @@ function qa(e, t, l, a, o, i) {
       class: f(["w-tree__item", i.itemClasses(h)]),
       key: y
     }, [
-      (s(), b(I(!l.disabled && !h.disabled && h.route ? !e.$router || i.hasExternalLink(h) ? "a" : "router-link" : "div"), B({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+      (s(), g(V(!l.disabled && !h.disabled && h.route ? !e.$router || i.hasExternalLink(h) ? "a" : "router-link" : "div"), B({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
         onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
         onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
         tabindex: !l.disabled && !h.disabled && (h.children || h.branch || l.selectable) && !(l.unexpandableEmpty && !h.children) ? 0 : null
       }), {
         default: m(() => [
-          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), b(n, {
+          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), g(n, {
             key: 0,
             class: "w-tree__item-expand",
             onClick: E((S) => !l.disabled && !h.disabled && i.onLabelClick(h, S), ["stop"]),
@@ -6857,7 +6856,7 @@ function qa(e, t, l, a, o, i) {
           }, () => {
             var S;
             return [
-              i.itemIcon(h) ? (s(), b(r, {
+              i.itemIcon(h) ? (s(), g(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
@@ -6869,20 +6868,20 @@ function qa(e, t, l, a, o, i) {
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
-              }, null, 8, ja),
-              l.counts && (h.children || h.branch) ? (s(), u("span", Ua, "(" + k(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
+              }, null, 8, Ha),
+              l.counts && (h.children || h.branch) ? (s(), u("span", ja, "(" + k(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (s(), b(I(l.noTransition ? "div" : "w-transition-expand"), {
+      (s(), g(V(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
         onAfterEnter: (S) => e.$emit("open", { item: h.originalItem, open: h.open, depth: l.depth }),
         onAfterLeave: (S) => e.$emit("close", { item: h.originalItem, open: h.open, depth: l.depth })
       }, {
         default: m(() => [
-          h.children && h.open ? (s(), b(d, B({ key: 0 }, e.$props, {
+          h.children && h.open ? (s(), g(d, B({ key: 0 }, e.$props, {
             depth: l.depth + 1,
             data: h.originalItem.children,
             onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
@@ -6893,10 +6892,10 @@ function qa(e, t, l, a, o, i) {
             onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
             "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
           }), {
-            item: m(({ item: S, depth: g, open: R }) => [
+            item: m(({ item: S, depth: b, open: R }) => [
               p(e.$slots, "item", {
                 item: S,
-                depth: g,
+                depth: b,
                 open: R
               })
             ]),
@@ -6908,7 +6907,7 @@ function qa(e, t, l, a, o, i) {
     ], 2))), 128))
   ], 2);
 }
-const Ga = {
+const qa = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -7029,7 +7028,7 @@ const Ga = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, Xa = /* @__PURE__ */ v(Ga, [["render", qa]]), Ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ga = /* @__PURE__ */ v(qa, [["render", Ua]]), Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: Ge,
   WAlert: Qe,
@@ -7040,51 +7039,51 @@ const Ga = {
   WCard: _t,
   WCheckbox: xt,
   WCheckboxes: Et,
-  WConfirm: At,
-  WDatePicker: Ft,
-  WDialog: Ut,
-  WDivider: Yt,
-  WDrawer: tl,
-  WFlex: sl,
-  WForm: rl,
-  WFormElement: hl,
-  WGrid: fl,
-  WIcon: bl,
-  WImage: kl,
-  WInput: Pl,
-  WList: El,
-  WMenu: Wl,
-  WNotification: Dl,
-  WOverlay: jl,
-  WParallax: Xl,
-  WProgress: ii,
-  WRadio: hi,
-  WRadios: mi,
-  WRating: vi,
-  WScrollbar: Bi,
-  WSelect: Oi,
-  WSlider: Gi,
-  WSpinner: Qi,
-  WSteps: ts,
-  WSwitch: ds,
-  WTabs: ks,
-  WTable: Qs,
-  WTag: la,
-  WTextarea: da,
-  WTimeline: fa,
-  WToolbar: ba,
-  WTooltip: va,
-  WTransitionBounce: Ca,
-  WTransitionExpand: $a,
-  WTransitionFade: Ra,
-  WTransitionScale: xa,
-  WTransitionScaleFade: za,
-  WTransitionSlide: Na,
-  WTransitionSlideFade: Ka,
-  WTransitionTwist: Ha,
-  WTree: Xa
-}, Symbol.toStringTag, { value: "Module" })), Ja = A.install;
-A.install = (e, t = {}) => Ja.call(A, e, { components: Ya, ...t });
+  WConfirm: Wt,
+  WDatePicker: Dt,
+  WDialog: jt,
+  WDivider: Xt,
+  WDrawer: el,
+  WFlex: il,
+  WForm: nl,
+  WFormElement: ul,
+  WGrid: pl,
+  WIcon: gl,
+  WImage: vl,
+  WInput: xl,
+  WList: zl,
+  WMenu: Nl,
+  WNotification: Kl,
+  WOverlay: Hl,
+  WParallax: Gl,
+  WProgress: li,
+  WRadio: ui,
+  WRadios: fi,
+  WRating: wi,
+  WScrollbar: Ci,
+  WSelect: Pi,
+  WSlider: qi,
+  WSpinner: Ji,
+  WSteps: es,
+  WSwitch: rs,
+  WTabs: vs,
+  WTable: Js,
+  WTag: ta,
+  WTextarea: ra,
+  WTimeline: pa,
+  WToolbar: ga,
+  WTooltip: wa,
+  WTransitionBounce: _a,
+  WTransitionExpand: Sa,
+  WTransitionFade: Ia,
+  WTransitionScale: Ta,
+  WTransitionScaleFade: Oa,
+  WTransitionSlide: Ma,
+  WTransitionSlideFade: Aa,
+  WTransitionTwist: Fa,
+  WTree: Ga
+}, Symbol.toStringTag, { value: "Module" })), Ya = A.install;
+A.install = (e, t = {}) => Ya.call(A, e, { components: Xa, ...t });
 export {
   A as default
 };