wave-ui 3.7.1 → 3.7.2

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var Y = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, i);
 }, te = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as W, withModifiers as E, renderSlot as p, toHandlers as z, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as le, resolveDirective as ge, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as R, resolveDynamicComponent as V, normalizeProps as le, resolveDirective as ge, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -767,7 +767,7 @@ function qe(e, t, i, o, n, l) {
         class: f(["w-accordion__item-title", i.titleClass]),
         onClick: (y) => !d._disabled && l.toggleItem(d, y),
         onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
-        onKeypress: W((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
+        onKeypress: E((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         i.expandIcon && !i.expandIconRight ? (s(), g(a, {
@@ -778,9 +778,9 @@ function qe(e, t, i, o, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = E(() => {
+          onKeypress: t[0] || (t[0] = M(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : c("", !0),
         e.$slots[`item-title.${d.id || h + 1}`] ? p(e.$slots, `item-title.${d.id || h + 1}`, {
           key: 1,
@@ -803,9 +803,9 @@ function qe(e, t, i, o, n, l) {
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
-          onKeypress: t[1] || (t[1] = E(() => {
+          onKeypress: t[1] || (t[1] = M(() => {
           }, ["stop"])),
-          onClick: E((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
       I(r, {
@@ -932,7 +932,7 @@ function Je(e, t, i, o, n, l) {
   return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
-  }, z(e.$attrs, !0), { class: l.classes }), [
+  }, W(e.$attrs, !0), { class: l.classes }), [
     l.type || i.icon || i.dismiss ? (s(), u(k, { key: 0 }, [
       l.type || i.icon ? (s(), g(a, {
         key: 0,
@@ -1062,7 +1062,7 @@ const it = {
   }
 }, lt = /* @__PURE__ */ v(it, [["render", tt]]);
 function st(e, t, i, o, n, l) {
-  return s(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
+  return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
     p(e.$slots, "default"),
     I(O, {
       name: `${i.transition}`
@@ -1255,7 +1255,7 @@ function pt(e, t, i, o, n, l) {
     type: !i.route && i.type,
     href: i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
     disabled: !!i.disabled || null
-  }, z(l.listeners), { style: l.styles }), {
+  }, W(l.listeners), { style: l.styles }), {
     default: m(() => [
       i.icon ? (s(), g(a, le(C({ key: 0 }, i.iconProps || {})), {
         default: m(() => [
@@ -1372,7 +1372,7 @@ function bt(e, t, i, o, n, l) {
   const a = $("button-partial");
   return i.tooltip ? (s(), g(V("w-tooltip"), le(C({ key: 0 }, i.tooltipProps || {})), {
     activator: m(({ on: r }) => [
-      I(a, C(l.buttonProps, z(r)), {
+      I(a, C(l.buttonProps, W(r)), {
         default: m(() => [
           p(e.$slots, "default")
         ]),
@@ -1527,7 +1527,7 @@ const _t = {
       };
     }
   }
-}, Ct = /* @__PURE__ */ v(_t, [["render", kt]]), M = {
+}, Ct = /* @__PURE__ */ v(_t, [["render", kt]]), z = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1595,7 +1595,7 @@ function Lt(e, t, i, o, n, l) {
         onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
         onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
         onChange: t[2] || (t[2] = (a) => l.onInput()),
-        onKeypress: t[3] || (t[3] = W((...a) => l.onInput && l.onInput(...a), ["enter"])),
+        onKeypress: t[3] || (t[3] = E((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, St),
@@ -1643,7 +1643,7 @@ function Lt(e, t, i, o, n, l) {
 }
 const xt = {
   name: "w-checkbox",
-  mixins: [M],
+  mixins: [z],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -1746,7 +1746,7 @@ function zt(e, t, i, o, n, l) {
 }
 const Mt = {
   name: "w-checkboxes",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
@@ -1832,7 +1832,7 @@ function Wt(e, t, i, o, n, l) {
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: m(() => [
@@ -1844,7 +1844,7 @@ function Wt(e, t, i, o, n, l) {
             }, 16, ["bg-color", "onClick"])) : c("", !0),
             N((s(), g(a, C(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = W((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
@@ -2641,7 +2641,7 @@ const pi = {
   }
 }, fi = /* @__PURE__ */ v(pi, [["render", ci]]);
 function mi(e, t, i, o, n, l) {
-  return s(), g(V(i.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
+  return s(), g(V(i.tag || "i"), C({ class: "w-icon" }, W(e.$attrs), {
     class: l.classes,
     role: "icon",
     "aria-hidden": "true",
@@ -2920,7 +2920,7 @@ function Li(e, t, i, o, n, l) {
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
-          }, z(l.listeners, !0), {
+          }, W(l.listeners, !0), {
             onInput: t[3] || (t[3] = (...d) => l.onInput && l.onInput(...d)),
             onFocus: t[4] || (t[4] = (...d) => l.onFocus && l.onFocus(...d)),
             onBlur: t[5] || (t[5] = (...d) => l.onBlur && l.onBlur(...d)),
@@ -3051,7 +3051,7 @@ function Li(e, t, i, o, n, l) {
 }
 const xi = {
   name: "w-input",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: { default: "" },
     type: { type: String, default: "text" },
@@ -3379,8 +3379,8 @@ const zi = {
         "w-list__item-label--focused": e._focused,
         "w-list__item-label--hoverable": this.hover,
         "w-list__item-label--selectable": this.isSelectable,
-        [e.color]: !!e.color,
-        [this.SelectionColor]: e._selected && !e.color && this.SelectionColor,
+        [e[this.itemColorKey]]: !!e[this.itemColorKey],
+        [this.SelectionColor]: e._selected && !e[this.itemColorKey] && this.SelectionColor,
         [e[this.itemClassKey] || this.itemClass]: e[this.itemClassKey] || this.itemClass
       };
     },
@@ -3986,7 +3986,7 @@ function Di(e, t, i, o, n, l) {
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
         style: R(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = W(E((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        onKeydown: t[0] || (t[0] = E(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
@@ -4243,7 +4243,7 @@ function dl(e, t, i, o, n, l) {
 }
 const ul = {
   name: "w-radio",
-  mixins: [M],
+  mixins: [z],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4346,7 +4346,7 @@ function pl(e, t, i, o, n, l) {
 }
 const fl = {
   name: "w-radios",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: [String, Number, Boolean] },
@@ -4439,7 +4439,7 @@ function yl(e, t, i, o, n, l) {
 }
 const wl = {
   name: "w-rating",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -4667,15 +4667,15 @@ const _l = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style[this.m.maxWidthOrHeight] = `${this[this.m.widthOrHeight]}px`;
   }
-}, Sl = /* @__PURE__ */ v(Cl, [["render", kl]]), Bl = ["for"], $l = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vl = {
+}, Sl = /* @__PURE__ */ v(Cl, [["render", kl]]), Bl = ["aria-expanded", "aria-owns", "aria-activedescendant"], $l = {
   key: 1,
   class: "w-select__selection-slot"
-}, Il = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Tl = ["value", "name"], Rl = ["for"], Ll = ["for"];
-function xl(e, t, i, o, n, l) {
+}, Vl = ["contenteditable", "disabled", "tabindex", "innerHTML"], Il = ["value", "name"];
+function Tl(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[10] || (t[10] = (h) => e.valid = h),
+    "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
     wrap: l.hasLabel && i.labelPosition !== "inside",
     class: l.classes
@@ -4685,16 +4685,16 @@ function xl(e, t, i, o, n, l) {
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
-          for: `w-select--${e._.uid}`
+          onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Bl)) : c("", !0)
+        ], 2)) : c("", !0)
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
+        "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
         onClose: l.closeMenu,
         "menu-class": `w-select__menu ${i.menuClass || ""}`,
         transition: "slide-fade-down",
@@ -4704,27 +4704,27 @@ function xl(e, t, i, o, n, l) {
         "min-width": "activator"
       }, i.menuProps || {}), {
         activator: m(({ on: h }) => [
-          w("div", C({ class: "w-select__selection-wrap" }, z(h, !0), {
-            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
+          w("div", {
+            class: f(["w-select__selection-wrap", l.inputWrapClasses]),
+            onClick: t[6] || (t[6] = (y) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
             "aria-owns": `w-select-menu--${e._.uid}`,
-            "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`,
-            class: l.inputWrapClasses
-          }), [
+            "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
+          }, [
             i.innerIconLeft ? (s(), g(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
-              onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
+              onClick: t[1] || (t[1] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
               default: m(() => [
                 S(_(i.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
-            e.$slots.selection ? (s(), u("div", Vl, [
+            e.$slots.selection ? (s(), u("div", $l, [
               p(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -4733,55 +4733,53 @@ function xl(e, t, i, o, n, l) {
               class: f(["w-select__selection", { "w-select__selection--placeholder": !e.$slots.selection && !l.selectionString && i.placeholder }]),
               ref: "selection-input",
               contenteditable: e.isDisabled || e.isReadonly ? "false" : "true",
-              onFocus: t[1] || (t[1] = (y) => !e.isDisabled && !e.isReadonly && l.onFocus(y)),
-              onBlur: t[2] || (t[2] = (...y) => l.onBlur && l.onBlur(...y)),
-              onKeydown: t[3] || (t[3] = (y) => !e.isDisabled && !e.isReadonly && l.onKeydown(y)),
-              id: `w-select--${e._.uid}`,
+              onFocus: t[2] || (t[2] = (y) => !e.isDisabled && !e.isReadonly && l.onFocus(y)),
+              onBlur: t[3] || (t[3] = (...y) => l.onBlur && l.onBlur(...y)),
+              onKeydown: t[4] || (t[4] = (y) => !e.isDisabled && !e.isReadonly && l.onKeydown(y)),
               disabled: e.isDisabled || null,
               readonly: "",
               "aria-readonly": "true",
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : l.selectionString || i.placeholder
-            }, null, 42, Il),
+            }, null, 42, Vl),
             (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, B) => (s(), u("input", {
               key: B,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Tl))), 128)),
+            }, null, 8, Il))), 128)),
             i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 2 }, [
               e.$slots.default || i.label ? (s(), u("label", {
                 key: 0,
-                class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses]),
-                for: `w-select--${e._.uid}`
+                class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
                 p(e.$slots, "default", {}, () => [
                   S(_(i.label), 1)
                 ])
-              ], 10, Rl)) : c("", !0)
+              ], 2)) : c("", !0)
             ], 64)) : c("", !0),
             i.innerIconRight ? (s(), g(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
-              onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
+              onClick: t[5] || (t[5] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
               default: m(() => [
                 S(_(i.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
-          ], 16, $l)
+          ], 10, Bl)
         ]),
         default: m(() => [
           I(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": l.onInput,
-            onItemClick: t[6] || (t[6] = (h) => e.$emit("item-click", h)),
+            onItemClick: t[7] || (t[7] = (h) => e.$emit("item-click", h)),
             onItemSelect: l.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (h) => i.noUnselect && !i.multiple && l.closeMenu()),
-            "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
+            "onKeydown:enter": t[8] || (t[8] = (h) => i.noUnselect && !i.multiple && l.closeMenu()),
+            "onKeydown:escape": t[9] || (t[9] = (h) => e.showMenu && (this.showMenu = !1)),
             items: l.selectItems,
             multiple: i.multiple,
             "arrows-navigation": "",
@@ -4821,20 +4819,20 @@ function xl(e, t, i, o, n, l) {
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
-          for: `w-select--${e._.uid}`
+          onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, Ll)) : c("", !0)
+        ], 2)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Ol = {
+const Rl = {
   name: "w-select",
-  mixins: [M],
+  mixins: [z],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -4950,10 +4948,20 @@ const Ol = {
           if (t === void 0)
             t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
-            const o = e.keyCode === 38 ? -1 : 1;
-            t = (t + i.length + o) % i.length;
+            const n = e.keyCode === 38 ? -1 : 1;
+            t = (t + i.length + n) % i.length;
+          }
+          let o = !1;
+          if (i[t].disabled) {
+            const n = e.keyCode === 38 ? -1 : 1;
+            let l = (t + n + i.length) % i.length;
+            const a = i.length;
+            let r = 0;
+            for (; r < a && i[l].disabled; )
+              l = (l + i.length + n) % i.length, r++;
+            r >= a && (o = !0), t = l;
           }
-          this.onInput(i[t]);
+          o || this.onInput(i[t]);
         }
     },
     onInput(e) {
@@ -5003,11 +5011,11 @@ const Ol = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Pl = /* @__PURE__ */ v(Ol, [["render", xl]]), zl = ["for"], Ml = ["for", "innerHTML"], El = { class: "w-slider__track-wrap" }, Wl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Al = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Nl = ["for"], Kl = { key: 0 }, Hl = {
+}, Ll = /* @__PURE__ */ v(Rl, [["render", Tl]]), xl = ["for"], Ol = ["for", "innerHTML"], Pl = { class: "w-slider__track-wrap" }, zl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ml = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], El = ["for"], Wl = { key: 0 }, Al = {
   key: 0,
   class: "w-slider__step-labels"
-}, Dl = ["onClick"], Fl = ["for"], jl = ["for", "innerHTML"];
-function Ul(e, t, i, o, n, l) {
+}, Nl = ["onClick"], Kl = ["for"], Hl = ["for", "innerHTML"];
+function Dl(e, t, i, o, n, l) {
   return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
@@ -5024,13 +5032,13 @@ function Ul(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-left")
-      ], 10, zl)) : i.labelLeft ? (s(), u("label", {
+      ], 10, xl)) : i.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: i.labelLeft
-      }, null, 10, Ml)) : c("", !0),
-      w("div", El, [
+      }, null, 10, Ol)) : c("", !0),
+      w("div", Pl, [
         w("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
@@ -5063,19 +5071,19 @@ function Ul(e, t, i, o, n, l) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = W((a) => l.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = W((a) => l.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = E((a) => l.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = E((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = E(() => {
+              onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
-            }, null, 42, Al),
+            }, null, 42, Ml),
             i.thumbLabel ? (s(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (s(), u("div", Kl, [
+              i.thumbLabel === "droplet" ? (s(), u("div", Wl, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(_(~~e.rangeValueScaled), 1)
                 ])
@@ -5085,10 +5093,10 @@ function Ul(e, t, i, o, n, l) {
               }, () => [
                 S(_(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Nl)) : c("", !0)
+            ], 10, El)) : c("", !0)
           ], 4)
-        ], 42, Wl),
-        i.stepLabels && i.step ? (s(), u("div", Hl, [
+        ], 42, zl),
+        i.stepLabels && i.step ? (s(), u("div", Al, [
           w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
@@ -5098,7 +5106,7 @@ function Ul(e, t, i, o, n, l) {
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
             style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Dl))), 128)),
+          }, _(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Nl))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5113,19 +5121,19 @@ function Ul(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         p(e.$slots, "label-right")
-      ], 10, Fl)) : i.labelRight ? (s(), u("label", {
+      ], 10, Kl)) : i.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: i.labelRight
-      }, null, 10, jl)) : c("", !0)
+      }, null, 10, Hl)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const ql = {
+const Fl = {
   name: "w-slider",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -5257,17 +5265,17 @@ const ql = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, Xl = /* @__PURE__ */ v(ql, [["render", Ul]]), Yl = { key: 0 };
-function Gl(e, t, i, o, n, l) {
+}, jl = /* @__PURE__ */ v(Fl, [["render", Dl]]), Ul = { key: 0 };
+function ql(e, t, i, o, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
     style: R(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", Yl)) : c("", !0)
+    l.isThreeDots ? (s(), u("span", Ul)) : c("", !0)
   ], 6)) : c("", !0);
 }
-const Jl = {
+const Xl = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5305,13 +5313,13 @@ const Jl = {
       };
     }
   }
-}, Ql = /* @__PURE__ */ v(Jl, [["render", Gl]]);
-function Zl(e, t, i, o, n, l) {
+}, Yl = /* @__PURE__ */ v(Xl, [["render", ql]]);
+function Gl(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const es = {
+const Jl = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5327,14 +5335,14 @@ const es = {
       };
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zl]]), is = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ls = ["for"], ss = {
+}, Ql = /* @__PURE__ */ v(Jl, [["render", Gl]]), Zl = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], es = ["for"], ts = {
   key: 0,
   class: "w-switch__track"
-}, as = {
+}, is = {
   key: 1,
   class: "w-switch__thumb"
-}, os = ["for"];
-function ns(e, t, i, o, n, l) {
+}, ls = ["for"];
+function ss(e, t, i, o, n, l) {
   const a = $("w-progress");
   return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -5360,7 +5368,7 @@ function ns(e, t, i, o, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }, null, 40, is),
+      }, null, 40, Zl),
       l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
@@ -5370,18 +5378,18 @@ function ns(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, ls)) : c("", !0)
+        ], 10, es)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", C({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, z(e.$attrs, !0), { class: l.inputClasses }), [
-        e.$slots.track ? (s(), u("div", ss, [
+      }, W(e.$attrs, !0), { class: l.inputClasses }), [
+        e.$slots.track ? (s(), u("div", ts, [
           p(e.$slots, "track")
         ])) : c("", !0),
-        e.$slots.thumb || i.loading ? (s(), u("div", as, [
+        e.$slots.thumb || i.loading ? (s(), u("div", is, [
           i.loading ? (s(), g(a, C({
             key: 0,
             circle: "",
@@ -5398,15 +5406,15 @@ function ns(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, os)) : c("", !0)
+        ], 10, ls)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const rs = {
+const as = {
   name: "w-switch",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: { default: !1 },
     label: { type: String, default: "" },
@@ -5469,23 +5477,23 @@ const rs = {
       this.isOn = e;
     }
   }
-}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, i, o, n, l) {
-  return s(), u("div", us, [
+}, os = /* @__PURE__ */ v(as, [["render", ss]]), ns = { class: "w-tabs__content" };
+function rs(e, t, i, o, n, l) {
+  return s(), u("div", ns, [
     p(e.$slots, "default", { item: i.item })
   ]);
 }
-const cs = {
+const ds = {
   name: "tab-content",
   props: { item: Object }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], ms = ["innerHTML"], gs = {
+}, us = /* @__PURE__ */ v(ds, [["render", rs]]), hs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], cs = ["innerHTML"], ps = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, bs = {
+}, fs = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, ys = ["innerHTML"], ws = ["innerHTML"];
-function vs(e, t, i, o, n, l) {
+}, ms = ["innerHTML"], gs = ["innerHTML"];
+function bs(e, t, i, o, n, l) {
   const a = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
@@ -5500,7 +5508,7 @@ function vs(e, t, i, o, n, l) {
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
         onFocus: (h) => e.$emit("focus", l.getOriginalItem(r)),
         tabindex: !r._disabled && 0,
-        onKeypress: W((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
+        onKeypress: E((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
@@ -5517,10 +5525,10 @@ function vs(e, t, i, o, n, l) {
         }, () => [
           w("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, ms)
+          }, null, 8, cs)
         ])
-      ], 42, fs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", gs, [
+      ], 42, hs))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", ps, [
         p(e.$slots, "tabs-bar-extra")
       ])) : c("", !0),
       !i.noSlider && !i.card ? (s(), u("div", {
@@ -5529,7 +5537,7 @@ function vs(e, t, i, o, n, l) {
         style: R(l.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
-    e.tabs.length ? (s(), u("div", bs, [
+    e.tabs.length ? (s(), u("div", fs, [
       i.keepInDom ? (s(), g(ae, {
         key: 0,
         name: l.transitionName
@@ -5555,7 +5563,7 @@ function vs(e, t, i, o, n, l) {
                 r[i.itemContentKey] ? (s(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, ys)) : c("", !0)
+                }, null, 8, ms)) : c("", !0)
               ])
             ]),
             _: 2
@@ -5594,7 +5602,7 @@ function vs(e, t, i, o, n, l) {
                     r[i.itemContentKey] ? (s(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, ws)) : c("", !0)
+                    }, null, 8, gs)) : c("", !0)
                   ])
                 ], 64)) : c("", !0)
               ]),
@@ -5608,7 +5616,7 @@ function vs(e, t, i, o, n, l) {
   ], 2);
 }
 let fe = 0;
-const ks = {
+const ys = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -5634,7 +5642,7 @@ const ks = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: ps },
+  components: { TabContent: us },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -5783,32 +5791,32 @@ const ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Ss = ["width"], Bs = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
+}, ws = /* @__PURE__ */ v(ys, [["render", bs]]), vs = { ref: "colgroup" }, ks = ["width"], _s = { key: 0 }, Cs = ["onClick"], Ss = ["innerHTML"], Bs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ts = ["colspan"], Rs = {
+}, $s = ["colspan"], Vs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
+}, Is = ["colspan"], Ts = { class: "w-table__loading-text" }, Rs = {
   key: 1,
   class: "no-data"
-}, Ps = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
+}, Ls = ["colspan"], xs = ["onClick"], Os = ["data-label"], Ps = ["data-label"], zs = ["innerHTML"], Ms = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Ns = ["colspan"], Ks = { key: 0 }, Hs = {
+}, Es = ["colspan"], Ws = { key: 0 }, As = {
   key: 3,
   class: "w-table__extra-row"
-}, Ds = {
+}, Ns = {
   key: 1,
   class: "w-table__footer"
-}, Fs = {
+}, Ks = {
   key: 1,
   class: "w-table__row"
-}, js = ["colspan"], Us = {
+}, Hs = ["colspan"], Ds = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
-}, qs = ["colspan"], Xs = { class: "w-table__pagination w-pagination" }, Ys = { class: "pages-wrap" }, Gs = { class: "w-pagination__results" };
-function Js(e, t, i, o, n, l) {
+}, Fs = ["colspan"], js = { class: "w-table__pagination w-pagination" }, Us = { class: "pages-wrap" }, qs = { class: "w-pagination__results" };
+function Xs(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", l.wrapClasses])
@@ -5819,14 +5827,14 @@ function Js(e, t, i, o, n, l) {
       onMouseover: t[6] || (t[6] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
       onMouseout: t[7] || (t[7] = (...b) => l.onMouseOut && l.onMouseOut(...b))
     }, [
-      w("colgroup", Cs, [
+      w("colgroup", vs, [
         (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("col", {
           class: f(["w-table__col", l.colClasses[T]]),
           key: T,
           width: b.width || null
-        }, null, 10, Ss))), 128))
+        }, null, 10, ks))), 128))
       ], 512),
-      i.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      i.noHeaders ? c("", !0) : (s(), u("thead", _s, [
         w("tr", null, [
           (s(!0), u(k, null, L(i.headers, (b, T) => (s(), u("th", {
             class: f(["w-table__header", l.headerClasses(b)]),
@@ -5853,7 +5861,7 @@ function Js(e, t, i, o, n, l) {
               ]) : (s(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
-              }, null, 8, Vs))
+              }, null, 8, Ss))
             ], 64)) : c("", !0),
             b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
               key: 2,
@@ -5867,37 +5875,37 @@ function Js(e, t, i, o, n, l) {
             T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
               key: 3,
               class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }]),
-              onClick: t[0] || (t[0] = E(() => {
+              onClick: t[0] || (t[0] = M(() => {
               }, ["stop"]))
             }, null, 2)) : c("", !0)
-          ], 10, $s))), 128))
+          ], 10, Cs))), 128))
         ]),
         I(d, null, {
           default: m(() => [
-            i.loading === "header" ? (s(), u("tr", Is, [
+            i.loading === "header" ? (s(), u("tr", Bs, [
               w("td", {
                 colspan: i.headers.length
               }, [
                 I(r, { tile: "" })
-              ], 8, Ts)
+              ], 8, $s)
             ])) : c("", !0)
           ]),
           _: 1
         })
       ])),
       w("tbody", null, [
-        i.loading === !0 ? (s(), u("tr", Rs, [
+        i.loading === !0 ? (s(), u("tr", Vs, [
           w("td", {
             colspan: i.headers.length
           }, [
             I(r, { tile: "" }),
-            w("div", xs, [
+            w("div", Ts, [
               p(e.$slots, "loading", {}, () => [
                 S("Loading...")
               ])
             ])
-          ], 8, Ls)
-        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
+          ], 8, Is)
+        ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", Rs, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: i.headers.length
@@ -5905,7 +5913,7 @@ function Js(e, t, i, o, n, l) {
             p(e.$slots, "no-data", {}, () => [
               S("No data to show.")
             ])
-          ], 8, Ps)
+          ], 8, Ls)
         ])),
         l.tableItems.length && i.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(l.paginatedItems, (b, T) => (s(), u(k, { key: T }, [
           e.$slots.item ? p(e.$slots, "item", {
@@ -5948,29 +5956,29 @@ function Js(e, t, i, o, n, l) {
                   key: 3,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
-              ], 10, Ms)) : (s(), u("td", {
+              ], 10, Os)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
                 key: `${P}-b`,
                 "data-label": x.label
               }, [
                 w("div", {
                   innerHTML: b[x.key] || ""
-                }, null, 8, Ws),
+                }, null, 8, zs),
                 P < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                   key: 0,
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
-              ], 10, Es))
+              ], 10, Ps))
             ], 64))), 256))
-          ], 10, zs)),
-          l.expandedRowsByUid[b._uid] ? (s(), u("tr", As, [
+          ], 10, xs)),
+          l.expandedRowsByUid[b._uid] ? (s(), u("tr", Ms, [
             w("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               I(h, { y: "" }, {
                 default: m(() => [
-                  l.expandedRowsByUid[b._uid] ? (s(), u("div", Ks, [
+                  l.expandedRowsByUid[b._uid] ? (s(), u("div", Ws, [
                     p(e.$slots, "row-expansion", {
                       item: b,
                       index: T + 1
@@ -5983,28 +5991,28 @@ function Js(e, t, i, o, n, l) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, Ns)
+            ], 8, Es)
           ])) : c("", !0)
         ], 64))), 128)) : c("", !0),
-        e.$slots["extra-row"] ? (s(), u("div", Hs, [
+        e.$slots["extra-row"] ? (s(), u("div", As, [
           p(e.$slots, "extra-row")
         ])) : c("", !0)
       ]),
-      e.$slots.footer || e.$slots["footer-row"] || i.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"] || i.pagination ? (s(), u("tfoot", Ns, [
+        e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Ks, [
           w("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
             p(e.$slots, "footer")
-          ], 8, js)
+          ], 8, Hs)
         ])) : c("", !0),
-        i.pagination && e.paginationConfig ? (s(), u("tr", Us, [
+        i.pagination && e.paginationConfig ? (s(), u("tr", Ds, [
           w("td", {
             class: "w-table__cell",
             colspan: i.headers.length
           }, [
-            w("div", Xs, [
+            w("div", js, [
               p(e.$slots, "pagination", {
                 range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
                 total: e.paginationConfig.total
@@ -6020,7 +6028,7 @@ function Js(e, t, i, o, n, l) {
                   label: "Items per page",
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "items"])) : c("", !0),
-                w("div", Ys, [
+                w("div", Us, [
                   I(B, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
                     onClick: t[3] || (t[3] = (b) => l.goToPage("-1")),
@@ -6050,16 +6058,16 @@ function Js(e, t, i, o, n, l) {
                     lg: ""
                   }, null, 8, ["disabled"])
                 ]),
-                w("span", Gs, _(e.paginationConfig.start) + "-" + _(e.paginationConfig.end || e.paginationConfig.total) + " of " + _(e.paginationConfig.total), 1)
+                w("span", qs, _(e.paginationConfig.start) + "-" + _(e.paginationConfig.end || e.paginationConfig.total) + " of " + _(e.paginationConfig.total), 1)
               ])
             ])
-          ], 8, qs)
+          ], 8, Fs)
         ])) : c("", !0)
       ])) : c("", !0)
     ], 34)
   ], 2);
 }
-const me = 15, Qs = {
+const me = 15, Ys = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6343,13 +6351,13 @@ const me = 15, Qs = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, Zs = /* @__PURE__ */ v(Qs, [["render", Js]]), ea = ["role", "aria-pressed", "tabindex"];
-function ta(e, t, i, o, n, l) {
-  return s(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
+}, Gs = /* @__PURE__ */ v(Ys, [["render", Xs]]), Js = ["role", "aria-pressed", "tabindex"];
+function Qs(e, t, i, o, n, l) {
+  return s(), u("span", C({ class: "w-tag" }, W(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = W((a) => {
+    onKeypress: t[2] || (t[2] = E((a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }, ["enter"])),
     class: l.classes,
@@ -6362,15 +6370,15 @@ function ta(e, t, i, o, n, l) {
     i.closable && i.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = E((a) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : c("", !0)
-  ], 16, ea);
+  ], 16, Js);
 }
-const ia = {
+const Zs = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -6419,8 +6427,8 @@ const ia = {
       };
     }
   }
-}, la = /* @__PURE__ */ v(ia, [["render", ta]]), sa = ["for"], aa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], oa = ["for"], na = ["for"];
-function ra(e, t, i, o, n, l) {
+}, ea = /* @__PURE__ */ v(Zs, [["render", Qs]]), ta = ["for"], ia = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], la = ["for"], sa = ["for"];
+function aa(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), g(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -6441,7 +6449,7 @@ function ra(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, sa)) : c("", !0)
+        ], 10, ta)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
@@ -6462,7 +6470,7 @@ function ra(e, t, i, o, n, l) {
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
-        }, z(l.listeners, !0), {
+        }, W(l.listeners, !0), {
           onInput: t[2] || (t[2] = (...r) => l.onInput && l.onInput(...r)),
           onFocus: t[3] || (t[3] = (...r) => l.onFocus && l.onFocus(...r)),
           onBlur: t[4] || (t[4] = (...r) => l.onBlur && l.onBlur(...r)),
@@ -6476,7 +6484,7 @@ function ra(e, t, i, o, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, aa), [
+        }), null, 16, ia), [
           [be, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 1 }, [
@@ -6488,7 +6496,7 @@ function ra(e, t, i, o, n, l) {
             p(e.$slots, "default", {}, () => [
               S(_(i.label), 1)
             ])
-          ], 10, oa)) : c("", !0)
+          ], 10, la)) : c("", !0)
         ], 64)) : c("", !0),
         i.innerIconRight ? (s(), g(a, {
           key: 2,
@@ -6512,15 +6520,15 @@ function ra(e, t, i, o, n, l) {
           p(e.$slots, "default", {}, () => [
             S(_(i.label), 1)
           ])
-        ], 10, na)) : c("", !0)
+        ], 10, sa)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const da = {
+const oa = {
   name: "w-textarea",
-  mixins: [M],
+  mixins: [z],
   props: {
     modelValue: { default: "" },
     label: { type: String },
@@ -6634,8 +6642,8 @@ const da = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, ua = /* @__PURE__ */ v(da, [["render", ra]]), ha = ["innerHTML"], ca = ["innerHTML"];
-function pa(e, t, i, o, n, l) {
+}, na = /* @__PURE__ */ v(oa, [["render", aa]]), ra = ["innerHTML"], da = ["innerHTML"];
+function ua(e, t, i, o, n, l) {
   return s(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
@@ -6663,16 +6671,16 @@ function pa(e, t, i, o, n, l) {
         w("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, ha),
+        }, null, 10, ra),
         w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, ca)
+        }, null, 8, da)
       ])
     ]))), 128))
   ], 2);
 }
