wave-ui 3.11.0 → 3.12.0

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var Y = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, i);
 }, ee = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as J, resolveComponent as $, openBlock as s, createBlock as b, Teleport as Ce, createVNode as V, TransitionGroup as oe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as w, renderList as L, mergeProps as S, createElementVNode as y, createCommentVNode as c, createApp as Se, defineComponent as Be, inject as _e, withKeys as W, withModifiers as z, renderSlot as p, toHandlers as M, createTextVNode as B, toDisplayString as C, Transition as O, normalizeStyle as R, resolveDynamicComponent as I, normalizeProps as ie, resolveDirective as ge, withDirectives as A, createSlots as Q, vShow as ae, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+import { reactive as J, resolveComponent as $, openBlock as s, createBlock as b, Teleport as Ce, createVNode as V, TransitionGroup as oe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as w, renderList as L, mergeProps as S, createElementVNode as y, createCommentVNode as p, createApp as Se, defineComponent as Be, inject as _e, withKeys as W, withModifiers as z, renderSlot as c, toHandlers as M, createTextVNode as B, toDisplayString as C, Transition as O, normalizeStyle as R, resolveDynamicComponent as I, normalizeProps as ie, resolveDirective as ge, withDirectives as K, createSlots as Q, vShow as ae, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = J({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -590,7 +590,7 @@ function Ee(e, t, i, o, n, l) {
               }, null, 8, Me)
             ]),
             _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
+          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
         ], 64))), 256))
       ]),
       _: 1
@@ -624,7 +624,7 @@ const v = (e, t) => {
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, Ke = /* @__PURE__ */ v(We, [["render", Ee]]);
+}, Ae = /* @__PURE__ */ v(We, [["render", Ee]]);
 var H;
 const N = class N {
   constructor() {
@@ -667,11 +667,11 @@ const N = class N {
 };
 H = new WeakMap(), Z(N, H, void 0);
 let se = N;
-const Ae = (e, t, i) => {
+const Ke = (e, t, i) => {
   const o = document.createElement("div");
   e.appendChild(o);
   const n = Se(Be({
-    ...Ke,
+    ...Ae,
     inject: ["$waveui"]
   })).provide("$waveui", i);
   for (const l in t) {
@@ -776,7 +776,7 @@ const D = class D {
         if (!pe) {
           pe = !0;
           const l = _e("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
-          r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ae(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ke(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new D(t, i), ee(D, X, !0);
@@ -813,13 +813,13 @@ function qe(e, t, i, o, n, l) {
           onKeypress: t[0] || (t[0] = z(() => {
           }, ["stop"])),
           onClick: z((k) => !d._disabled && l.toggleItem(d, k), ["stop"])
-        }, null, 8, ["icon", "icon-props", "disabled", "onClick", "class"])) : c("", !0),
-        e.$slots[`item-title.${d.id || h + 1}`] ? p(e.$slots, `item-title.${d.id || h + 1}`, {
+        }, 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,
           item: l.getOriginalItem(d),
           expanded: d._expanded,
           index: h + 1
-        }) : p(e.$slots, "item-title", {
+        }) : c(e.$slots, "item-title", {
           key: 2,
           item: l.getOriginalItem(d),
           expanded: d._expanded,
@@ -838,7 +838,7 @@ function qe(e, t, i, o, n, l) {
           onKeypress: t[1] || (t[1] = z(() => {
           }, ["stop"])),
           onClick: z((k) => !d._disabled && l.toggleItem(d, k), ["stop"])
-        }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
+        }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
       ], 42, Fe),
       V(r, {
         y: "",
@@ -850,12 +850,12 @@ function qe(e, t, i, o, n, l) {
             key: 0,
             class: f(["w-accordion__item-content", i.contentClass])
           }, [
-            e.$slots[`item-content.${d.id || h + 1}`] ? p(e.$slots, `item-content.${d.id || h + 1}`, {
+            e.$slots[`item-content.${d.id || h + 1}`] ? c(e.$slots, `item-content.${d.id || h + 1}`, {
               key: 0,
               item: l.getOriginalItem(d),
               expanded: d._expanded,
               index: h + 1
-            }) : p(e.$slots, "item-content", {
+            }) : c(e.$slots, "item-content", {
               key: 1,
               item: l.getOriginalItem(d),
               expanded: d._expanded,
@@ -865,7 +865,7 @@ function qe(e, t, i, o, n, l) {
                 innerHTML: d[i.itemContentKey]
               }, null, 8, Ue)
             ])
-          ], 2)) : c("", !0)
+          ], 2)) : p("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
@@ -976,9 +976,9 @@ function Je(e, t, i, o, n, l) {
           B(C(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
-      })) : c("", !0),
+      })) : p("", !0),
       y("div", Ge, [
-        p(e.$slots, "default")
+        c(e.$slots, "default")
       ]),
       i.dismiss ? (s(), b(r, {
         key: 1,
@@ -990,9 +990,9 @@ function Je(e, t, i, o, n, l) {
         color: "inherit",
         sm: "",
         text: ""
-      })) : c("", !0)
-    ], 64)) : p(e.$slots, "default", { key: 1 })
-  ], 16)) : c("", !0);
+      })) : p("", !0)
+    ], 64)) : c(e.$slots, "default", { key: 1 })
+  ], 16)) : p("", !0);
 }
 const Qe = {
   name: "w-alert",
@@ -1085,7 +1085,7 @@ function nt(e, t, i, o, n, l) {
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d))
   }, [
     e.selection.length ? (s(!0), u(w, { key: 0 }, L(e.selection, (d, h) => (s(), u("div", et, [
-      p(e.$slots, "selection", {
+      c(e.$slots, "selection", {
         item: d,
         unselect: (k) => l.unselectItem(k)
       }, () => [
@@ -1100,12 +1100,12 @@ function nt(e, t, i, o, n, l) {
           color: "currentColor"
         }, null, 8, ["onClick"])
       ])
-    ]))), 256)) : c("", !0),
+    ]))), 256)) : p("", !0),
     !e.selection.length && !e.keywords && i.placeholder ? (s(), u("div", {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
-    }, null, 8, it)) : c("", !0),
+    }, null, 8, it)) : p("", !0),
     y("input", S({
       class: "w-autocomplete__input",
       ref: "input",
@@ -1127,7 +1127,7 @@ function nt(e, t, i, o, n, l) {
             onClick: z((k) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: f({ highlighted: e.highlightedItem === d.uid })
           }, [
-            p(e.$slots, "item", {
+            c(e.$slots, "item", {
               item: d,
               highlighted: e.highlightedItem === d.uid
             }, () => [
@@ -1136,11 +1136,11 @@ function nt(e, t, i, o, n, l) {
               }, null, 8, ot)
             ])
           ], 10, st))), 128)),
-          l.filteredItems.length ? c("", !0) : (s(), u("li", {
+          l.filteredItems.length ? p("", !0) : (s(), u("li", {
             key: 0,
             class: f(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
           }, [
-            p(e.$slots, "no-match", {}, () => [
+            c(e.$slots, "no-match", {}, () => [
               y("div", {
                 class: "caption",
                 innerHTML: i.noMatch ?? "No match."
@@ -1152,9 +1152,9 @@ function nt(e, t, i, o, n, l) {
             class: f(["w-autocomplete__extra-item", { highlighted: e.highlightedItem === "extra-item" }]),
             onClick: t[0] || (t[0] = (...d) => l.selectExtraItem && l.selectExtraItem(...d))
           }, [
-            p(e.$slots, "extra-item")
-          ], 2)) : c("", !0)
-        ], 544)) : c("", !0)
+            c(e.$slots, "extra-item")
+          ], 2)) : p("", !0)
+        ], 544)) : p("", !0)
       ]),
       _: 3
     })
@@ -1199,11 +1199,6 @@ const rt = {
       return this.normalize(this.keywords);
     },
     // Keep the autocomplete matching as fast as possible by caching optimized search strings.
