wave-ui 3.5.2 → 3.6.1

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 Se, inject as Be, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as S, toDisplayString as _, Transition as P, 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 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";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -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 B = "";
+  let S = "";
   return Object.entries(l).forEach(([b, R]) => {
-    B += `--w-${b}-color: ${R};`;
-  }), `:root{${B}}${t}`;
+    S += `--w-${b}-color: ${R};`;
+  }), `:root{${S}}${t}`;
 }, Le = (e, t) => {
   let l = "";
   const { cssScope: o } = q;
@@ -521,7 +521,7 @@ const Te = (e) => {
     xl: o === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, Pe = (e) => {
+}, Oe = (e) => {
   const { config: t } = e;
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const l = document.createElement("style");
@@ -530,7 +530,7 @@ const Te = (e) => {
     o ? o.before(l) : document.head.appendChild(l);
   }
   ce(e), window.addEventListener("resize", () => ce(e));
-}, Oe = (e) => {
+}, Pe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
     t.id = "wave-ui-colors", t.innerHTML = Te(e);
@@ -646,7 +646,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(Se({
+  const n = Ce(Be({
     ...Ae,
     inject: ["$waveui"]
   })).provide("$waveui", l);
@@ -705,7 +705,7 @@ const j = class {
         var n, i;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || i.call(n);
         const o = this.config.colors[this.theme];
-        Oe(o), this.colors = de(o, ue);
+        Pe(o), this.colors = de(o, ue);
       }
     });
     if (Y(j, X)) {
@@ -742,8 +742,8 @@ const j = class {
       beforeMount() {
         if (!pe) {
           pe = !0;
-          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), Pe(i), Ne(r, o, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          const i = Se("$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);
         }
       }
     }), new j(t, l), te(j, X, !0);
@@ -938,7 +938,7 @@ function Je(e, t, l, o, n, i) {
         class: "w-alert__icon mr2"
       }, {
         default: g(() => [
-          S(_(i.type ? i.typeIcon : l.icon), 1)
+          B(_(i.type ? i.typeIcon : l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -1063,7 +1063,7 @@ const lt = {
 function st(e, t, l, o, n, i) {
   return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    I(P, {
+    I(O, {
       name: `${l.transition}`
     }, {
       default: g(() => [
@@ -1077,7 +1077,7 @@ function st(e, t, l, o, n, i) {
           role: "status"
         }, [
           l.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
-            S(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+            B(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -1165,7 +1165,7 @@ function rt(e, t, l, o, n, i) {
         key: `${d}b`
       }, {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
@@ -1258,11 +1258,11 @@ function pt(e, t, l, o, n, i) {
     default: g(() => [
       l.icon ? (s(), m(a, ie(C({ key: 0 }, l.iconProps || {})), {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      I(P, { name: "scale-fade" }, {
+      I(O, { name: "scale-fade" }, {
         default: g(() => [
           l.loading ? (s(), u("div", ht, [
             p(e.$slots, "loading", {}, () => [
@@ -1567,7 +1567,7 @@ const _t = {
       this.$refs.formEl.validate(this);
     }
   }
-}, St = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Bt = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+}, Bt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], St = ["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
@@ -1597,7 +1597,7 @@ function Lt(e, t, l, o, n, i) {
         onKeypress: t[3] || (t[3] = E((...a) => i.onInput && i.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, St),
+      }, null, 40, Bt),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -1605,9 +1605,9 @@ function Lt(e, t, l, o, n, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
-        ], 10, Bt)) : l.label ? (s(), u("label", {
+        ], 10, St)) : 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,7 +1627,7 @@ function Lt(e, t, l, o, n, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, Rt)) : l.label ? (s(), u("label", {
           key: 1,
@@ -1700,7 +1700,7 @@ const xt = {
       this.isChecked = e;
     }
   }
-}, Pt = /* @__PURE__ */ v(xt, [["render", Lt]]), Ot = ["innerHTML"];
+}, Ot = /* @__PURE__ */ v(xt, [["render", Lt]]), Pt = ["innerHTML"];
 function zt(e, t, l, o, n, i) {
   const a = $("w-checkbox");
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
@@ -1733,7 +1733,7 @@ function zt(e, t, l, o, n, i) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Ot)) : c("", !0)
+          }, null, 8, Pt)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1817,7 +1817,7 @@ function Wt(e, t, l, o, n, i) {
         default: g(() => [
           w("div", null, [
             p(e.$slots, "question", {}, () => [
-              S(_(l.question), 1)
+              B(_(l.question), 1)
             ])
           ]),
           w("div", {
@@ -1833,7 +1833,7 @@ function Wt(e, t, l, o, n, i) {
             }), {
               default: g(() => [
                 p(e.$slots, "cancel", {}, () => [
-                  S(_(i.cancelButton.label), 1)
+                  B(_(i.cancelButton.label), 1)
                 ])
               ]),
               _: 3
@@ -1845,7 +1845,7 @@ function Wt(e, t, l, o, n, i) {
             }), {
               default: g(() => [
                 p(e.$slots, "confirm", {}, () => [
-                  S(_(i.confirmButton.label), 1)
+                  B(_(i.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -1994,7 +1994,7 @@ function Ft(e, t, l, o, n, i) {
     opacity: l.overlayOpacity
   }, {
     default: g(() => [
-      I(P, {
+      I(O, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
@@ -2162,7 +2162,7 @@ function Qt(e, t, l, o, n, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      I(P, {
+      I(O, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
@@ -2193,7 +2193,7 @@ function Qt(e, t, l, o, n, i) {
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(P, {
+      I(O, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
@@ -2506,7 +2506,7 @@ function dl(e, t, l, o, n, i) {
           p(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            S(_(e.Validation.message), 1)
+            B(_(e.Validation.message), 1)
           ])
         ], 2)) : c("", !0)
       ]),
@@ -2645,7 +2645,7 @@ function gl(e, t, l, o, n, i) {
   }), {
     default: g(() => [
       i.hasLigature ? (s(), u(k, { key: 0 }, [
-        S(_(e.icon), 1)
+        B(_(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
@@ -2731,7 +2731,7 @@ function wl(e, t, l, o, n, i) {
     style: T(i.wrapperStyles)
   }, {
     default: g(() => [
-      I(P, {
+      I(O, {
         name: l.transition,
         appear: ""
       }, {
@@ -2861,7 +2861,7 @@ const vl = {
       this.imgHeight = e;
     }
   }
-}, 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 = {
+}, 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 = {
   class: "w-input__no-file",
   key: "no-file"
 }, Vl = ["for"], Il = ["for"], Rl = ["src"], Tl = ["for"];
@@ -2892,7 +2892,7 @@ function Ll(e, t, l, o, n, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, Cl)) : c("", !0)
         ], 64)) : c("", !0),
@@ -2907,7 +2907,7 @@ function Ll(e, t, l, o, n, i) {
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
             default: g(() => [
-              S(_(l.innerIconLeft), 1)
+              B(_(l.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -2934,7 +2934,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, Sl)), [
+          }, i.attrs), null, 16, Bl)), [
             [$e, n.inputValue]
           ]) : (s(), u(k, { key: 2 }, [
             w("input", C({
@@ -2949,7 +2949,7 @@ function Ll(e, t, l, o, n, i) {
             }, i.attrs, {
               disabled: e.isDisabled || null,
               "data-progress": i.overallFilesProgress
-            }), null, 16, Bl),
+            }), null, 16, Sl),
             I(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -2960,19 +2960,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 }, [
-                      S("No file")
+                      B("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
                 (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  S(_(h ? ", " : ""), 1),
+                  B(_(h ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, _(d.base), 1)),
-                  S(_(d.extension ? `.${d.extension}` : ""), 1)
+                  B(_(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -2985,7 +2985,7 @@ function Ll(e, t, l, o, n, i) {
               for: `w-input--${e._.uid}`
             }, [
               p(e.$slots, "default", {}, () => [
-                S(_(l.label), 1)
+                B(_(l.label), 1)
               ])
             ], 10, Vl)) : c("", !0)
           ], 64)) : c("", !0),
@@ -2997,7 +2997,7 @@ function Ll(e, t, l, o, n, i) {
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
             default: g(() => [
-              S(_(l.innerIconRight), 1)
+              B(_(l.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -3036,7 +3036,7 @@ function Ll(e, t, l, o, n, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, Tl)) : c("", !0)
         ], 64)) : c("", !0)
@@ -3214,8 +3214,8 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Pl = /* @__PURE__ */ v(xl, [["render", Ll]]);
-function Ol(e, t, l, o, n, i) {
+}, Ol = /* @__PURE__ */ v(xl, [["render", Ll]]);
+function Pl(e, t, l, o, n, i) {
   const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
@@ -3229,7 +3229,7 @@ function Ol(e, t, l, o, n, i) {
         class: "w-list__item-bullet"
       }, {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -3254,7 +3254,7 @@ function Ol(e, t, l, o, n, i) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            S(_(d._label), 1)
+            B(_(d._label), 1)
           ])
         ]),
         _: 2
@@ -3272,23 +3272,23 @@ function Ol(e, t, l, o, n, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: g(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "item", {
               item: i.cleanLi(y),
-              index: B,
+              index: S,
               selected: b
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: g(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "default", {
               item: i.cleanLi(y),
-              index: B,
+              index: S,
               selected: b
             }, () => [
-              S(_(y[l.itemLabelKey]), 1)
+              B(_(y[l.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3437,9 +3437,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;
       });
     }
   },
@@ -3462,7 +3463,7 @@ const zl = {
       }
     }
   }
-}, Ml = /* @__PURE__ */ v(zl, [["render", Ol]]), we = {
+}, Ml = /* @__PURE__ */ v(zl, [["render", Pl]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3597,8 +3598,8 @@ const zl = {
   mounted() {
     var e;
     this.activator ? this.bindActivatorEvents() : this.$nextTick(() => {
-      this.activator && this.bindActivatorEvents(), this.modelValue && this.toggle({ type: "click", target: this.activatorEl });
-    }), this.overlay && (this.overlayEl = (e = this.$refs.overlay) == null ? void 0 : e.$el), this.modelValue && this.activator && this.toggle({ type: "click", target: this.activatorEl });
+      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 });
   },
   unmounted() {
     this.close(), this.removeFromDOM(), this.docEventListenersHandlers.length && this.docEventListenersHandlers.forEach(({ eventName: e, handler: t }) => {
@@ -3607,7 +3608,7 @@ const zl = {
   },
   watch: {
     modelValue(e) {
-      !!e !== this.detachableVisible && this.toggle({ type: "click", target: this.activatorEl });
+      !!e !== this.detachableVisible && this.toggle({ type: this.showOnClick ? "click" : "mouseenter", target: this.activatorEl });
     },
     appendTo() {
       this.removeFromDOM(), this.insertInDOM();
@@ -3618,7 +3619,7 @@ function El(e, t, l, o, n, i) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(P, {
+    I(O, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -3781,7 +3782,7 @@ const Wl = {
         top: this.detachableCoords.top && `${~~this.detachableCoords.top}px` || null,
         left: this.detachableCoords.left && `${~~this.detachableCoords.left}px` || null,
         minWidth: this.minWidth && this.menuMinWidth || null,
-        "--w-menu-bg-color": this.arrow && this.$waveui.colors[this.bgColor || "white"]
+        "--w-menu-bg-color": this.arrow && (this.$waveui.colors[this.bgColor] || "rgb(var(--w-base-bg-color-rgb))")
       };
     },
     activatorEventHandlers() {
@@ -3812,7 +3813,7 @@ const Wl = {
 }, Al = /* @__PURE__ */ v(Wl, [["render", El]]);
 function Nl(e, t, l, o, n, i) {
   const a = $("w-alert");
-  return s(), m(P, {
+  return s(), m(O, {
     name: i.transitionName,
     appear: ""
   }, {
@@ -3961,7 +3962,7 @@ const Kl = {
 }, Hl = /* @__PURE__ */ v(Kl, [["render", Nl]]);
 function Dl(e, t, l, o, n, i) {
   const a = me("focus");
-  return s(), m(P, {
+  return s(), m(O, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
@@ -4089,7 +4090,7 @@ function Zl(e, t, l, o, n, i) {
       class: f(["w-progress__label", l.labelColor || !1])
     }, [
       p(e.$slots, "default", {}, () => [
-        S(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
+        B(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
       ])
     ], 2)) : c("", !0)
   ], 6);
@@ -4192,7 +4193,7 @@ function di(e, t, l, o, n, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, ai)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4214,7 +4215,7 @@ function di(e, t, l, o, n, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, ni)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4653,7 +4654,7 @@ 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`;
   }
-}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]), Bi = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Bi = /* @__PURE__ */ v(Ci, [["render", ki]]), Si = ["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"];
@@ -4674,9 +4675,9 @@ function xi(e, t, l, o, n, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
-        ], 10, Bi)) : c("", !0)
+        ], 10, Si)) : c("", !0)
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
@@ -4706,7 +4707,7 @@ function xi(e, t, l, o, n, i) {
               onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
               default: g(() => [
-                S(_(l.innerIconLeft), 1)
+                B(_(l.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
@@ -4729,8 +4730,8 @@ 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, B) => (s(), u("input", {
-              key: B,
+            (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
+              key: S,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
               name: e.inputName + (l.multiple ? "[]" : "")
@@ -4742,7 +4743,7 @@ function xi(e, t, l, o, n, i) {
                 for: `w-select--${e._.uid}`
               }, [
                 p(e.$slots, "default", {}, () => [
-                  S(_(l.label), 1)
+                  B(_(l.label), 1)
                 ])
               ], 10, Ti)) : c("", !0)
             ], 64)) : c("", !0),
@@ -4753,7 +4754,7 @@ function xi(e, t, l, o, n, i) {
               onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
               default: g(() => [
-                S(_(l.innerIconRight), 1)
+                B(_(l.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
@@ -4781,21 +4782,21 @@ function xi(e, t, l, o, n, i) {
           }, Z({ _: 2 }, [
             L(l.items.length, (h) => ({
               name: `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}`, {
+              fn: g(({ item: y, selected: S, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: B,
+                  selected: S,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  B(_(y[l.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: B,
+                  selected: S,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  B(_(y[l.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4810,7 +4811,7 @@ function xi(e, t, l, o, n, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, Li)) : c("", !0)
       ], 64)) : c("", !0)
@@ -4818,7 +4819,7 @@ function xi(e, t, l, o, n, i) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Pi = {
+const Oi = {
   name: "w-select",
   mixins: [z],
   props: {
@@ -4989,7 +4990,7 @@ const Pi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Oi = /* @__PURE__ */ v(Pi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
+}, Pi = /* @__PURE__ */ v(Oi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
   key: 0,
   class: "w-slider__step-labels"
 }, Di = ["onClick"], Fi = ["for"], ji = ["for", "innerHTML"];
@@ -5063,13 +5064,13 @@ function Ui(e, t, l, o, n, i) {
             }, [
               l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  S(_(~~e.rangeValueScaled), 1)
+                  B(_(~~e.rangeValueScaled), 1)
                 ])
               ])) : p(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                S(_(~~e.rangeValueScaled), 1)
+                B(_(~~e.rangeValueScaled), 1)
               ])
             ], 10, Ni)) : c("", !0)
           ], 4)
@@ -5354,7 +5355,7 @@ function ns(e, t, l, o, n, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, is)) : c("", !0)
       ], 64)) : c("", !0),
@@ -5382,7 +5383,7 @@ function ns(e, t, l, o, n, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, os)) : c("", !0)
       ], 64)) : c("", !0)
@@ -5550,7 +5551,7 @@ function vs(e, t, l, o, n, i) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), m(P, {
+      }, 8, ["name"])) : (s(), m(O, {
         key: 1,
         name: i.transitionName,
         mode: i.transitionMode
@@ -5769,16 +5770,16 @@ 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 = {
+}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Bs = ["width"], Ss = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
   key: 0,
   class: "w-table__progress-bar"
 }, Rs = ["colspan"], Ts = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Ps = {
+}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
   key: 1,
   class: "no-data"
-}, Os = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
+}, Ps = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
 }, Ns = ["colspan"], Ks = { key: 0 }, Hs = {
@@ -5795,7 +5796,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"), B = $("w-button");
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", i.wrapClasses])
   }, [
@@ -5810,9 +5811,9 @@ function Js(e, t, l, o, n, i) {
           class: f(["w-table__col", i.colClasses[R]]),
           key: R,
           width: b.width || null
-        }, null, 10, Ss))), 128))
+        }, null, 10, Bs))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      l.noHeaders ? c("", !0) : (s(), u("thead", Ss, [
         w("tr", null, [
           (s(!0), u(k, null, L(l.headers, (b, R) => (s(), u("th", {
             class: f(["w-table__header", i.headerClasses(b)]),
@@ -5824,7 +5825,7 @@ function Js(e, t, l, o, n, i) {
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                S("wi-arrow-down")
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5835,7 +5836,7 @@ function Js(e, t, l, o, n, i) {
                 label: b.label,
                 index: R + 1
               }, () => [
-                S(_(b.label || ""), 1)
+                B(_(b.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
@@ -5846,7 +5847,7 @@ function Js(e, t, l, o, n, i) {
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                S("wi-arrow-down")
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5879,19 +5880,19 @@ function Js(e, t, l, o, n, i) {
             I(r, { tile: "" }),
             w("div", xs, [
               p(e.$slots, "loading", {}, () => [
-                S("Loading...")
+                B("Loading...")
               ])
             ])
           ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Ps, [
+        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
-              S("No data to show.")
+              B("No data to show.")
             ])
-          ], 8, Os)
+          ], 8, Ps)
         ])),
         i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, R) => (s(), u(k, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
@@ -5905,10 +5906,10 @@ function Js(e, t, l, o, n, i) {
             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)
           }, [
-            (s(!0), u(k, null, L(l.headers, (x, O) => (s(), u(k, null, [
-              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+            (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", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${O}-a`,
+                key: `${P}-a`,
                 "data-label": x.label
               }, [
                 e.$slots[`item-cell.${x.key}`] ? p(e.$slots, `item-cell.${x.key}`, {
@@ -5917,7 +5918,7 @@ function Js(e, t, l, o, n, i) {
                   item: b,
                   label: b[x.key] || "",
                   index: R + 1
-                }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
+                }) : e.$slots[`item-cell.${P + 1}`] ? p(e.$slots, `item-cell.${P + 1}`, {
                   key: 1,
                   header: x,
                   item: b,
@@ -5930,21 +5931,21 @@ function Js(e, t, l, o, n, i) {
                   label: b[x.key] || "",
                   index: R + 1
                 }) : c("", !0),
-                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                  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", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${O}-b`,
+                key: `${P}-b`,
                 "data-label": x.label
               }, [
                 w("div", {
                   innerHTML: b[x.key] || ""
                 }, null, 8, Ws),
-                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                  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))
             ], 64))), 256))
@@ -6007,7 +6008,7 @@ function Js(e, t, l, o, n, i) {
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "items"])) : c("", !0),
                 w("div", Ys, [
-                  I(B, {
+                  I(S, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
                     onClick: t[3] || (t[3] = (b) => i.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
@@ -6015,7 +6016,7 @@ 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(B, {
+                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(S, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
                     onClick: (R) => b !== e.paginationConfig.page && i.goToPage(b),
@@ -6023,11 +6024,11 @@ function Js(e, t, l, o, n, i) {
                     lg: ""
                   }, {
                     default: g(() => [
-                      S(_(b), 1)
+                      B(_(b), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick", "class"]))), 128)),
-                  I(B, {
+                  I(S, {
                     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 +6245,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, B = a > 0 && o.offsetWidth > h;
+      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ge, S = 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
-        B && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+        S && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6425,7 +6426,7 @@ function ra(e, t, l, o, n, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, sa)) : c("", !0)
       ], 64)) : c("", !0),
@@ -6440,7 +6441,7 @@ function ra(e, t, l, o, n, i) {
           onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
           default: g(() => [
-            S(_(l.innerIconLeft), 1)
+            B(_(l.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
@@ -6472,7 +6473,7 @@ function ra(e, t, l, o, n, i) {
             for: `w-textarea--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, oa)) : c("", !0)
         ], 64)) : c("", !0),
@@ -6484,7 +6485,7 @@ function ra(e, t, l, o, n, i) {
           onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
           default: g(() => [
-            S(_(l.innerIconRight), 1)
+            B(_(l.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0)
@@ -6496,7 +6497,7 @@ function ra(e, t, l, o, n, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, na)) : c("", !0)
       ], 64)) : c("", !0)
@@ -6633,7 +6634,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(() => [
-          S(_(a[l.itemIconKey] || l.icon), 1)
+          B(_(a[l.itemIconKey] || l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -6742,7 +6743,7 @@ const ba = {
 function wa(e, t, l, o, n, i) {
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(P, {
+    I(O, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -6777,7 +6778,14 @@ const va = {
     persistent: { type: Boolean },
     delay: { type: Number },
     dark: { type: Boolean },
-    light: { type: Boolean }
+    light: { type: Boolean },
+    caption: { type: Boolean },
+    xs: { type: Boolean },
+    sm: { type: Boolean },
+    md: { type: Boolean },
+    lg: { type: Boolean },
+    xl: { type: Boolean },
+    enableTouch: { type: Boolean }
   },
   emits: ["input", "update:modelValue", "open", "close"],
   data: () => ({
@@ -6798,6 +6806,9 @@ const va = {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
       return this.transition || `w-tooltip-slide-fade-${e}`;
     },
+    size() {
+      return this.xs && "xs" || this.sm && "sm" || this.sm && "md" || this.lg && "lg" || this.xl && "xl" || (this.caption ? "sm" : "md");
+    },
     classes() {
       return {
         [this.color]: this.color,
@@ -6809,6 +6820,8 @@ const va = {
         "w-tooltip--light": this.light,
         "w-tooltip--tile": this.tile,
         "w-tooltip--round": this.round,
+        caption: this.caption,
+        [`size--${this.size}`]: !0,
         "w-tooltip--shadow": this.shadow,
         "w-tooltip--fixed": this.fixed,
         "w-tooltip--no-border": this.noBorder || this.bgColor,
@@ -6820,27 +6833,28 @@ const va = {
         zIndex: this.zIndex || this.zIndex === 0 || null,
         top: this.detachableCoords.top && `${~~this.detachableCoords.top}px` || null,
         left: this.detachableCoords.left && `${~~this.detachableCoords.left}px` || null,
-        "--w-tooltip-bg-color": this.$waveui.colors[this.bgColor || "white"]
+        "--w-tooltip-bg-color": this.$waveui.colors[this.bgColor] || "rgb(var(--w-base-bg-color-rgb))"
       };
     },
     activatorEventHandlers() {
       let e = {};
-      return this.showOnClick ? e = { click: this.toggle } : (e = {
-        focus: this.toggle,
-        blur: this.toggle,
-        mouseenter: (t) => {
-          this.hoveringActivator = !0, this.open(t);
+      const t = typeof window < "u" && "ontouchstart" in window;
+      return !this.showOnClick && !t ? e = {
+        focus: this.open,
+        blur: this.close,
+        mouseenter: (l) => {
+          this.hoveringActivator = !0, this.open(l);
         },
-        mouseleave: (t) => {
+        mouseleave: (l) => {
           this.hoveringActivator = !1, this.close();
         }
-      }, typeof window < "u" && "ontouchstart" in window && (e.click = this.toggle)), e;
+      } : (this.enableTouch || this.showOnClick) && (e = { click: this.toggle }), e;
     }
   },
   methods: {
     toggle(e) {
       let t = this.detachableVisible;
-      typeof window < "u" && "ontouchstart" in window ? e.type === "click" && (t = !t) : e.type === "click" && this.showOnClick ? t = !t : ["mouseenter", "focus"].includes(e.type) && !this.showOnClick ? t = !0 : ["mouseleave", "blur"].includes(e.type) && !this.showOnClick && (t = !1), this.timeoutId = clearTimeout(this.timeoutId), t ? this.open(e) : this.close();
+      typeof window < "u" && "ontouchstart" in window ? !this.enableTouch && !this.showOnClick ? t = !1 : t = !t : e.type === "click" && this.showOnClick ? t = !t : ["mouseenter", "focus"].includes(e.type) && !this.showOnClick ? t = !0 : ["mouseleave", "blur"].includes(e.type) && !this.showOnClick && (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.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));
@@ -6848,7 +6862,7 @@ const va = {
   }
 }, ka = /* @__PURE__ */ v(va, [["render", wa]]);
 function _a(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: "bounce" }, e.$props), {
+  return s(), m(O, C({ name: "bounce" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6861,9 +6875,9 @@ const Ca = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Ba(e, t, l, o, n, i) {
-  return s(), m(P, {
+}, Ba = /* @__PURE__ */ v(Ca, [["render", _a]]);
+function Sa(e, t, l, o, n, i) {
+  return s(), m(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6973,9 +6987,9 @@ 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]]);
+}, Va = /* @__PURE__ */ v($a, [["render", Sa]]);
 function Ia(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: "fade" }, e.$props), {
+  return s(), m(O, C({ name: "fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6990,7 +7004,7 @@ const Ra = {
   }
 }, Ta = /* @__PURE__ */ v(Ra, [["render", Ia]]);
 function La(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: "scale" }, e.$props), {
+  return s(), m(O, C({ name: "scale" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7003,9 +7017,9 @@ const xa = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Pa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Oa(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: "scale-fade" }, e.$props), {
+}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
+function Pa(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "scale-fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7018,9 +7032,9 @@ const za = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ma = /* @__PURE__ */ v(za, [["render", Oa]]);
+}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
 function Ea(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: i.transitionName }, e.$props), {
+  return s(), m(O, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7047,7 +7061,7 @@ const Wa = {
   }
 }, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
 function Na(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: i.transitionName }, e.$props), {
+  return s(), m(O, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7074,7 +7088,7 @@ const Ka = {
   }
 }, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
 function Da(e, t, l, o, n, i) {
-  return s(), m(P, C({ name: "twist" }, e.$props), {
+  return s(), m(O, C({ name: "twist" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7101,15 +7115,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: (B) => !l.disabled && !h.disabled && i.onLabelClick(h, B),
-        onKeydown: (B) => !l.disabled && !h.disabled && i.onLabelKeydown(h, B),
+        onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
+        onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
         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((B) => !l.disabled && !h.disabled && i.onLabelClick(h, B), ["stop"]),
+            onClick: M((S) => !l.disabled && !h.disabled && i.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && l.expandOpenIcon || l.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7124,7 +7138,7 @@ function Xa(e, t, l, o, n, i) {
             path: h.path,
             open: h.open
           }, () => {
-            var B;
+            var S;
             return [
               i.itemIcon(h) ? (s(), m(r, {
                 key: 0,
@@ -7132,14 +7146,14 @@ function Xa(e, t, l, o, n, i) {
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
               }, {
                 default: g(() => [
-                  S(_(i.itemIcon(h)), 1)
+                  B(_(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, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
@@ -7147,25 +7161,25 @@ 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: (B) => e.$emit("open", i.emitPayload(h)),
-        onAfterLeave: (B) => e.$emit("close", i.emitPayload(h))
+        onAfterEnter: (S) => e.$emit("open", i.emitPayload(h)),
+        onAfterLeave: (S) => 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] = (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))
+            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))
           }), {
-            item: g(({ item: B, depth: b, path: R, open: x }) => [
+            item: g(({ item: S, depth: b, path: R, open: x }) => [
               p(e.$slots, "item", {
-                item: B,
+                item: S,
                 depth: b,
                 path: R,
                 open: x
@@ -7342,7 +7356,7 @@ const Ya = {
   WBreadcrumbs: ut,
   WButton: wt,
   WCard: Ct,
-  WCheckbox: Pt,
+  WCheckbox: Ot,
   WCheckboxes: Et,
   WConfirm: Nt,
   WDatePicker: Dt,
@@ -7355,7 +7369,7 @@ const Ya = {
   WGrid: fl,
   WIcon: bl,
   WImage: kl,
-  WInput: Pl,
+  WInput: Ol,
   WList: Ml,
   WMenu: Al,
   WNotification: Hl,
@@ -7365,8 +7379,8 @@ const Ya = {
   WRadio: hi,
   WRadios: gi,
   WRating: vi,
-  WScrollable: Si,
-  WSelect: Oi,
+  WScrollable: Bi,
+  WSelect: Pi,
   WSlider: Xi,
   WSpinner: Qi,
   WSteps: ts,
@@ -7378,10 +7392,10 @@ const Ya = {
   WTimeline: ga,
   WToolbar: ya,
   WTooltip: ka,
-  WTransitionBounce: Sa,
+  WTransitionBounce: Ba,
   WTransitionExpand: Va,
   WTransitionFade: Ta,
-  WTransitionScale: Pa,
+  WTransitionScale: Oa,
   WTransitionScaleFade: Ma,
   WTransitionSlide: Aa,
   WTransitionSlideFade: Ha,