wave-ui 3.16.2 → 3.16.3

package/dist/wave-ui.es.js

@@ -5,8 +5,8 @@ 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 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({
+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 M, renderSlot as c, createTextVNode as B, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as O, 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 Oe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
   breakpoints: {
@@ -66,7 +66,7 @@ const Pe = Z({
   },
   presets: {}
   // User presets for each component.
-}), Ce = (e, t = Pe) => {
+}), Ce = (e, t = Oe) => {
   if (!Object.keys(t).length) t = Object.assign(t, e);
   else
     for (const i in e) {
@@ -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}`), Oe = (e) => {
+}, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), Pe = (e) => {
   ["light", "dark"].forEach((t) => {
     var s, n, l;
     const i = e.colors[t];
@@ -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, O]) => {
-    g += `--w-${I}-color: ${O};`;
+  return Object.entries(s).forEach(([I, z]) => {
+    g += `--w-${I}-color: ${z};`;
   }), `: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 && Oe(n);
+    n = this.$waveui.config = Ce(n), n.css.colorShades && Pe(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));
   }
@@ -826,7 +826,7 @@ const N = class N {
 };
 X = new WeakMap(), te(N, X, !1);
 let q = N;
-const et = ["aria-expanded"], tt = ["onClick", "onFocus", "onKeypress", "tabindex"], it = ["innerHTML"], lt = ["innerHTML"];
+const P = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), et = ["aria-expanded"], tt = ["onClick", "onFocus", "onKeypress", "tabindex"], it = ["innerHTML"], lt = ["innerHTML"];
 function st(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
   return o(), u("div", {
@@ -838,7 +838,7 @@ function st(e, t, i, s, n, l) {
       "aria-expanded": d._expanded ? "true" : "false"
     }, [
       w("div", {
-        class: f(["w-accordion__item-title", i.titleClass]),
+        class: f(["w-accordion__item-title", l.titleClasses]),
         onClick: (y) => !d._disabled && l.toggleItem(d, y),
         onFocus: (y) => e.$emit("focus", l.getOriginalItem(d)),
         onKeypress: A((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
@@ -852,9 +852,9 @@ function st(e, t, i, s, n, l) {
           disabled: d._disabled || null,
           tabindex: -1,
           text: "",
-          onKeypress: t[0] || (t[0] = z(() => {
+          onKeypress: t[0] || (t[0] = M(() => {
           }, ["stop"])),
-          onClick: z((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : 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] = z(() => {
+          onKeypress: t[1] || (t[1] = M(() => {
           }, ["stop"])),
-          onClick: z((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
+          onClick: M((y) => !d._disabled && l.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
       ], 42, tt),
       T(r, {
@@ -890,7 +890,7 @@ function st(e, t, i, s, n, l) {
         default: m(() => [
           d._expanded ? (o(), u("div", {
             key: 0,
-            class: f(["w-accordion__item-content", i.contentClass])
+            class: f(["w-accordion__item-content", l.contentClasses])
           }, [
             e.$slots[`item-content.${d.id || h + 1}`] ? c(e.$slots, `item-content.${d.id || h + 1}`, {
               key: 0,
@@ -925,9 +925,9 @@ const ot = {
     // Support a different color per item.
     itemTitleKey: { type: String, default: "title" },
     itemContentKey: { type: String, default: "content" },
-    itemClass: { type: String },
-    titleClass: { type: String },
-    contentClass: { type: String },
+    itemClass: { type: [String, Array, Object] },
+    titleClass: { type: [String, Array, Object] },
+    contentClass: { type: [String, Array, Object] },
     expandIcon: { type: [String, Boolean], default: "wi-triangle-down" },
     expandIconRight: { type: Boolean },
     expandIconRotate90: { type: Boolean },
@@ -955,6 +955,12 @@ const ot = {
         "w-accordion--icon-right": this.expandIcon && this.expandIconRight,
         "w-accordion--rotate-icon": this.expandIcon && !this.collapseIcon
       };
+    },
+    titleClasses() {
+      return P(this.titleClass);
+    },
+    contentClasses() {
+      return P(this.contentClass);
     }
   },
   methods: {
@@ -972,10 +978,10 @@ const ot = {
     },
     itemClasses(e) {
       return {
-        [this.itemClass]: this.itemClass || null,
         "w-accordion__item--expanded": e._expanded,
         "w-accordion__item--disabled": e._disabled,
-        [e[this.itemColorKey]]: e[this.itemColorKey]
+        [e[this.itemColorKey]]: e[this.itemColorKey],
+        ...P(this.itemClass)
       };
     },
     updateItems() {
@@ -1135,7 +1141,7 @@ function yt(e, t, i, s, n, l) {
           innerHTML: d[i.itemLabelKey]
         }, null, 8, ct),
         T(a, {
-          onClick: z((y) => l.unselectItem(h), ["stop"]),
+          onClick: M((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
           text: "",
@@ -1166,7 +1172,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: z((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
+            onClick: M((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
             c(e.$slots, "item", {
@@ -1411,7 +1417,7 @@ const St = {
 function $t(e, t, i, s, n, l) {
   return o(), u("div", _t, [
     c(e.$slots, "default"),
-    T(P, {
+    T(O, {
       name: `${i.transition}`
     }, {
       default: m(() => [
@@ -1582,11 +1588,11 @@ const Rt = {
       };
     }
   }
-}, xt = /* @__PURE__ */ v(Rt, [["render", Lt]]), Pt = {
+}, xt = /* @__PURE__ */ v(Rt, [["render", Lt]]), Ot = {
   key: 0,
   class: "w-button__loader"
 };
-function Ot(e, t, i, s, n, l) {
+function Pt(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],
@@ -1601,9 +1607,9 @@ function Ot(e, t, i, s, n, l) {
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
-      T(P, { name: "scale-fade" }, {
+      T(O, { name: "scale-fade" }, {
         default: m(() => [
-          i.loading ? (o(), u("div", Pt, [
+          i.loading ? (o(), u("div", Ot, [
             c(e.$slots, "loading", {}, () => [
               t[0] || (t[0] = w("svg", { viewBox: "0 0 40 40" }, [
                 w("circle", {
@@ -1726,7 +1732,7 @@ const zt = {
       };
     }
   }
-}, Mt = /* @__PURE__ */ v(zt, [["render", Ot]]), Et = ["innerHTML"];
+}, Mt = /* @__PURE__ */ v(zt, [["render", Pt]]), 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 +1809,7 @@ const Wt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Kt = /* @__PURE__ */ v(Wt, [["render", At]]), M = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Nt = ["innerHTML"];
+}, Kt = /* @__PURE__ */ v(Wt, [["render", At]]), Nt = ["innerHTML"];
 function Dt(e, t, i, s, n, l) {
   const a = $("w-image");
   return o(), u("div", {
@@ -1861,10 +1867,10 @@ const Ht = {
   emits: [],
   computed: {
     titleClasses() {
-      return M(this.titleClass);
+      return P(this.titleClass);
     },
     contentClasses() {
-      return M(this.contentClass);
+      return P(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -2405,7 +2411,7 @@ function di(e, t, i, s, n, l) {
     opacity: i.overlayOpacity
   }, {
     default: m(() => [
-      T(P, {
+      T(O, {
         name: i.transition,
         appear: "",
         onAfterLeave: l.onBeforeClose
@@ -2489,13 +2495,13 @@ const ui = {
   },
   computed: {
     titleClasses() {
-      return M(this.titleClass);
+      return P(this.titleClass);
     },
     contentClasses() {
-      return M(this.contentClass);
+      return P(this.contentClass);
     },
     dialogClasses() {
-      return M(this.dialogClass);
+      return P(this.dialogClass);
     },
     maxWidth() {
       let e = this.width;
@@ -2585,7 +2591,7 @@ function bi(e, t, i, s, n, l) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         c(e.$slots, "pushable")
       ]),
-      T(P, {
+      T(O, {
         name: "fade",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
@@ -2616,7 +2622,7 @@ function bi(e, t, i, s, n, l) {
         "bg-color": i.overlayColor,
         opacity: i.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      T(P, {
+      T(O, {
         name: l.transitionName,
         appear: "",
         onBeforeLeave: l.onBeforeClose,
@@ -3088,8 +3094,8 @@ const xi = {
       };
     }
   }
-}, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
-function Oi(e, t, i, s, n, l) {
+}, Oi = /* @__PURE__ */ v(xi, [["render", Ri]]);
+function Pi(e, t, i, s, n, l) {
   return o(), b(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
@@ -3173,7 +3179,7 @@ const zi = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Mi = /* @__PURE__ */ v(zi, [["render", Oi]]), Ei = {
+}, Mi = /* @__PURE__ */ v(zi, [["render", Pi]]), Ei = {
   key: 0,
   class: "w-image__loader"
 }, Ai = ["innerHTML"];
@@ -3184,7 +3190,7 @@ function Wi(e, t, i, s, n, l) {
     style: R(l.wrapperStyles)
   }, {
     default: m(() => [
-      T(P, {
+      T(O, {
         name: i.transition,
         appear: ""
       }, {
@@ -4177,7 +4183,7 @@ function il(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    T(P, {
+    T(O, {
       name: l.transitionName,
       appear: ""
     }, {
@@ -4328,17 +4334,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 M(this.menuClass);
+      return P(this.menuClass);
     },
     titleClasses() {
-      return M(this.titleClass);
+      return P(this.titleClass);
     },
     contentClasses() {
-      return M(this.contentClass);
+      return P(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...M(this.overlayClass),
+        ...P(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -4421,7 +4427,7 @@ const ll = {
 }, sl = /* @__PURE__ */ v(ll, [["render", il]]);
 function ol(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return o(), b(P, {
+  return o(), b(O, {
     name: l.transitionName,
     appear: ""
   }, {
@@ -4573,7 +4579,7 @@ const al = {
 }, nl = /* @__PURE__ */ v(al, [["render", ol]]);
 function rl(e, t, i, s, n, l) {
   const a = ke("focus");
-  return o(), b(P, {
+  return o(), b(O, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
@@ -4584,7 +4590,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] = A(z((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        onKeydown: t[0] || (t[0] = A(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
@@ -4955,7 +4961,7 @@ function xl(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Pl = {
+const Ol = {
   name: "w-radios",
   mixins: [E],
   props: {
@@ -5008,7 +5014,7 @@ const Pl = {
       return this.items[e._index];
     }
   }
-}, Ol = /* @__PURE__ */ v(Pl, [["render", xl]]), zl = ["id", "name", "value"], Ml = ["disabled", "onMouseenter", "onClick", "tabindex"];
+}, Pl = /* @__PURE__ */ v(Ol, [["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,
@@ -5746,7 +5752,7 @@ function rs(e, t, i, s, n, l) {
                 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] = z(() => {
+              onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
             }, null, 42, ts),
             i.thumbLabel ? (o(), u("label", {
@@ -6177,10 +6183,10 @@ const Vs = {
 }, Ts = /* @__PURE__ */ v(Vs, [["render", Is]]), Ls = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Rs = ["innerHTML"], xs = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Ps = {
+}, Os = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, Os = ["innerHTML"], zs = ["innerHTML"];
+}, Ps = ["innerHTML"], zs = ["innerHTML"];
 function Ms(e, t, i, s, n, l) {
   const a = $("tab-content");
   return o(), u("div", {
@@ -6225,7 +6231,7 @@ function Ms(e, t, i, s, n, l) {
         style: R(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (o(), u("div", Ps, [
+    e.tabs.length ? (o(), u("div", Os, [
       i.keepInDom ? (o(), b(ae, {
         key: 0,
         name: l.transitionName
@@ -6234,7 +6240,7 @@ function Ms(e, t, i, s, n, l) {
           (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), b(a, {
             key: r._uid,
             item: r,
-            class: f(i.contentClass)
+            class: f(l.contentClasses)
           }, {
             default: m(() => [
               e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
@@ -6251,7 +6257,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, Ps)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6260,7 +6266,7 @@ function Ms(e, t, i, s, n, l) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (o(), b(P, {
+      }, 8, ["name"])) : (o(), b(O, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
@@ -6314,12 +6320,12 @@ const Es = {
     itemIdKey: { type: String, default: "id" },
     itemTitleKey: { type: String, default: "title" },
     itemContentKey: { type: String, default: "content" },
-    titleClass: { type: String },
-    activeClass: { type: String, default: "primary" },
+    titleClass: { type: [String, Array, Object] },
+    activeClass: { type: [String, Array, Object], default: "primary" },
     noSlider: { type: Boolean },
     pillSlider: { type: Boolean },
     sliderColor: { type: String, default: "primary" },
-    contentClass: { type: String },
+    contentClass: { type: [String, Array, Object] },
     transition: { type: [String, Boolean], default: "" },
     fillBar: { type: Boolean },
     center: { type: Boolean },
@@ -6346,6 +6352,9 @@ const Es = {
     init: !0
   }),
   computed: {
+    contentClasses() {
+      return P(this.contentClass);
+    },
     transitionName() {
       return this.transition === !1 ? "" : this.transition || `w-tabs-slide-${this.direction}`;
     },
@@ -6419,9 +6428,10 @@ const Es = {
       return {
         [`${this.bgColor}--bg`]: this.bgColor,
         [this.color]: this.color && !e._disabled && !(this.activeClass && t),
-        [`w-tabs__bar-item--active ${this.activeClass}`]: t,
+        "w-tabs__bar-item--active": t,
         "w-tabs__bar-item--disabled": e._disabled,
-        [this.titleClass]: this.titleClass
+        ...P(this.titleClass),
+        ...t ? P(this.activeClass) : {}
       };
     },
     // Switching tabs.
@@ -6564,7 +6574,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] = z(() => {
+                onClick: t[0] || (t[0] = M(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
             ], 10, Hs))), 128))
@@ -6616,10 +6626,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, O) => (o(), u(k, null, [
-                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
+              (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", {
                   class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
-                  key: `${O}-a`,
+                  key: `${z}-a`,
                   "data-label": I.label
                 }, [
                   e.$slots[`item-cell.${I.key}`] ? c(e.$slots, `item-cell.${I.key}`, {
@@ -6628,7 +6638,7 @@ function po(e, t, i, s, n, l) {
                     item: g,
                     label: g[I.key] || "",
                     index: V + 1
-                  }) : e.$slots[`item-cell.${O + 1}`] ? c(e.$slots, `item-cell.${O + 1}`, {
+                  }) : e.$slots[`item-cell.${z + 1}`] ? c(e.$slots, `item-cell.${z + 1}`, {
                     key: 1,
                     header: I,
                     item: g,
@@ -6641,21 +6651,21 @@ function po(e, t, i, s, n, l) {
                     label: g[I.key] || "",
                     index: V + 1
                   }) : p("", !0),
-                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  z < 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 === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, 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: `${O}-b`,
+                  key: `${z}-b`,
                   "data-label": I.label
                 }, [
                   w("div", {
                     innerHTML: g[I.key] || ""
                   }, null, 8, to),
-                  O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  z < 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 === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                    class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
                 ], 10, eo))
               ], 64))), 256))
@@ -7125,7 +7135,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] = z((a) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
@@ -7535,11 +7545,11 @@ const xo = {
       };
     }
   }
-}, Po = /* @__PURE__ */ v(xo, [["render", Ro]]);
-function Oo(e, t, i, s, n, l) {
+}, Oo = /* @__PURE__ */ v(xo, [["render", Ro]]);
+function Po(e, t, i, s, n, l) {
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    T(P, {
+    T(O, {
       name: l.transitionName,
       appear: ""
     }, {
@@ -7609,7 +7619,7 @@ const zo = {
      * - `alignment`
      **/
     tooltipClasses() {
-      return M(this.tooltipClass);
+      return P(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -7693,9 +7703,9 @@ const zo = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Mo = /* @__PURE__ */ v(zo, [["render", Oo]]);
+}, Mo = /* @__PURE__ */ v(zo, [["render", Po]]);
 function Eo(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: "bounce" }, e.$props), {
+  return o(), b(O, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7710,7 +7720,7 @@ const Ao = {
   }
 }, Wo = /* @__PURE__ */ v(Ao, [["render", Eo]]);
 function Ko(e, t, i, s, n, l) {
-  return o(), b(P, {
+  return o(), b(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7822,7 +7832,7 @@ const No = {
   }
 }, Do = /* @__PURE__ */ v(No, [["render", Ko]]);
 function Ho(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: "fade" }, e.$props), {
+  return o(), b(O, _({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7837,7 +7847,7 @@ const Fo = {
   }
 }, jo = /* @__PURE__ */ v(Fo, [["render", Ho]]);
 function Uo(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: "scale" }, e.$props), {
+  return o(), b(O, _({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7852,7 +7862,7 @@ const qo = {
   }
 }, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
 function Yo(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: "scale-fade" }, e.$props), {
+  return o(), b(O, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7867,7 +7877,7 @@ const Go = {
   }
 }, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]);
 function Qo(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: l.transitionName }, e.$props), {
+  return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7894,7 +7904,7 @@ const Zo = {
   }
 }, ea = /* @__PURE__ */ v(Zo, [["render", Qo]]);
 function ta(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: l.transitionName }, e.$props), {
+  return o(), b(O, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7921,7 +7931,7 @@ const ia = {
   }
 }, la = /* @__PURE__ */ v(ia, [["render", ta]]);
 function sa(e, t, i, s, n, l) {
-  return o(), b(P, _({ name: "twist" }, e.$props), {
+  return o(), b(O, _({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7959,7 +7969,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: z((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
+            onClick: M((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -8250,7 +8260,7 @@ const ua = {
   WFlex: Si,
   WForm: Ii,
   WFormElement: Li,
-  WGrid: Pi,
+  WGrid: Oi,
   WIcon: Mi,
   WImage: Ni,
   WInput: Qi,
@@ -8261,7 +8271,7 @@ const ua = {
   WParallax: fl,
   WProgress: Cl,
   WRadio: Ll,
-  WRadios: Ol,
+  WRadios: Pl,
   WRating: Wl,
   WScrollable: Hl,
   WSelect: Gl,
@@ -8274,7 +8284,7 @@ const ua = {
   WTag: wo,
   WTextarea: _o,
   WTimeline: Lo,
-  WToolbar: Po,
+  WToolbar: Oo,
   WTooltip: Mo,
   WTransitionBounce: Wo,
   WTransitionExpand: Do,