-const fa = {
+const ha = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -6694,8 +6702,8 @@ const fa = {
       };
     }
   }
-}, ma = /* @__PURE__ */ v(fa, [["render", pa]]);
-function ga(e, t, i, o, n, l) {
+}, ca = /* @__PURE__ */ v(ha, [["render", ua]]);
+function pa(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-toolbar", l.classes]),
     style: R(l.styles)
@@ -6703,7 +6711,7 @@ function ga(e, t, i, o, n, l) {
     p(e.$slots, "default")
   ], 6);
 }
-const ba = {
+const fa = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -6752,8 +6760,8 @@ const ba = {
       };
     }
   }
-}, ya = /* @__PURE__ */ v(ba, [["render", ga]]);
-function wa(e, t, i, o, n, l) {
+}, ma = /* @__PURE__ */ v(fa, [["render", pa]]);
+function ga(e, t, i, o, n, l) {
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: l.activatorEventHandlers }),
     I(O, {
@@ -6774,7 +6782,7 @@ function wa(e, t, i, o, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const va = {
+const ba = {
   name: "w-tooltip",
   mixins: [we],
   props: {
@@ -6873,8 +6881,8 @@ const va = {
       !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));
     }
   }
-}, ka = /* @__PURE__ */ v(va, [["render", wa]]);
-function _a(e, t, i, o, n, l) {
+}, ya = /* @__PURE__ */ v(ba, [["render", ga]]);
+function wa(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "bounce" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -6882,14 +6890,14 @@ function _a(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Ca = {
+const va = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Ba(e, t, i, o, n, l) {
+}, ka = /* @__PURE__ */ v(va, [["render", wa]]);
+function _a(e, t, i, o, n, l) {
   return s(), g(O, {
     name: "expand",
     mode: "out-in",
@@ -6910,7 +6918,7 @@ function Ba(e, t, i, o, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const $a = {
+const Ca = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7000,8 +7008,8 @@ const $a = {
       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;
     }
   }
-}, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
-function Ia(e, t, i, o, n, l) {
+}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
+function Ba(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7009,14 +7017,14 @@ function Ia(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Ta = {
+const $a = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ra = /* @__PURE__ */ v(Ta, [["render", Ia]]);
-function La(e, t, i, o, n, l) {
+}, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
+function Ia(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "scale" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7024,14 +7032,14 @@ function La(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const xa = {
+const Ta = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Pa(e, t, i, o, n, l) {
+}, Ra = /* @__PURE__ */ v(Ta, [["render", Ia]]);
+function La(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7039,14 +7047,14 @@ function Pa(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const za = {
+const xa = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
-function Ea(e, t, i, o, n, l) {
+}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
+function Pa(e, t, i, o, n, l) {
   return s(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7054,7 +7062,7 @@ function Ea(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const Wa = {
+const za = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7072,8 +7080,8 @@ const Wa = {
       return `slide-${this.direction}`;
     }
   }
-}, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
-function Na(e, t, i, o, n, l) {
+}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
+function Ea(e, t, i, o, n, l) {
   return s(), g(O, C({ name: l.transitionName }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7081,7 +7089,7 @@ function Na(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const Ka = {
+const Wa = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7099,8 +7107,8 @@ const Ka = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
-function Da(e, t, i, o, n, l) {
+}, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
+function Na(e, t, i, o, n, l) {
   return s(), g(O, C({ name: "twist" }, e.$props), {
     default: m(() => [
       p(e.$slots, "default")
@@ -7108,17 +7116,17 @@ function Da(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Fa = {
+const Ka = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ja = /* @__PURE__ */ v(Fa, [["render", Da]]), Ua = ["innerHTML"], qa = {
+}, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]), Da = ["innerHTML"], Fa = {
   key: 1,
   class: "ml1"
 };
-function Xa(e, t, i, o, n, l) {
+function ja(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", l.classes])
@@ -7136,7 +7144,7 @@ function Xa(e, t, i, o, n, l) {
           (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (s(), g(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: E((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
+            onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7165,8 +7173,8 @@ function Xa(e, t, i, o, n, l) {
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
-              }, null, 8, Ua),
-              i.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              }, null, 8, Da),
+              i.counts && (h.children || h.branch) ? (s(), u("span", Fa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
@@ -7206,7 +7214,7 @@ function Xa(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const Ya = {
+const Ua = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -7360,7 +7368,7 @@ const Ya = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, Ga = /* @__PURE__ */ v(Ya, [["render", Xa]]), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qa = /* @__PURE__ */ v(Ua, [["render", ja]]), Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: Ye,
   WAlert: Ze,
@@ -7393,29 +7401,29 @@ const Ya = {
   WRadios: ml,
   WRating: vl,
   WScrollable: Sl,
-  WSelect: Pl,
-  WSlider: Xl,
-  WSpinner: Ql,
-  WSteps: ts,
-  WSwitch: ds,
-  WTabs: _s,
-  WTable: Zs,
-  WTag: la,
-  WTextarea: ua,
-  WTimeline: ma,
-  WToolbar: ya,
-  WTooltip: ka,
-  WTransitionBounce: Sa,
-  WTransitionExpand: Va,
-  WTransitionFade: Ra,
-  WTransitionScale: Oa,
-  WTransitionScaleFade: Ma,
-  WTransitionSlide: Aa,
-  WTransitionSlideFade: Ha,
-  WTransitionTwist: ja,
-  WTree: Ga
-}, Symbol.toStringTag, { value: "Module" })), Qa = K.install;
-K.install = (e, t = {}) => Qa.call(K, e, { components: Ja, ...t });
+  WSelect: Ll,
+  WSlider: jl,
+  WSpinner: Yl,
+  WSteps: Ql,
+  WSwitch: os,
+  WTabs: ws,
+  WTable: Gs,
+  WTag: ea,
+  WTextarea: na,
+  WTimeline: ca,
+  WToolbar: ma,
+  WTooltip: ya,
+  WTransitionBounce: ka,
+  WTransitionExpand: Sa,
+  WTransitionFade: Va,
+  WTransitionScale: Ra,
+  WTransitionScaleFade: Oa,
+  WTransitionSlide: Ma,
+  WTransitionSlideFade: Aa,
+  WTransitionTwist: Ha,
+  WTree: qa
+}, Symbol.toStringTag, { value: "Module" })), Ya = K.install;
+K.install = (e, t = {}) => Ya.call(K, e, { components: Xa, ...t });
 export {
   K as default
 };