wave-ui 3.6.0 → 3.6.2

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var Y = (e, t, l) => (ne(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, o) => (ne(e, t, "write to private field"), o ? o.call(e, l) : t.set(e, l), l);
-import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Be, inject as Se, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as B, toDisplayString as _, Transition as O, normalizeStyle as T, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, 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 m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, 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 ie, resolveDirective as me, 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: {
@@ -60,7 +60,7 @@ const Ie = Q({
       typeof o == "object" ? ye(e[l], t[l]) : t[l] = o;
     }
   return t;
-}, U = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Re = (e) => {
+}, U = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Te = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
     l.shades = {};
@@ -437,7 +437,7 @@ const Ie = Q({
   baseIncrement: 4
 };
 let se = { keys: [], values: [] }, he = null;
-const Te = (e) => {
+const Re = (e) => {
   let t = "";
   const l = {}, { info: o, warning: n, success: i, error: a, shades: r, ...d } = e, { cssScope: h } = q;
   for (const b in d)
@@ -447,10 +447,10 @@ const Te = (e) => {
   const y = { ...d, info: o, warning: n, success: i, error: a };
   for (const b in y)
     l[b] = y[b];
-  let S = "";
-  return Object.entries(l).forEach(([b, R]) => {
-    S += `--w-${b}-color: ${R};`;
-  }), `:root{${S}}${t}`;
+  let B = "";
+  return Object.entries(l).forEach(([b, T]) => {
+    B += `--w-${b}-color: ${T};`;
+  }), `:root{${B}}${t}`;
 }, Le = (e, t) => {
   let l = "";
   const { cssScope: o } = q;
@@ -480,6 +480,7 @@ const Te = (e) => {
     "text-nowrap{white-space:nowrap}",
     "row{flex-direction:row}",
     "column{flex-direction:column}",
+    "column-reverse{flex-direction:column-reverse}",
     "grow{flex-grow:1;flex-basis:auto}",
     "no-grow{flex-grow:0}",
     "shrink{flex-shrink:1;margin-left:auto;margin-right:auto}",
@@ -533,7 +534,7 @@ const Te = (e) => {
 }, Pe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
-    t.id = "wave-ui-colors", t.innerHTML = Te(e);
+    t.id = "wave-ui-colors", t.innerHTML = Re(e);
     const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     l ? l.before(t) : document.head.appendChild(t);
   }
@@ -646,7 +647,7 @@ H = new WeakMap(), ee(G, H, void 0);
 const Ne = (e, t, l) => {
   const o = document.createElement("div");
   e.appendChild(o);
-  const n = Ce(Be({
+  const n = Ce(Se({
     ...Ae,
     inject: ["$waveui"]
   })).provide("$waveui", l);
@@ -717,7 +718,7 @@ const j = class {
       l.colors.light || (l.colors.light = a), l.colors.dark || (l.colors.dark = a), l.colors = { light: l.colors.light, dark: l.colors.dark };
     }
     let { components: o, ...n } = l;
-    n = this.$waveui.config = ye(n), n.css.colorShades && Re(n);
+    n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
     const i = Q(this.$waveui);
     t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
   }
@@ -742,7 +743,7 @@ const j = class {
       beforeMount() {
         if (!pe) {
           pe = !0;
-          const i = Se("$waveui"), { config: a } = i, r = document.querySelector(a.on) || document.body;
+          const i = Be("$waveui"), { config: a } = i, r = document.querySelector(a.on) || document.body;
           r.classList.add("w-app"), a.theme === "auto" ? Ke(i) : i.switchTheme(a.theme, !0), Oe(i), Ne(r, o, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
@@ -766,7 +767,7 @@ function qe(e, t, l, o, n, i) {
         class: f(["w-accordion__item-title", l.titleClass]),
         onClick: (y) => !d._disabled && i.toggleItem(d, y),
         onFocus: (y) => e.$emit("focus", i.getOriginalItem(d)),
-        onKeypress: E((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
+        onKeypress: W((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         l.expandIcon && !l.expandIconRight ? (s(), m(a, {
@@ -777,9 +778,9 @@ function qe(e, t, l, o, n, i) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = M(() => {
+          onKeypress: t[0] || (t[0] = E(() => {
           }, ["stop"])),
-          onClick: M((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
+          onClick: E((y) => !d._disabled && i.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,
@@ -802,9 +803,9 @@ function qe(e, t, l, o, n, i) {
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
           text: "",
-          onKeypress: t[1] || (t[1] = M(() => {
+          onKeypress: t[1] || (t[1] = E(() => {
           }, ["stop"])),
-          onClick: M((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
+          onClick: E((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
       I(r, {
@@ -931,14 +932,14 @@ function Je(e, t, l, o, n, i) {
   return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
-  }, W(e.$attrs, !0), { class: i.classes }), [
+  }, z(e.$attrs, !0), { class: i.classes }), [
     i.type || l.icon || l.dismiss ? (s(), u(k, { key: 0 }, [
       i.type || l.icon ? (s(), m(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
         default: g(() => [
-          B(_(i.type ? i.typeIcon : l.icon), 1)
+          S(_(i.type ? i.typeIcon : l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -1061,7 +1062,7 @@ const lt = {
   }
 }, it = /* @__PURE__ */ v(lt, [["render", tt]]);
 function st(e, t, l, o, n, i) {
-  return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
+  return s(), u("div", C({ class: "w-badge-wrap" }, z(e.$attrs, !0)), [
     p(e.$slots, "default"),
     I(O, {
       name: `${l.transition}`
@@ -1070,14 +1071,14 @@ function st(e, t, l, o, n, i) {
         l.modelValue ? (s(), u("div", {
           key: 0,
           class: f(["w-badge", i.classes]),
-          style: T(i.styles),
+          style: R(i.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
           role: "status"
         }, [
           l.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
-            B(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+            S(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -1165,7 +1166,7 @@ function rt(e, t, l, o, n, i) {
         key: `${d}b`
       }, {
         default: g(() => [
-          B(_(l.icon), 1)
+          S(_(l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
@@ -1254,11 +1255,11 @@ function pt(e, t, l, o, n, i) {
     type: !l.route && l.type,
     href: l.route && (i.externalLink ? l.route : i.resolvedRoute) || null,
     disabled: !!l.disabled || null
-  }, W(i.listeners), { style: i.styles }), {
+  }, z(i.listeners), { style: i.styles }), {
     default: g(() => [
       l.icon ? (s(), m(a, ie(C({ key: 0 }, l.iconProps || {})), {
         default: g(() => [
-          B(_(l.icon), 1)
+          S(_(l.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
@@ -1371,7 +1372,7 @@ function bt(e, t, l, o, n, i) {
   const a = $("button-partial");
   return l.tooltip ? (s(), m(V("w-tooltip"), ie(C({ key: 0 }, l.tooltipProps || {})), {
     activator: g(({ on: r }) => [
-      I(a, C(i.buttonProps, W(r)), {
+      I(a, C(i.buttonProps, z(r)), {
         default: g(() => [
           p(e.$slots, "default")
         ]),
@@ -1526,7 +1527,7 @@ const _t = {
       };
     }
   }
-}, Ct = /* @__PURE__ */ v(_t, [["render", kt]]), z = {
+}, Ct = /* @__PURE__ */ v(_t, [["render", kt]]), M = {
   inject: {
     formRegister: { default: null },
     formProps: { default: () => ({ disabled: !1, readonly: !1 }) }
@@ -1567,11 +1568,11 @@ const _t = {
       this.$refs.formEl.validate(this);
     }
   }
-}, Bt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], St = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+}, St = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Bt = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
   /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
 ], -1), It = [
   Vt
-], Rt = ["for"], Tt = ["for", "innerHTML"];
+], Tt = ["for"], Rt = ["for", "innerHTML"];
 function Lt(e, t, l, o, n, i) {
   return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -1594,10 +1595,10 @@ function Lt(e, t, l, o, n, i) {
         onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
         onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
         onChange: t[2] || (t[2] = (a) => i.onInput()),
-        onKeypress: t[3] || (t[3] = E((...a) => i.onInput && i.onInput(...a), ["enter"])),
+        onKeypress: t[3] || (t[3] = W((...a) => i.onInput && i.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, Bt),
+      }, null, 40, St),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -1605,9 +1606,9 @@ function Lt(e, t, l, o, n, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
-        ], 10, St)) : l.label ? (s(), u("label", {
+        ], 10, Bt)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
@@ -1627,14 +1628,14 @@ function Lt(e, t, l, o, n, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
-        ], 10, Rt)) : l.label ? (s(), u("label", {
+        ], 10, Tt)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: l.label
-        }, null, 10, Tt)) : c("", !0)
+        }, null, 10, Rt)) : c("", !0)
       ], 64)) : c("", !0)
     ]),
     _: 3
@@ -1642,7 +1643,7 @@ function Lt(e, t, l, o, n, i) {
 }
 const xt = {
   name: "w-checkbox",
-  mixins: [z],
+  mixins: [M],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -1743,7 +1744,7 @@ function zt(e, t, l, o, n, i) {
 }
 const Mt = {
   name: "w-checkboxes",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: Array },
@@ -1817,7 +1818,7 @@ function Wt(e, t, l, o, n, i) {
         default: g(() => [
           w("div", null, [
             p(e.$slots, "question", {}, () => [
-              B(_(l.question), 1)
+              S(_(l.question), 1)
             ])
           ]),
           w("div", {
@@ -1828,24 +1829,24 @@ function Wt(e, t, l, o, n, i) {
               class: "mr2"
             }, i.cancelButtonProps, {
               "bg-color": (i.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = E((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = W((y) => !l.persistent && i.onCancel(), ["escape"])),
               onClick: i.onCancel
             }), {
               default: g(() => [
                 p(e.$slots, "cancel", {}, () => [
-                  B(_(i.cancelButton.label), 1)
+                  S(_(i.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : c("", !0),
             N((s(), m(a, C(i.confirmButtonProps, {
               "bg-color": (i.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = E((y) => !l.persistent && i.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = W((y) => !l.persistent && i.onCancel(), ["escape"])),
               onClick: i.onConfirm
             }), {
               default: g(() => [
                 p(e.$slots, "confirm", {}, () => [
-                  B(_(i.confirmButton.label), 1)
+                  S(_(i.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -1957,7 +1958,7 @@ const At = {
 function Kt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-date-picker", i.classes]),
-    style: T(i.styles)
+    style: R(i.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
@@ -2009,7 +2010,7 @@ function Ft(e, t, l, o, n, i) {
             "title-class": l.titleClass,
             "content-class": l.contentClass,
             title: l.title || void 0,
-            style: T(i.contentStyles)
+            style: R(i.contentStyles)
           }, Z({
             default: g(() => [
               p(e.$slots, "default")
@@ -2147,7 +2148,7 @@ function Qt(e, t, l, o, n, i) {
     l.pushContent ? (s(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: T(i.trackStyles)
+      style: R(i.trackStyles)
     }, [
       w("div", Jt, [
         l.noOverlay ? c("", !0) : (s(), m(a, {
@@ -2172,7 +2173,7 @@ function Qt(e, t, l, o, n, i) {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
-            style: T(i.styles)
+            style: R(i.styles)
           }, {
             default: g(() => [
               p(e.$slots, "default")
@@ -2204,7 +2205,7 @@ function Qt(e, t, l, o, n, i) {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
-            style: T(i.styles)
+            style: R(i.styles)
           }, {
             default: g(() => [
               p(e.$slots, "default")
@@ -2506,7 +2507,7 @@ function dl(e, t, l, o, n, i) {
           p(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            B(_(e.Validation.message), 1)
+            S(_(e.Validation.message), 1)
           ])
         ], 2)) : c("", !0)
       ]),
@@ -2637,7 +2638,7 @@ const pl = {
   }
 }, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
 function gl(e, t, l, o, n, i) {
-  return s(), m(V(l.tag || "i"), C({ class: "w-icon" }, W(e.$attrs), {
+  return s(), m(V(l.tag || "i"), C({ class: "w-icon" }, z(e.$attrs), {
     class: i.classes,
     role: "icon",
     "aria-hidden": "true",
@@ -2645,7 +2646,7 @@ function gl(e, t, l, o, n, i) {
   }), {
     default: g(() => [
       i.hasLigature ? (s(), u(k, { key: 0 }, [
-        B(_(e.icon), 1)
+        S(_(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
@@ -2728,7 +2729,7 @@ function wl(e, t, l, o, n, i) {
   const a = $("w-progress");
   return s(), m(V(i.wrapperTag), {
     class: f(["w-image-wrap", i.wrapperClasses]),
-    style: T(i.wrapperStyles)
+    style: R(i.wrapperStyles)
   }, {
     default: g(() => [
       I(O, {
@@ -2739,7 +2740,7 @@ function wl(e, t, l, o, n, i) {
           n.loaded ? (s(), m(V(l.tag), {
             key: 0,
             class: f(["w-image", i.imageClasses]),
-            style: T(i.imageStyles),
+            style: R(i.imageStyles),
             src: l.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
@@ -2861,10 +2862,10 @@ 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", "disabled", "data-progress"], $l = {
+}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Sl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bl = ["id", "name", "multiple", "disabled", "data-progress"], $l = {
   class: "w-input__no-file",
   key: "no-file"
-}, Vl = ["for"], Il = ["for"], Rl = ["src"], Tl = ["for"];
+}, Vl = ["for"], Il = ["for"], Tl = ["src"], Rl = ["for"];
 function Ll(e, t, l, o, n, i) {
   const a = $("w-icon"), r = $("w-progress");
   return s(), m(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 }, {
@@ -2892,7 +2893,7 @@ function Ll(e, t, l, o, n, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              B(_(l.label), 1)
+              S(_(l.label), 1)
             ])
           ], 10, Cl)) : c("", !0)
         ], 64)) : c("", !0),
@@ -2907,7 +2908,7 @@ function Ll(e, t, l, o, n, i) {
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
             default: g(() => [
-              B(_(l.innerIconLeft), 1)
+              S(_(l.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -2916,7 +2917,7 @@ function Ll(e, t, l, o, n, i) {
             class: "w-input__input",
             ref: "input",
             "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
-          }, W(i.listeners, !0), {
+          }, z(i.listeners, !0), {
             onInput: t[3] || (t[3] = (...d) => i.onInput && i.onInput(...d)),
             onFocus: t[4] || (t[4] = (...d) => i.onFocus && i.onFocus(...d)),
             onBlur: t[5] || (t[5] = (...d) => i.onBlur && i.onBlur(...d)),
@@ -2934,7 +2935,7 @@ function Ll(e, t, l, o, n, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, Bl)), [
+          }, i.attrs), null, 16, Sl)), [
             [$e, n.inputValue]
           ]) : (s(), u(k, { key: 2 }, [
             w("input", C({
@@ -2949,7 +2950,7 @@ function Ll(e, t, l, o, n, i) {
             }, i.attrs, {
               disabled: e.isDisabled || null,
               "data-progress": i.overallFilesProgress
-            }), null, 16, Sl),
+            }), null, 16, Bl),
             I(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -2960,19 +2961,19 @@ function Ll(e, t, l, o, n, i) {
                 !n.inputFiles.length && n.isFocused ? (s(), u("span", $l, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
-                      B("No file")
+                      S("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
                 (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  B(_(h ? ", " : ""), 1),
+                  S(_(h ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, _(d.base), 1)),
-                  B(_(d.extension ? `.${d.extension}` : ""), 1)
+                  S(_(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -2985,7 +2986,7 @@ function Ll(e, t, l, o, n, i) {
               for: `w-input--${e._.uid}`
             }, [
               p(e.$slots, "default", {}, () => [
-                B(_(l.label), 1)
+                S(_(l.label), 1)
               ])
             ], 10, Vl)) : c("", !0)
           ], 64)) : c("", !0),
@@ -2997,7 +2998,7 @@ function Ll(e, t, l, o, n, i) {
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
             default: g(() => [
-              B(_(l.innerIconRight), 1)
+              S(_(l.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -3023,7 +3024,7 @@ function Ll(e, t, l, o, n, i) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Rl)) : (s(), u("i", {
+            }, null, 8, Tl)) : (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))
@@ -3036,9 +3037,9 @@ function Ll(e, t, l, o, n, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              B(_(l.label), 1)
+              S(_(l.label), 1)
             ])
-          ], 10, Tl)) : c("", !0)
+          ], 10, Rl)) : c("", !0)
         ], 64)) : c("", !0)
       ], 64))
     ]),
@@ -3047,7 +3048,7 @@ function Ll(e, t, l, o, n, i) {
 }
 const xl = {
   name: "w-input",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: { default: "" },
     type: { type: String, default: "text" },
@@ -3229,7 +3230,7 @@ function Pl(e, t, l, o, n, i) {
         class: "w-list__item-bullet"
       }, {
         default: g(() => [
-          B(_(l.icon), 1)
+          S(_(l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -3254,7 +3255,7 @@ function Pl(e, t, l, o, n, i) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            B(_(d._label), 1)
+            S(_(d._label), 1)
           ])
         ]),
         _: 2
@@ -3272,23 +3273,23 @@ function Pl(e, t, l, o, n, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: g(({ item: y, index: S, selected: b }) => [
+          fn: g(({ item: y, index: B, selected: b }) => [
             p(e.$slots, "item", {
               item: i.cleanLi(y),
-              index: S,
+              index: B,
               selected: b
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: g(({ item: y, index: S, selected: b }) => [
+          fn: g(({ item: y, index: B, selected: b }) => [
             p(e.$slots, "default", {
               item: i.cleanLi(y),
-              index: S,
+              index: B,
               selected: b
             }, () => [
-              B(_(y[l.itemLabelKey]), 1)
+              S(_(y[l.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3437,9 +3438,10 @@ const zl = {
       }));
     },
     applySelectionOnItems(e) {
-      this.isMultipleSelect || this.listItems.forEach((t) => t._selected = !1), this.checkSelection(e).forEach((t) => {
-        const l = this.listItems.find((o) => o._value === t);
-        l && (l._selected = !0);
+      this.isMultipleSelect || this.listItems.forEach((l) => l._selected = !1);
+      const t = this.checkSelection(e);
+      this.listItems.forEach((l) => {
+        l._selected = t.find((o) => l._value === o) !== void 0;
       });
     }
   },
@@ -3482,7 +3484,8 @@ const zl = {
     detachableDefaultRoot: { default: null }
   },
   data: () => ({
-    docEventListenersHandlers: []
+    docEventListenersHandlers: [],
+    openTimeout: null
   }),
   computed: {
     appendToTarget() {
@@ -3518,13 +3521,16 @@ const zl = {
     },
     alignment() {
       return ["top", "bottom"].includes(this.position) && this.alignLeft && "left" || ["top", "bottom"].includes(this.position) && this.alignRight && "right" || ["left", "right"].includes(this.position) && this.alignTop && "top" || ["left", "right"].includes(this.position) && this.alignBottom && "bottom" || "";
+    },
+    shouldShowOnClick() {
+      return this.$options.props.showOnHover && !this.showOnHover || this.$options.props.showOnClick && this.showOnClick;
     }
   },
   methods: {
     async open(e) {
-      this.delay && await new Promise((t) => setTimeout(t, this.delay)), this.detachableVisible = !0, this.activator && (this.activatorEl = e.target), await this.insertInDOM(), this.minWidth === "activator" && (this.activatorWidth = this.activatorEl.offsetWidth), this.noPosition || this.computeDetachableCoords(), this.timeoutId = setTimeout(() => {
+      this.delay && await new Promise((t) => this.openTimeout = setTimeout(t, this.delay)), !(this.delay && !this.openTimeout) && (this.detachableVisible = !0, this.activator && (this.activatorEl = e.target), await this.insertInDOM(), this.minWidth === "activator" && (this.activatorWidth = this.activatorEl.offsetWidth), this.noPosition || this.computeDetachableCoords(), this.timeoutId = setTimeout(() => {
         this.$emit("update:modelValue", !0), this.$emit("input", !0), this.$emit("open");
-      }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize);
+      }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize));
     },
     getActivatorCoordinates() {
       const { top: e, left: t, width: l, height: o } = this.activatorEl.getBoundingClientRect();
@@ -3598,7 +3604,7 @@ const zl = {
     var e;
     this.activator ? this.bindActivatorEvents() : this.$nextTick(() => {
       this.activator && this.bindActivatorEvents(), this.modelValue && this.open({ target: this.activatorEl });
-    }), this.overlay && (this.overlayEl = (e = this.$refs.overlay) == null ? void 0 : e.$el), this.modelValue && this.activator ? this.toggle({ type: this.showOnClick ? "click" : "mouseenter", target: this.activatorEl }) : this.modelValue && this.open({ target: this.activatorEl });
+    }), this.overlay && (this.overlayEl = (e = this.$refs.overlay) == null ? void 0 : e.$el), this.modelValue && this.activator ? this.toggle({ type: this.shouldShowOnClick ? "click" : "mouseenter", target: this.activatorEl }) : this.modelValue && this.open({ target: this.activatorEl });
   },
   unmounted() {
     this.close(), this.removeFromDOM(), this.docEventListenersHandlers.length && this.docEventListenersHandlers.forEach(({ eventName: e, handler: t }) => {
@@ -3607,7 +3613,7 @@ const zl = {
   },
   watch: {
     modelValue(e) {
-      !!e !== this.detachableVisible && this.toggle({ type: this.showOnClick ? "click" : "mouseenter", target: this.activatorEl });
+      !!e !== this.detachableVisible && (e ? this.open({ target: this.activatorEl }) : this.close());
     },
     appendTo() {
       this.removeFromDOM(), this.insertInDOM();
@@ -3806,7 +3812,7 @@ const Wl = {
       typeof window < "u" && "ontouchstart" in window && this.showOnHover && e.type === "click" || e.type === "click" && !this.showOnHover ? t = !t : e.type === "mouseenter" && this.showOnHover ? (this.hoveringActivator = !0, t = !0) : e.type === "mouseleave" && this.showOnHover && (this.hoveringActivator = !1, t = !1), this.timeoutId = clearTimeout(this.timeoutId), t ? this.open(e) : this.close();
     },
     async close(e = !1) {
-      !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));
+      this.openTimeout = clearTimeout(this.openTimeout), this.detachableVisible && (this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && (this.hoveringMenu || this.hoveringActivator)) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize)));
     }
   }
 }, Al = /* @__PURE__ */ v(Wl, [["render", El]]);
@@ -3820,7 +3826,7 @@ function Nl(e, t, l, o, n, i) {
       n.show ? (s(), u("div", {
         key: 0,
         class: f(["w-notification", i.classes]),
-        style: T(i.styles)
+        style: R(i.styles)
       }, [
         I(a, C(i.alertProps, {
           class: i.alertClasses,
@@ -3971,8 +3977,8 @@ function Dl(e, t, l, o, n, i) {
         key: 0,
         class: f(["w-overlay", i.classes]),
         ref: "overlay",
-        style: T(l.modelValue && i.styles || null),
-        onKeydown: t[0] || (t[0] = E(M((...r) => i.onClick && i.onClick(...r), ["stop"]), ["escape"])),
+        style: R(l.modelValue && i.styles || null),
+        onKeydown: t[0] || (t[0] = W(E((...r) => i.onClick && i.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => i.onClick && i.onClick(...r)),
         tabindex: "0"
       }, [
@@ -4052,7 +4058,7 @@ const Xl = {
 function Zl(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-progress", i.classes]),
-    style: T(i.styles)
+    style: R(i.styles)
   }, [
     l.circle ? (s(), u("svg", {
       key: 1,
@@ -4077,19 +4083,19 @@ function Zl(e, t, l, o, n, i) {
         "stroke-width": l.stroke,
         "stroke-linecap": l.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: T(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
+        style: R(`stroke-dashoffset: ${(1 - i.progressValue / 100) * e.circleCircumference}`)
       }, null, 12, Ql)
     ], 8, Gl)) : (s(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: i.progressValue === 100 }]),
-      style: T(`width: ${i.progressValue}%`)
+      style: R(`width: ${i.progressValue}%`)
     }, null, 6)),
     l.label || e.$slots.default ? (s(), u("div", {
       key: 2,
       class: f(["w-progress__label", l.labelColor || !1])
     }, [
       p(e.$slots, "default", {}, () => [
-        B(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
+        S(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
       ])
     ], 2)) : c("", !0)
   ], 6);
@@ -4192,7 +4198,7 @@ function di(e, t, l, o, n, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, ai)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4214,7 +4220,7 @@ function di(e, t, l, o, n, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, ni)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4229,7 +4235,7 @@ function di(e, t, l, o, n, i) {
 }
 const ui = {
   name: "w-radio",
-  mixins: [z],
+  mixins: [M],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4332,7 +4338,7 @@ function pi(e, t, l, o, n, i) {
 }
 const fi = {
   name: "w-radios",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     modelValue: { type: [String, Number, Boolean] },
@@ -4415,7 +4421,7 @@ function yi(e, t, l, o, n, i) {
             class: f(["w-icon", `${l.icon} ${l.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: T(i.halfStarStyle)
+            style: R(i.halfStarStyle)
           }, null, 6)) : c("", !0)
         ], 42, bi)
       ], 64))), 128))
@@ -4425,7 +4431,7 @@ function yi(e, t, l, o, n, i) {
 }
 const wi = {
   name: "w-rating",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -4533,7 +4539,7 @@ function ki(e, t, l, o, n, i) {
       w("div", {
         class: "w-scrollbar__thumb",
         ref: "thumb",
-        style: T(i.thumbStyles)
+        style: R(i.thumbStyles)
       }, null, 4)
     ], 34)
   ], 64);
@@ -4653,15 +4659,15 @@ const _i = {
     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`;
   }
-}, Bi = /* @__PURE__ */ v(Ci, [["render", ki]]), Si = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]), Bi = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
   key: 1,
   class: "w-select__selection-slot"
-}, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Ti = ["for"], Li = ["for"];
+}, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ti = ["value", "name"], Ri = ["for"], Li = ["for"];
 function xi(e, t, l, o, n, i) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[11] || (t[11] = (h) => e.valid = h),
+    "onUpdate:valid": t[10] || (t[10] = (h) => e.valid = h),
     onReset: i.onReset,
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
@@ -4674,14 +4680,14 @@ function xi(e, t, l, o, n, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
-        ], 10, Si)) : c("", !0)
+        ], 10, Bi)) : c("", !0)
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
-        onClose: t[10] || (t[10] = (h) => !h && i.closeMenu()),
+        onClose: i.closeMenu,
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
         transition: "slide-fade-down",
         "append-to": (l.menuProps || {}).appendTo !== void 0 ? (l.menuProps || {}).appendTo : void 0,
@@ -4690,15 +4696,15 @@ function xi(e, t, l, o, n, i) {
         "min-width": "activator"
       }, l.menuProps || {}), {
         activator: g(({ on: h }) => [
-          w("div", {
-            class: f(["w-select__selection-wrap", i.inputWrapClasses]),
+          w("div", C({ class: "w-select__selection-wrap" }, z(h, !0), {
             onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && i.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`
-          }, [
+            "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`,
+            class: i.inputWrapClasses
+          }), [
             l.innerIconLeft ? (s(), m(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
@@ -4706,7 +4712,7 @@ function xi(e, t, l, o, n, i) {
               onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
               default: g(() => [
-                B(_(l.innerIconLeft), 1)
+                S(_(l.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
@@ -4729,12 +4735,12 @@ function xi(e, t, l, o, n, i) {
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
             }, null, 42, Ii),
-            (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
-              key: S,
+            (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 + (l.multiple ? "[]" : "")
-            }, null, 8, Ri))), 128)),
+            }, null, 8, Ti))), 128)),
             l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 2 }, [
               e.$slots.default || l.label ? (s(), u("label", {
                 key: 0,
@@ -4742,9 +4748,9 @@ function xi(e, t, l, o, n, i) {
                 for: `w-select--${e._.uid}`
               }, [
                 p(e.$slots, "default", {}, () => [
-                  B(_(l.label), 1)
+                  S(_(l.label), 1)
                 ])
-              ], 10, Ti)) : c("", !0)
+              ], 10, Ri)) : c("", !0)
             ], 64)) : c("", !0),
             l.innerIconRight ? (s(), m(a, {
               key: 3,
@@ -4753,11 +4759,11 @@ function xi(e, t, l, o, n, i) {
               onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
               default: g(() => [
-                B(_(l.innerIconRight), 1)
+                S(_(l.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
-          ], 10, $i)
+          ], 16, $i)
         ]),
         default: g(() => [
           I(r, {
@@ -4781,28 +4787,28 @@ function xi(e, t, l, o, n, i) {
           }, Z({ _: 2 }, [
             L(l.items.length, (h) => ({
               name: `item.${h}`,
-              fn: g(({ item: y, selected: S, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, b) ? p(e.$slots, `item.${h}`, {
+              fn: g(({ item: y, selected: B, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: S,
+                  selected: B,
                   index: b
                 }, () => [
-                  B(_(y[l.itemLabelKey]), 1)
+                  S(_(y[l.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: S,
+                  selected: B,
                   index: b
                 }, () => [
-                  B(_(y[l.itemLabelKey]), 1)
+                  S(_(y[l.itemLabelKey]), 1)
                 ])
               ])
             }))
           ]), 1032, ["model-value", "onUpdate:modelValue", "onItemSelect", "items", "multiple", "add-ids", "no-unselect", "selection-color", "item-color-key"])
         ]),
         _: 3
-      }, 16, ["modelValue", "menu-class", "append-to"]),
+      }, 16, ["modelValue", "onClose", "menu-class", "append-to"]),
       l.labelPosition === "right" ? (s(), u(k, { key: 1 }, [
         e.$slots.default || l.label ? (s(), u("label", {
           key: 0,
@@ -4810,7 +4816,7 @@ function xi(e, t, l, o, n, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, Li)) : c("", !0)
       ], 64)) : c("", !0)
@@ -4820,7 +4826,7 @@ function xi(e, t, l, o, n, i) {
 }
 const Oi = {
   name: "w-select",
-  mixins: [z],
+  mixins: [M],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -5032,11 +5038,11 @@ function Ui(e, t, l, o, n, i) {
         }, [
           w("div", {
             class: f(["w-slider__range", i.rangeClasses]),
-            style: T(i.rangeStyles)
+            style: R(i.rangeStyles)
           }, null, 6),
           w("div", {
             class: "w-slider__thumb",
-            style: T(i.thumbStyles)
+            style: R(i.thumbStyles)
           }, [
             w("button", {
               class: f(["w-slider__thumb-button", [l.color]]),
@@ -5049,11 +5055,11 @@ function Ui(e, t, l, o, n, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = E((a) => i.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = E((a) => i.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = W((a) => i.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = W((a) => i.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = M(() => {
+              onClick: t[3] || (t[3] = E(() => {
               }, ["prevent"]))
             }, null, 42, Ai),
             l.thumbLabel ? (s(), u("label", {
@@ -5063,13 +5069,13 @@ function Ui(e, t, l, o, n, i) {
             }, [
               l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  B(_(~~e.rangeValueScaled), 1)
+                  S(_(~~e.rangeValueScaled), 1)
                 ])
               ])) : p(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                B(_(~~e.rangeValueScaled), 1)
+                S(_(~~e.rangeValueScaled), 1)
               ])
             ], 10, Ni)) : c("", !0)
           ], 4)
@@ -5083,7 +5089,7 @@ function Ui(e, t, l, o, n, i) {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
-            style: T(`left: ${a * (100 / i.numberOfSteps)}%`)
+            style: R(`left: ${a * (100 / i.numberOfSteps)}%`)
           }, _(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, Di))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
@@ -5111,7 +5117,7 @@ function Ui(e, t, l, o, n, i) {
 }
 const qi = {
   name: "w-slider",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -5248,7 +5254,7 @@ function Gi(e, t, l, o, n, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", i.classes]),
-    style: T(i.styles)
+    style: R(i.styles)
   }, [
     i.isThreeDots ? (s(), u("span", Yi)) : c("", !0)
   ], 6)) : c("", !0);
@@ -5354,7 +5360,7 @@ function ns(e, t, l, o, n, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, is)) : c("", !0)
       ], 64)) : c("", !0),
@@ -5363,7 +5369,7 @@ function ns(e, t, l, o, n, i) {
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, W(e.$attrs, !0), { class: i.inputClasses }), [
+      }, z(e.$attrs, !0), { class: i.inputClasses }), [
         e.$slots.track ? (s(), u("div", ss, [
           p(e.$slots, "track")
         ])) : c("", !0),
@@ -5382,7 +5388,7 @@ function ns(e, t, l, o, n, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, os)) : c("", !0)
       ], 64)) : c("", !0)
@@ -5392,7 +5398,7 @@ function ns(e, t, l, o, n, i) {
 }
 const rs = {
   name: "w-switch",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: { default: !1 },
     label: { type: String, default: "" },
@@ -5486,7 +5492,7 @@ function vs(e, t, l, o, n, i) {
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && i.openTab(r._uid),
         onFocus: (h) => e.$emit("focus", i.getOriginalItem(r)),
         tabindex: !r._disabled && 0,
-        onKeypress: E((h) => !r._disabled && i.openTab(r._uid), ["enter"]),
+        onKeypress: W((h) => !r._disabled && i.openTab(r._uid), ["enter"]),
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
@@ -5512,7 +5518,7 @@ function vs(e, t, l, o, n, i) {
       !l.noSlider && !l.card ? (s(), u("div", {
         key: 1,
         class: f(["w-tabs__slider", l.sliderColor]),
-        style: T(i.sliderStyles)
+        style: R(i.sliderStyles)
       }, null, 6)) : c("", !0)
     ], 2),
     e.tabs.length ? (s(), u("div", bs, [
@@ -5769,10 +5775,10 @@ const ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Bs = ["width"], Ss = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
+}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Ss = ["width"], Bs = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
   key: 0,
   class: "w-table__progress-bar"
-}, Rs = ["colspan"], Ts = {
+}, Ts = ["colspan"], Rs = {
   key: 0,
   class: "w-table__progress-bar"
 }, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
@@ -5795,7 +5801,7 @@ const ks = {
   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, l, o, n, i) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
+  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", i.wrapClasses])
   }, [
@@ -5806,17 +5812,17 @@ function Js(e, t, l, o, n, i) {
       onMouseout: t[7] || (t[7] = (...b) => i.onMouseOut && i.onMouseOut(...b))
     }, [
       w("colgroup", Cs, [
-        (s(!0), u(k, null, L(l.headers, (b, R) => (s(), u("col", {
-          class: f(["w-table__col", i.colClasses[R]]),
-          key: R,
+        (s(!0), u(k, null, L(l.headers, (b, T) => (s(), u("col", {
+          class: f(["w-table__col", i.colClasses[T]]),
+          key: T,
           width: b.width || null
-        }, null, 10, Bs))), 128))
+        }, null, 10, Ss))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Ss, [
+      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
         w("tr", null, [
-          (s(!0), u(k, null, L(l.headers, (b, R) => (s(), u("th", {
+          (s(!0), u(k, null, L(l.headers, (b, T) => (s(), u("th", {
             class: f(["w-table__header", i.headerClasses(b)]),
-            key: R,
+            key: T,
             onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && i.sortTable(b)
           }, [
             b.sortable !== !1 && b.align === "right" ? (s(), m(a, {
@@ -5824,7 +5830,7 @@ function Js(e, t, l, o, n, i) {
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                B("wi-arrow-down")
+                S("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5833,9 +5839,9 @@ function Js(e, t, l, o, n, i) {
                 key: 0,
                 header: b,
                 label: b.label,
-                index: R + 1
+                index: T + 1
               }, () => [
-                B(_(b.label || ""), 1)
+                S(_(b.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
@@ -5846,14 +5852,14 @@ function Js(e, t, l, o, n, i) {
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                B("wi-arrow-down")
+                S("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
-            R < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+            T < 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 === R, "w-table__col-resizer--active": e.colResizing.columnIndex === R }]),
-              onClick: t[0] || (t[0] = M(() => {
+              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(() => {
               }, ["stop"]))
             }, null, 2)) : c("", !0)
           ], 10, $s))), 128))
@@ -5865,21 +5871,21 @@ function Js(e, t, l, o, n, i) {
                 colspan: l.headers.length
               }, [
                 I(r, { tile: "" })
-              ], 8, Rs)
+              ], 8, Ts)
             ])) : c("", !0)
           ]),
           _: 1
         })
       ])),
       w("tbody", null, [
-        l.loading === !0 ? (s(), u("tr", Ts, [
+        l.loading === !0 ? (s(), u("tr", Rs, [
           w("td", {
             colspan: l.headers.length
           }, [
             I(r, { tile: "" }),
             w("div", xs, [
               p(e.$slots, "loading", {}, () => [
-                B("Loading...")
+                S("Loading...")
               ])
             ])
           ], 8, Ls)
@@ -5889,21 +5895,21 @@ function Js(e, t, l, o, n, i) {
             colspan: l.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
-              B("No data to show.")
+              S("No data to show.")
             ])
           ], 8, Ps)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, R) => (s(), u(k, { key: R }, [
+        i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, T) => (s(), u(k, { key: T }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
             item: b,
-            index: R + 1,
-            select: () => i.doSelectRow(b, R),
+            index: T + 1,
+            select: () => i.doSelectRow(b, T),
             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[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }]),
-            onClick: (x) => i.doSelectRow(b, R)
+            onClick: (x) => i.doSelectRow(b, T)
           }, [
             (s(!0), u(k, null, L(l.headers, (x, P) => (s(), u(k, null, [
               e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
@@ -5916,19 +5922,19 @@ function Js(e, t, l, o, n, i) {
                   header: x,
                   item: b,
                   label: b[x.key] || "",
-                  index: R + 1
+                  index: T + 1
                 }) : e.$slots[`item-cell.${P + 1}`] ? p(e.$slots, `item-cell.${P + 1}`, {
                   key: 1,
                   header: x,
                   item: b,
                   label: b[x.key] || "",
-                  index: R + 1
+                  index: T + 1
                 }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
                   key: 2,
                   header: x,
                   item: b,
                   label: b[x.key] || "",
-                  index: R + 1
+                  index: T + 1
                 }) : c("", !0),
                 P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
@@ -5959,12 +5965,12 @@ function Js(e, t, l, o, n, i) {
                   i.expandedRowsByUid[b._uid] ? (s(), u("div", Ks, [
                     p(e.$slots, "row-expansion", {
                       item: b,
-                      index: R + 1
+                      index: T + 1
                     })
                   ])) : c("", !0),
-                  R < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                  T < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                     key: 1,
-                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === R, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                   }, null, 2)) : c("", !0)
                 ]),
                 _: 2
@@ -6007,7 +6013,7 @@ function Js(e, t, l, o, n, i) {
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "items"])) : c("", !0),
                 w("div", Ys, [
-                  I(S, {
+                  I(B, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
                     onClick: t[3] || (t[3] = (b) => i.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
@@ -6015,19 +6021,19 @@ function Js(e, t, l, o, n, i) {
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(S, {
+                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(B, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
-                    onClick: (R) => b !== e.paginationConfig.page && i.goToPage(b),
+                    onClick: (T) => b !== e.paginationConfig.page && i.goToPage(b),
                     round: "",
                     lg: ""
                   }, {
                     default: g(() => [
-                      B(_(b), 1)
+                      S(_(b), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick", "class"]))), 128)),
-                  I(S, {
+                  I(B, {
                     class: "w-pagination__arrow w-pagination__arrow--next",
                     onClick: t[4] || (t[4] = (b) => i.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
@@ -6244,12 +6250,12 @@ const ge = 15, Qs = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + i, d = n + a, h = i - a;
       l.style.width = n + a + "px", o.style.width = i - a + "px";
-      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ge, S = a > 0 && o.offsetWidth > h;
+      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ge, B = a > 0 && o.offsetWidth > h;
       if (y) {
         const b = Math.max(l.offsetWidth, ge);
         l.style.width = b + "px", o.style.width = r - b + "px";
       } else
-        S && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        B && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6331,11 +6337,11 @@ const ge = 15, Qs = {
   }
 }, Zs = /* @__PURE__ */ v(Qs, [["render", Js]]), ea = ["role", "aria-pressed", "tabindex"];
 function ta(e, t, l, o, n, i) {
-  return s(), u("span", C({ class: "w-tag" }, W(e.$attrs, !0), {
+  return s(), u("span", C({ class: "w-tag" }, z(e.$attrs, !0), {
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = E((a) => {
+    onKeypress: t[2] || (t[2] = W((a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }, ["enter"])),
     class: i.classes,
@@ -6348,7 +6354,7 @@ function ta(e, t, l, o, n, i) {
     l.closable && l.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = M((a) => {
+      onClick: t[0] || (t[0] = E((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
@@ -6425,7 +6431,7 @@ function ra(e, t, l, o, n, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, sa)) : c("", !0)
       ], 64)) : c("", !0),
@@ -6440,7 +6446,7 @@ function ra(e, t, l, o, n, i) {
           onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
           default: g(() => [
-            B(_(l.innerIconLeft), 1)
+            S(_(l.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
@@ -6448,7 +6454,7 @@ function ra(e, t, l, o, n, i) {
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
-        }, W(i.listeners, !0), {
+        }, z(i.listeners, !0), {
           onInput: t[2] || (t[2] = (...r) => i.onInput && i.onInput(...r)),
           onFocus: t[3] || (t[3] = (...r) => i.onFocus && i.onFocus(...r)),
           onBlur: t[4] || (t[4] = (...r) => i.onBlur && i.onBlur(...r)),
@@ -6472,7 +6478,7 @@ function ra(e, t, l, o, n, i) {
             for: `w-textarea--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              B(_(l.label), 1)
+              S(_(l.label), 1)
             ])
           ], 10, oa)) : c("", !0)
         ], 64)) : c("", !0),
@@ -6484,7 +6490,7 @@ function ra(e, t, l, o, n, i) {
           onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
           default: g(() => [
-            B(_(l.innerIconRight), 1)
+            S(_(l.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0)
@@ -6496,7 +6502,7 @@ function ra(e, t, l, o, n, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            B(_(l.label), 1)
+            S(_(l.label), 1)
           ])
         ], 10, na)) : c("", !0)
       ], 64)) : c("", !0)
@@ -6506,7 +6512,7 @@ function ra(e, t, l, o, n, i) {
 }
 const da = {
   name: "w-textarea",
-  mixins: [z],
+  mixins: [M],
   props: {
     modelValue: { default: "" },
     label: { type: String },
@@ -6633,7 +6639,7 @@ function pa(e, t, l, o, n, i) {
         class: f(["w-timeline-item__bullet", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }])
       }, {
         default: g(() => [
-          B(_(a[l.itemIconKey] || l.icon), 1)
+          S(_(a[l.itemIconKey] || l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -6684,7 +6690,7 @@ const fa = {
 function ma(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-toolbar", i.classes]),
-    style: T(i.styles)
+    style: R(i.styles)
   }, [
     p(e.$slots, "default")
   ], 6);
@@ -6751,7 +6757,7 @@ function wa(e, t, l, o, n, i) {
           class: f(["w-tooltip", i.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: T(i.styles)
+          style: R(i.styles)
         }, [
           p(e.$slots, "default")
         ], 6)) : c("", !0)
@@ -6874,8 +6880,8 @@ const Ca = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ba = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Sa(e, t, l, o, n, i) {
+}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
+function Ba(e, t, l, o, n, i) {
   return s(), m(O, {
     name: "expand",
     mode: "out-in",
@@ -6986,7 +6992,7 @@ 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", Sa]]);
+}, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
 function Ia(e, t, l, o, n, i) {
   return s(), m(O, C({ name: "fade" }, e.$props), {
     default: g(() => [
@@ -6995,13 +7001,13 @@ function Ia(e, t, l, o, n, i) {
     _: 3
   }, 16);
 }
-const Ra = {
+const Ta = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ta = /* @__PURE__ */ v(Ra, [["render", Ia]]);
+}, Ra = /* @__PURE__ */ v(Ta, [["render", Ia]]);
 function La(e, t, l, o, n, i) {
   return s(), m(O, C({ name: "scale" }, e.$props), {
     default: g(() => [
@@ -7114,15 +7120,15 @@ function Xa(e, t, l, o, n, i) {
       key: y
     }, [
       (s(), m(V(i.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
-        onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
+        onClick: (B) => !l.disabled && !h.disabled && i.onLabelClick(h, B),
+        onKeydown: (B) => !l.disabled && !h.disabled && i.onLabelKeydown(h, B),
         tabindex: i.getTreeItemTabindex(h)
       }), {
         default: g(() => [
           (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), m(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: M((S) => !l.disabled && !h.disabled && i.onLabelClick(h, S), ["stop"]),
+            onClick: E((B) => !l.disabled && !h.disabled && i.onLabelClick(h, B), ["stop"]),
             color: "inherit",
             icon: h.open && l.expandOpenIcon || l.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7137,7 +7143,7 @@ function Xa(e, t, l, o, n, i) {
             path: h.path,
             open: h.open
           }, () => {
-            var S;
+            var B;
             return [
               i.itemIcon(h) ? (s(), m(r, {
                 key: 0,
@@ -7145,14 +7151,14 @@ function Xa(e, t, l, o, n, i) {
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
               }, {
                 default: g(() => [
-                  B(_(i.itemIcon(h)), 1)
+                  S(_(i.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
               }, null, 8, Ua),
-              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
+              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
@@ -7160,27 +7166,27 @@ function Xa(e, t, l, o, n, i) {
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
       (s(), m(V(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
-        onAfterEnter: (S) => e.$emit("open", i.emitPayload(h)),
-        onAfterLeave: (S) => e.$emit("close", i.emitPayload(h))
+        onAfterEnter: (B) => e.$emit("open", i.emitPayload(h)),
+        onAfterLeave: (B) => e.$emit("close", i.emitPayload(h))
       }, {
         default: g(() => [
           h.children && h.open ? (s(), m(d, C({ key: 0 }, e.$props, {
             depth: l.depth + 1,
             data: h.originalItem.children,
             parent: h,
-            onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
-            onOpen: t[1] || (t[1] = (S) => e.$emit("open", S)),
-            onBeforeClose: t[2] || (t[2] = (S) => e.$emit("before-close", S)),
-            onClose: t[3] || (t[3] = (S) => e.$emit("close", S)),
-            onClick: t[4] || (t[4] = (S) => e.$emit("click", S)),
-            onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
-            "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
+            onBeforeOpen: t[0] || (t[0] = (B) => e.$emit("before-open", B)),
+            onOpen: t[1] || (t[1] = (B) => e.$emit("open", B)),
+            onBeforeClose: t[2] || (t[2] = (B) => e.$emit("before-close", B)),
+            onClose: t[3] || (t[3] = (B) => e.$emit("close", B)),
+            onClick: t[4] || (t[4] = (B) => e.$emit("click", B)),
+            onSelect: t[5] || (t[5] = (B) => e.$emit("select", B)),
+            "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
           }), {
-            item: g(({ item: S, depth: b, path: R, open: x }) => [
+            item: g(({ item: B, depth: b, path: T, open: x }) => [
               p(e.$slots, "item", {
-                item: S,
+                item: B,
                 depth: b,
-                path: R,
+                path: T,
                 open: x
               })
             ]),
@@ -7378,7 +7384,7 @@ const Ya = {
   WRadio: hi,
   WRadios: gi,
   WRating: vi,
-  WScrollable: Bi,
+  WScrollable: Si,
   WSelect: Pi,
   WSlider: Xi,
   WSpinner: Qi,
@@ -7391,9 +7397,9 @@ const Ya = {
   WTimeline: ga,
   WToolbar: ya,
   WTooltip: ka,
-  WTransitionBounce: Ba,
+  WTransitionBounce: Sa,
   WTransitionExpand: Va,
-  WTransitionFade: Ta,
+  WTransitionFade: Ra,
   WTransitionScale: Oa,
   WTransitionScaleFade: Ma,
   WTransitionSlide: Aa,