-    // An array of optimized strings.
-    normalizedSelection() {
-      return this.selection.map((e) => this.normalize(e == null ? void 0 : e.searchable));
-    },
-    // Keep the autocomplete matching as fast as possible by caching optimized search strings.
     optimizedItemsForSearch() {
       return this.items.map((e, t) => ({
         ...e,
@@ -1213,8 +1208,8 @@ const rt = {
     },
     filteredItems() {
       let e = this.optimizedItemsForSearch;
-      const t = this.normalizedSelection.join(","), i = (o) => !t.includes(o.searchable);
-      return this.keywords ? e = e.filter((o) => o.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? i(o) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(i)), e;
+      const t = (i) => !this.selection.find((o) => o.uid === i.uid);
+      return this.keywords ? e = e.filter((i) => i.searchable.includes(this.normalizedKeywords) ? this.multiple && !this.allowDuplicates ? t(i) : !0 : !1) : this.multiple && !this.allowDuplicates && (e = e.filter(t)), e;
     },
     highlightedItemIndex() {
       return this.highlightedItem === null ? -1 : this.highlightedItem === "extra-item" ? this.filteredItems.length : this.filteredItems.findIndex((e) => e.uid === this.highlightedItem);
@@ -1343,7 +1338,7 @@ const rt = {
 }, dt = /* @__PURE__ */ v(rt, [["render", nt]]), ut = { class: "w-app" };
 function ht(e, t, i, o, n, l) {
   return s(), u("div", ut, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ]);
 }
 const ct = {
@@ -1365,7 +1360,7 @@ const ct = {
 }, pt = /* @__PURE__ */ v(ct, [["render", ht]]);
 function ft(e, t, i, o, n, l) {
   return s(), u("div", S({ class: "w-badge-wrap" }, M(e.$attrs, !0)), [
-    p(e.$slots, "default"),
+    c(e.$slots, "default"),
     V(O, {
       name: `${i.transition}`
     }, {
@@ -1379,10 +1374,10 @@ function ft(e, t, i, o, n, l) {
           "aria-live": "polite",
           role: "status"
         }, [
-          i.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
+          i.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
             B(C(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
-        ], 6)) : c("", !0)
+        ], 6)) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"])
@@ -1462,7 +1457,7 @@ function yt(e, t, i, o, n, l) {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
       }, [
-        p(e.$slots, "separator", { index: d })
+        c(e.$slots, "separator", { index: d })
       ], 2)) : d ? (s(), b(a, {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
@@ -1471,7 +1466,7 @@ function yt(e, t, i, o, n, l) {
           B(C(i.icon), 1)
         ]),
         _: 2
-      }, 1032, ["class"])) : c("", !0),
+      }, 1032, ["class"])) : p("", !0),
       r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (s(), u(w, { key: 2 }, [
         e.$slots.item ? (s(), b(I(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
@@ -1480,7 +1475,7 @@ function yt(e, t, i, o, n, l) {
           href: r[i.itemRouteKey]
         }, {
           default: m(() => [
-            p(e.$slots, "item", {
+            c(e.$slots, "item", {
               item: r,
               index: d + 1,
               isLast: d === i.items.length - 1
@@ -1494,7 +1489,7 @@ function yt(e, t, i, o, n, l) {
           href: r[i.itemRouteKey],
           innerHTML: r[i.itemLabelKey]
         }, null, 8, ["to", "href", "innerHTML", "class"]))
-      ], 64)) : e.$slots.item ? p(e.$slots, "item", {
+      ], 64)) : e.$slots.item ? c(e.$slots, "item", {
         key: `${d}e`,
         item: r,
         index: d + 1,
@@ -1565,14 +1560,14 @@ function St(e, t, i, o, n, l) {
           B(C(i.icon), 1)
         ]),
         _: 1
-      }, 16)) : p(e.$slots, "default", { key: 1 }),
+      }, 16)) : c(e.$slots, "default", { key: 1 }),
       V(O, { name: "scale-fade" }, {
         default: m(() => [
           i.loading ? (s(), u("div", vt, [
-            p(e.$slots, "loading", {}, () => [
+            c(e.$slots, "loading", {}, () => [
               Ct
             ])
-          ])) : c("", !0)
+          ])) : p("", !0)
         ]),
         _: 3
       })
@@ -1684,7 +1679,7 @@ function Vt(e, t, i, o, n, l) {
     activator: m(({ on: r }) => [
       V(a, S(l.buttonProps, M(r)), {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
@@ -1695,10 +1690,10 @@ function Vt(e, t, i, o, n, l) {
     _: 3
   }, 16)) : (s(), b(a, ie(S({ key: 1 }, l.buttonProps)), {
     loading: m(() => [
-      p(e.$slots, "loading")
+      c(e.$slots, "loading")
     ]),
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16));
@@ -1754,7 +1749,7 @@ const It = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Tt = /* @__PURE__ */ v(It, [["render", Vt]]), K = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Lt = ["innerHTML"];
+}, Tt = /* @__PURE__ */ v(It, [["render", Vt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Lt = ["innerHTML"];
 function Rt(e, t, i, o, n, l) {
   const a = $("w-image");
   return s(), u("div", {
@@ -1764,33 +1759,33 @@ function Rt(e, t, i, o, n, l) {
       key: 0,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }])
     }, [
-      p(e.$slots, "title")
+      c(e.$slots, "title")
     ], 2)) : i.title ? (s(), u("div", {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Lt)) : c("", !0),
+    }, null, 10, Lt)) : p("", !0),
     i.image ? (s(), b(a, S({
       key: 2,
       class: "w-card__image",
       src: i.image
     }, l.imgProps), {
       default: m(() => [
-        p(e.$slots, "image-content")
+        c(e.$slots, "image-content")
       ]),
       _: 3
-    }, 16, ["src"])) : c("", !0),
+    }, 16, ["src"])) : p("", !0),
     y("div", {
       class: f(["w-card__content", l.contentClasses])
     }, [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ], 2),
     e.$slots.actions ? (s(), u("div", {
       key: 3,
       class: f(["w-card__actions", { "w-card__actions--has-toolbar": l.actionsHasToolbar }])
     }, [
-      p(e.$slots, "actions")
-    ], 2)) : c("", !0)
+      c(e.$slots, "actions")
+    ], 2)) : p("", !0)
   ], 2);
 }
 const Pt = {
@@ -1812,10 +1807,10 @@ const Pt = {
   emits: [],
   computed: {
     titleClasses() {
-      return K(this.titleClass);
+      return A(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return A(this.contentClass);
     },
     titleHasToolbar() {
       const { title: e } = this.$slots;
@@ -1895,7 +1890,7 @@ const Pt = {
   /* @__PURE__ */ y("polyline", { points: "1 5 4 8 10 2" })
 ], -1), Wt = [
   Et
-], Kt = ["for"], At = ["for", "innerHTML"];
+], At = ["for"], Kt = ["for", "innerHTML"];
 function Nt(e, t, i, o, n, l) {
   return s(), b(I(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -1928,7 +1923,7 @@ function Nt(e, t, i, o, n, l) {
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
         ], 10, zt)) : i.label ? (s(), u("label", {
@@ -1936,8 +1931,8 @@ function Nt(e, t, i, o, n, l) {
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Mt)) : c("", !0)
-      ], 64)) : c("", !0),
+        }, null, 10, Mt)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
@@ -1950,16 +1945,16 @@ function Nt(e, t, i, o, n, l) {
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, Kt)) : i.label ? (s(), u("label", {
+        ], 10, At)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, At)) : c("", !0)
-      ], 64)) : c("", !0)
+        }, null, 10, Kt)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -2055,7 +2050,7 @@ function jt(e, t, i, o, n, l) {
         class: { mt1: !i.inline && d }
       }), {
         default: m(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: l.getOriginalItem(r),
             checked: !!r._isChecked,
@@ -2064,7 +2059,7 @@ function jt(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Ft)) : c("", !0)
+          }, null, 8, Ft)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -2145,7 +2140,7 @@ function Xt(e, t, i, o, n, l) {
     activator: m(({ on: k }) => [
       V(a, S({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : k }), {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 2
       }, 1040)
@@ -2157,7 +2152,7 @@ function Xt(e, t, i, o, n, l) {
       }, {
         default: m(() => [
           y("div", null, [
-            p(e.$slots, "question", {}, () => [
+            c(e.$slots, "question", {}, () => [
               B(C(i.question), 1)
             ])
           ]),
@@ -2173,19 +2168,19 @@ function Xt(e, t, i, o, n, l) {
               onClick: l.onCancel
             }), {
               default: m(() => [
-                p(e.$slots, "cancel", {}, () => [
+                c(e.$slots, "cancel", {}, () => [
                   B(C(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
-            }, 16, ["bg-color", "onClick"])) : c("", !0),
-            A((s(), b(a, S(l.confirmButtonProps, {
+            }, 16, ["bg-color", "onClick"])) : p("", !0),
+            K((s(), b(a, S(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = W((k) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
-                p(e.$slots, "confirm", {}, () => [
+                c(e.$slots, "confirm", {}, () => [
                   B(C(l.confirmButton.label), 1)
                 ])
               ]),
@@ -2320,7 +2315,7 @@ function Jt(e, t, i, o, n, l) {
     class: f(["w-date-picker", l.classes]),
     style: R(l.styles)
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 6);
 }
 const Qt = {
@@ -2361,7 +2356,7 @@ function ei(e, t, i, o, n, l) {
         onAfterLeave: l.onBeforeClose
       }, {
         default: m(() => [
-          A(V(a, {
+          K(V(a, {
             class: f(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2373,21 +2368,21 @@ function ei(e, t, i, o, n, l) {
             style: R(l.contentStyles)
           }, Q({
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 2
           }, [
             e.$slots.title ? {
               name: "title",
               fn: m(() => [
-                p(e.$slots, "title")
+                c(e.$slots, "title")
               ]),
               key: "0"
             } : void 0,
             e.$slots.actions ? {
               name: "actions",
               fn: m(() => [
-                p(e.$slots, "actions")
+                c(e.$slots, "actions")
               ]),
               key: "1"
             } : void 0
@@ -2478,7 +2473,7 @@ function si(e, t, i, o, n, l) {
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 10, li);
 }
 const oi = {
@@ -2514,7 +2509,7 @@ function ri(e, t, i, o, n, l) {
       style: R(l.trackStyles)
     }, [
       y("div", ni, [
-        i.noOverlay ? c("", !0) : (s(), b(a, {
+        i.noOverlay ? p("", !0) : (s(), b(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
@@ -2524,7 +2519,7 @@ function ri(e, t, i, o, n, l) {
           "bg-color": i.overlayColor || "transparent",
           opacity: i.overlayOpacity
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-        p(e.$slots, "pushable")
+        c(e.$slots, "pushable")
       ]),
       V(O, {
         name: "fade",
@@ -2539,15 +2534,15 @@ function ri(e, t, i, o, n, l) {
             style: R(l.styles)
           }, {
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"])) : c("", !0)
+          }, 8, ["class", "style"])) : p("", !0)
         ]),
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (s(), u(w, { key: 1 }, [
-      i.noOverlay ? c("", !0) : (s(), b(a, {
+      i.noOverlay ? p("", !0) : (s(), b(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
@@ -2571,15 +2566,15 @@ function ri(e, t, i, o, n, l) {
             style: R(l.styles)
           }, {
             default: m(() => [
-              p(e.$slots, "default")
+              c(e.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"])) : c("", !0)
+          }, 8, ["class", "style"])) : p("", !0)
         ]),
         _: 3
       }, 8, ["name", "onBeforeLeave", "onAfterLeave"])
     ], 64))
-  ], 2)) : c("", !0);
+  ], 2)) : p("", !0);
 }
 const di = { left: "right", right: "left", top: "down", bottom: "up" }, ui = {
   name: "w-drawer",
@@ -2700,7 +2695,7 @@ function ci(e, t, i, o, n, l) {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
@@ -2760,7 +2755,7 @@ function mi(e, t, i, o, n, l) {
     onReset: t[1] || (t[1] = (...a) => l.reset && l.reset(...a)),
     novalidate: ""
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 34);
 }
 const gi = async (e, t) => {
@@ -2883,7 +2878,7 @@ function wi(e, t, i, o, n, l) {
     y("div", {
       class: f(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ], 2),
     V(a, { y: "" }, {
       default: m(() => [
@@ -2891,12 +2886,12 @@ function wi(e, t, i, o, n, l) {
           key: 0,
           class: f(["w-form-el__error", l.formProps.validationColor])
         }, [
-          p(e.$slots, "error-message", {
+          c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
             B(C(e.Validation.message), 1)
           ])
-        ], 2)) : c("", !0)
+        ], 2)) : p("", !0)
       ]),
       _: 3
     })
@@ -2982,7 +2977,7 @@ function Ci(e, t, i, o, n, l) {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
@@ -3042,7 +3037,7 @@ function _i(e, t, i, o, n, l) {
     default: m(() => [
       l.hasLigature ? (s(), u(w, { key: 0 }, [
         B(C(e.icon), 1)
-      ], 64)) : c("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 1
   }, 16, ["class", "style"]);
@@ -3137,26 +3132,26 @@ function Ti(e, t, i, o, n, l) {
             class: f(["w-image", l.imageClasses]),
             style: R(l.imageStyles),
             src: i.tag === "img" ? n.imgSrc : null
-          }, null, 8, ["class", "style", "src"])) : c("", !0)
+          }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
       !i.noSpinner && n.loading ? (s(), u("div", Ii, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), b(a, S({
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (s(), b(a, S({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
-      ])) : c("", !0),
+      ])) : p("", !0),
       e.$slots.default ? (s(), b(I(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
         default: m(() => [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class"])) : c("", !0)
+      }, 8, ["class"])) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
@@ -3260,8 +3255,8 @@ const Li = {
 }, Ri = /* @__PURE__ */ v(Li, [["render", Ti]]), Pi = ["name"], Oi = ["for"], xi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], zi = ["id", "name", "multiple", "disabled", "data-progress"], Mi = {
   class: "w-input__no-file",
   key: "no-file"
-}, Ei = ["for"], Wi = ["src"], Ki = ["for"];
-function Ai(e, t, i, o, n, l) {
+}, Ei = ["for"], Wi = ["src"], Ai = ["for"];
+function Ki(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress");
   return s(), b(I(e.formRegister ? "w-form-element" : "div"), S({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -3273,7 +3268,7 @@ function Ai(e, t, i, o, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      i.type === "hidden" ? A((s(), u("input", {
+      i.type === "hidden" ? K((s(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
@@ -3287,15 +3282,15 @@ function Ai(e, t, i, o, n, l) {
             class: f(["w-input__label w-input__label--left w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               B(C(i.label), 1)
             ])
-          ], 10, Oi)) : c("", !0)
-        ], 64)) : c("", !0),
+          ], 10, Oi)) : p("", !0)
+        ], 64)) : p("", !0),
         y("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
         }, [
-          p(e.$slots, "icon-left", {
+          c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
             i.innerIconLeft ? (s(), b(a, {
@@ -3309,9 +3304,9 @@ function Ai(e, t, i, o, n, l) {
                 B(C(i.innerIconLeft), 1)
               ]),
               _: 1
-            }, 8, ["for"])) : c("", !0)
+            }, 8, ["for"])) : p("", !0)
           ]),
-          i.type !== "file" ? A((s(), u("input", S({
+          i.type !== "file" ? K((s(), u("input", S({
             key: 0,
             class: "w-input__input",
             ref: "input",
@@ -3359,12 +3354,12 @@ function Ai(e, t, i, o, n, l) {
             }, {
               default: m(() => [
                 !n.inputFiles.length && n.isFocused ? (s(), u("span", Mi, [
-                  p(e.$slots, "no-file", {}, () => [
+                  c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(w, { key: 0 }, [
                       B("No file")
-                    ], 64)) : c("", !0)
+                    ], 64)) : p("", !0)
                   ])
-                ])) : c("", !0),
+                ])) : p("", !0),
                 (s(!0), u(w, null, L(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
@@ -3384,12 +3379,12 @@ function Ai(e, t, i, o, n, l) {
               key: 0,
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
-              p(e.$slots, "default", {}, () => [
+              c(e.$slots, "default", {}, () => [
                 B(C(i.label), 1)
               ])
-            ], 2)) : c("", !0)
-          ], 64)) : c("", !0),
-          p(e.$slots, "icon-right", {
+            ], 2)) : p("", !0)
+          ], 64)) : p("", !0),
+          c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
             i.innerIconRight ? (s(), b(a, {
@@ -3403,7 +3398,7 @@ function Ai(e, t, i, o, n, l) {
                 B(C(i.innerIconRight), 1)
               ]),
               _: 1
-            }, 8, ["for"])) : c("", !0)
+            }, 8, ["for"])) : p("", !0)
           ]),
           l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (s(), b(r, {
             key: 3,
@@ -3411,7 +3406,7 @@ function Ai(e, t, i, o, n, l) {
             size: "2",
             color: i.progressColor || i.color,
             "model-value": i.showProgress ? (l.uploadInProgress || l.uploadComplete) && l.overallFilesProgress : l.loadingValue
-          }, null, 8, ["color", "model-value"])) : c("", !0)
+          }, null, 8, ["color", "model-value"])) : p("", !0)
         ], 2),
         i.type === "file" && i.preview && n.inputFiles.length ? (s(), u("label", {
           key: 1,
@@ -3432,18 +3427,18 @@ function Ai(e, t, i, o, n, l) {
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Ei)) : c("", !0),
+        ], 8, Ei)) : p("", !0),
         i.labelPosition === "right" ? (s(), u(w, { key: 2 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-input__label w-input__label--right w-form-el-shakable", e.labelClasses]),
             for: `w-input--${e._.uid}`
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               B(C(i.label), 1)
             ])
-          ], 10, Ki)) : c("", !0)
-        ], 64)) : c("", !0)
+          ], 10, Ai)) : p("", !0)
+        ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
@@ -3634,7 +3629,7 @@ const Ni = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Di = /* @__PURE__ */ v(Ni, [["render", Ai]]);
+}, Di = /* @__PURE__ */ v(Ni, [["render", Ki]]);
 function Hi(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
@@ -3652,23 +3647,23 @@ function Hi(e, t, i, o, n, l) {
           B(C(i.icon), 1)
         ]),
         _: 1
-      })) : c("", !0),
+      })) : p("", !0),
       e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (s(), b(I(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), S({
         key: 1,
         class: "w-list__item-label"
       }, l.liLabelProps(d, h, d._selected)), {
         default: m(() => [
-          e.$slots[`item.${h + 1}`] ? p(e.$slots, `item.${h + 1}`, {
+          e.$slots[`item.${h + 1}`] ? c(e.$slots, `item.${h + 1}`, {
             key: 0,
             item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
-          }) : e.$slots.item ? p(e.$slots, "item", {
+          }) : e.$slots.item ? c(e.$slots, "item", {
             key: 1,
             item: l.cleanLi(d),
             index: h + 1,
             selected: d._selected
-          }) : p(e.$slots, "default", {
+          }) : c(e.$slots, "default", {
             key: 2,
             item: l.cleanLi(d),
             index: h + 1,
@@ -3693,7 +3688,7 @@ function Hi(e, t, i, o, n, l) {
         e.$slots.item ? {
           name: "item",
           fn: m(({ item: k, index: _, selected: g }) => [
-            p(e.$slots, "item", {
+            c(e.$slots, "item", {
               item: l.cleanLi(k),
               index: _,
               selected: g
@@ -3703,7 +3698,7 @@ function Hi(e, t, i, o, n, l) {
         } : {
           name: "default",
           fn: m(({ item: k, index: _, selected: g }) => [
-            p(e.$slots, "default", {
+            c(e.$slots, "default", {
               item: l.cleanLi(k),
               index: _,
               selected: g
@@ -3713,7 +3708,7 @@ function Hi(e, t, i, o, n, l) {
           ]),
           key: "1"
         }
-      ]), 1040, ["items", "depth"])) : c("", !0)
+      ]), 1040, ["items", "depth"])) : p("", !0)
     ], 2))), 128))
   ], 2);
 }
@@ -4094,7 +4089,7 @@ const Fi = {
 function Ui(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), u(w, null, [
-    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
+    c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     V(O, {
       name: l.transitionName,
       appear: ""
@@ -4111,7 +4106,7 @@ function Ui(e, t, i, o, n, l) {
           class: l.classes,
           style: l.styles
         }), [
-          p(e.$slots, "default")
+          c(e.$slots, "default")
         ], 16)) : e.detachableVisible ? (s(), b(a, S({
           key: 1,
           class: "w-menu",
@@ -4129,25 +4124,25 @@ function Ui(e, t, i, o, n, l) {
           style: l.styles
         }), Q({
           default: m(() => [
-            p(e.$slots, "default")
+            c(e.$slots, "default")
           ]),
           _: 2
         }, [
           e.$slots.title ? {
             name: "title",
             fn: m(() => [
-              p(e.$slots, "title")
+              c(e.$slots, "title")
             ]),
             key: "0"
           } : void 0,
           e.$slots.actions ? {
             name: "actions",
             fn: m(() => [
-              p(e.$slots, "actions")
+              c(e.$slots, "actions")
             ]),
             key: "1"
           } : void 0
-        ]), 1040, ["tile", "title-class", "content-class", "shadow", "no-border", "class", "style"])) : c("", !0)
+        ]), 1040, ["tile", "title-class", "content-class", "shadow", "no-border", "class", "style"])) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"]),
@@ -4160,7 +4155,7 @@ function Ui(e, t, i, o, n, l) {
     }, i.overlayProps, {
       "z-index": (e.zIndex || 200) - 1,
       "onUpdate:modelValue": t[6] || (t[6] = (d) => e.detachableVisible = !1)
-    }), null, 16, ["model-value", "persistent", "class", "z-index"])) : c("", !0)
+    }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
 const qi = {
@@ -4246,17 +4241,17 @@ const qi = {
       return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
     },
     menuClasses() {
-      return K(this.menuClass);
+      return A(this.menuClass);
     },
     titleClasses() {
-      return K(this.titleClass);
+      return A(this.titleClass);
     },
     contentClasses() {
-      return K(this.contentClass);
+      return A(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...K(this.overlayClass),
+        ...A(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -4356,11 +4351,11 @@ function Yi(e, t, i, o, n, l) {
           })
         }), {
           default: m(() => [
-            p(e.$slots, "default")
+            c(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
-      ], 6)) : c("", !0)
+      ], 6)) : p("", !0)
     ]),
     _: 3
   }, 8, ["name"]);
@@ -4497,7 +4492,7 @@ function Qi(e, t, i, o, n, l) {
     onAfterLeave: l.onClose
   }, {
     default: m(() => [
-      i.modelValue ? A((s(), u("div", {
+      i.modelValue ? K((s(), u("div", {
         key: 0,
         class: f(["w-overlay", l.classes]),
         ref: "overlay",
@@ -4506,11 +4501,11 @@ function Qi(e, t, i, o, n, l) {
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
-        p(e.$slots, "default")
+        c(e.$slots, "default")
       ], 38)), [
         [ae, e.showOverlay],
         [a]
-      ]) : c("", !0)
+      ]) : p("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
@@ -4601,7 +4596,7 @@ function rl(e, t, i, o, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, al)) : c("", !0),
+      }, null, 10, al)) : p("", !0),
       y("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
@@ -4622,10 +4617,10 @@ function rl(e, t, i, o, n, l) {
       key: 2,
       class: f(["w-progress__label", i.labelColor || !1])
     }, [
-      p(e.$slots, "default", {}, () => [
+      c(e.$slots, "default", {}, () => [
         B(C(Math.round(l.progressValue)) + C(i.circle ? "" : "%"), 1)
       ])
-    ], 2)) : c("", !0)
+    ], 2)) : p("", !0)
   ], 6);
 }
 const G = 40, dl = G / 2, ul = Math.round(G * 3.14 * 100) / 100, hl = {
@@ -4728,7 +4723,7 @@ function yl(e, t, i, o, n, l) {
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
         ], 10, fl)) : i.label ? (s(), u("label", {
@@ -4736,8 +4731,8 @@ function yl(e, t, i, o, n, l) {
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, ml)) : c("", !0)
-      ], 64)) : c("", !0),
+        }, null, 10, ml)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
@@ -4750,7 +4745,7 @@ function yl(e, t, i, o, n, l) {
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
         ], 10, gl)) : i.label ? (s(), u("label", {
@@ -4758,8 +4753,8 @@ function yl(e, t, i, o, n, l) {
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, bl)) : c("", !0)
-      ], 64)) : c("", !0)
+        }, null, 10, bl)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -4855,7 +4850,7 @@ function Cl(e, t, i, o, n, l) {
         class: { mt1: !i.inline && d }
       }), {
         default: m(() => [
-          e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
+          e.$slots[`item.${d + 1}`] || e.$slots.item ? c(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
             item: l.getOriginalItem(r),
             index: d + 1,
@@ -4864,7 +4859,7 @@ function Cl(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, vl)) : c("", !0)
+          }, null, 8, vl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4943,10 +4938,10 @@ function Vl(e, t, i, o, n, l) {
         value: n.rating
       }, null, 8, _l),
       (s(!0), u(w, null, L(i.max, (a) => (s(), u(w, { key: a }, [
-        e.$slots.item ? p(e.$slots, "item", {
+        e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: a + 1
-        }) : c("", !0),
+        }) : p("", !0),
         y("button", {
           class: f(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
@@ -4965,7 +4960,7 @@ function Vl(e, t, i, o, n, l) {
             role: "icon",
             "aria-hidden": "true",
             style: R(l.halfStarStyle)
-          }, null, 6)) : c("", !0)
+          }, null, 6)) : p("", !0)
         ], 42, $l)
       ], 64))), 128))
     ]),
