wave-ui 3.16.0 → 3.16.2

package/dist/wave-ui.es.js

@@ -5,7 +5,7 @@ var de = (e) => {
 var $e = (e, t, i) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var H = (e, t, i) => $e(e, typeof t != "symbol" ? t + "" : t, i), ue = (e, t, i) => t.has(e) || de("Cannot " + i);
 var Y = (e, t, i) => (ue(e, t, "read from private field"), i ? i.call(e) : t.get(e)), te = (e, t, i) => t.has(e) ? de("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), ie = (e, t, i, s) => (ue(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
-import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as b, Teleport as Ie, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ve, defineComponent as Te, inject as Le, withKeys as E, withModifiers as O, renderSlot as c, createTextVNode as B, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
+import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as b, Teleport as Ie, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ve, defineComponent as Te, inject as Le, withKeys as A, withModifiers as z, renderSlot as c, createTextVNode as B, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
 const Pe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -74,7 +74,7 @@ const Pe = Z({
       typeof s == "object" && typeof t[i] == "object" ? Ce(e[i], t[i]) : t[i] = s;
     }
   return t;
-}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), ze = (e) => {
+}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), Oe = (e) => {
   ["light", "dark"].forEach((t) => {
     var s, n, l;
     const i = e.colors[t];
@@ -108,7 +108,7 @@ function J(e) {
   const t = e.toString(16);
   return t.length === 1 && `0${t}` || t.length === 2 && t || F(`expected value from 0~255, got: ${e}`) || "";
 }
-function Oe(e) {
+function ze(e) {
   return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
 function Me(e) {
@@ -118,7 +118,7 @@ function Ee(e) {
   return `#${e.substring(1).split("").map((t) => `${t}${t}`).join("")}`;
 }
 function Ae(e) {
-  return Oe(e) && e || Me(e) && Ee(e) || F(`expected color hex string, got '${e}'`) || "";
+  return ze(e) && e || Me(e) && Ee(e) || F(`expected color hex string, got '${e}'`) || "";
 }
 function ce(e) {
   const t = Ae(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), n = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
@@ -508,8 +508,8 @@ const Ne = (e, t) => {
   if (t)
     for (const I in d) s[I] = d[I];
   let g = "";
-  return Object.entries(s).forEach(([I, z]) => {
-    g += `--w-${I}-color: ${z};`;
+  return Object.entries(s).forEach(([I, O]) => {
+    g += `--w-${I}-color: ${O};`;
   }), `:root{${g}}${i}`;
 }, De = (e, t) => {
   let i = "";
@@ -790,7 +790,7 @@ const N = class N {
       i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
     let { components: s, ...n } = i;
-    n = this.$waveui.config = Ce(n), n.css.colorShades && ze(n);
+    n = this.$waveui.config = Ce(n), n.css.colorShades && Oe(n);
     const l = Z(this.$waveui);
     t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = he(n.colors[n.theme], fe));
   }
@@ -841,7 +841,7 @@ function st(e, t, i, s, n, l) {
         class: f(["w-accordion__item-title", i.titleClass]),
         onClick: (y) => !d._disabled && l.toggleItem(d, y),
         onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
-        onKeypress: E((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
+        onKeypress: A((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
         i.expandIcon && !i.expandIconRight ? (o(), b(a, {
@@ -852,9 +852,9 @@ function st(e, t, i, s, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = O(() => {
+          onKeypress: t[0] || (t[0] = z(() => {
           }, ["stop"])),
-          onClick: O((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: z((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : p("", !0),
         e.$slots[`item-title.${d.id || h + 1}`] ? c(e.$slots, `item-title.${d.id || h + 1}`, {
           key: 1,
@@ -877,9 +877,9 @@ function st(e, t, i, s, n, l) {
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
           text: "",
-          onKeypress: t[1] || (t[1] = O(() => {
+          onKeypress: t[1] || (t[1] = z(() => {
           }, ["stop"])),
-          onClick: O((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: z((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
       ], 42, tt),
       T(r, {
@@ -1103,10 +1103,10 @@ const dt = {
         "w-alert--tile": this.tile,
         "w-alert--round": this.round,
         "w-alert--one-border": this.hasSingleBorder || this.iconOutside,
-        "w-alert--border-left": !this.noBorder && this.borderLeft || this.iconOutside,
-        "w-alert--border-right": !this.noBorder && this.borderRight,
-        "w-alert--border-top": !this.noBorder && this.borderTop,
-        "w-alert--border-bottom": !this.noBorder && this.borderBottom,
+        "w-alert--border-left": this.borderLeft || this.iconOutside,
+        "w-alert--border-right": this.borderRight,
+        "w-alert--border-top": this.borderTop,
+        "w-alert--border-bottom": this.borderBottom,
         "w-alert--border": this.border && !this.hasSingleBorder,
         "w-alert--shadow": this.shadow,
         "w-alert--bold": this.bold
@@ -1135,7 +1135,7 @@ function yt(e, t, i, s, n, l) {
           innerHTML: d[i.itemLabelKey]
         }, null, 8, ct),
         T(a, {
-          onClick: O((y) => l.unselectItem(h), ["stop"]),
+          onClick: z((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
           text: "",
@@ -1166,7 +1166,7 @@ function yt(e, t, i, s, n, l) {
         }, [
           (o(!0), u(k, null, x(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
-            onClick: O((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
+            onClick: z((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
             c(e.$slots, "item", {
@@ -1586,7 +1586,7 @@ const Rt = {
   key: 0,
   class: "w-button__loader"
 };
-function zt(e, t, i, s, n, l) {
+function Ot(e, t, i, s, n, l) {
   const a = $("w-icon");
   return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
@@ -1625,7 +1625,7 @@ function zt(e, t, i, s, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const Ot = {
+const zt = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1726,7 +1726,7 @@ const Ot = {
       };
     }
   }
-}, Mt = /* @__PURE__ */ v(Ot, [["render", zt]]), Et = ["innerHTML"];
+}, Mt = /* @__PURE__ */ v(zt, [["render", Ot]]), Et = ["innerHTML"];
 function At(e, t, i, s, n, l) {
   const a = $("button-partial");
   return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
@@ -1803,7 +1803,7 @@ const Wt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Kt = /* @__PURE__ */ v(Wt, [["render", At]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Nt = ["innerHTML"];
+}, Kt = /* @__PURE__ */ v(Wt, [["render", At]]), M = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Nt = ["innerHTML"];
 function Dt(e, t, i, s, n, l) {
   const a = $("w-image");
   return o(), u("div", {
@@ -1861,10 +1861,10 @@ const Ht = {
   emits: [],
   computed: {
     titleClasses() {
-      return A(this.titleClass);
+      return M(this.titleClass);
     },
     contentClasses() {
-      return A(this.contentClass);
+      return M(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1893,7 +1893,7 @@ const Ht = {
       };
     }
   }
-}, Ft = /* @__PURE__ */ v(Ht, [["render", Dt]]), M = {
+}, Ft = /* @__PURE__ */ v(Ht, [["render", Dt]]), E = {
   inject: {
     // Used in each form component to determine whether to use the w-form-element wrap or not.
     // So, if a form component is in a form, use the w-form-element wrap.
@@ -1963,7 +1963,7 @@ function Gt(e, t, i, s, n, l) {
         onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
         onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
         onChange: t[2] || (t[2] = (a) => l.onInput()),
-        onKeypress: t[3] || (t[3] = E((...a) => l.onInput && l.onInput(...a), ["enter"])),
+        onKeypress: t[3] || (t[3] = A((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
       }, null, 40, jt),
@@ -2015,7 +2015,7 @@ function Gt(e, t, i, s, n, l) {
 }
 const Jt = {
   name: "w-checkbox",
-  mixins: [M],
+  mixins: [E],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -2124,7 +2124,7 @@ function ei(e, t, i, s, n, l) {
 }
 const ti = {
   name: "w-checkboxes",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -2219,7 +2219,7 @@ function li(e, t, i, s, n, l) {
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: m(() => [
@@ -2231,7 +2231,7 @@ function li(e, t, i, s, n, l) {
             }, 16, ["bg-color", "onClick"])) : p("", !0),
             W((o(), b(a, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
@@ -2463,9 +2463,9 @@ const ui = {
     title: { type: String },
     transition: { type: String, default: "fade" },
     // @todo: validator.
-    titleClass: { type: String },
-    contentClass: { type: String },
-    dialogClass: { type: String },
+    titleClass: { type: [String, Object, Array] },
+    contentClass: { type: [String, Object, Array] },
+    dialogClass: { type: [String, Object, Array] },
     overlayColor: { type: String },
     color: { type: String },
     bgColor: { type: String },
@@ -2488,9 +2488,18 @@ const ui = {
     };
   },
   computed: {
+    titleClasses() {
+      return M(this.titleClass);
+    },
+    contentClasses() {
+      return M(this.contentClass);
+    },
+    dialogClasses() {
+      return M(this.dialogClass);
+    },
     maxWidth() {
       let e = this.width;
-      return e && parseInt(e) == e && (e += "px"), e;
+      return e && parseInt(e) === +e && (e += "px"), e;
     },
     classes() {
       return {
@@ -3080,7 +3089,7 @@ const xi = {
     }
   }
 }, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
-function zi(e, t, i, s, n, l) {
+function Oi(e, t, i, s, n, l) {
   return o(), b(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
@@ -3095,7 +3104,7 @@ function zi(e, t, i, s, n, l) {
     _: 1
   }, 8, ["class", "style"]);
 }
-const Oi = {
+const zi = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -3164,7 +3173,7 @@ const Oi = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Mi = /* @__PURE__ */ v(Oi, [["render", zi]]), Ei = {
+}, Mi = /* @__PURE__ */ v(zi, [["render", Oi]]), Ei = {
   key: 0,
   class: "w-image__loader"
 }, Ai = ["innerHTML"];
@@ -3522,7 +3531,7 @@ function Gi(e, t, i, s, n, l) {
 }
 const Ji = {
   name: "w-input",
-  mixins: [M],
+  mixins: [E],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -4319,17 +4328,17 @@ const ll = {
       return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
     },
     menuClasses() {
-      return A(this.menuClass);
+      return M(this.menuClass);
     },
     titleClasses() {
-      return A(this.titleClass);
+      return M(this.titleClass);
     },
     contentClasses() {
-      return A(this.contentClass);
+      return M(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...A(this.overlayClass),
+        ...M(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -4575,7 +4584,7 @@ function rl(e, t, i, s, n, l) {
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
         style: R(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = E(O((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        onKeydown: t[0] || (t[0] = A(z((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
@@ -4839,7 +4848,7 @@ function Vl(e, t, i, s, n, l) {
 }
 const Tl = {
   name: "w-radio",
-  mixins: [M],
+  mixins: [E],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -4948,7 +4957,7 @@ function xl(e, t, i, s, n, l) {
 }
 const Pl = {
   name: "w-radios",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -4999,7 +5008,7 @@ const Pl = {
       return this.items[e._index];
     }
   }
-}, zl = /* @__PURE__ */ v(Pl, [["render", xl]]), Ol = ["id", "name", "value"], Ml = ["disabled", "onMouseenter", "onClick", "tabindex"];
+}, Ol = /* @__PURE__ */ v(Pl, [["render", xl]]), zl = ["id", "name", "value"], Ml = ["disabled", "onMouseenter", "onClick", "tabindex"];
 function El(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -5015,7 +5024,7 @@ function El(e, t, i, s, n, l) {
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, Ol),
+      }, null, 8, zl),
       (o(!0), u(k, null, x(i.max, (a) => (o(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
@@ -5048,7 +5057,7 @@ function El(e, t, i, s, n, l) {
 }
 const Al = {
   name: "w-rating",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -5445,7 +5454,7 @@ function Xl(e, t, i, s, n, l) {
 }
 const Yl = {
   name: "w-select",
-  mixins: [M],
+  mixins: [E],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -5733,11 +5742,11 @@ function rs(e, t, i, s, n, l) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = E((a) => l.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = E((a) => l.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = A((a) => l.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = A((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = O(() => {
+              onClick: t[3] || (t[3] = z(() => {
               }, ["prevent"]))
             }, null, 42, ts),
             i.thumbLabel ? (o(), u("label", {
@@ -5795,7 +5804,7 @@ function rs(e, t, i, s, n, l) {
 }
 const ds = {
   name: "w-slider",
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -6081,7 +6090,7 @@ function Ss(e, t, i, s, n, l) {
 }
 const Bs = {
   name: "w-switch",
-  mixins: [M],
+  mixins: [E],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -6171,7 +6180,7 @@ const Vs = {
 }, Ps = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, zs = ["innerHTML"], Os = ["innerHTML"];
+}, Os = ["innerHTML"], zs = ["innerHTML"];
 function Ms(e, t, i, s, n, l) {
   const a = $("tab-content");
   return o(), u("div", {
@@ -6187,7 +6196,7 @@ function Ms(e, t, i, s, n, l) {
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
         onFocus: (h) => e.$emit("focus", l.getOriginalItem(r)),
         tabindex: !r._disabled && 0,
-        onKeypress: E((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
+        onKeypress: A((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
@@ -6242,7 +6251,7 @@ function Ms(e, t, i, s, n, l) {
                 r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, zs)) : p("", !0)
+                }, null, 8, Os)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6281,7 +6290,7 @@ function Ms(e, t, i, s, n, l) {
                     r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, Os)) : p("", !0)
+                    }, null, 8, zs)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6555,7 +6564,7 @@ function po(e, t, i, s, n, l) {
               V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                 key: 3,
                 class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === V }]),
-                onClick: t[0] || (t[0] = O(() => {
+                onClick: t[0] || (t[0] = z(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
             ], 10, Hs))), 128))
@@ -6607,10 +6616,10 @@ function po(e, t, i, s, n, l) {
               class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }]),
               onClick: (I) => l.doSelectRow(g, V)
             }, [
-              (o(!0), u(k, null, x(i.headers, (I, z) => (o(), u(k, null, [
-                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${z + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
+              (o(!0), u(k, null, x(i.headers, (I, O) => (o(), u(k, null, [
+                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
                   class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
-                  key: `${z}-a`,
+                  key: `${O}-a`,
                   "data-label": I.label
                 }, [
                   e.$slots[`item-cell.${I.key}`] ? c(e.$slots, `item-cell.${I.key}`, {
@@ -6619,7 +6628,7 @@ function po(e, t, i, s, n, l) {
                     item: g,
                     label: g[I.key] || "",
                     index: V + 1
-                  }) : e.$slots[`item-cell.${z + 1}`] ? c(e.$slots, `item-cell.${z + 1}`, {
+                  }) : e.$slots[`item-cell.${O + 1}`] ? c(e.$slots, `item-cell.${O + 1}`, {
                     key: 1,
                     header: I,
                     item: g,
@@ -6632,21 +6641,21 @@ function po(e, t, i, s, n, l) {
                     label: g[I.key] || "",
                     index: V + 1
                   }) : p("", !0),
-                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 3,
-                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                   }, null, 2)) : p("", !0)
                 ], 10, Zs)) : (o(), u("td", {
                   class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
-                  key: `${z}-b`,
+                  key: `${O}-b`,
                   "data-label": I.label
                 }, [
                   w("div", {
                     innerHTML: g[I.key] || ""
                   }, null, 8, to),
-                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
-                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                   }, null, 2)) : p("", !0)
                 ], 10, eo))
               ], 64))), 256))
@@ -7104,7 +7113,7 @@ function bo(e, t, i, s, n, l) {
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = E((a) => {
+    onKeypress: t[2] || (t[2] = A((a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }, ["enter"])),
     role: i.modelValue !== -1 && "button",
@@ -7116,7 +7125,7 @@ function bo(e, t, i, s, n, l) {
     i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = O((a) => {
+      onClick: t[0] || (t[0] = z((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
@@ -7282,7 +7291,7 @@ function So(e, t, i, s, n, l) {
 }
 const Bo = {
   name: "w-textarea",
-  mixins: [M],
+  mixins: [E],
   inheritAttrs: !1,
   // The attrs should only be added to the textarea not the wrapper.
   props: {
@@ -7527,7 +7536,7 @@ const xo = {
     }
   }
 }, Po = /* @__PURE__ */ v(xo, [["render", Ro]]);
-function zo(e, t, i, s, n, l) {
+function Oo(e, t, i, s, n, l) {
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(P, {
@@ -7548,7 +7557,7 @@ function zo(e, t, i, s, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const Oo = {
+const zo = {
   name: "w-tooltip",
   mixins: [Be],
   props: {
@@ -7600,7 +7609,7 @@ const Oo = {
      * - `alignment`
      **/
     tooltipClasses() {
-      return A(this.tooltipClass);
+      return M(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -7684,7 +7693,7 @@ const Oo = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Mo = /* @__PURE__ */ v(Oo, [["render", zo]]);
+}, Mo = /* @__PURE__ */ v(zo, [["render", Oo]]);
 function Eo(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "bounce" }, e.$props), {
     default: m(() => [
@@ -7950,7 +7959,7 @@ function da(e, t, i, s, n, l) {
           (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: O((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
+            onClick: z((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -8252,7 +8261,7 @@ const ua = {
   WParallax: fl,
   WProgress: Cl,
   WRadio: Ll,
-  WRadios: zl,
+  WRadios: Ol,
   WRating: Wl,
   WScrollable: Hl,
   WSelect: Gl,