wave-ui 3.13.5 → 3.13.6

package/dist/wave-ui.es.js

@@ -1,16 +1,12 @@
-var ke = Object.defineProperty;
-var ve = (e, t, i) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var H = (e, t, i) => (ve(e, typeof t != "symbol" ? t + "" : t, i), i), ne = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
+var ve = Object.defineProperty;
+var ne = (e) => {
+  throw TypeError(e);
 };
-var X = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Q = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Z = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as Ce, createVNode as I, TransitionGroup as se, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as R, mergeProps as B, createElementVNode as y, createCommentVNode as p, createApp as Se, defineComponent as Be, inject as _e, withKeys as E, withModifiers as z, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as L, toHandlers as oe, Transition as O, resolveDynamicComponent as T, normalizeProps as te, resolveDirective as ge, withDirectives as W, createSlots as J, vShow as ae, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
-const Ie = G({
+var Ce = (e, t, i) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var H = (e, t, i) => Ce(e, typeof t != "symbol" ? t + "" : t, i), re = (e, t, i) => t.has(e) || ne("Cannot " + i);
+var X = (e, t, i) => (re(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Q = (e, t, i) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), Z = (e, t, i, o) => (re(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as Se, createVNode as I, TransitionGroup as se, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as R, mergeProps as B, createElementVNode as y, createCommentVNode as p, createApp as Be, defineComponent as _e, inject as $e, withKeys as E, withModifiers as z, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as L, toHandlers as oe, Transition as O, resolveDynamicComponent as T, normalizeProps as te, resolveDirective as be, withDirectives as W, createSlots as J, vShow as ae, vModelText as ye, vModelDynamic as Ve, KeepAlive as Ie } from "vue";
+const Te = G({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
   breakpoints: {
@@ -70,32 +66,30 @@ const Ie = G({
   },
   presets: {}
   // User presets for each component.
-}), ye = (e, t = Ie) => {
-  if (!Object.keys(t).length)
-    t = Object.assign(t, e);
+}), we = (e, t = Te) => {
+  if (!Object.keys(t).length) t = Object.assign(t, e);
   else
     for (const i in e) {
       const o = e[i];
-      typeof o == "object" ? ye(e[i], t[i]) : t[i] = o;
+      typeof o == "object" ? we(e[i], t[i]) : t[i] = o;
     }
   return t;
-}, F = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
+}, F = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), de = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Le = (e) => {
   ["light", "dark"].forEach((t) => {
     const i = e.colors[t];
     i.shades = {};
     for (let o in i) {
-      if (o === "shades")
-        continue;
+      if (o === "shades") continue;
       o = { label: o, color: i[o].replace("#", "") };
       const n = o.color;
       n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let l = 1; l <= 3; l++) {
-        const a = re(`#${o.color}`, l * 40), r = re(`#${o.color}`, -l * 40);
+        const a = de(`#${o.color}`, l * 40), r = de(`#${o.color}`, -l * 40);
         i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
       }
     }
   });
-}, de = (e, t) => {
+}, ue = (e, t) => {
   const i = {
     ...t.reduce((o, n) => {
       o[n.label] = n.color;
@@ -104,7 +98,7 @@ const Ie = G({
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
-}, ue = [
+}, he = [
   {
     label: "pink",
     color: "#e91e63",
@@ -455,8 +449,8 @@ const Ie = G({
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let ie = { keys: [], values: [] }, he = null;
-const Le = (e, t) => {
+let ie = { keys: [], values: [] }, ce = null;
+const Re = (e, t) => {
   let i = "";
   const o = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: w } = j;
   for (const V in h)
@@ -464,16 +458,14 @@ const Le = (e, t) => {
   for (const V in d)
     i += `${w} .${V}--bg{background-color:${d[V]}}${w} .${V}{color:${d[V]}}`;
   const _ = { ...h, info: n, warning: l, success: a, error: r };
-  for (const V in _)
-    o[V] = _[V];
+  for (const V in _) o[V] = _[V];
   if (t)
-    for (const V in d)
-      o[V] = d[V];
+    for (const V in d) o[V] = d[V];
   let b = "";
   return Object.entries(o).forEach(([V, P]) => {
     b += `--w-${V}-color: ${P};`;
   }), `:root{${b}}${i}`;
-}, Re = (e, t) => {
+}, Pe = (e, t) => {
   let i = "";
   const { cssScope: o } = j;
   return e.forEach(({ min: n, label: l }) => {
@@ -487,7 +479,7 @@ const Le = (e, t) => {
       i += "}";
     }
   }), i;
-}, Pe = (e) => {
+}, Oe = (e) => {
   let t = "";
   const { cssScope: i, baseIncrement: o } = j, n = [
     "show{display:block}",
@@ -534,11 +526,11 @@ const Le = (e, t) => {
     a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + // w-grid columns and gap.
     l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, ce = (e) => {
+}, pe = (e) => {
   const t = window.innerWidth, i = ie.values.slice(0);
   i.push(t), i.sort((n, l) => n - l);
   const o = ie.keys[i.indexOf(t)] || "xl";
-  o !== he && (he = o, e.breakpoint = {
+  o !== ce && (ce = o, e.breakpoint = {
     name: o,
     xs: o === "xs",
     sm: o === "sm",
@@ -547,34 +539,34 @@ const Le = (e, t) => {
     xl: o === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, Oe = (e) => {
+}, xe = (e) => {
   const { config: t } = e;
   if (ie = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
-    i.id = "wave-ui-styles", i.innerHTML = ze(t);
+    i.id = "wave-ui-styles", i.innerHTML = Me(t);
     const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     o ? o.before(i) : document.head.appendChild(i);
   }
-  ce(e), window.addEventListener("resize", () => ce(e));
-}, xe = (e, t) => {
+  pe(e), window.addEventListener("resize", () => pe(e));
+}, ze = (e, t) => {
   if (!document.getElementById("wave-ui-colors")) {
     const i = document.createElement("style");
-    i.id = "wave-ui-colors", i.innerHTML = Le(e, t);
+    i.id = "wave-ui-colors", i.innerHTML = Re(e, t);
     const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     o ? o.before(i) : document.head.appendChild(i);
   }
-}, ze = (e) => {
+}, Me = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: a };
   }), o = getComputedStyle(document.documentElement);
   j.cssScope = o.getPropertyValue("--w-css-scope"), j.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += Re(i, e.css.grid), e.css.breakpointLayoutClasses && (n += Pe(i)), n;
-}, Me = ["innerHTML"];
-function Ee(e, t, i, o, n, l) {
+  return n += Pe(i, e.css.grid), e.css.breakpointLayoutClasses && (n += Oe(i)), n;
+}, Ee = ["innerHTML"];
+function Ae(e, t, i, o, n, l) {
   const a = $("w-alert");
-  return s(), g(Ce, { to: ".w-app" }, [
+  return s(), g(Se, { to: ".w-app" }, [
     I(se, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
@@ -594,7 +586,7 @@ function Ee(e, t, i, o, n, l) {
             default: m(() => [
               y("div", {
                 innerHTML: r.message
-              }, null, 8, Me)
+              }, null, 8, Ee)
             ]),
             _: 2
           }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
@@ -609,7 +601,7 @@ const v = (e, t) => {
   for (const [o, n] of t)
     i[o] = n;
   return i;
-}, Ae = {
+}, We = {
   name: "w-notification-manager",
   computed: {
     conf() {
@@ -631,7 +623,7 @@ const v = (e, t) => {
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, We = /* @__PURE__ */ v(Ae, [["render", Ee]]);
+}, Ke = /* @__PURE__ */ v(We, [["render", Ae]]);
 var D;
 const K = class K {
   constructor() {
@@ -640,8 +632,7 @@ const K = class K {
     H(this, "_uid");
     // A unique ID for each notification.
     H(this, "_notificationDefaults");
-    if (X(K, D))
-      return X(K, D);
+    if (X(K, D)) return X(K, D);
     this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
@@ -655,8 +646,7 @@ const K = class K {
       ...this._notificationDefaults,
       _uid: this._uid++
     };
-    if (typeof t[0] == "object")
-      i = { ...i, ...t[0] };
+    if (typeof t[0] == "object") i = { ...i, ...t[0] };
     else {
       const [o, n, l] = t;
       i = {
@@ -672,13 +662,13 @@ const K = class K {
     this.notifications = this.notifications.filter((i) => i._uid !== t);
   }
 };
-D = new WeakMap(), Q(K, D, void 0);
+D = new WeakMap(), Q(K, D);
 let le = K;
-const Ke = (e, t, i) => {
+const Ne = (e, t, i) => {
   const o = document.createElement("div");
   e.appendChild(o);
-  const n = Se(Be({
-    ...We,
+  const n = Be(_e({
+    ...Ke,
     inject: ["$waveui"]
   })).provide("$waveui", i);
   for (const l in t) {
@@ -687,13 +677,13 @@ const Ke = (e, t, i) => {
   }
   n.mount(o), o.remove();
 };
-let pe = !1;
-const Ne = (e) => {
+let fe = !1;
+const De = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
-}, De = (e, t) => {
+}, He = (e, t) => {
   var i, o;
   for (const n in t)
     if ((i = e.props) != null && i[n])
@@ -743,19 +733,18 @@ const N = class N {
         var n, l;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || l.call(n);
         const o = this.config.colors[this.theme];
-        xe(o, this.config.css.colorShadeCssVariables), this.colors = de(o, ue);
+        ze(o, this.config.css.colorShadeCssVariables), this.colors = ue(o, he);
       }
     });
-    if (X(N, q))
-      return;
+    if (X(N, q)) return;
     if (this.$waveui._notificationManager = new le(), i.theme || (i.theme = "light"), i.colors) {
       const a = { ...i.colors };
       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: o, ...n } = i;
-    n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
+    n = this.$waveui.config = we(n), n.css.colorShades && Le(n);
     const l = G(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = ue(n.colors[n.theme], he));
   }
   static install(t, i = {}) {
     var n;
@@ -773,15 +762,15 @@ const N = class N {
     const { components: o = {} } = i || {};
     for (const l in o) {
       const a = o[l];
-      (n = i.presets) != null && n[a.name] && De(a, i.presets[a.name]), t.component(a.name, a);
+      (n = i.presets) != null && n[a.name] && He(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
       beforeMount() {
-        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), Ke(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+        if (!fe) {
+          fe = !0;
+          const l = $e("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
+          r.classList.add("w-app"), a.theme === "auto" ? De(l) : l.switchTheme(a.theme, !0), xe(l), Ne(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new N(t, i), Z(N, q, !0);
@@ -789,8 +778,8 @@ const N = class N {
 };
 q = new WeakMap(), Q(N, q, !1);
 let U = N;
-const He = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], je = ["innerHTML"], Ue = ["innerHTML"];
-function qe(e, t, i, o, n, l) {
+const Fe = ["aria-expanded"], je = ["onClick", "onFocus", "onKeypress", "tabindex"], Ue = ["innerHTML"], qe = ["innerHTML"];
+function Xe(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
     class: f(["w-accordion", l.accordionClasses])
@@ -833,7 +822,7 @@ function qe(e, t, i, o, n, l) {
           y("div", {
             class: "grow",
             innerHTML: d[i.itemTitleKey]
-          }, null, 8, je)
+          }, null, 8, Ue)
         ]),
         i.expandIcon && i.expandIconRight ? (s(), g(a, {
           key: 3,
@@ -844,7 +833,7 @@ function qe(e, t, i, o, n, l) {
           }, ["stop"])),
           onClick: z((w) => !d._disabled && l.toggleItem(d, w), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : p("", !0)
-      ], 42, Fe),
+      ], 42, je),
       I(r, {
         y: "",
         onAfterLeave: (w) => l.onEndOfCollapse(d),
@@ -868,16 +857,16 @@ function qe(e, t, i, o, n, l) {
             }, () => [
               y("div", {
                 innerHTML: d[i.itemContentKey]
-              }, null, 8, Ue)
+              }, null, 8, qe)
             ])
           ], 2)) : p("", !0)
         ]),
         _: 2
       }, 1032, ["onAfterLeave", "duration"])
-    ], 10, He))), 128))
+    ], 10, Fe))), 128))
   ], 2);
 }
-const Xe = {
+const Ye = {
   name: "w-accordion",
   props: {
     modelValue: { type: Array },
@@ -965,8 +954,8 @@ const Xe = {
       deep: !0
     }
   }
-}, Ye = /* @__PURE__ */ v(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
-function Je(e, t, i, o, n, l) {
+}, Ge = /* @__PURE__ */ v(Ye, [["render", Xe]]), Je = { class: "w-alert__content" };
+function Qe(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-button");
   return n.show ? (s(), u("div", {
     key: 0,
@@ -982,7 +971,7 @@ function Je(e, t, i, o, n, l) {
         ]),
         _: 1
       })) : p("", !0),
-      y("div", Ge, [
+      y("div", Je, [
         c(e.$slots, "default")
       ]),
       i.dismiss ? (s(), g(r, {
@@ -999,7 +988,7 @@ function Je(e, t, i, o, n, l) {
     ], 64)) : c(e.$slots, "default", { key: 1 })
   ], 2)) : p("", !0);
 }
-const Qe = {
+const Ze = {
   name: "w-alert",
   props: {
     modelValue: { default: !0 },
@@ -1082,22 +1071,22 @@ const Qe = {
       this.show = e;
     }
   }
-}, Ze = /* @__PURE__ */ v(Qe, [["render", Je]]), et = { class: "w-autocomplete__selection" }, tt = ["innerHTML"], it = ["innerHTML"], lt = ["value"], st = ["onClick"], ot = ["innerHTML"], at = ["innerHTML"];
-function nt(e, t, i, o, n, l) {
+}, et = /* @__PURE__ */ v(Ze, [["render", Qe]]), tt = { class: "w-autocomplete__selection" }, it = ["innerHTML"], lt = ["innerHTML"], st = ["value"], ot = ["onClick"], at = ["innerHTML"], nt = ["innerHTML"];
+function rt(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-transition-slide-fade");
   return s(), u("div", {
     class: f(["w-autocomplete", l.classes]),
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d)),
     style: L(e.$attrs.style)
   }, [
-    e.selection.length ? (s(!0), u(k, { key: 0 }, R(e.selection, (d, h) => (s(), u("div", et, [
+    e.selection.length ? (s(!0), u(k, { key: 0 }, R(e.selection, (d, h) => (s(), u("div", tt, [
       c(e.$slots, "selection", {
         item: d,
         unselect: (w) => l.unselectItem(w)
       }, () => [
         y("span", {
           innerHTML: d[i.itemLabelKey]
-        }, null, 8, tt),
+        }, null, 8, it),
         I(a, {
           onClick: z((w) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
@@ -1111,12 +1100,12 @@ function nt(e, t, i, o, n, l) {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
-    }, null, 8, it)) : p("", !0),
+    }, null, 8, lt)) : p("", !0),
     y("input", B({
       class: "w-autocomplete__input",
       ref: "input",
       value: e.keywords
-    }, oe(l.inputEventListeners, !0), l.inputAttrs), null, 16, lt),
+    }, oe(l.inputEventListeners, !0), l.inputAttrs), null, 16, st),
     I(r, null, {
       default: m(() => [
         e.menuOpen ? (s(), u("ul", {
@@ -1139,9 +1128,9 @@ function nt(e, t, i, o, n, l) {
             }, () => [
               y("span", {
                 innerHTML: d[i.itemLabelKey]
-              }, null, 8, ot)
+              }, null, 8, at)
             ])
-          ], 10, st))), 128)),
+          ], 10, ot))), 128)),
           l.filteredItems.length ? p("", !0) : (s(), u("li", {
             key: 0,
             class: f(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
@@ -1150,7 +1139,7 @@ function nt(e, t, i, o, n, l) {
               y("div", {
                 class: "caption",
                 innerHTML: i.noMatch ?? "No match."
-              }, null, 8, at)
+              }, null, 8, nt)
             ])
           ], 2)),
           e.$slots["extra-item"] ? (s(), u("li", {
@@ -1166,7 +1155,7 @@ function nt(e, t, i, o, n, l) {
     })
   ], 6);
 }
-const rt = {
+const dt = {
   name: "w-autocomplete",
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
@@ -1295,8 +1284,7 @@ const rt = {
     onKeydown(e) {
       var i;
       const t = this.filteredItems.length + (this.$slots["extra-item"] ? 1 : 0);
-      if ((!this.openOnKeydown || (this.keywords || e.key.length === 1) && !this.menuOpen) && this.openMenu(), e.keyCode === 9)
-        this.closeMenu();
+      if ((!this.openOnKeydown || (this.keywords || e.key.length === 1) && !this.menuOpen) && this.openMenu(), e.keyCode === 9) this.closeMenu();
       else if (e.keyCode === 8 && (!this.keywords || !e.target.selectionStart && !e.target.selectionEnd))
         this.unselectItem();
       else if (e.keyCode === 13)
@@ -1307,14 +1295,12 @@ const rt = {
         o === -1 ? o = e.keyCode === 38 ? t - 1 : 0 : o = (o + (e.keyCode === 38 ? -1 : 1) + t) % t, this.$slots["extra-item"] && o === t - 1 ? this.highlightedItem = "extra-item" : this.highlightedItem = ((i = this.filteredItems[o]) == null ? void 0 : i.uid) || 0;
         const n = this.$refs.menu;
         if (n)
-          if (this.$slots["extra-item"] && o === t - 1)
-            n.scrollTop = n.scrollHeight;
+          if (this.$slots["extra-item"] && o === t - 1) n.scrollTop = n.scrollHeight;
           else {
             const { offsetHeight: l, offsetTop: a } = n.childNodes[o] || {};
             n.scrollTop + n.offsetHeight - l < a ? n.scrollTop = a - n.offsetHeight + l : n.scrollTop > a && (n.scrollTop = a);
           }
-      } else
-        !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
+      } else !this.multiple && this.selection.length && e.key.length === 1 && e.preventDefault();
     },
     // On drag & drop of a text in the input field, don't paste if single selection and already selected.
     onDrop(e) {
@@ -1352,13 +1338,13 @@ 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, [
+}, ut = /* @__PURE__ */ v(dt, [["render", rt]]), ht = { class: "w-app" };
+function ct(e, t, i, o, n, l) {
+  return s(), u("div", ht, [
     c(e.$slots, "default")
   ]);
 }
-const ct = {
+const pt = {
   name: "w-app",
   // Keep the props for the API documentation.
   props: {
@@ -1374,9 +1360,9 @@ const ct = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, pt = /* @__PURE__ */ v(ct, [["render", ht]]), ft = { class: "w-badge-wrap" };
-function mt(e, t, i, o, n, l) {
-  return s(), u("div", ft, [
+}, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = { class: "w-badge-wrap" };
+function gt(e, t, i, o, n, l) {
+  return s(), u("div", mt, [
     c(e.$slots, "default"),
     I(O, {
       name: `${i.transition}`
@@ -1400,7 +1386,7 @@ function mt(e, t, i, o, n, l) {
     }, 8, ["name"])
   ]);
 }
-const gt = {
+const bt = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1463,8 +1449,8 @@ const gt = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, bt = /* @__PURE__ */ v(gt, [["render", mt]]), yt = ["innerHTML"];
-function wt(e, t, i, o, n, l) {
+}, yt = /* @__PURE__ */ v(bt, [["render", gt]]), wt = ["innerHTML"];
+function kt(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), u("div", {
     class: f(["w-breadcrumbs", l.classes])
@@ -1514,11 +1500,11 @@ function wt(e, t, i, o, n, l) {
       }) : (s(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
-      }, null, 8, yt))
+      }, null, 8, wt))
     ], 64))), 256))
   ], 2);
 }
-const kt = {
+const vt = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1549,10 +1535,10 @@ const kt = {
       };
     }
   }
-}, vt = /* @__PURE__ */ v(kt, [["render", wt]]), Ct = {
+}, Ct = /* @__PURE__ */ v(vt, [["render", kt]]), St = {
   key: 0,
   class: "w-button__loader"
-}, St = /* @__PURE__ */ y("svg", { viewBox: "0 0 40 40" }, [
+}, Bt = /* @__PURE__ */ y("svg", { viewBox: "0 0 40 40" }, [
   /* @__PURE__ */ y("circle", {
     cx: "20",
     cy: "20",
@@ -1563,7 +1549,7 @@ const kt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function Bt(e, t, i, o, n, l) {
+function _t(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), g(T(i.route ? "a" : "button"), B({
     class: ["w-button", l.classes],
@@ -1580,9 +1566,9 @@ function Bt(e, t, i, o, n, l) {
       }, 16)) : c(e.$slots, "default", { key: 1 }),
       I(O, { name: "scale-fade" }, {
         default: m(() => [
-          i.loading ? (s(), u("div", Ct, [
+          i.loading ? (s(), u("div", St, [
             c(e.$slots, "loading", {}, () => [
-              St
+              Bt
             ])
           ])) : p("", !0)
         ]),
@@ -1592,7 +1578,7 @@ function Bt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const _t = {
+const $t = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1693,8 +1679,8 @@ const _t = {
       };
     }
   }
-}, $t = /* @__PURE__ */ v(_t, [["render", Bt]]), Vt = ["innerHTML"];
-function It(e, t, i, o, n, l) {
+}, Vt = /* @__PURE__ */ v($t, [["render", _t]]), It = ["innerHTML"];
+function Tt(e, t, i, o, n, l) {
   const a = $("button-partial");
   return i.tooltip ? (s(), g(T("w-tooltip"), te(B({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
@@ -1706,7 +1692,7 @@ function It(e, t, i, o, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      y("div", { innerHTML: i.tooltip }, null, 8, Vt)
+      y("div", { innerHTML: i.tooltip }, null, 8, It)
     ]),
     _: 3
   }, 16)) : (s(), g(a, te(B({ key: 1 }, l.buttonProps)), {
@@ -1719,7 +1705,7 @@ function It(e, t, i, o, n, l) {
     _: 3
   }, 16));
 }
-const Tt = {
+const Lt = {
   name: "w-button",
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
@@ -1762,7 +1748,7 @@ const Tt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: $t },
+  components: { ButtonPartial: Vt },
   emits: [],
   computed: {
     buttonProps() {
@@ -1770,8 +1756,8 @@ const Tt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Lt = /* @__PURE__ */ v(Tt, [["render", It]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Rt = ["innerHTML"];
-function Pt(e, t, i, o, n, l) {
+}, Rt = /* @__PURE__ */ v(Lt, [["render", Tt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Pt = ["innerHTML"];
+function Ot(e, t, i, o, n, l) {
   const a = $("w-image");
   return s(), u("div", {
     class: f(["w-card", l.classes])
@@ -1785,7 +1771,7 @@ function Pt(e, t, i, o, n, l) {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Rt)) : p("", !0),
+    }, null, 10, Pt)) : p("", !0),
     i.image ? (s(), g(a, B({
       key: 2,
       class: "w-card__image",
@@ -1809,7 +1795,7 @@ function Pt(e, t, i, o, n, l) {
     ], 2)) : p("", !0)
   ], 2);
 }
-const Ot = {
+const xt = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1860,7 +1846,7 @@ const Ot = {
       };
     }
   }
-}, xt = /* @__PURE__ */ v(Ot, [["render", Pt]]), M = {
+}, zt = /* @__PURE__ */ v(xt, [["render", Ot]]), M = {
   inject: {
     // Used in each form component to determine whether to use the w-form-element wrap or not.
     // So, if a form component is in a form, use the w-form-element wrap.
@@ -1907,12 +1893,12 @@ const Ot = {
       this.$refs.formEl.validate(this);
     }
   }
-}, zt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Mt = ["for"], Et = ["for", "innerHTML"], At = /* @__PURE__ */ y("svg", { viewBox: "-0.5 0 12 10" }, [
+}, Mt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Et = ["for"], At = ["for", "innerHTML"], Wt = /* @__PURE__ */ y("svg", { viewBox: "-0.5 0 12 10" }, [
   /* @__PURE__ */ y("polyline", { points: "1 5 4 8 10 2" })
-], -1), Wt = [
-  At
-], Kt = ["for"], Nt = ["for", "innerHTML"];
-function Dt(e, t, i, o, n, l) {
+], -1), Kt = [
+  Wt
+], Nt = ["for"], Dt = ["for", "innerHTML"];
+function Ht(e, t, i, o, n, l) {
   return s(), g(T(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
@@ -1937,7 +1923,7 @@ function Dt(e, t, i, o, n, l) {
         onKeypress: t[3] || (t[3] = E((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, zt),
+      }, null, 40, Mt),
       l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -1947,19 +1933,19 @@ function Dt(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, Mt)) : i.label ? (s(), u("label", {
+        ], 10, Et)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Et)) : p("", !0)
+        }, null, 10, At)) : p("", !0)
       ], 64)) : p("", !0),
       y("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, Wt, 2),
+      }, Kt, 2),
       l.hasLabel && !i.labelOnLeft ? (s(), u(k, { key: 1 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -1969,18 +1955,18 @@ function Dt(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, Kt)) : i.label ? (s(), u("label", {
+        ], 10, Nt)) : 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, Nt)) : p("", !0)
+        }, null, 10, Dt)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Ht = {
+const Ft = {
   name: "w-checkbox",
   mixins: [M],
   inject: {
@@ -2047,8 +2033,8 @@ const Ht = {
       this.isChecked = e;
     }
   }
-}, Ft = /* @__PURE__ */ v(Ht, [["render", Dt]]), jt = ["innerHTML"];
-function Ut(e, t, i, o, n, l) {
+}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), Ut = ["innerHTML"];
+function qt(e, t, i, o, n, l) {
   const a = $("w-checkbox");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
@@ -2081,7 +2067,7 @@ function Ut(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, jt)) : p("", !0)
+          }, null, 8, Ut)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -2089,7 +2075,7 @@ function Ut(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const qt = {
+const Xt = {
   name: "w-checkboxes",
   mixins: [M],
   props: {
@@ -2152,9 +2138,9 @@ const qt = {
       return this.items[e._index];
     }
   }
-}, Xt = /* @__PURE__ */ v(qt, [["render", Ut]]);
-function Yt(e, t, i, o, n, l) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ge("focus");
+}, Yt = /* @__PURE__ */ v(Xt, [["render", qt]]);
+function Gt(e, t, i, o, n, l) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = be("focus");
   return s(), g(d, B({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (w) => e.showPopup = w)
@@ -2218,7 +2204,7 @@ function Yt(e, t, i, o, n, l) {
     _: 3
   }, 16, ["modelValue"]);
 }
-const Gt = {
+const Jt = {
   name: "w-confirm",
   inheritAttrs: !1,
   // The attrs are only bound to the button, not the w-menu.
@@ -2331,8 +2317,8 @@ const Gt = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, Jt = /* @__PURE__ */ v(Gt, [["render", Yt]]);
-function Qt(e, t, i, o, n, l) {
+}, Qt = /* @__PURE__ */ v(Jt, [["render", Gt]]);
+function Zt(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-date-picker", l.classes]),
     style: L(l.styles)
@@ -2340,7 +2326,7 @@ function Qt(e, t, i, o, n, l) {
     c(e.$slots, "default")
   ], 6);
 }
-const Zt = {
+const ei = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -2358,8 +2344,8 @@ const Zt = {
       return !1;
     }
   }
-}, ei = /* @__PURE__ */ v(Zt, [["render", Qt]]);
-function ti(e, t, i, o, n, l) {
+}, ti = /* @__PURE__ */ v(ei, [["render", Zt]]);
+function ii(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), g(r, {
     class: f(["w-dialog", l.classes]),
@@ -2418,7 +2404,7 @@ function ti(e, t, i, o, n, l) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const ii = {
+const li = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2488,17 +2474,17 @@ const ii = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, li = /* @__PURE__ */ v(ii, [["render", ti]]), si = ["role", "aria-orientation"];
-function oi(e, t, i, o, n, l) {
+}, si = /* @__PURE__ */ v(li, [["render", ii]]), oi = ["role", "aria-orientation"];
+function ai(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     c(e.$slots, "default")
-  ], 10, si);
+  ], 10, oi);
 }
-const ai = {
+const ni = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2518,8 +2504,8 @@ const ai = {
       };
     }
   }
-}, ni = /* @__PURE__ */ v(ai, [["render", oi]]), ri = { class: "w-drawer-wrap__pushable" };
-function di(e, t, i, o, n, l) {
+}, ri = /* @__PURE__ */ v(ni, [["render", ai]]), di = { class: "w-drawer-wrap__pushable" };
+function ui(e, t, i, o, n, l) {
   const a = $("w-overlay");
   return n.showWrapper || i.pushContent ? (s(), u("div", {
     key: 0,
@@ -2530,7 +2516,7 @@ function di(e, t, i, o, n, l) {
       class: "w-drawer-wrap__track",
       style: L(l.trackStyles)
     }, [
-      y("div", ri, [
+      y("div", di, [
         i.noOverlay ? p("", !0) : (s(), g(a, {
           key: 0,
           modelValue: n.showDrawer,
@@ -2598,7 +2584,7 @@ function di(e, t, i, o, n, l) {
     ], 64))
   ], 2)) : p("", !0);
 }
-const ui = { left: "right", right: "left", top: "down", bottom: "up" }, hi = {
+const hi = { left: "right", right: "left", top: "down", bottom: "up" }, ci = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2692,7 +2678,7 @@ const ui = { left: "right", right: "left", top: "down", bottom: "up" }, hi = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${ui[this.position]}`;
+      return `slide-${hi[this.position]}`;
     }
   },
   methods: {
@@ -2711,8 +2697,8 @@ const ui = { left: "right", right: "left", top: "down", bottom: "up" }, hi = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, ci = /* @__PURE__ */ v(hi, [["render", di]]);
-function pi(e, t, i, o, n, l) {
+}, pi = /* @__PURE__ */ v(ci, [["render", ui]]);
+function fi(e, t, i, o, n, l) {
   return s(), g(T(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
@@ -2722,7 +2708,7 @@ function pi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const fi = {
+const mi = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2769,8 +2755,8 @@ const fi = {
       };
     }
   }
-}, mi = /* @__PURE__ */ v(fi, [["render", pi]]);
-function gi(e, t, i, o, n, l) {
+}, gi = /* @__PURE__ */ v(mi, [["render", fi]]);
+function bi(e, t, i, o, n, l) {
   return s(), u("form", {
     class: f(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
@@ -2780,12 +2766,11 @@ function gi(e, t, i, o, n, l) {
     c(e.$slots, "default")
   ], 34);
 }
-const bi = async (e, t) => {
+const yi = async (e, t) => {
   for (const i of e)
-    if (await t(i))
-      return !0;
+    if (await t(i)) return !0;
   return !1;
-}, yi = {
+}, wi = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2865,7 +2850,7 @@ const bi = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await bi(e.validators, async (o) => {
+      await yi(e.validators, async (o) => {
         const n = await (typeof o == "function" && o(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
@@ -2891,8 +2876,8 @@ const bi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, wi = /* @__PURE__ */ v(yi, [["render", gi]]);
-function ki(e, t, i, o, n, l) {
+}, ki = /* @__PURE__ */ v(wi, [["render", bi]]);
+function vi(e, t, i, o, n, l) {
   const a = $("w-transition-expand");
   return s(), u("div", {
     class: f(l.classes)
@@ -2919,7 +2904,7 @@ function ki(e, t, i, o, n, l) {
     })
   ], 2);
 }
-const vi = {
+const Ci = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -2979,8 +2964,7 @@ const vi = {
   },
   watch: {
     async inputValue() {
-      if (this.hasJustReset)
-        return this.hasJustReset = !1;
+      if (this.hasJustReset) return this.hasJustReset = !1;
       !this.formProps.noKeyupValidation && this.validators && this.$emit("update:valid", await this.validateElement(this));
     },
     async isFocused(e) {
@@ -2993,8 +2977,8 @@ const vi = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Ci = /* @__PURE__ */ v(vi, [["render", ki]]);
-function Si(e, t, i, o, n, l) {
+}, Si = /* @__PURE__ */ v(Ci, [["render", vi]]);
+function Bi(e, t, i, o, n, l) {
   return s(), g(T(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
@@ -3004,7 +2988,7 @@ function Si(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const Bi = {
+const _i = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -3048,8 +3032,8 @@ const Bi = {
       };
     }
   }
-}, _i = /* @__PURE__ */ v(Bi, [["render", Si]]);
-function $i(e, t, i, o, n, l) {
+}, $i = /* @__PURE__ */ v(_i, [["render", Bi]]);
+function Vi(e, t, i, o, n, l) {
   return s(), g(T(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
@@ -3064,7 +3048,7 @@ function $i(e, t, i, o, n, l) {
     _: 1
   }, 8, ["class", "style"]);
 }
-const Vi = {
+const Ii = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -3133,11 +3117,11 @@ const Vi = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Ii = /* @__PURE__ */ v(Vi, [["render", $i]]), Ti = {
+}, Ti = /* @__PURE__ */ v(Ii, [["render", Vi]]), Li = {
   key: 0,
   class: "w-image__loader"
 };
-function Li(e, t, i, o, n, l) {
+function Ri(e, t, i, o, n, l) {
   const a = $("w-progress");
   return s(), g(T(l.wrapperTag), {
     class: f(["w-image-wrap", l.wrapperClasses]),
@@ -3158,7 +3142,7 @@ function Li(e, t, i, o, n, l) {
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (s(), u("div", Ti, [
+      !i.noSpinner && n.loading ? (s(), u("div", Li, [
         e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (s(), g(a, B({
           key: 1,
           circle: "",
@@ -3178,7 +3162,7 @@ function Li(e, t, i, o, n, l) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const Ri = {
+const Pi = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -3253,15 +3237,13 @@ const Ri = {
     }
   },
   mounted() {
-    if (!this.src)
-      return F("The w-image component was used without src.");
+    if (!this.src) return F("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((t) => {
         t[0] && t[0].isIntersecting && (this.loadImage(), e.disconnect());
       }, this.intersectionConfig);
       e.observe(this.$el);
-    } else
-      this.loadImage();
+    } else this.loadImage();
   },
   watch: {
     src() {
@@ -3274,11 +3256,11 @@ const Ri = {
       this.imgHeight = e;
     }
   }
-}, Pi = /* @__PURE__ */ v(Ri, [["render", Li]]), Oi = ["name"], xi = ["for"], zi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Mi = ["id", "name", "multiple", "disabled", "data-progress"], Ei = {
+}, Oi = /* @__PURE__ */ v(Pi, [["render", Ri]]), xi = ["name"], zi = ["for"], Mi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Ei = ["id", "name", "multiple", "disabled", "data-progress"], Ai = {
   class: "w-input__no-file",
   key: "no-file"
-}, Ai = ["for"], Wi = ["src"], Ki = ["for"];
-function Ni(e, t, i, o, n, l) {
+}, Wi = ["for"], Ki = ["src"], Ni = ["for"];
+function Di(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -3296,8 +3278,8 @@ function Ni(e, t, i, o, n, l) {
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, Oi)), [
-        [be, n.inputValue]
+      }, null, 8, xi)), [
+        [ye, n.inputValue]
       ]) : (s(), u(k, { key: 1 }, [
         i.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
           e.$slots.default || i.label ? (s(), u("label", {
@@ -3308,7 +3290,7 @@ function Ni(e, t, i, o, n, l) {
             c(e.$slots, "default", {}, () => [
               S(C(i.label), 1)
             ])
-          ], 10, xi)) : p("", !0)
+          ], 10, zi)) : p("", !0)
         ], 64)) : p("", !0),
         y("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
@@ -3351,8 +3333,8 @@ function Ni(e, t, i, o, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, zi)), [
-            [$e, n.inputValue]
+          }, l.attrs), null, 16, Mi)), [
+            [Ve, n.inputValue]
           ]) : (s(), u(k, { key: 1 }, [
             y("input", B({
               ref: "input",
@@ -3367,7 +3349,7 @@ function Ni(e, t, i, o, n, l) {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
               /* Needed to emit the overallProgress. */
-            }), null, 16, Mi),
+            }), null, 16, Ei),
             I(se, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -3375,7 +3357,7 @@ function Ni(e, t, i, o, n, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (s(), u("span", Ei, [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", Ai, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
                       S("No file")
@@ -3444,12 +3426,12 @@ function Ni(e, t, i, o, n, l) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Wi)) : (s(), u("i", {
+            }, null, 8, Ki)) : (s(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Ai)) : p("", !0),
+        ], 8, Wi)) : p("", !0),
         i.labelPosition === "right" ? (s(), u(k, { key: 2 }, [
           e.$slots.default || i.label ? (s(), u("label", {
             key: 0,
@@ -3459,14 +3441,14 @@ function Ni(e, t, i, o, n, l) {
             c(e.$slots, "default", {}, () => [
               S(C(i.label), 1)
             ])
-          ], 10, Ki)) : p("", !0)
+          ], 10, Ni)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const Di = {
+const Hi = {
   name: "w-input",
   mixins: [M],
   inheritAttrs: !1,
@@ -3651,8 +3633,8 @@ const Di = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Hi = /* @__PURE__ */ v(Di, [["render", Ni]]);
-function Fi(e, t, i, o, n, l) {
+}, Fi = /* @__PURE__ */ v(Hi, [["render", Di]]);
+function ji(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", l.classes])
@@ -3739,7 +3721,7 @@ function Fi(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ji = {
+const Ui = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3878,8 +3860,7 @@ const ji = {
     // Emit the cleaned-up selection to the v-model.
     emitSelection() {
       const e = this.selectedItems.map((i) => {
-        if (!this.returnObject)
-          return i._value;
+        if (!this.returnObject) return i._value;
         const { _value: o, _selected: n, ...l } = i;
         return l;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
@@ -3934,7 +3915,7 @@ const ji = {
       }
     }
   }
-}, Ui = /* @__PURE__ */ v(ji, [["render", Fi]]), we = {
+}, qi = /* @__PURE__ */ v(Ui, [["render", ji]]), ke = {
   props: {
     // Position.
     appendTo: { type: [String, Boolean, Object] },
@@ -3984,8 +3965,7 @@ const ji = {
     },
     hasSeparateActivator() {
       var i;
-      if (this.$slots.activator)
-        return !1;
+      if (this.$slots.activator) return !1;
       const e = typeof this.activator == "string", t = (((i = this.activator) == null ? void 0 : i.$el) || this.activator) instanceof HTMLElement;
       return e || t;
     },
@@ -4035,8 +4015,7 @@ const ji = {
     // ! \ This function uses the DOM - NO SSR (only trigger from beforeMount and later).
     computeDetachableCoords() {
       let { top: e, left: t, width: i, height: o } = this.getActivatorCoordinates();
-      if (!this.detachableEl)
-        return;
+      if (!this.detachableEl) return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
       const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
@@ -4113,7 +4092,7 @@ const ji = {
     }
   }
 };
-function qi(e, t, i, o, n, l) {
+function Xi(e, t, i, o, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
@@ -4185,9 +4164,9 @@ function qi(e, t, i, o, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const Xi = {
+const Yi = {
   name: "w-menu",
-  mixins: [we],
+  mixins: [ke],
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
   props: {
@@ -4358,8 +4337,8 @@ const Xi = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Yi = /* @__PURE__ */ v(Xi, [["render", qi]]);
-function Gi(e, t, i, o, n, l) {
+}, Gi = /* @__PURE__ */ v(Yi, [["render", Xi]]);
+function Ji(e, t, i, o, n, l) {
   const a = $("w-alert");
   return s(), g(O, {
     name: l.transitionName,
@@ -4387,7 +4366,7 @@ function Gi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const Ji = {
+const Qi = {
   name: "w-notification",
   props: {
     // Notification props.
@@ -4510,9 +4489,9 @@ const Ji = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, Qi = /* @__PURE__ */ v(Ji, [["render", Gi]]);
-function Zi(e, t, i, o, n, l) {
-  const a = ge("focus");
+}, Zi = /* @__PURE__ */ v(Qi, [["render", Ji]]);
+function el(e, t, i, o, n, l) {
+  const a = be("focus");
   return s(), g(O, {
     name: "fade",
     appear: "",
@@ -4537,7 +4516,7 @@ function Zi(e, t, i, o, n, l) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const el = {
+const tl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4595,17 +4574,17 @@ const el = {
       e && (this.showOverlay = !0);
     }
   }
-}, tl = /* @__PURE__ */ v(el, [["render", Zi]]), il = { class: "w-parallax" };
-function ll(e, t, i, o, n, l) {
-  return s(), u("div", il);
+}, il = /* @__PURE__ */ v(tl, [["render", el]]), ll = { class: "w-parallax" };
+function sl(e, t, i, o, n, l) {
+  return s(), u("div", ll);
 }
-const sl = {
+const ol = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, ol = /* @__PURE__ */ v(sl, [["render", ll]]), al = ["viewBox"], nl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], rl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function dl(e, t, i, o, n, l) {
+}, al = /* @__PURE__ */ v(ol, [["render", sl]]), nl = ["viewBox"], rl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], dl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function ul(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-progress", l.classes]),
     style: L(l.styles)
@@ -4623,7 +4602,7 @@ function dl(e, t, i, o, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, nl)) : p("", !0),
+      }, null, 10, rl)) : p("", !0),
       y("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
@@ -4634,8 +4613,8 @@ function dl(e, t, i, o, n, l) {
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: L(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, rl)
-    ], 8, al)) : (s(), u("div", {
+      }, null, 12, dl)
+    ], 8, nl)) : (s(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
       style: L(`width: ${l.progressValue}%`)
@@ -4650,7 +4629,7 @@ function dl(e, t, i, o, n, l) {
     ], 2)) : p("", !0)
   ], 6);
 }
-const Y = 40, ul = Y / 2, hl = Math.round(Y * 3.14 * 100) / 100, cl = {
+const Y = 40, hl = Y / 2, cl = Math.round(Y * 3.14 * 100) / 100, pl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4678,8 +4657,8 @@ const Y = 40, ul = Y / 2, hl = Math.round(Y * 3.14 * 100) / 100, cl = {
   emits: [],
   data: () => ({
     circleSize: Y,
-    circleRadius: ul,
-    circleCircumference: hl
+    circleRadius: hl,
+    circleCircumference: cl
   }),
   computed: {
     progressValue() {
@@ -4719,8 +4698,8 @@ const Y = 40, ul = Y / 2, hl = Math.round(Y * 3.14 * 100) / 100, cl = {
       };
     }
   }
-}, pl = /* @__PURE__ */ v(cl, [["render", dl]]), fl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ml = ["for"], gl = ["for", "innerHTML"], bl = ["for"], yl = ["for", "innerHTML"];
-function wl(e, t, i, o, n, l) {
+}, fl = /* @__PURE__ */ v(pl, [["render", ul]]), ml = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], gl = ["for"], bl = ["for", "innerHTML"], yl = ["for"], wl = ["for", "innerHTML"];
+function kl(e, t, i, o, n, l) {
   return s(), g(T(e.formRegister && !l.wRadios ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
@@ -4743,7 +4722,7 @@ function wl(e, t, i, o, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, fl),
+      }, null, 40, ml),
       l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -4753,12 +4732,12 @@ function wl(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, ml)) : i.label ? (s(), u("label", {
+        ], 10, gl)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, gl)) : p("", !0)
+        }, null, 10, bl)) : p("", !0)
       ], 64)) : p("", !0),
       y("div", {
         class: f(["w-radio__input", this.color]),
@@ -4775,18 +4754,18 @@ function wl(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, bl)) : i.label ? (s(), u("label", {
+        ], 10, yl)) : i.label ? (s(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, yl)) : p("", !0)
+        }, null, 10, wl)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const kl = {
+const vl = {
   name: "w-radio",
   mixins: [M],
   inject: { wRadios: { default: null } },
@@ -4851,8 +4830,8 @@ const kl = {
       this.toggleFromOutside();
     }
   }
-}, vl = /* @__PURE__ */ v(kl, [["render", wl]]), Cl = ["innerHTML"];
-function Sl(e, t, i, o, n, l) {
+}, Cl = /* @__PURE__ */ v(vl, [["render", kl]]), Sl = ["innerHTML"];
+function Bl(e, t, i, o, n, l) {
   const a = $("w-radio");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
@@ -4887,7 +4866,7 @@ function Sl(e, t, i, o, n, l) {
           }) : r.label ? (s(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Cl)) : p("", !0)
+          }, null, 8, Sl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4895,7 +4874,7 @@ function Sl(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Bl = {
+const _l = {
   name: "w-radios",
   mixins: [M],
   props: {
@@ -4948,8 +4927,8 @@ const Bl = {
       return this.items[e._index];
     }
   }
-}, _l = /* @__PURE__ */ v(Bl, [["render", Sl]]), $l = ["id", "name", "value"], Vl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Il(e, t, i, o, n, l) {
+}, $l = /* @__PURE__ */ v(_l, [["render", Bl]]), Vl = ["id", "name", "value"], Il = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function Tl(e, t, i, o, n, l) {
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
@@ -4964,7 +4943,7 @@ function Il(e, t, i, o, n, l) {
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, $l),
+      }, null, 8, Vl),
       (s(!0), u(k, null, R(i.max, (a) => (s(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
@@ -4989,13 +4968,13 @@ function Il(e, t, i, o, n, l) {
             "aria-hidden": "true",
             style: L(l.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, Vl)
+        ], 42, Il)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Tl = {
+const Ll = {
   name: "w-rating",
   mixins: [M],
   props: {
@@ -5089,8 +5068,8 @@ const Tl = {
       this.rating = parseFloat(e);
     }
   }
-}, Ll = /* @__PURE__ */ v(Tl, [["render", Il]]);
-function Rl(e, t, i, o, n, l) {
+}, Rl = /* @__PURE__ */ v(Ll, [["render", Tl]]);
+function Pl(e, t, i, o, n, l) {
   return s(), u(k, null, [
     y("div", B({
       class: ["w-scrollable", l.scrollableClasses],
@@ -5114,7 +5093,7 @@ function Rl(e, t, i, o, n, l) {
     ], 34)
   ], 64);
 }
-const Pl = {
+const Ol = {
   h: {
     direction: "horizontal",
     topOrLeft: "left",
@@ -5137,7 +5116,7 @@ const Pl = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, Ol = {
+}, xl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -5161,7 +5140,7 @@ const Pl = {
       return this.mounted ? (console.log("💂‍♂️", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
     },
     m() {
-      return Pl[this.isHorizontal ? "h" : "v"];
+      return Ol[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -5192,8 +5171,7 @@ const Pl = {
   },
   methods: {
     onTrackMouseDown(e) {
-      if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
-        return;
+      if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
       const { top: t, left: i, width: o, height: n } = this.$refs.track.getBoundingClientRect();
       this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
@@ -5231,11 +5209,11 @@ const Pl = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style.padding = 0, window.addEventListener("resize", this.onResize);
   }
-}, xl = /* @__PURE__ */ v(Ol, [["render", Rl]]), zl = ["aria-expanded", "aria-owns", "aria-activedescendant"], Ml = {
+}, zl = /* @__PURE__ */ v(xl, [["render", Pl]]), Ml = ["aria-expanded", "aria-owns", "aria-activedescendant"], El = {
   key: 0,
   class: "w-select__selection-slot"
-}, El = ["innerHTML"], Al = ["value", "name"];
-function Wl(e, t, i, o, n, l) {
+}, Al = ["innerHTML"], Wl = ["value", "name"];
+function Kl(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
@@ -5290,7 +5268,7 @@ function Wl(e, t, i, o, n, l) {
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (s(), u("div", Ml, [
+            e.$slots.selection ? (s(), u("div", El, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -5301,13 +5279,13 @@ function Wl(e, t, i, o, n, l) {
               onFocus: t[2] || (t[2] = (h) => !e.isDisabled && !e.isReadonly && l.onFocus(h)),
               onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
               onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
-            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, El),
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Al),
             (s(!0), u(k, null, R(e.inputValue.length ? e.inputValue : [{}], (h, w) => (s(), u("input", {
               key: w,
               type: "hidden",
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Al))), 128)),
+            }, null, 8, Wl))), 128)),
             i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 1 }, [
               e.$slots.default || i.label ? (s(), u("label", {
                 key: 0,
@@ -5331,7 +5309,7 @@ function Wl(e, t, i, o, n, l) {
                 _: 1
               })) : p("", !0)
             ])
-          ], 10, zl)
+          ], 10, Ml)
         ]),
         default: m(() => [
           I(r, {
@@ -5393,7 +5371,7 @@ function Wl(e, t, i, o, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Kl = {
+const Nl = {
   name: "w-select",
   mixins: [M],
   props: {
@@ -5526,18 +5504,14 @@ const Kl = {
       this.showMenu || (this.isFocused = !1, this.$emit("blur", e));
     },
     onKeydown(e) {
-      if (!e.metaKey && !e.ctrlKey && e.keyCode !== 9 && e.preventDefault(), e.keyCode === 27 && this.showMenu)
-        this.closeMenu();
-      else if ([13, 32].includes(e.keyCode))
-        this.openMenu();
+      if (!e.metaKey && !e.ctrlKey && e.keyCode !== 9 && e.preventDefault(), e.keyCode === 27 && this.showMenu) this.closeMenu();
+      else if ([13, 32].includes(e.keyCode)) this.openMenu();
       else if ([38, 40].includes(e.keyCode))
-        if (this.multiple)
-          this.openMenu();
+        if (this.multiple) this.openMenu();
         else {
           let { index: t } = this.inputValue[0] || {};
           const i = this.selectItems;
-          if (t === void 0)
-            t = e.keyCode === 38 ? i.length - 1 : 0;
+          if (t === void 0) t = e.keyCode === 38 ? i.length - 1 : 0;
           else {
             const n = e.keyCode === 38 ? -1 : 1;
             t = (t + i.length + n) % i.length;
@@ -5554,8 +5528,7 @@ const Kl = {
           }
           o || this.onInput(i[t]);
         }
-      else
-        e.key.length === 1 && this.focusItemOnQuickLookup(e);
+      else e.key.length === 1 && this.focusItemOnQuickLookup(e);
     },
     onWListKeydown(e) {
       e.key.length === 1 && this.focusItemOnQuickLookup(e);
@@ -5628,11 +5601,11 @@ const Kl = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Nl = /* @__PURE__ */ v(Kl, [["render", Wl]]), Dl = ["for"], Hl = ["for", "innerHTML"], Fl = { class: "w-slider__track-wrap" }, jl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ul = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], ql = ["for"], Xl = { key: 0 }, Yl = {
+}, Dl = /* @__PURE__ */ v(Nl, [["render", Kl]]), Hl = ["for"], Fl = ["for", "innerHTML"], jl = { class: "w-slider__track-wrap" }, Ul = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ql = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Xl = ["for"], Yl = { key: 0 }, Gl = {
   key: 0,
   class: "w-slider__step-labels"
-}, Gl = ["onClick"], Jl = ["for"], Ql = ["for", "innerHTML"];
-function Zl(e, t, i, o, n, l) {
+}, Jl = ["onClick"], Ql = ["for"], Zl = ["for", "innerHTML"];
+function es(e, t, i, o, n, l) {
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
@@ -5649,13 +5622,13 @@ function Zl(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, Dl)) : i.labelLeft ? (s(), u("label", {
+      ], 10, Hl)) : 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, Hl)) : p("", !0),
-      y("div", Fl, [
+      }, null, 10, Fl)) : p("", !0),
+      y("div", jl, [
         y("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
@@ -5694,13 +5667,13 @@ function Zl(e, t, i, o, n, l) {
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = z(() => {
               }, ["prevent"]))
-            }, null, 42, Ul),
+            }, null, 42, ql),
             i.thumbLabel ? (s(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (s(), u("div", Xl, [
+              i.thumbLabel === "droplet" ? (s(), u("div", Yl, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   S(C(~~e.rangeValueScaled), 1)
                 ])
@@ -5710,10 +5683,10 @@ function Zl(e, t, i, o, n, l) {
               }, () => [
                 S(C(~~e.rangeValueScaled), 1)
               ])
-            ], 10, ql)) : p("", !0)
+            ], 10, Xl)) : p("", !0)
           ], 4)
-        ], 42, jl),
-        i.stepLabels && i.step ? (s(), u("div", Yl, [
+        ], 42, Ul),
+        i.stepLabels && i.step ? (s(), u("div", Gl, [
           y("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
@@ -5723,7 +5696,7 @@ function Zl(e, t, i, o, n, l) {
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
             style: L(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Gl))), 128)),
+          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Jl))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5738,17 +5711,17 @@ function Zl(e, t, i, o, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, Jl)) : i.labelRight ? (s(), u("label", {
+      ], 10, Ql)) : 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, Ql)) : p("", !0)
+      }, null, 10, Zl)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const es = {
+const ts = {
   name: "w-slider",
   mixins: [M],
   props: {
@@ -5848,8 +5821,7 @@ const es = {
       return Math.round((e / 100 * this.scaledRange + this.minVal) * 100) / 100;
     },
     onTrackMouseDown(e) {
-      if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
-        return;
+      if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
       const { left: t, width: i } = this.track.el.getBoundingClientRect();
       this.track.width = i, this.track.left = t, this.dragging = !0, this.updateRange(e.type === "touchstart" ? e.touches[0].clientX : e.clientX), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
     },
@@ -5886,17 +5858,17 @@ const es = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, ts = /* @__PURE__ */ v(es, [["render", Zl]]), is = { key: 0 };
-function ls(e, t, i, o, n, l) {
+}, is = /* @__PURE__ */ v(ts, [["render", es]]), ls = { key: 0 };
+function ss(e, t, i, o, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
     style: L(l.styles)
   }, [
-    l.isThreeDots ? (s(), u("span", is)) : p("", !0)
+    l.isThreeDots ? (s(), u("span", ls)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const ss = {
+const os = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5934,13 +5906,13 @@ const ss = {
       };
     }
   }
-}, os = /* @__PURE__ */ v(ss, [["render", ls]]);
-function as(e, t, i, o, n, l) {
+}, as = /* @__PURE__ */ v(os, [["render", ss]]);
+function ns(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const ns = {
+const rs = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -5956,14 +5928,14 @@ const ns = {
       };
     }
   }
-}, rs = /* @__PURE__ */ v(ns, [["render", as]]), ds = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], us = ["for"], hs = {
+}, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], hs = ["for"], cs = {
   key: 0,
   class: "w-switch__track"
-}, cs = {
+}, ps = {
   key: 1,
   class: "w-switch__thumb"
-}, ps = ["for"];
-function fs(e, t, i, o, n, l) {
+}, fs = ["for"];
+function ms(e, t, i, o, n, l) {
   const a = $("w-progress");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -5991,7 +5963,7 @@ function fs(e, t, i, o, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }), null, 16, ds),
+      }), null, 16, us),
       l.hasLabel && i.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default || i.label ? (s(), u("label", {
           key: 0,
@@ -6001,7 +5973,7 @@ function fs(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, us)) : p("", !0)
+        ], 10, hs)) : p("", !0)
       ], 64)) : p("", !0),
       y("div", {
         class: f(["w-switch__input", l.inputClasses]),
@@ -6009,10 +5981,10 @@ function fs(e, t, i, o, n, l) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (s(), u("div", hs, [
+        e.$slots.track ? (s(), u("div", cs, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (s(), u("div", cs, [
+        e.$slots.thumb || i.loading ? (s(), u("div", ps, [
           i.loading ? (s(), g(a, B({
             key: 0,
             circle: "",
@@ -6029,13 +6001,13 @@ function fs(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, ps)) : p("", !0)
+        ], 10, fs)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class", "style"]);
 }
-const ms = {
+const gs = {
   name: "w-switch",
   mixins: [M],
   inheritAttrs: !1,
@@ -6111,24 +6083,24 @@ const ms = {
       this.isOn = e;
     }
   }
-}, gs = /* @__PURE__ */ v(ms, [["render", fs]]), bs = { class: "w-tabs__content" };
-function ys(e, t, i, o, n, l) {
-  return s(), u("div", bs, [
+}, bs = /* @__PURE__ */ v(gs, [["render", ms]]), ys = { class: "w-tabs__content" };
+function ws(e, t, i, o, n, l) {
+  return s(), u("div", ys, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
-const ws = {
+const ks = {
   name: "tab-content",
   // Keep-alive include/exclude mechanism is component-name-based.
   props: { item: Object }
-}, ks = /* @__PURE__ */ v(ws, [["render", ys]]), vs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Cs = ["innerHTML"], Ss = {
+}, vs = /* @__PURE__ */ v(ks, [["render", ws]]), Cs = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Ss = ["innerHTML"], Bs = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Bs = {
+}, _s = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, _s = ["innerHTML"], $s = ["innerHTML"];
-function Vs(e, t, i, o, n, l) {
+}, $s = ["innerHTML"], Vs = ["innerHTML"];
+function Is(e, t, i, o, n, l) {
   const a = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
@@ -6160,10 +6132,10 @@ function Vs(e, t, i, o, n, l) {
         }, () => [
           y("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, Cs)
+          }, null, 8, Ss)
         ])
-      ], 42, vs))), 128)),
-      e.$slots["tabs-bar-extra"] ? (s(), u("div", Ss, [
+      ], 42, Cs))), 128)),
+      e.$slots["tabs-bar-extra"] ? (s(), u("div", Bs, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
       !i.noSlider && !i.card ? (s(), u("div", {
@@ -6172,7 +6144,7 @@ function Vs(e, t, i, o, n, l) {
         style: L(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (s(), u("div", Bs, [
+    e.tabs.length ? (s(), u("div", _s, [
       i.keepInDom ? (s(), g(se, {
         key: 0,
         name: l.transitionName
@@ -6198,7 +6170,7 @@ function Vs(e, t, i, o, n, l) {
                 r[i.itemContentKey] ? (s(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, _s)) : p("", !0)
+                }, null, 8, $s)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6213,7 +6185,7 @@ function Vs(e, t, i, o, n, l) {
         mode: l.transitionMode
       }, {
         default: m(() => [
-          (s(), g(Ve, {
+          (s(), g(Ie, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
             (s(), g(a, {
@@ -6237,7 +6209,7 @@ function Vs(e, t, i, o, n, l) {
                     r[i.itemContentKey] ? (s(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, $s)) : p("", !0)
+                    }, null, 8, Vs)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6250,8 +6222,8 @@ function Vs(e, t, i, o, n, l) {
     ])) : p("", !0)
   ], 2);
 }
-let fe = 0;
-const Is = {
+let me = 0;
+const Ts = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6277,7 +6249,7 @@ const Is = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: ks },
+  components: { TabContent: vs },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -6336,7 +6308,7 @@ const Is = {
   methods: {
     // Adding a tab in the list.
     addTab(e) {
-      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
+      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++me}`), this.tabs.push({
         _uid: e[this.itemIdKey] ?? e._uid,
         _index: this.tabs.length,
         ...e,
@@ -6345,7 +6317,7 @@ const Is = {
     },
     refreshTabs() {
       let e = this.items;
-      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++fe}`), {
+      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++me}`), {
         ...t,
         _uid: t[this.itemIdKey] ?? t._uid,
         _index: i,
@@ -6354,8 +6326,7 @@ const Is = {
     },
     reopenTheActiveTab() {
       var t, i, o;
-      if (this.tabs.length === 1)
-        return this.openTab(this.tabs[0]._uid);
+      if (this.tabs.length === 1) return this.openTab(this.tabs[0]._uid);
       let e = (t = this.tabsByUid[this.activeTabUid]) == null ? void 0 : t._uid;
       e || (e = (i = this.tabs[this.activeTabIndex]) == null ? void 0 : i._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
     },
@@ -6427,51 +6398,51 @@ const Is = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ts = /* @__PURE__ */ v(Is, [["render", Vs]]), Ls = { class: "w-table__scroll-wrap" }, Rs = { ref: "colgroup" }, Ps = ["width"], Os = { key: 0 }, xs = ["onClick"], zs = ["innerHTML"], Ms = {
+}, Ls = /* @__PURE__ */ v(Ts, [["render", Is]]), Rs = { class: "w-table__scroll-wrap" }, Ps = { ref: "colgroup" }, Os = ["width"], xs = { key: 0 }, zs = ["onClick"], Ms = ["innerHTML"], Es = {
   key: 0,
   class: "w-table__progress-bar"
-}, Es = ["colspan"], As = {
+}, As = ["colspan"], Ws = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ws = ["colspan"], Ks = { class: "w-table__loading-text" }, Ns = {
+}, Ks = ["colspan"], Ns = { class: "w-table__loading-text" }, Ds = {
   key: 1,
   class: "no-data"
-}, Ds = ["colspan"], Hs = ["onClick"], Fs = ["data-label"], js = ["data-label"], Us = ["innerHTML"], qs = {
+}, Hs = ["colspan"], Fs = ["onClick"], js = ["data-label"], Us = ["data-label"], qs = ["innerHTML"], Xs = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, Xs = ["colspan"], Ys = { key: 0 }, Gs = {
+}, Ys = ["colspan"], Gs = { key: 0 }, Js = {
   key: 3,
   class: "w-table__extra-row"
-}, Js = {
+}, Qs = {
   key: 1,
   class: "w-table__footer"
-}, Qs = {
+}, Zs = {
   key: 1,
   class: "w-table__row"
-}, Zs = ["colspan"], eo = {
+}, eo = ["colspan"], to = {
   key: 0,
   class: "w-table__pagination w-pagination"
-}, to = { class: "pages-wrap" }, io = { class: "w-pagination__results" };
-function lo(e, t, i, o, n, l) {
+}, io = { class: "pages-wrap" }, lo = { class: "w-pagination__results" };
+function so(e, t, i, o, n, l) {
   const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), w = $("w-select"), _ = $("w-button");
   return s(), u("div", {
     class: f(["w-table w-table--wrap", l.classes])
   }, [
-    y("div", Ls, [
+    y("div", Rs, [
       y("table", {
         class: "w-table__table",
         onMousedown: t[1] || (t[1] = (...b) => l.onMouseDown && l.onMouseDown(...b)),
         onMouseover: t[2] || (t[2] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
         onMouseout: t[3] || (t[3] = (...b) => l.onMouseOut && l.onMouseOut(...b))
       }, [
-        y("colgroup", Rs, [
+        y("colgroup", Ps, [
           (s(!0), u(k, null, R(i.headers, (b, V) => (s(), u("col", {
             class: f(["w-table__col", l.colClasses[V]]),
             key: V,
             width: b.width || null
-          }, null, 10, Ps))), 128))
+          }, null, 10, Os))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (s(), u("thead", Os, [
+        i.noHeaders ? p("", !0) : (s(), u("thead", xs, [
           y("tr", null, [
             (s(!0), u(k, null, R(i.headers, (b, V) => (s(), u("th", {
               class: f(["w-table__header", l.headerClasses(b)]),
@@ -6498,7 +6469,7 @@ function lo(e, t, i, o, n, l) {
                 ]) : (s(), u("span", {
                   key: 1,
                   innerHTML: b.label || ""
-                }, null, 8, zs))
+                }, null, 8, Ms))
               ], 64)) : p("", !0),
               b.sortable !== !1 && b.align !== "right" ? (s(), g(a, {
                 key: 2,
@@ -6515,34 +6486,34 @@ function lo(e, t, i, o, n, l) {
                 onClick: t[0] || (t[0] = z(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
-            ], 10, xs))), 128))
+            ], 10, zs))), 128))
           ]),
           I(d, null, {
             default: m(() => [
-              i.loading === "header" ? (s(), u("tr", Ms, [
+              i.loading === "header" ? (s(), u("tr", Es, [
                 y("td", {
                   colspan: i.headers.length
                 }, [
                   I(r, { tile: "" })
-                ], 8, Es)
+                ], 8, As)
               ])) : p("", !0)
             ]),
             _: 1
           })
         ])),
         y("tbody", null, [
-          i.loading === !0 ? (s(), u("tr", As, [
+          i.loading === !0 ? (s(), u("tr", Ws, [
             y("td", {
               colspan: i.headers.length
             }, [
               I(r, { tile: "" }),
-              y("div", Ks, [
+              y("div", Ns, [
                 c(e.$slots, "loading", {}, () => [
                   S("Loading...")
                 ])
               ])
-            ], 8, Ws)
-          ])) : l.tableItems.length ? p("", !0) : (s(), u("tr", Ns, [
+            ], 8, Ks)
+          ])) : l.tableItems.length ? p("", !0) : (s(), u("tr", Ds, [
             y("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
@@ -6550,7 +6521,7 @@ function lo(e, t, i, o, n, l) {
               c(e.$slots, "no-data", {}, () => [
                 S("No data to show.")
               ])
-            ], 8, Ds)
+            ], 8, Hs)
           ])),
           l.tableItems.length && i.loading !== !0 ? (s(!0), u(k, { key: 2 }, R(l.paginatedItems, (b, V) => (s(), u(k, { key: V }, [
             e.$slots.item ? c(e.$slots, "item", {
@@ -6593,29 +6564,29 @@ function lo(e, t, i, o, n, l) {
                     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)) : p("", !0)
-                ], 10, Fs)) : (s(), u("td", {
+                ], 10, js)) : (s(), u("td", {
                   class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
                   key: `${x}-b`,
                   "data-label": P.label
                 }, [
                   y("div", {
                     innerHTML: b[P.key] || ""
-                  }, null, 8, Us),
+                  }, null, 8, qs),
                   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)) : p("", !0)
-                ], 10, js))
+                ], 10, Us))
               ], 64))), 256))
-            ], 10, Hs)),
-            l.expandedRowsByUid[b._uid] ? (s(), u("tr", qs, [
+            ], 10, Fs)),
+            l.expandedRowsByUid[b._uid] ? (s(), u("tr", Xs, [
               y("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
                 I(h, { y: "" }, {
                   default: m(() => [
-                    l.expandedRowsByUid[b._uid] ? (s(), u("div", Ys, [
+                    l.expandedRowsByUid[b._uid] ? (s(), u("div", Gs, [
                       c(e.$slots, "row-expansion", {
                         item: b,
                         index: V + 1
@@ -6628,26 +6599,26 @@ function lo(e, t, i, o, n, l) {
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, Xs)
+              ], 8, Ys)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (s(), u("div", Gs, [
+          e.$slots["extra-row"] ? (s(), u("div", Js, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", Js, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Qs, [
+        e.$slots.footer || e.$slots["footer-row"] ? (s(), u("tfoot", Qs, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (s(), u("tr", Zs, [
             y("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               c(e.$slots, "footer")
-            ], 8, Zs)
+            ], 8, eo)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (s(), u("div", eo, [
+    i.pagination && e.paginationConfig ? (s(), u("div", to, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6666,7 +6637,7 @@ function lo(e, t, i, o, n, l) {
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
-        y("div", to, [
+        y("div", io, [
           I(_, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
             onClick: t[6] || (t[6] = (b) => l.goToPage("-1")),
@@ -6720,12 +6691,12 @@ function lo(e, t, i, o, n, l) {
             lg: ""
           }, null, 8, ["disabled"])
         ]),
-        y("span", io, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
+        y("span", lo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
       ])
     ])) : p("", !0)
   ], 2);
 }
-const me = 15, so = {
+const ge = 15, oo = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6775,8 +6746,7 @@ const me = 15, so = {
             return ee(
               "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
             ), !1;
-        } else
-          return !0;
+        } else return !0;
         return !0;
       }
     },
@@ -6828,8 +6798,7 @@ const me = 15, so = {
       return typeof this.filter == "function" ? this.tableItems.filter(this.filter) : this.tableItems;
     },
     sortedItems() {
-      if (!this.activeSorting.length || this.sortFunction || this.fetch)
-        return this.filteredItems;
+      if (!this.activeSorting.length || this.sortFunction || this.fetch) return this.filteredItems;
       const e = this.activeSorting[0].replace(/^[+-]/, ""), t = this.activeSorting[0][0] === "-";
       return [...this.filteredItems].sort((i, o) => (i = i[e], o = o[e], !isNaN(i) && !isNaN(o) && (i = parseFloat(i), o = parseFloat(o)), (i > o ? 1 : -1) * (t ? -1 : 1)));
     },
@@ -6950,12 +6919,11 @@ const me = 15, so = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = n + a + "px", o.style.width = l - a + "px";
-      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= me, _ = a > 0 && o.offsetWidth > h;
+      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= ge, _ = a > 0 && o.offsetWidth > h;
       if (w) {
-        const b = Math.max(i.offsetWidth, me);
+        const b = Math.max(i.offsetWidth, ge);
         i.style.width = b + "px", o.style.width = r - b + "px";
-      } else
-        _ && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
+      } else _ && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -7057,8 +7025,8 @@ const me = 15, so = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, oo = /* @__PURE__ */ v(so, [["render", lo]]), ao = ["role", "aria-pressed", "tabindex"];
-function no(e, t, i, o, n, l) {
+}, ao = /* @__PURE__ */ v(oo, [["render", so]]), no = ["role", "aria-pressed", "tabindex"];
+function ro(e, t, i, o, n, l) {
   return s(), u("span", {
     class: f(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (a) => {
@@ -7082,9 +7050,9 @@ function no(e, t, i, o, n, l) {
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 46, ao);
+  ], 46, no);
 }
-const ro = {
+const uo = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -7133,8 +7101,8 @@ const ro = {
       };
     }
   }
-}, uo = /* @__PURE__ */ v(ro, [["render", no]]), ho = ["for"], co = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], po = ["for"];
-function fo(e, t, i, o, n, l) {
+}, ho = /* @__PURE__ */ v(uo, [["render", ro]]), co = ["for"], po = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], fo = ["for"];
+function mo(e, t, i, o, n, l) {
   const a = $("w-icon");
   return s(), g(T(e.formRegister ? "w-form-element" : "div"), B({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -7156,7 +7124,7 @@ function fo(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, ho)) : p("", !0)
+        ], 10, co)) : p("", !0)
       ], 64)) : p("", !0),
       y("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
@@ -7195,8 +7163,8 @@ function fo(e, t, i, o, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, co), [
-          [be, n.inputValue]
+        }), null, 16, po), [
+          [ye, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (s(), u(k, { key: 0 }, [
           e.$slots.default || i.label ? (s(), u("label", {
@@ -7234,13 +7202,13 @@ function fo(e, t, i, o, n, l) {
           c(e.$slots, "default", {}, () => [
             S(C(i.label), 1)
           ])
-        ], 10, po)) : p("", !0)
+        ], 10, fo)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const mo = {
+const go = {
   name: "w-textarea",
   mixins: [M],
   inheritAttrs: !1,
@@ -7366,8 +7334,8 @@ const mo = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, go = /* @__PURE__ */ v(mo, [["render", fo]]), bo = ["innerHTML"], yo = ["innerHTML"];
-function wo(e, t, i, o, n, l) {
+}, bo = /* @__PURE__ */ v(go, [["render", mo]]), yo = ["innerHTML"], wo = ["innerHTML"];
+function ko(e, t, i, o, n, l) {
   return s(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
@@ -7395,16 +7363,16 @@ function wo(e, t, i, o, n, l) {
         y("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, bo),
+        }, null, 10, yo),
         y("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, yo)
+        }, null, 8, wo)
       ])
     ]))), 128))
   ], 2);
 }
-const ko = {
+const vo = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -7426,8 +7394,8 @@ const ko = {
       };
     }
   }
-}, vo = /* @__PURE__ */ v(ko, [["render", wo]]);
-function Co(e, t, i, o, n, l) {
+}, Co = /* @__PURE__ */ v(vo, [["render", ko]]);
+function So(e, t, i, o, n, l) {
   return s(), u("div", {
     class: f(["w-toolbar", l.classes]),
     style: L(l.styles)
@@ -7435,7 +7403,7 @@ function Co(e, t, i, o, n, l) {
     c(e.$slots, "default")
   ], 6);
 }
-const So = {
+const Bo = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -7486,8 +7454,8 @@ const So = {
       };
     }
   }
-}, Bo = /* @__PURE__ */ v(So, [["render", Co]]);
-function _o(e, t, i, o, n, l) {
+}, _o = /* @__PURE__ */ v(Bo, [["render", So]]);
+function $o(e, t, i, o, n, l) {
   return s(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     I(O, {
@@ -7508,9 +7476,9 @@ function _o(e, t, i, o, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const $o = {
+const Vo = {
   name: "w-tooltip",
-  mixins: [we],
+  mixins: [ke],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },
@@ -7644,8 +7612,8 @@ const $o = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Vo = /* @__PURE__ */ v($o, [["render", _o]]);
-function Io(e, t, i, o, n, l) {
+}, Io = /* @__PURE__ */ v(Vo, [["render", $o]]);
+function To(e, t, i, o, n, l) {
   return s(), g(O, B({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7653,14 +7621,14 @@ function Io(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const To = {
+const Lo = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Lo = /* @__PURE__ */ v(To, [["render", Io]]);
-function Ro(e, t, i, o, n, l) {
+}, Ro = /* @__PURE__ */ v(Lo, [["render", To]]);
+function Po(e, t, i, o, n, l) {
   return s(), g(O, {
     name: "expand",
     mode: "out-in",
@@ -7681,7 +7649,7 @@ function Ro(e, t, i, o, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Po = {
+const Oo = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7771,8 +7739,8 @@ const Po = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, Oo = /* @__PURE__ */ v(Po, [["render", Ro]]);
-function xo(e, t, i, o, n, l) {
+}, xo = /* @__PURE__ */ v(Oo, [["render", Po]]);
+function zo(e, t, i, o, n, l) {
   return s(), g(O, B({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7780,14 +7748,14 @@ function xo(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const zo = {
+const Mo = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Mo = /* @__PURE__ */ v(zo, [["render", xo]]);
-function Eo(e, t, i, o, n, l) {
+}, Eo = /* @__PURE__ */ v(Mo, [["render", zo]]);
+function Ao(e, t, i, o, n, l) {
   return s(), g(O, B({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7795,14 +7763,14 @@ function Eo(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Ao = {
+const Wo = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Wo = /* @__PURE__ */ v(Ao, [["render", Eo]]);
-function Ko(e, t, i, o, n, l) {
+}, Ko = /* @__PURE__ */ v(Wo, [["render", Ao]]);
+function No(e, t, i, o, n, l) {
   return s(), g(O, B({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7810,14 +7778,14 @@ function Ko(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const No = {
+const Do = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Do = /* @__PURE__ */ v(No, [["render", Ko]]);
-function Ho(e, t, i, o, n, l) {
+}, Ho = /* @__PURE__ */ v(Do, [["render", No]]);
+function Fo(e, t, i, o, n, l) {
   return s(), g(O, B({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7825,7 +7793,7 @@ function Ho(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const Fo = {
+const jo = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7843,8 +7811,8 @@ const Fo = {
       return `slide-${this.direction}`;
     }
   }
-}, jo = /* @__PURE__ */ v(Fo, [["render", Ho]]);
-function Uo(e, t, i, o, n, l) {
+}, Uo = /* @__PURE__ */ v(jo, [["render", Fo]]);
+function qo(e, t, i, o, n, l) {
   return s(), g(O, B({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7852,7 +7820,7 @@ function Uo(e, t, i, o, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const qo = {
+const Xo = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7870,8 +7838,8 @@ const qo = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
-function Yo(e, t, i, o, n, l) {
+}, Yo = /* @__PURE__ */ v(Xo, [["render", qo]]);
+function Go(e, t, i, o, n, l) {
   return s(), g(O, B({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7879,17 +7847,17 @@ function Yo(e, t, i, o, n, l) {
     _: 3
   }, 16);
 }
-const Go = {
+const Jo = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]), Qo = ["innerHTML"], Zo = {
+}, Qo = /* @__PURE__ */ v(Jo, [["render", Go]]), Zo = ["innerHTML"], ea = {
   key: 1,
   class: "ml1"
 };
-function ea(e, t, i, o, n, l) {
+function ta(e, t, i, o, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", l.classes])
@@ -7939,8 +7907,8 @@ function ea(e, t, i, o, n, l) {
               }, 1032, ["color"])) : p("", !0),
               y("span", {
                 innerHTML: h.label
-              }, null, 8, Qo),
-              i.counts && (h.children || h.branch) ? (s(), u("span", Zo, "(" + C(((_ = h.originalItem.children) == null ? void 0 : _.length) || 0) + ")", 1)) : p("", !0)
+              }, null, 8, Zo),
+              i.counts && (h.children || h.branch) ? (s(), u("span", ea, "(" + C(((_ = h.originalItem.children) == null ? void 0 : _.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
@@ -7983,7 +7951,7 @@ function ea(e, t, i, o, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ta = {
+const ia = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -8135,8 +8103,7 @@ const ta = {
      */
     getPreviousSibling(e, t) {
       for (; t && (e = e.previousElementSibling); )
-        if (e.matches(t))
-          return e;
+        if (e.matches(t)) return e;
       return !1;
     },
     /**
@@ -8147,8 +8114,7 @@ const ta = {
      */
     getNextSibling(e, t) {
       for (; t && (e = e.nextElementSibling); )
-        if (e.matches(t))
-          return e;
+        if (e.matches(t)) return e;
       return !1;
     },
     focusTreeItem(e) {
@@ -8183,63 +8149,63 @@ const ta = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, ia = /* @__PURE__ */ v(ta, [["render", ea]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, la = /* @__PURE__ */ v(ia, [["render", ta]]), sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WAccordion: Ye,
-  WAlert: Ze,
-  WApp: pt,
-  WAutocomplete: dt,
-  WBadge: bt,
-  WBreadcrumbs: vt,
-  WButton: Lt,
-  WCard: xt,
-  WCheckbox: Ft,
-  WCheckboxes: Xt,
-  WConfirm: Jt,
-  WDatePicker: ei,
-  WDialog: li,
-  WDivider: ni,
-  WDrawer: ci,
-  WFlex: mi,
-  WForm: wi,
-  WFormElement: Ci,
-  WGrid: _i,
-  WIcon: Ii,
-  WImage: Pi,
-  WInput: Hi,
-  WList: Ui,
-  WMenu: Yi,
-  WNotification: Qi,
-  WOverlay: tl,
-  WParallax: ol,
-  WProgress: pl,
-  WRadio: vl,
-  WRadios: _l,
-  WRating: Ll,
-  WScrollable: xl,
-  WSelect: Nl,
-  WSlider: ts,
-  WSpinner: os,
-  WSteps: rs,
-  WSwitch: gs,
-  WTable: oo,
-  WTabs: Ts,
-  WTag: uo,
-  WTextarea: go,
-  WTimeline: vo,
-  WToolbar: Bo,
-  WTooltip: Vo,
-  WTransitionBounce: Lo,
-  WTransitionExpand: Oo,
-  WTransitionFade: Mo,
-  WTransitionScale: Wo,
-  WTransitionScaleFade: Do,
-  WTransitionSlide: jo,
-  WTransitionSlideFade: Xo,
-  WTransitionTwist: Jo,
-  WTree: ia
-}, Symbol.toStringTag, { value: "Module" })), sa = U.install;
-U.install = (e, t = {}) => sa.call(U, e, { components: la, ...t });
+  WAccordion: Ge,
+  WAlert: et,
+  WApp: ft,
+  WAutocomplete: ut,
+  WBadge: yt,
+  WBreadcrumbs: Ct,
+  WButton: Rt,
+  WCard: zt,
+  WCheckbox: jt,
+  WCheckboxes: Yt,
+  WConfirm: Qt,
+  WDatePicker: ti,
+  WDialog: si,
+  WDivider: ri,
+  WDrawer: pi,
+  WFlex: gi,
+  WForm: ki,
+  WFormElement: Si,
+  WGrid: $i,
+  WIcon: Ti,
+  WImage: Oi,
+  WInput: Fi,
+  WList: qi,
+  WMenu: Gi,
+  WNotification: Zi,
+  WOverlay: il,
+  WParallax: al,
+  WProgress: fl,
+  WRadio: Cl,
+  WRadios: $l,
+  WRating: Rl,
+  WScrollable: zl,
+  WSelect: Dl,
+  WSlider: is,
+  WSpinner: as,
+  WSteps: ds,
+  WSwitch: bs,
+  WTable: ao,
+  WTabs: Ls,
+  WTag: ho,
+  WTextarea: bo,
+  WTimeline: Co,
+  WToolbar: _o,
+  WTooltip: Io,
+  WTransitionBounce: Ro,
+  WTransitionExpand: xo,
+  WTransitionFade: Eo,
+  WTransitionScale: Ko,
+  WTransitionScaleFade: Ho,
+  WTransitionSlide: Uo,
+  WTransitionSlideFade: Yo,
+  WTransitionTwist: Qo,
+  WTree: la
+}, Symbol.toStringTag, { value: "Module" })), oa = U.install;
+U.install = (e, t = {}) => oa.call(U, e, { components: sa, ...t });
 export {
   U as default
 };