@@ -5076,7 +5071,7 @@ function Ll(e, t, i, o, n, l) {
       onMouseleave: t[1] || (t[1] = (...a) => l.onMouseLeave && l.onMouseLeave(...a)),
       onMousewheel: t[2] || (t[2] = (...a) => l.onMouseWheel && l.onMouseWheel(...a))
     }, e.$attrs, { style: l.scrollableStyles }), [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ], 16),
     y("div", {
       class: f(["w-scrollbar", l.scrollbarClasses]),
@@ -5209,7 +5204,7 @@ const Rl = {
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style.padding = 0, window.addEventListener("resize", this.onResize);
   }
 }, Ol = /* @__PURE__ */ v(Pl, [["render", Ll]]), xl = ["aria-expanded", "aria-owns", "aria-activedescendant"], zl = {
-  key: 1,
+  key: 0,
   class: "w-select__selection-slot"
 }, Ml = ["innerHTML"], El = ["value", "name"];
 function Wl(e, t, i, o, n, l) {
@@ -5228,11 +5223,11 @@ function Wl(e, t, i, o, n, l) {
           class: f(["w-select__label w-select__label--left w-form-el-shakable", e.labelClasses]),
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 2)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 2)) : p("", !0)
+      ], 64)) : p("", !0),
       V(d, S({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
@@ -5254,22 +5249,24 @@ function Wl(e, t, i, o, n, l) {
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
-            i.innerIconLeft ? (s(), b(a, {
-              key: 0,
-              class: "w-select__icon w-select__icon--inner-left",
-              tag: "label",
-              onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
-            }, {
-              default: m(() => [
-                B(C(i.innerIconLeft), 1)
-              ]),
-              _: 1
-            })) : c("", !0),
+            c(e.$slots, "icon-left", {}, () => [
+              i.innerIconLeft ? (s(), b(a, {
+                key: 0,
+                class: "w-select__icon w-select__icon--inner-left",
+                tag: "label",
+                onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
+              }, {
+                default: m(() => [
+                  B(C(i.innerIconLeft), 1)
+                ]),
+                _: 1
+              })) : p("", !0)
+            ]),
             e.$slots.selection ? (s(), u("div", zl, [
-              p(e.$slots, "selection", {
+              c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
-            ])) : c("", !0),
+            ])) : p("", !0),
             y("div", S({
               class: "w-select__selection",
               ref: "selection-input",
@@ -5283,27 +5280,29 @@ function Wl(e, t, i, o, n, l) {
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
             }, null, 8, El))), 128)),
-            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(w, { key: 2 }, [
+            i.labelPosition === "inside" && l.showLabelInside ? (s(), u(w, { key: 1 }, [
               e.$slots.default || i.label ? (s(), u("label", {
                 key: 0,
                 class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
-                p(e.$slots, "default", {}, () => [
+                c(e.$slots, "default", {}, () => [
                   B(C(i.label), 1)
                 ])
-              ], 2)) : c("", !0)
-            ], 64)) : c("", !0),
-            i.innerIconRight ? (s(), b(a, {
-              key: 3,
-              class: "w-select__icon w-select__icon--inner-right",
-              tag: "label",
-              onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
-            }, {
-              default: m(() => [
-                B(C(i.innerIconRight), 1)
-              ]),
-              _: 1
-            })) : c("", !0)
+              ], 2)) : p("", !0)
+            ], 64)) : p("", !0),
+            c(e.$slots, "icon-right", {}, () => [
+              i.innerIconRight ? (s(), b(a, {
+                key: 0,
+                class: "w-select__icon w-select__icon--inner-right",
+                tag: "label",
+                onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
+              }, {
+                default: m(() => [
+                  B(C(i.innerIconRight), 1)
+                ]),
+                _: 1
+              })) : p("", !0)
+            ])
           ], 10, xl)
         ]),
         default: m(() => [
@@ -5330,14 +5329,14 @@ function Wl(e, t, i, o, n, l) {
             L(i.items.length, (h) => ({
               name: `item.${h}`,
               fn: m(({ item: k, selected: _, index: g }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](k, _, g) ? p(e.$slots, `item.${h}`, {
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](k, _, g) ? c(e.$slots, `item.${h}`, {
                   key: 0,
                   item: k,
                   selected: _,
                   index: g
                 }, () => [
                   B(C(k[i.itemLabelKey]), 1)
-                ]) : p(e.$slots, "item", {
+                ]) : c(e.$slots, "item", {
                   key: 1,
                   item: k,
                   selected: _,
@@ -5357,16 +5356,16 @@ function Wl(e, t, i, o, n, l) {
           class: f(["w-select__label w-select__label--right w-form-el-shakable", e.labelClasses]),
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 2)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 2)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Kl = {
+const Al = {
   name: "w-select",
   mixins: [E],
   props: {
@@ -5601,7 +5600,7 @@ const Kl = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Al = /* @__PURE__ */ v(Kl, [["render", Wl]]), Nl = ["for"], Dl = ["for", "innerHTML"], Hl = { class: "w-slider__track-wrap" }, Fl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], jl = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ul = ["for"], ql = { key: 0 }, Xl = {
+}, Kl = /* @__PURE__ */ v(Al, [["render", Wl]]), Nl = ["for"], Dl = ["for", "innerHTML"], Hl = { class: "w-slider__track-wrap" }, Fl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], jl = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ul = ["for"], ql = { key: 0 }, Xl = {
   key: 0,
   class: "w-slider__step-labels"
 }, Yl = ["onClick"], Gl = ["for"], Jl = ["for", "innerHTML"];
@@ -5621,13 +5620,13 @@ function Ql(e, t, i, o, n, l) {
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        p(e.$slots, "label-left")
+        c(e.$slots, "label-left")
       ], 10, Nl)) : i.labelLeft ? (s(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, Dl)) : c("", !0),
+      }, null, 10, Dl)) : p("", !0),
       y("div", Hl, [
         y("div", {
           class: f(["w-slider__track", l.trackClasses]),
@@ -5674,16 +5673,16 @@ function Ql(e, t, i, o, n, l) {
               for: `button--${e._.uid}`
             }, [
               i.thumbLabel === "droplet" ? (s(), u("div", ql, [
-                p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
+                c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   B(C(~~e.rangeValueScaled), 1)
                 ])
-              ])) : p(e.$slots, "label", {
+              ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
                 B(C(~~e.rangeValueScaled), 1)
               ])
-            ], 10, Ul)) : c("", !0)
+            ], 10, Ul)) : p("", !0)
           ], 4)
         ], 42, Fl),
         i.stepLabels && i.step ? (s(), u("div", Xl, [
@@ -5702,21 +5701,21 @@ function Ql(e, t, i, o, n, l) {
             class: "w-slider__step-label",
             onClick: t[7] || (t[7] = (a) => l.onStepLabelClick(100)),
             style: { left: "100%" }
-          }, C(this.maxVal), 1)) : c("", !0)
-        ])) : c("", !0)
+          }, C(this.maxVal), 1)) : p("", !0)
+        ])) : p("", !0)
       ]),
       e.$slots["label-right"] ? (s(), u("label", {
         key: 2,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`
       }, [
-        p(e.$slots, "label-right")
+        c(e.$slots, "label-right")
       ], 10, Gl)) : i.labelRight ? (s(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, Jl)) : c("", !0)
+      }, null, 10, Jl)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
@@ -5866,8 +5865,8 @@ function is(e, t, i, o, n, l) {
     class: f(["w-spinner", l.classes]),
     style: R(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", ts)) : c("", !0)
-  ], 6)) : c("", !0);
+    l.isThreeDots ? (s(), u("span", ts)) : p("", !0)
+  ], 6)) : p("", !0);
 }
 const ls = {
   name: "w-spinner",
@@ -5969,11 +5968,11 @@ function ps(e, t, i, o, n, l) {
           class: f(["w-switch__label w-switch__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, ds)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 10, ds)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", S({
         class: "w-switch__input",
         onClick: t[2] || (t[2] = (r) => {
@@ -5981,15 +5980,15 @@ function ps(e, t, i, o, n, l) {
         })
       }, M(e.$attrs, !0), { class: l.inputClasses }), [
         e.$slots.track ? (s(), u("div", us, [
-          p(e.$slots, "track")
-        ])) : c("", !0),
+          c(e.$slots, "track")
+        ])) : p("", !0),
         e.$slots.thumb || i.loading ? (s(), u("div", hs, [
           i.loading ? (s(), b(a, S({
             key: 0,
             circle: "",
             color: "inherit"
-          }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : p(e.$slots, "thumb", { key: 1 })
-        ])) : c("", !0)
+          }, typeof i.loading == "number" && { "model-value": i.loading }), null, 16)) : c(e.$slots, "thumb", { key: 1 })
+        ])) : p("", !0)
       ], 16),
       l.hasLabel && !i.labelOnLeft ? (s(), u(w, { key: 1 }, [
         e.$slots.default || i.label ? (s(), u("label", {
@@ -5997,11 +5996,11 @@ function ps(e, t, i, o, n, l) {
           class: f(["w-switch__label w-switch__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-switch--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, cs)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 10, cs)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
@@ -6077,7 +6076,7 @@ const fs = {
 }, ms = /* @__PURE__ */ v(fs, [["render", ps]]), gs = { class: "w-tabs__content" };
 function bs(e, t, i, o, n, l) {
   return s(), u("div", gs, [
-    p(e.$slots, "default", { item: i.item })
+    c(e.$slots, "default", { item: i.item })
   ]);
 }
 const ys = {
@@ -6110,12 +6109,12 @@ function $s(e, t, i, o, n, l) {
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
-        e.$slots[`item-title.${r.id || d + 1}`] ? p(e.$slots, `item-title.${r.id || d + 1}`, {
+        e.$slots[`item-title.${r.id || d + 1}`] ? c(e.$slots, `item-title.${r.id || d + 1}`, {
           key: 0,
           item: l.getOriginalItem(r),
           index: d + 1,
           active: r._uid === e.activeTabUid
-        }) : p(e.$slots, "item-title", {
+        }) : c(e.$slots, "item-title", {
           key: 1,
           item: l.getOriginalItem(r),
           index: d + 1,
@@ -6127,13 +6126,13 @@ function $s(e, t, i, o, n, l) {
         ])
       ], 42, ks))), 128)),
       e.$slots["tabs-bar-extra"] ? (s(), u("div", Cs, [
-        p(e.$slots, "tabs-bar-extra")
-      ])) : c("", !0),
+        c(e.$slots, "tabs-bar-extra")
+      ])) : p("", !0),
       !i.noSlider && !i.card ? (s(), u("div", {
         key: 1,
         class: f(["w-tabs__slider", i.sliderColor]),
         style: R(l.sliderStyles)
-      }, null, 6)) : c("", !0)
+      }, null, 6)) : p("", !0)
     ], 2),
     e.tabs.length ? (s(), u("div", Ss, [
       i.keepInDom ? (s(), b(oe, {
@@ -6141,18 +6140,18 @@ function $s(e, t, i, o, n, l) {
         name: l.transitionName
       }, {
         default: m(() => [
-          (s(!0), u(w, null, L(e.tabs, (r, d) => A((s(), b(a, {
+          (s(!0), u(w, null, L(e.tabs, (r, d) => K((s(), b(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
           }, {
             default: m(() => [
-              e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
+              e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                 key: 0,
                 item: l.getOriginalItem(r),
                 index: r._index + 1,
                 active: r._index === l.activeTab._index
-              }) : p(e.$slots, "item-content", {
+              }) : c(e.$slots, "item-content", {
                 key: 1,
                 item: l.getOriginalItem(r),
                 index: r._index + 1,
@@ -6161,7 +6160,7 @@ function $s(e, t, i, o, n, l) {
                 r[i.itemContentKey] ? (s(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, Bs)) : c("", !0)
+                }, null, 8, Bs)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6186,12 +6185,12 @@ function $s(e, t, i, o, n, l) {
             }, {
               default: m(({ item: r }) => [
                 r ? (s(), u(w, { key: 0 }, [
-                  e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
+                  e.$slots[`item-content.${r._index + 1}`] ? c(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
                     item: l.getOriginalItem(r),
                     index: r._index + 1,
                     active: r._uid === e.activeTabUid
-                  }) : p(e.$slots, "item-content", {
+                  }) : c(e.$slots, "item-content", {
                     key: 1,
                     item: l.getOriginalItem(r),
                     index: r._index + 1,
@@ -6200,9 +6199,9 @@ function $s(e, t, i, o, n, l) {
                     r[i.itemContentKey] ? (s(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, _s)) : c("", !0)
+                    }, null, 8, _s)) : p("", !0)
                   ])
-                ], 64)) : c("", !0)
+                ], 64)) : p("", !0)
               ]),
               _: 3
             }, 8, ["item", "class"]))
@@ -6210,7 +6209,7 @@ function $s(e, t, i, o, n, l) {
         ]),
         _: 3
       }, 8, ["name", "mode"]))
-    ])) : c("", !0)
+    ])) : p("", !0)
   ], 2);
 }
 let fe = 0;
@@ -6396,7 +6395,7 @@ const Vs = {
 }, Ms = ["colspan"], Es = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ws = ["colspan"], Ks = { class: "w-table__loading-text" }, As = {
+}, Ws = ["colspan"], As = { class: "w-table__loading-text" }, Ks = {
   key: 1,
   class: "no-data"
 }, Ns = ["colspan"], Ds = ["onClick"], Hs = ["data-label"], Fs = ["data-label"], js = ["innerHTML"], Us = {
@@ -6434,7 +6433,7 @@ function io(e, t, i, o, n, l) {
             width: g.width || null
           }, null, 10, Rs))), 128))
         ], 512),
-        i.noHeaders ? c("", !0) : (s(), u("thead", Ps, [
+        i.noHeaders ? p("", !0) : (s(), u("thead", Ps, [
           y("tr", null, [
             (s(!0), u(w, null, L(i.headers, (g, T) => (s(), u("th", {
               class: f(["w-table__header", l.headerClasses(g)]),
@@ -6449,9 +6448,9 @@ function io(e, t, i, o, n, l) {
                   B("wi-arrow-down")
                 ]),
                 _: 2
-              }, 1032, ["class"])) : c("", !0),
+              }, 1032, ["class"])) : p("", !0),
               g.label ? (s(), u(w, { key: 1 }, [
-                e.$slots["header-label"] ? p(e.$slots, "header-label", {
+                e.$slots["header-label"] ? c(e.$slots, "header-label", {
                   key: 0,
                   header: g,
                   label: g.label,
@@ -6462,7 +6461,7 @@ function io(e, t, i, o, n, l) {
                   key: 1,
                   innerHTML: g.label || ""
                 }, null, 8, xs))
-              ], 64)) : c("", !0),
+              ], 64)) : p("", !0),
               g.sortable !== !1 && g.align !== "right" ? (s(), b(a, {
                 key: 2,
                 class: f(["w-table__header-sort", l.headerSortClasses(g)])
@@ -6471,13 +6470,13 @@ function io(e, t, i, o, n, l) {
                   B("wi-arrow-down")
                 ]),
                 _: 2
-              }, 1032, ["class"])) : c("", !0),
+              }, 1032, ["class"])) : p("", !0),
               T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                 key: 3,
                 class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === T }]),
                 onClick: t[0] || (t[0] = z(() => {
                 }, ["stop"]))
-              }, null, 2)) : c("", !0)
+              }, null, 2)) : p("", !0)
             ], 10, Os))), 128))
           ]),
           V(d, null, {
@@ -6488,7 +6487,7 @@ function io(e, t, i, o, n, l) {
                 }, [
                   V(r, { tile: "" })
                 ], 8, Ms)
-              ])) : c("", !0)
+              ])) : p("", !0)
             ]),
             _: 1
           })
@@ -6499,24 +6498,24 @@ function io(e, t, i, o, n, l) {
               colspan: i.headers.length
             }, [
               V(r, { tile: "" }),
-              y("div", Ks, [
-                p(e.$slots, "loading", {}, () => [
+              y("div", As, [
+                c(e.$slots, "loading", {}, () => [
                   B("Loading...")
                 ])
               ])
             ], 8, Ws)
-          ])) : l.tableItems.length ? c("", !0) : (s(), u("tr", As, [
+          ])) : l.tableItems.length ? p("", !0) : (s(), u("tr", Ks, [
             y("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
             }, [
-              p(e.$slots, "no-data", {}, () => [
+              c(e.$slots, "no-data", {}, () => [
                 B("No data to show.")
               ])
             ], 8, Ns)
           ])),
           l.tableItems.length && i.loading !== !0 ? (s(!0), u(w, { key: 2 }, L(l.paginatedItems, (g, T) => (s(), u(w, { key: T }, [
-            e.$slots.item ? p(e.$slots, "item", {
+            e.$slots.item ? c(e.$slots, "item", {
               key: 0,
               item: g,
               index: T + 1,
@@ -6533,29 +6532,29 @@ function io(e, t, i, o, n, l) {
                   key: `${x}-a`,
                   "data-label": P.label
                 }, [
-                  e.$slots[`item-cell.${P.key}`] ? p(e.$slots, `item-cell.${P.key}`, {
+                  e.$slots[`item-cell.${P.key}`] ? c(e.$slots, `item-cell.${P.key}`, {
                     key: 0,
                     header: P,
                     item: g,
                     label: g[P.key] || "",
                     index: T + 1
-                  }) : e.$slots[`item-cell.${x + 1}`] ? p(e.$slots, `item-cell.${x + 1}`, {
+                  }) : e.$slots[`item-cell.${x + 1}`] ? c(e.$slots, `item-cell.${x + 1}`, {
                     key: 1,
                     header: P,
                     item: g,
                     label: g[P.key] || "",
                     index: T + 1
-                  }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
+                  }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                     key: 2,
                     header: P,
                     item: g,
                     label: g[P.key] || "",
                     index: T + 1
-                  }) : c("", !0),
+                  }) : p("", !0),
                   x < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                     key: 3,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === x, "w-table__col-resizer--active": e.colResizing.columnIndex === x }])
-                  }, null, 2)) : c("", !0)
+                  }, null, 2)) : p("", !0)
                 ], 10, Hs)) : (s(), u("td", {
                   class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
                   key: `${x}-b`,
@@ -6567,7 +6566,7 @@ function io(e, t, i, o, n, l) {
                   x < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                     key: 0,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === x, "w-table__col-resizer--active": e.colResizing.columnIndex === x }])
-                  }, null, 2)) : c("", !0)
+                  }, null, 2)) : p("", !0)
                 ], 10, Fs))
               ], 64))), 256))
             ], 10, Ds)),
@@ -6579,39 +6578,39 @@ function io(e, t, i, o, n, l) {
                 V(h, { y: "" }, {
                   default: m(() => [
                     l.expandedRowsByUid[g._uid] ? (s(), u("div", Xs, [
-                      p(e.$slots, "row-expansion", {
+                      c(e.$slots, "row-expansion", {
                         item: g,
                         index: T + 1
                       })
-                    ])) : c("", !0),
+                    ])) : p("", !0),
                     T < i.headers.length - 1 && i.resizableColumns ? (s(), u("span", {
                       key: 1,
                       class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === T, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
-                    }, null, 2)) : c("", !0)
+                    }, null, 2)) : p("", !0)
                   ]),
                   _: 2
                 }, 1024)
               ], 8, qs)
-            ])) : c("", !0)
-          ], 64))), 128)) : c("", !0),
+            ])) : p("", !0)
+          ], 64))), 128)) : p("", !0),
           e.$slots["extra-row"] ? (s(), u("div", Ys, [
-            p(e.$slots, "extra-row")
-          ])) : c("", !0)
+            c(e.$slots, "extra-row")
+          ])) : p("", !0)
         ]),
         e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", Gs, [
-          e.$slots["footer-row"] ? p(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Js, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Js, [
             y("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
-              p(e.$slots, "footer")
+              c(e.$slots, "footer")
             ], 8, Qs)
-          ])) : c("", !0)
-        ])) : c("", !0)
+          ])) : p("", !0)
+        ])) : p("", !0)
       ], 32)
     ]),
     i.pagination && e.paginationConfig ? (s(), u("div", Zs, [
-      p(e.$slots, "pagination", {
+      c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
         pagesCount: e.paginationConfig.pagesCount,
@@ -6628,7 +6627,7 @@ function io(e, t, i, o, n, l) {
           "label-position": "left",
           label: "Items per page",
           "label-color": "inherit"
-        }, null, 8, ["modelValue", "items"])) : c("", !0),
+        }, null, 8, ["modelValue", "items"])) : p("", !0),
         y("div", eo, [
           V(_, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
@@ -6661,7 +6660,7 @@ function io(e, t, i, o, n, l) {
                 B("...")
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : c("", !0)
+            }, 1032, ["onClick", "class"])) : p("", !0)
           ], 64))), 128)) : (s(!0), u(w, { key: 1 }, L(e.paginationConfig.pagesCount, (g) => (s(), b(_, {
             class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
             key: g,
@@ -6685,7 +6684,7 @@ function io(e, t, i, o, n, l) {
         ]),
         y("span", to, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
       ])
-    ])) : c("", !0)
+    ])) : p("", !0)
   ], 2);
 }
 const me = 15, lo = {
@@ -6943,8 +6942,27 @@ const me = 15, lo = {
         total: this.pagination.total || this.items.length
       });
     },
+    /**
+     * Updates the pagination object and fills up missing variables to always maintain the paginationConfig
+     * object accurate for external use (read and write).
+     * The following vars will always be up to date and if one changes from outside the rest of them
+     * will update accordingly: itemsPerPage, itemsPerPageOptions, start, end, page, total.
+     *
+     * @param {Object} config The config object defining the pagination.
+     *  This object can have at most itemsPerPage, page, total, and it will define the start, end and
+     *  pagesCount from the given or current itemsPerPage, page and total.
+     *  - If a total is given for update, trust it blindly (could come from a backend), and recompute
+     *    the rest as long as itemsPerPage is defined.
+     *  - If a page is given for update, it will navigate to that page.
+     *  - If an itemsPerPage is given for update, it will navigate to that page.
+     */
     updatePaginationConfig({ itemsPerPage: e, page: t, total: i }) {
-      i && (this.paginationConfig.total = i), e !== void 0 && (this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = t || this.paginationConfig.page || 1, t = this.paginationConfig.page, i = this.paginationConfig.total, this.paginationConfig.start = 1, this.paginationConfig.end = i >= e * t ? e * t : i % (e * t), this.paginationConfig.pagesCount = Math.ceil(i / e)), t && this.goToPage(t);
+      if (i && (this.paginationConfig.total = i), e !== void 0) {
+        this.paginationConfig.itemsPerPage = e, e = e || this.paginationConfig.total, this.paginationConfig.page = t || this.paginationConfig.page || 1, t = this.paginationConfig.page, i = this.paginationConfig.total;
+        const o = e * t;
+        this.paginationConfig.start = 1, this.paginationConfig.end = i >= o ? o : i % o, this.paginationConfig.pagesCount = Math.ceil(i / e);
+      }
+      t && this.goToPage(t);
     },
     /**
      * Goes to a given page or to the next or previous page.
@@ -7016,7 +7034,7 @@ function ao(e, t, i, o, n, l) {
     tabindex: i.modelValue !== -1 && 0,
     style: l.styles
   }), [
-    p(e.$slots, "default"),
+    c(e.$slots, "default"),
     i.closable && i.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
@@ -7025,7 +7043,7 @@ function ao(e, t, i, o, n, l) {
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
-    })) : c("", !0)
+    })) : p("", !0)
   ], 16, oo);
 }
 const no = {
@@ -7096,27 +7114,31 @@ function po(e, t, i, o, n, l) {
           class: f(["w-textarea__label w-textarea__label--left w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, uo)) : c("", !0)
-      ], 64)) : c("", !0),
+        ], 10, uo)) : p("", !0)
+      ], 64)) : p("", !0),
       y("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
-        i.innerIconLeft ? (s(), b(a, {
-          key: 0,
-          class: "w-textarea__icon w-textarea__icon--inner-left",
-          tag: "label",
-          for: `w-textarea--${e._.uid}`,
-          onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
-        }, {
-          default: m(() => [
-            B(C(i.innerIconLeft), 1)
-          ]),
-          _: 1
-        }, 8, ["for"])) : c("", !0),
-        A(y("textarea", S({
+        c(e.$slots, "icon-left", {
+          inputId: `w-textarea--${e._.uid}`
+        }, () => [
+          i.innerIconLeft ? (s(), b(a, {
+            key: 0,
+            class: "w-textarea__icon w-textarea__icon--inner-left",
+            tag: "label",
+            for: `w-textarea--${e._.uid}`,
+            onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
+          }, {
+            default: m(() => [
+              B(C(i.innerIconLeft), 1)
+            ]),
+            _: 1
+          }, 8, ["for"])) : p("", !0)
+        ]),
+        K(y("textarea", S({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
@@ -7137,28 +7159,32 @@ function po(e, t, i, o, n, l) {
         }), null, 16, ho), [
           [be, n.inputValue]
         ]),
-        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(w, { key: 1 }, [
+        i.labelPosition === "inside" && l.showLabelInside ? (s(), u(w, { key: 0 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
-            p(e.$slots, "default", {}, () => [
+            c(e.$slots, "default", {}, () => [
               B(C(i.label), 1)
             ])
-          ], 2)) : c("", !0)
-        ], 64)) : c("", !0),
-        i.innerIconRight ? (s(), b(a, {
-          key: 2,
-          class: "w-textarea__icon w-textarea__icon--inner-right",
-          tag: "label",
-          for: `w-textarea--${e._.uid}`,
-          onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
-        }, {
-          default: m(() => [
-            B(C(i.innerIconRight), 1)
-          ]),
-          _: 1
-        }, 8, ["for"])) : c("", !0)
+          ], 2)) : p("", !0)
+        ], 64)) : p("", !0),
+        c(e.$slots, "icon-right", {
+          inputId: `w-textarea--${e._.uid}`
+        }, () => [
+          i.innerIconRight ? (s(), b(a, {
+            key: 0,
+            class: "w-textarea__icon w-textarea__icon--inner-right",
+            tag: "label",
+            for: `w-textarea--${e._.uid}`,
+            onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
+          }, {
+            default: m(() => [
+              B(C(i.innerIconRight), 1)
+            ]),
+            _: 1
+          }, 8, ["for"])) : p("", !0)
+        ])
       ], 2),
       i.labelPosition === "right" ? (s(), u(w, { key: 1 }, [
         e.$slots.default || i.label ? (s(), u("label", {
@@ -7166,11 +7192,11 @@ function po(e, t, i, o, n, l) {
           class: f(["w-textarea__label w-textarea__label--right w-form-el-shakable", e.labelClasses]),
           for: `w-textarea--${e._.uid}`
         }, [
-          p(e.$slots, "default", {}, () => [
+          c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, co)) : c("", !0)
-      ], 64)) : c("", !0)
+        ], 10, co)) : p("", !0)
+      ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
@@ -7314,11 +7340,11 @@ function yo(e, t, i, o, n, l) {
         ]),
         _: 2
       }, 1032, ["class"])),
-      e.$slots[`item.${r + 1}`] ? p(e.$slots, `item.${r + 1}`, {
+      e.$slots[`item.${r + 1}`] ? c(e.$slots, `item.${r + 1}`, {
         key: 1,
         item: a,
         index: r + 1
-      }) : p(e.$slots, "item", {
+      }) : c(e.$slots, "item", {
         key: 0,
         item: a,
         index: r + 1
@@ -7363,7 +7389,7 @@ function vo(e, t, i, o, n, l) {
     class: f(["w-toolbar", l.classes]),
     style: R(l.styles)
   }, [
-    p(e.$slots, "default")
+    c(e.$slots, "default")
   ], 6);
 }
 const Co = {
@@ -7420,7 +7446,7 @@ const Co = {
 }, So = /* @__PURE__ */ v(Co, [["render", vo]]);
 function Bo(e, t, i, o, n, l) {
   return s(), u(w, null, [
-    p(e.$slots, "activator", { on: l.activatorEventHandlers }),
+    c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     V(O, {
       name: l.transitionName,
       appear: ""
@@ -7432,8 +7458,8 @@ function Bo(e, t, i, o, n, l) {
           key: e._.uid,
           style: R(l.styles)
         }, [
-          p(e.$slots, "default")
-        ], 6)) : c("", !0)
+          c(e.$slots, "default")
+        ], 6)) : p("", !0)
       ]),
       _: 3
     }, 8, ["name"])
@@ -7491,7 +7517,7 @@ const _o = {
      * - `alignment`
      **/
     tooltipClasses() {
-      return K(this.tooltipClass);
+      return A(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -7579,7 +7605,7 @@ const _o = {
 function Vo(e, t, i, o, n, l) {
   return s(), b(O, S({ name: "bounce" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7607,7 +7633,7 @@ function Lo(e, t, i, o, n, l) {
     onAfterLeave: l.afterLeave
   }, {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
@@ -7706,7 +7732,7 @@ const Ro = {
 function Oo(e, t, i, o, n, l) {
   return s(), b(O, S({ name: "fade" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7721,7 +7747,7 @@ const xo = {
 function Mo(e, t, i, o, n, l) {
   return s(), b(O, S({ name: "scale" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7733,25 +7759,25 @@ const Eo = {
     duration: { type: [Number, String] }
   }
 }, Wo = /* @__PURE__ */ v(Eo, [["render", Mo]]);
-function Ko(e, t, i, o, n, l) {
+function Ao(e, t, i, o, n, l) {
   return s(), b(O, S({ name: "scale-fade" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Ao = {
+const Ko = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, No = /* @__PURE__ */ v(Ao, [["render", Ko]]);
+}, No = /* @__PURE__ */ v(Ko, [["render", Ao]]);
 function Do(e, t, i, o, n, l) {
   return s(), b(O, S({ name: l.transitionName }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
@@ -7778,7 +7804,7 @@ const Ho = {
 function jo(e, t, i, o, n, l) {
   return s(), b(O, S({ name: l.transitionName }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
@@ -7805,7 +7831,7 @@ const Uo = {
 function Xo(e, t, i, o, n, l) {
   return s(), b(O, S({ name: "twist" }, e.$props), {
     default: m(() => [
-      p(e.$slots, "default")
+      c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
@@ -7846,8 +7872,8 @@ function Zo(e, t, i, o, n, l) {
             disabled: i.disabled || h.disabled,
             text: "",
             sm: ""
-          }, null, 8, ["onClick", "icon", "icon-props", "disabled"])) : c("", !0),
-          p(e.$slots, "item", {
+          }, null, 8, ["onClick", "icon", "icon-props", "disabled"])) : p("", !0),
+          c(e.$slots, "item", {
             item: h.originalItem,
             depth: i.depth,
             path: h.path,
@@ -7864,11 +7890,11 @@ function Zo(e, t, i, o, n, l) {
                   B(C(l.itemIcon(h)), 1)
                 ]),
                 _: 2
-              }, 1032, ["color"])) : c("", !0),
+              }, 1032, ["color"])) : p("", !0),
               y("span", {
                 innerHTML: h.label
               }, null, 8, Jo),
-              i.counts && (h.children || h.branch) ? (s(), u("span", Qo, "(" + C(((_ = h.originalItem.children) == null ? void 0 : _.length) || 0) + ")", 1)) : c("", !0)
+              i.counts && (h.children || h.branch) ? (s(), u("span", Qo, "(" + C(((_ = h.originalItem.children) == null ? void 0 : _.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
@@ -7893,7 +7919,7 @@ function Zo(e, t, i, o, n, l) {
             "onUpdate:modelValue": t[6] || (t[6] = (_) => e.$emit("update:model-value", _))
           }), {
             item: m(({ item: _, depth: g, path: T, open: P }) => [
-              p(e.$slots, "item", {
+              c(e.$slots, "item", {
                 item: _,
                 depth: g,
                 path: T,
@@ -7901,7 +7927,7 @@ function Zo(e, t, i, o, n, l) {
               })
             ]),
             _: 2
-          }, 1040, ["depth", "data", "parent"])) : c("", !0)
+          }, 1040, ["depth", "data", "parent"])) : p("", !0)
         ]),
         _: 2
       }, 1064, ["y", "onAfterEnter", "onAfterLeave"]))
@@ -8142,7 +8168,7 @@ const ea = {
   WRadios: Bl,
   WRating: Tl,
   WScrollable: Ol,
-  WSelect: Al,
+  WSelect: Kl,
   WSlider: es,
   WSpinner: ss,
   WSteps: ns,