wave-ui 3.5.1 → 3.6.0

package/dist/wave-ui.es.js

@@ -4,12 +4,12 @@ var D = (e, t, l) => (ke(e, typeof t != "symbol" ? t + "" : t, l), l), ne = (e,
   if (!t.has(e))
     throw TypeError("Cannot " + l);
 };
-var X = (e, t, l) => (ne(e, t, "read from private field"), l ? l.call(e) : t.get(e)), ee = (e, t, l) => {
+var Y = (e, t, l) => (ne(e, t, "read from private field"), l ? l.call(e) : t.get(e)), ee = (e, t, l) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, l);
-}, te = (e, t, l, a) => (ne(e, t, "write to private field"), a ? a.call(e, l) : t.set(e, l), l);
-import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as S, toDisplayString as _, Transition as P, normalizeStyle as T, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+}, te = (e, t, l, o) => (ne(e, t, "write to private field"), o ? o.call(e, l) : t.set(e, l), l);
+import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Be, inject as Se, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as B, toDisplayString as _, Transition as O, normalizeStyle as T, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -56,142 +56,32 @@ const Ie = Q({
     t = Object.assign(t, e);
   else
     for (const l in e) {
-      const a = e[l];
-      typeof a == "object" ? ye(e[l], t[l]) : t[l] = a;
+      const o = e[l];
+      typeof o == "object" ? ye(e[l], t[l]) : t[l] = o;
     }
   return t;
-}, Re = ["innerHTML"];
-function Te(e, t, l, a, r, i) {
-  const o = $("w-alert");
-  return s(), m(_e, { to: ".w-app" }, [
-    I(ae, {
-      class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
-      tag: "div",
-      name: i.transition,
-      appear: ""
-    }, {
-      default: g(() => [
-        (s(!0), u(k, null, L(i.notifications, (n) => (s(), u(k, null, [
-          n._value ? (s(), m(o, C({
-            class: "white--bg",
-            key: n._uid,
-            modelValue: n._value,
-            "onUpdate:modelValue": (d) => n._value = d,
-            onClose: n.dismiss
-          }, i.notifProps(n)), {
-            default: g(() => [
-              w("div", {
-                innerHTML: n.message
-              }, null, 8, Re)
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
-        ], 64))), 256))
-      ]),
-      _: 1
-    }, 8, ["class", "name"])
-  ]);
-}
-const v = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [a, r] of t)
-    l[a] = r;
-  return l;
-}, Le = {
-  name: "w-notification-manager",
-  computed: {
-    conf() {
-      return this.$waveui.config.notificationManager;
-    },
-    notifications() {
-      var e;
-      return (e = this.$waveui._notificationManager) == null ? void 0 : e.notifications;
-    },
-    transition() {
-      return this.conf.transition ? this.conf.transition.replace("default", `slide-${this.conf.align === "left" ? "right" : "left"}`) : "";
-    }
-  },
-  methods: {
-    notifProps(e) {
-      const { _value: t, _uid: l, message: a, timeout: r, ...i } = e;
-      return i.dismiss && (i.dismiss = !0), i;
-    }
-  }
-}, xe = /* @__PURE__ */ v(Le, [["render", Te]]);
-var H;
-const F = class {
-  constructor() {
-    D(this, "notifications");
-    D(this, "_uid");
-    D(this, "_notificationDefaults");
-    if (X(F, H))
-      return X(F, H);
-    this.notifications = [], this._uid = 0, this._notificationDefaults = {
-      _uid: 0,
-      _value: !0,
-      message: "",
-      timeout: 4e3,
-      dismiss: !0
-    }, te(F, H, this);
-  }
-  notify(...t) {
-    let l = {
-      ...this._notificationDefaults,
-      _uid: this._uid++
-    };
-    if (typeof t[0] == "object")
-      l = { ...l, ...t[0] };
-    else {
-      const [a, r, i] = t;
-      l = {
-        ...l,
-        message: a || "",
-        [r === void 0 ? "info" : r]: !0,
-        timeout: i || i === 0 ? parseFloat(i) : 4e3
-      };
-    }
-    l.dismiss && (l.dismiss = () => this.dismiss(l._uid)), this.notifications.push(l), ~~l.timeout !== 0 && setTimeout(() => this.dismiss(l._uid), l.timeout);
-  }
-  dismiss(t) {
-    this.notifications = this.notifications.filter((l) => l._uid !== t);
-  }
-};
-let Y = F;
-H = new WeakMap(), ee(Y, H, void 0);
-const Pe = (e, t, l) => {
-  const a = document.createElement("div");
-  e.appendChild(a);
-  const r = Ce(Se({
-    ...xe,
-    inject: ["$waveui"]
-  })).provide("$waveui", l);
-  for (const i in t) {
-    const o = t[i];
-    r.component(o.name, { ...o, inject: ["$waveui"] });
-  }
-  r.mount(a), a.remove();
-}, re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Oe = (e) => {
+}, U = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Re = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
     l.shades = {};
-    for (let a in l) {
-      if (a === "shades")
+    for (let o in l) {
+      if (o === "shades")
         continue;
-      a = { label: a, color: l[a].replace("#", "") };
-      const r = a.color;
-      r.length === 3 && (a.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]);
+      o = { label: o, color: l[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 i = 1; i <= 3; i++) {
-        const o = re(`#${a.color}`, i * 40), n = re(`#${a.color}`, -i * 40);
-        l.shades[`${a.label}-light${i}`] = o, l.shades[`${a.label}-dark${i}`] = n;
+        const a = re(`#${o.color}`, i * 40), r = re(`#${o.color}`, -i * 40);
+        l.shades[`${o.label}-light${i}`] = a, l.shades[`${o.label}-dark${i}`] = r;
       }
     }
   });
 }, de = (e, t) => {
   const l = {
-    ...t.reduce((a, r) => {
-      a[r.label] = r.color;
-      const i = (r.shades || []).reduce((o, n) => (o[n.label] = n.color, o), {});
-      return { ...a, ...i };
+    ...t.reduce((o, n) => {
+      o[n.label] = n.color;
+      const i = (n.shades || []).reduce((a, r) => (a[r.label] = r.color, a), {});
+      return { ...o, ...i };
     }, { ...e, ...e.shades })
   };
   return delete l.shades, l;
@@ -542,42 +432,42 @@ const Pe = (e, t, l) => {
   { label: "white", color: "#fff" },
   { label: "transparent", color: "transparent" },
   { label: "inherit", color: "inherit" }
-], U = {
+], q = {
   cssScope: ".w-app",
   baseIncrement: 4
 };
 let se = { keys: [], values: [] }, he = null;
-const ze = (e) => {
+const Te = (e) => {
   let t = "";
-  const l = {}, { info: a, warning: r, success: i, error: o, shades: n, ...d } = e, { cssScope: h } = U;
+  const l = {}, { info: o, warning: n, success: i, error: a, shades: r, ...d } = e, { cssScope: h } = q;
   for (const b in d)
     t += `${h} .${b}--bg{background-color:var(--w-${b}-color)}${h} .${b}{color:var(--w-${b}-color)}`;
-  for (const b in n)
-    t += `${h} .${b}--bg{background-color:${n[b]}}${h} .${b}{color:${n[b]}}`;
-  const y = { ...d, info: a, warning: r, success: i, error: o };
+  for (const b in r)
+    t += `${h} .${b}--bg{background-color:${r[b]}}${h} .${b}{color:${r[b]}}`;
+  const y = { ...d, info: o, warning: n, success: i, error: a };
   for (const b in y)
     l[b] = y[b];
-  let B = "";
+  let S = "";
   return Object.entries(l).forEach(([b, R]) => {
-    B += `--w-${b}-color: ${R};`;
-  }), `:root{${B}}${t}`;
-}, Me = (e, t) => {
+    S += `--w-${b}-color: ${R};`;
+  }), `:root{${S}}${t}`;
+}, Le = (e, t) => {
   let l = "";
-  const { cssScope: a } = U;
-  return e.forEach(({ min: r, label: i }) => {
+  const { cssScope: o } = q;
+  return e.forEach(({ min: n, label: i }) => {
     if (i === "xs")
-      for (let o = 0; o < t; o++)
-        l += `${a} .${i}${t - o}{width:${parseFloat(((t - o) * 100 / t).toFixed(4))}%;}`;
+      for (let a = 0; a < t; a++)
+        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
     else {
-      l += `@media(min-width:${r}px){`;
-      for (let o = 0; o < t; o++)
-        l += `${a} .${i}${t - o}{width:${parseFloat(((t - o) * 100 / t).toFixed(4))}%;}`;
+      l += `@media(min-width:${n}px){`;
+      for (let a = 0; a < t; a++)
+        l += `${o} .${i}${t - a}{width:${parseFloat(((t - a) * 100 / t).toFixed(4))}%;}`;
       l += "}";
     }
   }), l;
-}, Ee = (e) => {
+}, xe = (e) => {
   let t = "";
-  const { cssScope: l, baseIncrement: a } = U, r = [
+  const { cssScope: l, baseIncrement: o } = q, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -611,50 +501,160 @@ const ze = (e) => {
     "justify-space-around{justify-content:space-around}",
     "justify-space-evenly{justify-content:space-evenly}"
   ], i = Array(12).fill();
-  return e.forEach(({ label: o, min: n }) => {
-    o !== "xs" && (t += `@media(min-width:${n}px){` + r.map((d) => `${l} .${o}u-${d}`).join("") + i.map((d, h) => `.w-grid.${o}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}u-gap${h + 1},.w-grid.${o}u-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}u-gap0,.w-flex.${o}u-gap0{gap:0}}`);
-  }), e.forEach(({ label: o, min: n, max: d }) => {
-    t += `@media (min-width:${n}px) and (max-width:${d}px){` + r.map((h) => `${l} .${o}-${h}`).join("") + i.map((h, y) => `.w-grid.${o}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${o}-gap${y + 1},.w-grid.${o}-gap${y + 1}{gap:${(y + 1) * a}px;}`).join("") + `.w-flex.${o}-gap0,.w-flex.${o}-gap0{gap:0}}`;
-  }), e.forEach(({ label: o, max: n }) => {
-    o !== "xl" && (t += `@media (max-width:${n}px){` + r.map((d) => `${l} .${o}d-${d}`).join("") + i.map((d, h) => `.w-grid.${o}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}d-gap${h + 1},.w-grid.${o}d-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}d-gap0,.w-flex.${o}d-gap0{gap:0}}`);
+  return e.forEach(({ label: a, min: r }) => {
+    a !== "xs" && (t += `@media(min-width:${r}px){` + n.map((d) => `${l} .${a}u-${d}`).join("") + i.map((d, h) => `.w-grid.${a}u-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${a}u-gap${h + 1},.w-grid.${a}u-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}u-gap0,.w-flex.${a}u-gap0{gap:0}}`);
+  }), e.forEach(({ label: a, min: r, max: d }) => {
+    t += `@media (min-width:${r}px) and (max-width:${d}px){` + n.map((h) => `${l} .${a}-${h}`).join("") + i.map((h, y) => `.w-grid.${a}-columns${y + 1}{grid-template-columns:repeat(${y + 1},1fr);}`).join("") + i.map((h, y) => `.w-flex.${a}-gap${y + 1},.w-grid.${a}-gap${y + 1}{gap:${(y + 1) * o}px;}`).join("") + `.w-flex.${a}-gap0,.w-flex.${a}-gap0{gap:0}}`;
+  }), e.forEach(({ label: a, max: r }) => {
+    a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${l} .${a}d-${d}`).join("") + i.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.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) => {
   const t = window.innerWidth, l = se.values.slice(0);
-  l.push(t), l.sort((r, i) => r - i);
-  const a = se.keys[l.indexOf(t)] || "xl";
-  a !== he && (he = a, e.breakpoint = {
-    name: a,
-    xs: a === "xs",
-    sm: a === "sm",
-    md: a === "md",
-    lg: a === "lg",
-    xl: a === "xl",
+  l.push(t), l.sort((n, i) => n - i);
+  const o = se.keys[l.indexOf(t)] || "xl";
+  o !== he && (he = o, e.breakpoint = {
+    name: o,
+    xs: o === "xs",
+    sm: o === "sm",
+    md: o === "md",
+    lg: o === "lg",
+    xl: o === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, We = (e) => {
+}, Oe = (e) => {
   const { config: t } = e;
   if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const l = document.createElement("style");
-    l.id = "wave-ui-styles", l.innerHTML = Ne(t);
-    const a = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    a ? a.before(l) : document.head.appendChild(l);
+    l.id = "wave-ui-styles", l.innerHTML = ze(t);
+    const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+    o ? o.before(l) : document.head.appendChild(l);
   }
   ce(e), window.addEventListener("resize", () => ce(e));
-}, Ae = (e) => {
+}, Pe = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
-    t.id = "wave-ui-colors", t.innerHTML = ze(e);
+    t.id = "wave-ui-colors", t.innerHTML = Te(e);
     const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     l ? l.before(t) : document.head.appendChild(t);
   }
-}, Ne = (e) => {
-  const t = Object.entries(e.breakpoints), l = t.map(([i, o], n) => {
-    const [, d = 0] = t[n - 1] || [];
-    return { label: i, min: d ? d + 1 : 0, max: o };
-  }), a = getComputedStyle(document.documentElement);
-  U.cssScope = a.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(a.getPropertyValue("--w-base-increment"));
-  let r = "";
-  return r += Me(l, e.css.grid), e.css.breakpointLayoutClasses && (r += Ee(l)), r;
+}, ze = (e) => {
+  const t = Object.entries(e.breakpoints), l = t.map(([i, a], r) => {
+    const [, d = 0] = t[r - 1] || [];
+    return { label: i, min: d ? d + 1 : 0, max: a };
+  }), o = getComputedStyle(document.documentElement);
+  q.cssScope = o.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(o.getPropertyValue("--w-base-increment"));
+  let n = "";
+  return n += Le(l, e.css.grid), e.css.breakpointLayoutClasses && (n += xe(l)), n;
+}, Me = ["innerHTML"];
+function Ee(e, t, l, o, n, i) {
+  const a = $("w-alert");
+  return s(), m(_e, { to: ".w-app" }, [
+    I(ae, {
+      class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
+      tag: "div",
+      name: i.transition,
+      appear: ""
+    }, {
+      default: g(() => [
+        (s(!0), u(k, null, L(i.notifications, (r) => (s(), u(k, null, [
+          r._value ? (s(), m(a, C({
+            class: "white--bg",
+            key: r._uid,
+            modelValue: r._value,
+            "onUpdate:modelValue": (d) => r._value = d,
+            onClose: r.dismiss
+          }, i.notifProps(r)), {
+            default: g(() => [
+              w("div", {
+                innerHTML: r.message
+              }, null, 8, Me)
+            ]),
+            _: 2
+          }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
+        ], 64))), 256))
+      ]),
+      _: 1
+    }, 8, ["class", "name"])
+  ]);
+}
+const v = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [o, n] of t)
+    l[o] = n;
+  return l;
+}, We = {
+  name: "w-notification-manager",
+  computed: {
+    conf() {
+      return this.$waveui.config.notificationManager;
+    },
+    notifications() {
+      var e;
+      return (e = this.$waveui._notificationManager) == null ? void 0 : e.notifications;
+    },
+    transition() {
+      return this.conf.transition ? this.conf.transition.replace("default", `slide-${this.conf.align === "left" ? "right" : "left"}`) : "";
+    }
+  },
+  methods: {
+    notifProps(e) {
+      const { _value: t, _uid: l, message: o, timeout: n, ...i } = e;
+      return i.dismiss && (i.dismiss = !0), i;
+    }
+  }
+}, Ae = /* @__PURE__ */ v(We, [["render", Ee]]);
+var H;
+const F = class {
+  constructor() {
+    D(this, "notifications");
+    D(this, "_uid");
+    D(this, "_notificationDefaults");
+    if (Y(F, H))
+      return Y(F, H);
+    this.notifications = [], this._uid = 0, this._notificationDefaults = {
+      _uid: 0,
+      _value: !0,
+      message: "",
+      timeout: 4e3,
+      dismiss: !0
+    }, te(F, H, this);
+  }
+  notify(...t) {
+    let l = {
+      ...this._notificationDefaults,
+      _uid: this._uid++
+    };
+    if (typeof t[0] == "object")
+      l = { ...l, ...t[0] };
+    else {
+      const [o, n, i] = t;
+      l = {
+        ...l,
+        message: o || "",
+        [n === void 0 ? "info" : n]: !0,
+        timeout: i || i === 0 ? parseFloat(i) : 4e3
+      };
+    }
+    l.dismiss && (l.dismiss = () => this.dismiss(l._uid)), this.notifications.push(l), ~~l.timeout !== 0 && setTimeout(() => this.dismiss(l._uid), l.timeout);
+  }
+  dismiss(t) {
+    this.notifications = this.notifications.filter((l) => l._uid !== t);
+  }
+};
+let G = F;
+H = new WeakMap(), ee(G, H, void 0);
+const Ne = (e, t, l) => {
+  const o = document.createElement("div");
+  e.appendChild(o);
+  const n = Ce(Be({
+    ...Ae,
+    inject: ["$waveui"]
+  })).provide("$waveui", l);
+  for (const i in t) {
+    const a = t[i];
+    n.component(a.name, { ...a, inject: ["$waveui"] });
+  }
+  n.mount(o), o.remove();
 };
 let pe = !1;
 const Ke = (e) => {
@@ -663,10 +663,24 @@ const Ke = (e) => {
     e.preferredTheme = l.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
 }, He = (e, t) => {
-  for (const l in t)
-    e.props[l].default = t[l];
+  var l, o;
+  for (const n in t)
+    if ((l = e.props) != null && l[n])
+      e.props[n].default = t[n];
+    else {
+      let i = !1;
+      if (Array.isArray(e.mixins) && e.mixins.length) {
+        for (const a of e.mixins)
+          if ((o = a == null ? void 0 : a.props) != null && o[n]) {
+            a.props[n].default = t[n], i = !0;
+            break;
+          }
+        i || U(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+        continue;
+      }
+    }
 };
-var q;
+var X;
 const j = class {
   constructor(t, l = {}) {
     D(this, "$waveui", {
@@ -688,58 +702,58 @@ const j = class {
         this._notificationManager.notify(...t);
       },
       switchTheme(t, l = !1) {
-        var r, i;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (r = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : r.remove) == null || i.call(r);
-        const a = this.config.colors[this.theme];
-        Ae(a), this.colors = de(a, ue);
+        var n, i;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || i.call(n);
+        const o = this.config.colors[this.theme];
+        Pe(o), this.colors = de(o, ue);
       }
     });
-    if (X(j, q)) {
+    if (Y(j, X)) {
       console.warn("Wave UI is already instantiated.");
       return;
     }
-    if (this.$waveui._notificationManager = new Y(), l.theme || (l.theme = "light"), l.colors) {
-      const o = { ...l.colors };
-      l.colors.light || (l.colors.light = o), l.colors.dark || (l.colors.dark = o), l.colors = { light: l.colors.light, dark: l.colors.dark };
+    if (this.$waveui._notificationManager = new G(), l.theme || (l.theme = "light"), l.colors) {
+      const a = { ...l.colors };
+      l.colors.light || (l.colors.light = a), l.colors.dark || (l.colors.dark = a), l.colors = { light: l.colors.light, dark: l.colors.dark };
     }
-    let { components: a, ...r } = l;
-    r = this.$waveui.config = ye(r), r.css.colorShades && Oe(r);
+    let { components: o, ...n } = l;
+    n = this.$waveui.config = ye(n), n.css.colorShades && Re(n);
     const i = Q(this.$waveui);
-    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = de(r.colors[r.theme], ue));
+    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
   }
   static install(t, l = {}) {
-    var r;
+    var n;
     t.directive("focus", {
       mounted: (i) => setTimeout(() => i.focus(), 0)
     }), t.directive("scroll", {
-      mounted: (i, o) => {
-        const n = (d) => {
-          o.value(d, i) && window.removeEventListener("scroll", n);
+      mounted: (i, a) => {
+        const r = (d) => {
+          a.value(d, i) && window.removeEventListener("scroll", r);
         };
-        window.addEventListener("scroll", n);
+        window.addEventListener("scroll", r);
       }
     });
-    const { components: a = {} } = l || {};
-    for (const i in a) {
-      const o = a[i];
-      (r = l.presets) != null && r[o.name] && He(o, l.presets[o.name]), t.component(o.name, o);
+    const { components: o = {} } = l || {};
+    for (const i in o) {
+      const a = o[i];
+      (n = l.presets) != null && n[a.name] && He(a, l.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       beforeMount() {
         if (!pe) {
           pe = !0;
-          const i = Be("$waveui"), { config: o } = i, n = document.querySelector(o.on) || document.body;
-          n.classList.add("w-app"), o.theme === "auto" ? Ke(i) : i.switchTheme(o.theme, !0), We(i), Pe(n, a, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          const i = Se("$waveui"), { config: a } = i, r = document.querySelector(a.on) || document.body;
+          r.classList.add("w-app"), a.theme === "auto" ? Ke(i) : i.switchTheme(a.theme, !0), Oe(i), Ne(r, o, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
-    }), new j(t, l), te(j, q, !0);
+    }), new j(t, l), te(j, X, !0);
   }
 };
 let K = j;
-q = new WeakMap(), ee(K, q, !1);
+X = new WeakMap(), ee(K, X, !1);
 const De = ["aria-expanded"], Fe = ["onClick", "onFocus", "onKeypress", "tabindex"], je = ["innerHTML"], Ue = ["innerHTML"];
-function qe(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-transition-expand");
+function qe(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-transition-expand");
   return s(), u("div", {
     class: f(["w-accordion", i.accordionClasses])
   }, [
@@ -755,7 +769,7 @@ function qe(e, t, l, a, r, i) {
         onKeypress: E((y) => !d._disabled && i.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        l.expandIcon && !l.expandIconRight ? (s(), m(o, {
+        l.expandIcon && !l.expandIconRight ? (s(), m(a, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -783,7 +797,7 @@ function qe(e, t, l, a, r, i) {
             innerHTML: d[l.itemTitleKey]
           }, null, 8, je)
         ]),
-        l.expandIcon && l.expandIconRight ? (s(), m(o, {
+        l.expandIcon && l.expandIconRight ? (s(), m(a, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": l.expandIconRotate90 }]),
           icon: d._expanded && l.collapseIcon || l.expandIcon,
@@ -793,7 +807,7 @@ function qe(e, t, l, a, r, i) {
           onClick: M((y) => !d._disabled && i.toggleItem(d, y), ["stop"])
         }, null, 8, ["icon", "onClick", "class"])) : c("", !0)
       ], 42, Fe),
-      I(n, {
+      I(r, {
         y: "",
         onAfterLeave: (y) => i.onEndOfCollapse(d),
         duration: l.duration
@@ -869,8 +883,8 @@ const Xe = {
   },
   methods: {
     toggleItem(e, t) {
-      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((a) => a._index !== e._index && (a._expanded = !1));
-      const l = this.accordionItems.map((a) => a._expanded || !1);
+      e._expanded = !e._expanded, this.expandSingle && this.accordionItems.forEach((o) => o._index !== e._index && (o._expanded = !1));
+      const l = this.accordionItems.map((o) => o._expanded || !1);
       this.$emit("update:modelValue", l), this.$emit("input", l), this.$emit("item-expand", { item: e, expanded: e._expanded }), t.target.blur(), setTimeout(() => t.target.focus(), 300);
     },
     onEndOfCollapse(e) {
@@ -912,30 +926,30 @@ const Xe = {
     }
   }
 }, Ye = /* @__PURE__ */ v(Xe, [["render", qe]]), Ge = { class: "w-alert__content" };
-function Je(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-button");
-  return r.show ? (s(), u("div", C({
+function Je(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-button");
+  return n.show ? (s(), u("div", C({
     key: 0,
     class: "w-alert"
   }, W(e.$attrs, !0), { class: i.classes }), [
     i.type || l.icon || l.dismiss ? (s(), u(k, { key: 0 }, [
-      i.type || l.icon ? (s(), m(o, {
+      i.type || l.icon ? (s(), m(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
         default: g(() => [
-          S(_(i.type ? i.typeIcon : l.icon), 1)
+          B(_(i.type ? i.typeIcon : l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
       w("div", Ge, [
         p(e.$slots, "default")
       ]),
-      l.dismiss ? (s(), m(n, {
+      l.dismiss ? (s(), m(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
-          e.$emit("update:modelValue", r.show = !1), e.$emit("input", !1), e.$emit("close", !1);
+          e.$emit("update:modelValue", n.show = !1), e.$emit("input", !1), e.$emit("close", !1);
         }),
         icon: "wi-cross",
         color: "inherit",
@@ -1025,7 +1039,7 @@ const Qe = {
     }
   }
 }, Ze = /* @__PURE__ */ v(Qe, [["render", Je]]), et = { class: "w-app" };
-function tt(e, t, l, a, r, i) {
+function tt(e, t, l, o, n, i) {
   return s(), u("div", et, [
     p(e.$slots, "default")
   ]);
@@ -1046,10 +1060,10 @@ const lt = {
     textRight: { type: Boolean }
   }
 }, it = /* @__PURE__ */ v(lt, [["render", tt]]);
-function st(e, t, l, a, r, i) {
+function st(e, t, l, o, n, i) {
   return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    I(P, {
+    I(O, {
       name: `${l.transition}`
     }, {
       default: g(() => [
@@ -1063,7 +1077,7 @@ function st(e, t, l, a, r, i) {
           role: "status"
         }, [
           l.dot ? c("", !0) : p(e.$slots, "badge", { key: 0 }, () => [
-            S(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
+            B(_(l.modelValue === !0 ? "" : l.modelValue || ""), 1)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -1135,36 +1149,36 @@ const at = {
     }
   }
 }, ot = /* @__PURE__ */ v(at, [["render", st]]), nt = ["innerHTML"];
-function rt(e, t, l, a, r, i) {
-  const o = $("w-icon");
+function rt(e, t, l, o, n, i) {
+  const a = $("w-icon");
   return s(), u("div", {
     class: f(["w-breadcrumbs", i.classes])
   }, [
-    (s(!0), u(k, null, L(l.items, (n, d) => (s(), u(k, null, [
+    (s(!0), u(k, null, L(l.items, (r, d) => (s(), u(k, null, [
       d && e.$slots.separator ? (s(), u("span", {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}a`
       }, [
         p(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (s(), m(o, {
+      ], 2)) : d ? (s(), m(a, {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}b`
       }, {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : c("", !0),
-      n[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(k, { key: 2 }, [
+      r[l.itemRouteKey] && (d < l.items.length - 1 || l.linkLastItem) ? (s(), u(k, { key: 2 }, [
         e.$slots.item ? (s(), m(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}c`,
-          to: i.hasRouter && n[l.itemRouteKey],
-          href: n[l.itemRouteKey]
+          to: i.hasRouter && r[l.itemRouteKey],
+          href: r[l.itemRouteKey]
         }, {
           default: g(() => [
             p(e.$slots, "item", {
-              item: n,
+              item: r,
               index: d + 1,
               isLast: d === l.items.length - 1
             })
@@ -1173,18 +1187,18 @@ function rt(e, t, l, a, r, i) {
         }, 1032, ["to", "href", "class"])) : (s(), m(V(i.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", l.color || null]),
           key: `${d}d`,
-          to: i.hasRouter && n[l.itemRouteKey],
-          href: n[l.itemRouteKey],
-          innerHTML: n[l.itemLabelKey]
+          to: i.hasRouter && r[l.itemRouteKey],
+          href: r[l.itemRouteKey],
+          innerHTML: r[l.itemLabelKey]
         }, null, 8, ["to", "href", "innerHTML", "class"]))
       ], 64)) : e.$slots.item ? p(e.$slots, "item", {
         key: `${d}e`,
-        item: n,
+        item: r,
         index: d + 1,
         isLast: d === l.items.length - 1
       }) : (s(), u("span", {
         key: `${d}f`,
-        innerHTML: n[l.itemLabelKey]
+        innerHTML: r[l.itemLabelKey]
       }, null, 8, nt))
     ], 64))), 256))
   ], 2);
@@ -1233,8 +1247,8 @@ const dt = {
     "stroke-linecap": "round"
   })
 ], -1);
-function pt(e, t, l, a, r, i) {
-  const o = $("w-icon");
+function pt(e, t, l, o, n, i) {
+  const a = $("w-icon");
   return s(), m(V(l.route ? "a" : "button"), C({
     class: ["w-button", i.classes],
     type: !l.route && l.type,
@@ -1242,13 +1256,13 @@ function pt(e, t, l, a, r, i) {
     disabled: !!l.disabled || null
   }, W(i.listeners), { style: i.styles }), {
     default: g(() => [
-      l.icon ? (s(), m(o, ie(C({ key: 0 }, l.iconProps || {})), {
+      l.icon ? (s(), m(a, ie(C({ key: 0 }, l.iconProps || {})), {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      I(P, { name: "scale-fade" }, {
+      I(O, { name: "scale-fade" }, {
         default: g(() => [
           l.loading ? (s(), u("div", ht, [
             p(e.$slots, "loading", {}, () => [
@@ -1353,11 +1367,11 @@ const ft = {
     }
   }
 }, gt = /* @__PURE__ */ v(ft, [["render", pt]]), mt = ["innerHTML"];
-function bt(e, t, l, a, r, i) {
-  const o = $("button-partial");
+function bt(e, t, l, o, n, i) {
+  const a = $("button-partial");
   return l.tooltip ? (s(), m(V("w-tooltip"), ie(C({ key: 0 }, l.tooltipProps || {})), {
-    activator: g(({ on: n }) => [
-      I(o, C(i.buttonProps, W(n)), {
+    activator: g(({ on: r }) => [
+      I(a, C(i.buttonProps, W(r)), {
         default: g(() => [
           p(e.$slots, "default")
         ]),
@@ -1368,7 +1382,7 @@ function bt(e, t, l, a, r, i) {
       w("div", { innerHTML: l.tooltip }, null, 8, mt)
     ]),
     _: 3
-  }, 16)) : (s(), m(o, ie(C({ key: 1 }, i.buttonProps)), {
+  }, 16)) : (s(), m(a, ie(C({ key: 1 }, i.buttonProps)), {
     loading: g(() => [
       p(e.$slots, "loading")
     ]),
@@ -1423,8 +1437,8 @@ const yt = {
     }
   }
 }, wt = /* @__PURE__ */ v(yt, [["render", bt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), vt = ["innerHTML"];
-function kt(e, t, l, a, r, i) {
-  const o = $("w-image");
+function kt(e, t, l, o, n, i) {
+  const a = $("w-image");
   return s(), u("div", {
     class: f(["w-card", i.classes])
   }, [
@@ -1438,7 +1452,7 @@ function kt(e, t, l, a, r, i) {
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && i.titleHasToolbar, ...i.titleClasses }]),
       innerHTML: l.title
     }, null, 10, vt)) : c("", !0),
-    l.image ? (s(), m(o, C({
+    l.image ? (s(), m(a, C({
       key: 2,
       class: "w-card__image",
       src: l.image
@@ -1553,17 +1567,17 @@ const _t = {
       this.$refs.formEl.validate(this);
     }
   }
-}, St = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Bt = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
+}, Bt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], St = ["for"], $t = ["for", "innerHTML"], Vt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
   /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
 ], -1), It = [
   Vt
 ], Rt = ["for"], Tt = ["for", "innerHTML"];
-function Lt(e, t, l, a, r, i) {
-  return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function Lt(e, t, l, o, n, i) {
+  return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ 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] = (o) => e.valid = o),
-    onReset: t[6] || (t[6] = (o) => {
-      e.$emit("update:modelValue", r.isChecked = null), e.$emit("input", null);
+    "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
+    onReset: t[6] || (t[6] = (a) => {
+      e.$emit("update:modelValue", n.isChecked = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
@@ -1573,17 +1587,17 @@ function Lt(e, t, l, a, r, i) {
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: r.isChecked || null,
+        checked: n.isChecked || null,
         disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (o) => e.$emit("focus", o)),
-        onBlur: t[1] || (t[1] = (o) => e.$emit("blur", o)),
-        onChange: t[2] || (t[2] = (o) => i.onInput()),
-        onKeypress: t[3] || (t[3] = E((...o) => i.onInput && i.onInput(...o), ["enter"])),
-        "aria-checked": r.isChecked || "false",
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
+        onChange: t[2] || (t[2] = (a) => i.onInput()),
+        onKeypress: t[3] || (t[3] = E((...a) => i.onInput && i.onInput(...a), ["enter"])),
+        "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, St),
+      }, null, 40, Bt),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
         e.$slots.default ? (s(), u("label", {
           key: 0,
@@ -1591,9 +1605,9 @@ function Lt(e, t, l, a, r, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
-        ], 10, Bt)) : l.label ? (s(), u("label", {
+        ], 10, St)) : l.label ? (s(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
@@ -1602,7 +1616,7 @@ function Lt(e, t, l, a, r, i) {
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-checkbox__input", this.color]),
-        onClick: t[4] || (t[4] = (o) => {
+        onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, It, 2),
@@ -1613,7 +1627,7 @@ function Lt(e, t, l, a, r, i) {
           for: `w-checkbox--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, Rt)) : l.label ? (s(), u("label", {
           key: 1,
@@ -1686,25 +1700,25 @@ const xt = {
       this.isChecked = e;
     }
   }
-}, Pt = /* @__PURE__ */ v(xt, [["render", Lt]]), Ot = ["innerHTML"];
-function zt(e, t, l, a, r, i) {
-  const o = $("w-checkbox");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((n) => n._isChecked), disabled: e.isDisabled }, {
+}, Ot = /* @__PURE__ */ v(xt, [["render", Lt]]), Pt = ["innerHTML"];
+function zt(e, t, l, o, n, i) {
+  const a = $("w-checkbox");
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
+    "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: i.reset,
     column: !l.inline,
     wrap: l.inline,
     class: i.classes
   }), {
     default: g(() => [
-      (s(!0), u(k, null, L(i.checkboxItems, (n, d) => (s(), m(o, C({
+      (s(!0), u(k, null, L(i.checkboxItems, (r, d) => (s(), m(a, C({
         key: d,
-        "model-value": n._isChecked,
-        "onUpdate:modelValue": (h) => i.toggleCheck(n, h),
+        "model-value": r._isChecked,
+        "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: `${e.inputName}[]`
-      }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
+      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor, round: l.round }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
@@ -1712,14 +1726,14 @@ function zt(e, t, l, a, r, i) {
         default: g(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
-            item: i.getOriginalItem(n),
-            checked: !!n._isChecked,
+            item: i.getOriginalItem(r),
+            checked: !!r._isChecked,
             index: d + 1,
-            innerHTML: n.label
-          }) : n.label ? (s(), u("div", {
+            innerHTML: r.label
+          }) : r.label ? (s(), u("div", {
             key: 1,
-            innerHTML: n.label
-          }, null, 8, Ot)) : c("", !0)
+            innerHTML: r.label
+          }, null, 8, Pt)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1773,7 +1787,7 @@ const Mt = {
     },
     toggleCheck(e, t) {
       e._isChecked = t;
-      const l = this.checkboxItems.filter((a) => a._isChecked).map((a) => a.value);
+      const l = this.checkboxItems.filter((o) => o._isChecked).map((o) => o.value);
       this.$emit("update:modelValue", l), this.$emit("input", l);
     },
     getOriginalItem(e) {
@@ -1781,14 +1795,14 @@ const Mt = {
     }
   }
 }, Et = /* @__PURE__ */ v(Mt, [["render", zt]]);
-function Wt(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-flex"), d = $("w-menu"), h = me("focus");
+function Wt(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = me("focus");
   return s(), m(d, C({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, i.wMenuProps), {
     activator: g(({ on: y }) => [
-      I(o, C({ class: "w-confirm" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
+      I(a, C({ class: "w-confirm" }, { ...e.$attrs, ...i.buttonProps, ...l.disablePrompt ? {} : y }), {
         default: g(() => [
           p(e.$slots, "default")
         ]),
@@ -1796,20 +1810,20 @@ function Wt(e, t, l, a, r, i) {
       }, 1040)
     ]),
     default: g(() => [
-      I(n, {
+      I(r, {
         column: !l.inline,
         "align-center": ""
       }, {
         default: g(() => [
           w("div", null, [
             p(e.$slots, "question", {}, () => [
-              S(_(l.question), 1)
+              B(_(l.question), 1)
             ])
           ]),
           w("div", {
             class: f(["w-flex justify-end", l.inline ? "ml2" : "mt2"])
           }, [
-            l.cancel !== !1 ? (s(), m(o, C({
+            l.cancel !== !1 ? (s(), m(a, C({
               key: 0,
               class: "mr2"
             }, i.cancelButtonProps, {
@@ -1819,19 +1833,19 @@ function Wt(e, t, l, a, r, i) {
             }), {
               default: g(() => [
                 p(e.$slots, "cancel", {}, () => [
-                  S(_(i.cancelButton.label), 1)
+                  B(_(i.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : c("", !0),
-            N((s(), m(o, C(i.confirmButtonProps, {
+            N((s(), m(a, C(i.confirmButtonProps, {
               "bg-color": (i.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = E((y) => !l.persistent && i.onCancel(), ["escape"])),
               onClick: i.onConfirm
             }), {
               default: g(() => [
                 p(e.$slots, "confirm", {}, () => [
-                  S(_(i.confirmButton.label), 1)
+                  B(_(i.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -1940,7 +1954,7 @@ const At = {
     }
   }
 }, Nt = /* @__PURE__ */ v(At, [["render", Wt]]);
-function Kt(e, t, l, a, r, i) {
+function Kt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-date-picker", i.classes]),
     style: T(i.styles)
@@ -1967,11 +1981,11 @@ const Ht = {
     }
   }
 }, Dt = /* @__PURE__ */ v(Ht, [["render", Kt]]);
-function Ft(e, t, l, a, r, i) {
-  const o = $("w-card"), n = $("w-overlay");
-  return s(), m(n, {
+function Ft(e, t, l, o, n, i) {
+  const a = $("w-card"), r = $("w-overlay");
+  return s(), m(r, {
     class: f(["w-dialog", i.classes]),
-    "model-value": r.showWrapper,
+    "model-value": n.showWrapper,
     persistent: l.persistent,
     "persistent-no-animation": l.persistentNoAnimation,
     onClick: i.onOutsideClick,
@@ -1980,13 +1994,13 @@ function Ft(e, t, l, a, r, i) {
     opacity: l.overlayOpacity
   }, {
     default: g(() => [
-      I(P, {
+      I(O, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
       }, {
         default: g(() => [
-          N(I(o, {
+          N(I(a, {
             class: f(["w-dialog__content", l.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2017,7 +2031,7 @@ function Ft(e, t, l, a, r, i) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [oe, r.showContent]
+            [oe, n.showContent]
           ])
         ]),
         _: 3
@@ -2094,7 +2108,7 @@ const jt = {
     }
   }
 }, Ut = /* @__PURE__ */ v(jt, [["render", Ft]]), qt = ["role", "aria-orientation"];
-function Xt(e, t, l, a, r, i) {
+function Xt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-divider", i.classes]),
     role: e.$slots.default ? null : "presentation",
@@ -2124,9 +2138,9 @@ const Yt = {
     }
   }
 }, Gt = /* @__PURE__ */ v(Yt, [["render", Xt]]), Jt = { class: "w-drawer-wrap__pushable" };
-function Qt(e, t, l, a, r, i) {
-  const o = $("w-overlay");
-  return r.showWrapper || l.pushContent ? (s(), u("div", {
+function Qt(e, t, l, o, n, i) {
+  const a = $("w-overlay");
+  return n.showWrapper || l.pushContent ? (s(), u("div", {
     key: 0,
     class: f(["w-drawer-wrap", i.wrapperClasses])
   }, [
@@ -2136,10 +2150,10 @@ function Qt(e, t, l, a, r, i) {
       style: T(i.trackStyles)
     }, [
       w("div", Jt, [
-        l.noOverlay ? c("", !0) : (s(), m(o, {
+        l.noOverlay ? c("", !0) : (s(), m(a, {
           key: 0,
-          modelValue: r.showDrawer,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => r.showDrawer = n),
+          modelValue: n.showDrawer,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
           onClick: i.onOutsideClick,
           persistent: l.persistent,
           "persistent-no-animation": "",
@@ -2148,13 +2162,13 @@ function Qt(e, t, l, a, r, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      I(P, {
+      I(O, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
         default: g(() => [
-          r.showDrawer ? (s(), m(V(l.tag || "aside"), {
+          n.showDrawer ? (s(), m(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2169,24 +2183,24 @@ function Qt(e, t, l, a, r, i) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (s(), u(k, { key: 1 }, [
-      l.noOverlay ? c("", !0) : (s(), m(o, {
+      l.noOverlay ? c("", !0) : (s(), m(a, {
         key: 0,
-        modelValue: r.showDrawer,
-        "onUpdate:modelValue": t[1] || (t[1] = (n) => r.showDrawer = n),
+        modelValue: n.showDrawer,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
         onClick: i.onOutsideClick,
         persistent: l.persistent,
         "persistent-no-animation": "",
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(P, {
+      I(O, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
       }, {
         default: g(() => [
-          r.showDrawer ? (s(), m(V(l.tag || "aside"), {
+          n.showDrawer ? (s(), m(V(l.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", i.drawerClasses]),
             ref: "drawer",
@@ -2309,7 +2323,7 @@ const Zt = { left: "right", right: "left", top: "down", bottom: "up" }, el = {
     }
   }
 }, tl = /* @__PURE__ */ v(el, [["render", Qt]]);
-function ll(e, t, l, a, r, i) {
+function ll(e, t, l, o, n, i) {
   return s(), m(V(l.tag), {
     class: f(["w-flex", i.classes])
   }, {
@@ -2367,11 +2381,11 @@ const il = {
     }
   }
 }, sl = /* @__PURE__ */ v(il, [["render", ll]]);
-function al(e, t, l, a, r, i) {
+function al(e, t, l, o, n, i) {
   return s(), u("form", {
     class: f(["w-form", i.classes]),
-    onSubmit: t[0] || (t[0] = (...o) => i.onSubmit && i.onSubmit(...o)),
-    onReset: t[1] || (t[1] = (...o) => i.reset && i.reset(...o)),
+    onSubmit: t[0] || (t[0] = (...a) => i.onSubmit && i.onSubmit(...a)),
+    onReset: t[1] || (t[1] = (...a) => i.reset && i.reset(...a)),
     novalidate: ""
   }, [
     p(e.$slots, "default")
@@ -2440,8 +2454,8 @@ const ol = async (e, t) => {
       let t = 0;
       return await (async () => {
         var l;
-        for (const a of this.formElements)
-          !((l = a.validators) != null && l.length) || a.disabled || a.readonly || (await this.checkElementValidators(a), t += ~~!a.Validation.isValid, a.$emit("update:valid", a.Validation.isValid));
+        for (const o of this.formElements)
+          !((l = o.validators) != null && l.length) || o.disabled || o.readonly || (await this.checkElementValidators(o), t += ~~!o.Validation.isValid, o.$emit("update:valid", o.Validation.isValid));
       })(), this.updateErrorsCount(t), this.status = !t, this.$emit("validate", { e, errorsCount: t }), this.$emit(this.status ? "success" : "error", { e, errorsCount: t }), this.status;
     },
     async validateElement(e) {
@@ -2449,16 +2463,16 @@ const ol = async (e, t) => {
     },
     async checkElementValidators(e) {
       let t = !1, l = "";
-      await ol(e.validators, async (a) => {
-        const r = await (typeof a == "function" && a(e.inputValue));
-        return t = typeof r != "string", l = t ? "" : r, !t;
+      await ol(e.validators, async (o) => {
+        const n = await (typeof o == "function" && o(e.inputValue));
+        return t = typeof n != "string", l = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = l;
     },
     reset(e) {
       this.status = null, this.formElements.forEach((t) => t.reset()), this.updateErrorsCount(0, !0), this.$emit("reset", e);
     },
     updateErrorsCount(e = null, t = !1) {
-      this.errorsCount = e !== null ? e : this.formElements.reduce((l, a) => l + ~~(a.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
+      this.errorsCount = e !== null ? e : this.formElements.reduce((l, o) => l + ~~(o.Validation.isValid === !1), 0), this.status = t ? null : !this.errorsCount, this.$emit("update:modelValue", this.status), this.$emit("input", this.status), this.$emit("update:errorsCount", this.errorsCount);
     },
     onSubmit(e) {
       this.validate(e), this.$emit("submit", e), (!this.allowSubmit || !this.status) && e.preventDefault();
@@ -2473,8 +2487,8 @@ const ol = async (e, t) => {
     }
   }
 }, rl = /* @__PURE__ */ v(nl, [["render", al]]);
-function dl(e, t, l, a, r, i) {
-  const o = $("w-transition-expand");
+function dl(e, t, l, o, n, i) {
+  const a = $("w-transition-expand");
   return s(), u("div", {
     class: f(i.classes)
   }, [
@@ -2483,7 +2497,7 @@ function dl(e, t, l, a, r, i) {
     }, [
       p(e.$slots, "default")
     ], 2),
-    I(o, { y: "" }, {
+    I(a, { y: "" }, {
       default: g(() => [
         e.Validation.message ? (s(), u("div", {
           key: 0,
@@ -2492,7 +2506,7 @@ function dl(e, t, l, a, r, i) {
           p(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            S(_(e.Validation.message), 1)
+            B(_(e.Validation.message), 1)
           ])
         ], 2)) : c("", !0)
       ]),
@@ -2567,7 +2581,7 @@ const ul = {
     this.formUnregister && this.formUnregister(this);
   }
 }, hl = /* @__PURE__ */ v(ul, [["render", dl]]);
-function cl(e, t, l, a, r, i) {
+function cl(e, t, l, o, n, i) {
   return s(), m(V(l.tag), {
     class: f(["w-grid", i.classes])
   }, {
@@ -2613,16 +2627,16 @@ const pl = {
     },
     classes() {
       let e = null;
-      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [a, r]) => (l[`${a}-columns${r}`] = !0, l), {}));
+      typeof this.columns == "object" && (e = Object.entries(this.breakpointsColumns).reduce((l, [o, n]) => (l[`${o}-columns${n}`] = !0, l), {}));
       let t = null;
-      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [a, r]) => (l[`${a}-gap${r}`] = !0, l), {})), {
+      return typeof this.gap == "object" && (t = Object.entries(this.breakpointsGap).reduce((l, [o, n]) => (l[`${o}-gap${n}`] = !0, l), {})), {
         ...e || { [`columns${this.columns}`]: this.columns },
         ...t || { [`gap${this.gap}`]: this.gap }
       };
     }
   }
 }, fl = /* @__PURE__ */ v(pl, [["render", cl]]);
-function gl(e, t, l, a, r, i) {
+function gl(e, t, l, o, n, i) {
   return s(), m(V(l.tag || "i"), C({ class: "w-icon" }, W(e.$attrs), {
     class: i.classes,
     role: "icon",
@@ -2631,7 +2645,7 @@ function gl(e, t, l, a, r, i) {
   }), {
     default: g(() => [
       i.hasLigature ? (s(), u(k, { key: 0 }, [
-        S(_(e.icon), 1)
+        B(_(e.icon), 1)
       ], 64)) : c("", !0)
     ]),
     _: 1
@@ -2706,33 +2720,33 @@ const ml = {
       return this.fontName = t, this.icon = l, !0;
     }
   }
-}, bl = /* @__PURE__ */ v(ml, [["render", gl]]), G = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), yl = {
+}, bl = /* @__PURE__ */ v(ml, [["render", gl]]), yl = {
   key: 0,
   class: "w-image__loader"
 };
-function wl(e, t, l, a, r, i) {
-  const o = $("w-progress");
+function wl(e, t, l, o, n, i) {
+  const a = $("w-progress");
   return s(), m(V(i.wrapperTag), {
     class: f(["w-image-wrap", i.wrapperClasses]),
     style: T(i.wrapperStyles)
   }, {
     default: g(() => [
-      I(P, {
+      I(O, {
         name: l.transition,
         appear: ""
       }, {
         default: g(() => [
-          r.loaded ? (s(), m(V(l.tag), {
+          n.loaded ? (s(), m(V(l.tag), {
             key: 0,
             class: f(["w-image", i.imageClasses]),
             style: T(i.imageStyles),
-            src: l.tag === "img" ? r.imgSrc : null
+            src: l.tag === "img" ? n.imgSrc : null
           }, null, 8, ["class", "style", "src"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !l.noSpinner && r.loading ? (s(), u("div", yl, [
-        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), m(o, C({
+      !l.noSpinner && n.loading ? (s(), u("div", yl, [
+        e.$slots.loading ? p(e.$slots, "loading", { key: 0 }) : (s(), m(a, C({
           key: 1,
           circle: "",
           indeterminate: ""
@@ -2819,15 +2833,15 @@ const vl = {
       if (!this.loading)
         return this.loading = !0, this.loaded = !1, this.$emit("loading", e ? this.fallback : this.src), new Promise((t) => {
           const l = new Image();
-          l.onload = (a) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = a.target.width, this.imgHeight = a.target.height), this.imgComputedRatio = a.target.height / a.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(l)), l.onerror = (a) => {
-            this.$emit("error", a), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
+          l.onload = (o) => (!this.width && !this.height && !this.imgGivenRatio && (this.imgWidth = o.target.width, this.imgHeight = o.target.height), this.imgComputedRatio = o.target.height / o.target.width, this.loading = !1, this.loaded = !0, this.imgSrc = e ? this.fallback : this.src, this.$emit("loaded", this.imgSrc), t(l)), l.onerror = (o) => {
+            this.$emit("error", o), this.fallback && !e ? (this.loading = !1, this.loadImage(!0)) : (this.loading = !1, this.loaded = !1);
           }, l.src = e ? this.fallback : this.src;
         });
     }
   },
   mounted() {
     if (!this.src)
-      return G("The w-image component was used without src.");
+      return U("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());
@@ -2847,17 +2861,17 @@ const vl = {
       this.imgHeight = e;
     }
   }
-}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Sl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bl = ["id", "name", "multiple", "data-progress"], $l = {
+}, kl = /* @__PURE__ */ v(vl, [["render", wl]]), _l = ["name"], Cl = ["for"], Bl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Sl = ["id", "name", "multiple", "disabled", "data-progress"], $l = {
   class: "w-input__no-file",
   key: "no-file"
 }, Vl = ["for"], Il = ["for"], Rl = ["src"], Tl = ["for"];
-function Ll(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-progress");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+function Ll(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-progress");
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
-      e.$emit("update:modelValue", r.inputValue = ""), e.$emit("input", "");
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
@@ -2867,9 +2881,9 @@ function Ll(e, t, l, a, r, i) {
         key: 0,
         type: "hidden",
         name: e.name || null,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => r.inputValue = d)
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
       }, null, 8, _l)), [
-        [be, r.inputValue]
+        [be, n.inputValue]
       ]) : (s(), u(k, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(k, { key: 0 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -2878,14 +2892,14 @@ function Ll(e, t, l, a, r, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, Cl)) : c("", !0)
         ], 64)) : c("", !0),
         w("div", {
           class: f(["w-input__input-wrap", i.inputWrapClasses])
         }, [
-          l.innerIconLeft ? (s(), m(o, {
+          l.innerIconLeft ? (s(), m(a, {
             key: 0,
             class: "w-input__icon w-input__icon--inner-left",
             tag: "label",
@@ -2893,7 +2907,7 @@ function Ll(e, t, l, a, r, i) {
             onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
           }, {
             default: g(() => [
-              S(_(l.innerIconLeft), 1)
+              B(_(l.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
@@ -2901,7 +2915,7 @@ function Ll(e, t, l, a, r, i) {
             key: 1,
             class: "w-input__input",
             ref: "input",
-            "onUpdate:modelValue": t[2] || (t[2] = (d) => r.inputValue = d)
+            "onUpdate:modelValue": t[2] || (t[2] = (d) => n.inputValue = d)
           }, W(i.listeners, !0), {
             onInput: t[3] || (t[3] = (...d) => i.onInput && i.onInput(...d)),
             onFocus: t[4] || (t[4] = (...d) => i.onFocus && i.onFocus(...d)),
@@ -2920,8 +2934,8 @@ function Ll(e, t, l, a, r, i) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, i.attrs), null, 16, Sl)), [
-            [$e, r.inputValue]
+          }, i.attrs), null, 16, Bl)), [
+            [$e, n.inputValue]
           ]) : (s(), u(k, { key: 2 }, [
             w("input", C({
               ref: "input",
@@ -2933,8 +2947,9 @@ function Ll(e, t, l, a, r, i) {
               onChange: t[8] || (t[8] = (...d) => i.onFileChange && i.onFileChange(...d)),
               multiple: l.multiple || null
             }, i.attrs, {
+              disabled: e.isDisabled || null,
               "data-progress": i.overallFilesProgress
-            }), null, 16, Bl),
+            }), null, 16, Sl),
             I(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -2942,22 +2957,22 @@ function Ll(e, t, l, a, r, i) {
               for: `w-input--${e._.uid}`
             }, {
               default: g(() => [
-                !r.inputFiles.length && r.isFocused ? (s(), u("span", $l, [
+                !n.inputFiles.length && n.isFocused ? (s(), u("span", $l, [
                   p(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (s(), u(k, { key: 0 }, [
-                      S("No file")
+                      B("No file")
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
-                (s(!0), u(k, null, L(r.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
-                  S(_(h ? ", " : ""), 1),
+                  B(_(h ? ", " : ""), 1),
                   (s(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, _(d.base), 1)),
-                  S(_(d.extension ? `.${d.extension}` : ""), 1)
+                  B(_(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -2970,11 +2985,11 @@ function Ll(e, t, l, a, r, i) {
               for: `w-input--${e._.uid}`
             }, [
               p(e.$slots, "default", {}, () => [
-                S(_(l.label), 1)
+                B(_(l.label), 1)
               ])
             ], 10, Vl)) : c("", !0)
           ], 64)) : c("", !0),
-          l.innerIconRight ? (s(), m(o, {
+          l.innerIconRight ? (s(), m(a, {
             key: 4,
             class: "w-input__icon w-input__icon--inner-right",
             tag: "label",
@@ -2982,11 +2997,11 @@ function Ll(e, t, l, a, r, i) {
             onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
           }, {
             default: g(() => [
-              S(_(l.innerIconRight), 1)
+              B(_(l.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : c("", !0),
-          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), m(n, {
+          i.hasLoading || l.showProgress && (i.uploadInProgress || i.uploadComplete) ? (s(), m(r, {
             key: 5,
             class: "fill-width",
             size: "2",
@@ -2994,12 +3009,12 @@ function Ll(e, t, l, a, r, i) {
             "model-value": l.showProgress ? (i.uploadInProgress || i.uploadComplete) && i.overallFilesProgress : i.loadingValue
           }, null, 8, ["color", "model-value"])) : c("", !0)
         ], 2),
-        l.type === "file" && l.preview && r.inputFiles.length ? (s(), u("label", {
+        l.type === "file" && l.preview && n.inputFiles.length ? (s(), u("label", {
           key: 1,
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(k, null, L(r.inputFiles, (d, h) => (s(), u(k, null, [
+          (s(!0), u(k, null, L(n.inputFiles, (d, h) => (s(), u(k, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3021,7 +3036,7 @@ function Ll(e, t, l, a, r, i) {
             for: `w-input--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, Tl)) : c("", !0)
         ], 64)) : c("", !0)
@@ -3080,8 +3095,8 @@ const xl = {
       return this.type === "file" && !this.inputFiles.length && (t.value = null), t;
     },
     listeners() {
-      const { input: e, focus: t, blur: l, ...a } = this.$attrs;
-      return a;
+      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      return o;
     },
     hasValue() {
       switch (this.type) {
@@ -3110,7 +3125,7 @@ const xl = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     overallFilesProgress() {
-      const t = +this.inputFiles.reduce((l, a) => l + a.progress, 0) / this.inputFiles.length;
+      const t = +this.inputFiles.reduce((l, o) => l + o.progress, 0) / this.inputFiles.length;
       return this.$emit("update:overallProgress", this.inputFiles.length ? t : void 0), t;
     },
     uploadInProgress() {
@@ -3164,10 +3179,10 @@ const xl = {
     },
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((l) => {
-        const [, a = "", r = "", i = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), o = Q({
+        const [, o = "", n = "", i = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Q({
           name: l.name,
-          base: a || i,
-          extension: r,
+          base: o || i,
+          extension: n,
           type: l.type,
           size: l.size,
           lastModified: l.lastModified,
@@ -3175,14 +3190,14 @@ const xl = {
           progress: 0,
           file: l
         });
-        return this.readFile(l, o), o;
+        return this.readFile(l, a), a;
       });
       const t = this.multiple ? this.inputFiles : this.inputFiles[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
     readFile(e, t) {
-      const l = new FileReader(), a = typeof this.preview == "string", r = e.type && e.type.startsWith("image/");
-      this.preview && !a && r ? l.addEventListener("load", (i) => {
+      const l = new FileReader(), o = typeof this.preview == "string", n = e.type && e.type.startsWith("image/");
+      this.preview && !o && n ? l.addEventListener("load", (i) => {
         t.preview = i.target.result;
       }) : delete t.preview, l.addEventListener("progress", (i) => {
         i.loaded && i.total && (t.progress = i.loaded * 100 / i.total);
@@ -3199,9 +3214,9 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, Pl = /* @__PURE__ */ v(xl, [["render", Ll]]);
-function Ol(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-list", !0);
+}, Ol = /* @__PURE__ */ v(xl, [["render", Ll]]);
+function Pl(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
   }, [
@@ -3209,12 +3224,12 @@ function Ol(e, t, l, a, r, i) {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      l.icon ? (s(), m(o, {
+      l.icon ? (s(), m(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
         default: g(() => [
-          S(_(l.icon), 1)
+          B(_(l.icon), 1)
         ]),
         _: 1
       })) : c("", !0),
@@ -3239,7 +3254,7 @@ function Ol(e, t, l, a, r, i) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            S(_(d._label), 1)
+            B(_(d._label), 1)
           ])
         ]),
         _: 2
@@ -3247,7 +3262,7 @@ function Ol(e, t, l, a, r, i) {
         key: 2,
         class: "w-list__item-label"
       }, i.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (s(), m(n, C({ key: 3 }, e.$props, {
+      (d.children || []).length ? (s(), m(r, C({ key: 3 }, e.$props, {
         items: d.children,
         depth: l.depth + 1,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.$emit("update:modelValue", y)),
@@ -3257,23 +3272,23 @@ function Ol(e, t, l, a, r, i) {
       }), Z({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: g(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "item", {
               item: i.cleanLi(y),
-              index: B,
+              index: S,
               selected: b
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: g(({ item: y, index: B, selected: b }) => [
+          fn: g(({ item: y, index: S, selected: b }) => [
             p(e.$slots, "default", {
               item: i.cleanLi(y),
-              index: B,
+              index: S,
               selected: b
             }, () => [
-              S(_(y[l.itemLabelKey]), 1)
+              B(_(y[l.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3366,28 +3381,28 @@ const zl = {
       };
     },
     liLabelProps(e, t, l) {
-      const a = this.$slots[`item.${t + 1}`] || this.$slots.item, r = () => {
+      const o = this.$slots[`item.${t + 1}`] || this.$slots.item, n = () => {
         if (!e.disabled) {
           const d = this.cleanLi(e);
           this.$emit("item-click", d), this.$emit("item-select", d);
         }
       }, i = this.isSelectable && ((d) => {
         d.stopPropagation(), !e.disabled && this.selectItem(e);
-      }), o = this.isSelectable && ((d) => {
+      }), a = this.isSelectable && ((d) => {
         !e.disabled && d.keyCode === 13 ? (this.selectItem(e), this.$emit("keydown:enter"), this.$emit("item-select", this.cleanLi(e))) : d.keyCode === 27 ? this.$emit("keydown:escape") : this.arrowsNavigation && [38, 40].includes(d.keyCode) && (d.preventDefault(), d.keyCode === 38 && this.focusPrevNextItem(e._index, !1), d.keyCode === 40 && this.focusPrevNextItem(e._index, !0));
-      }), n = {
+      }), r = {
         class: this.liLabelClasses(e),
         tabindex: e.disabled || this.checklist ? null : "0",
         "aria-selected": l ? "true" : "false",
         id: this.listId ? `${this.listId}_item-${t + 1}` : null,
         role: "option"
       };
-      return this.checklist ? (n.modelValue = e._selected, n.color = e[this.itemColorKey] || this.color, n.round = this.roundCheckboxes, n.disabled = e.disabled, a || (n.label = e._label || null), n.onFocus = () => e._focused = !0, n.onBlur = () => e._focused = !1, n.onInput = (d) => this.selectItem(e, d), n.onClick = (d) => {
+      return this.checklist ? (r.modelValue = e._selected, r.color = e[this.itemColorKey] || this.color, r.round = this.roundCheckboxes, r.disabled = e.disabled, o || (r.label = e._label || null), r.onFocus = () => e._focused = !0, r.onBlur = () => e._focused = !1, r.onInput = (d) => this.selectItem(e, d), r.onClick = (d) => {
         const h = d.target.querySelector('input[type="checkbox"]');
-        h && (h.focus(), h.click()), r();
-      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (n.onKeydown = o, n.onMousedown = i, this.$router ? (n.to = e[this.itemRouteKey], n.onClick = (d) => {
-        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), r();
-      }) : (n.href = e[this.itemRouteKey], n.onClick = r)), a || (n.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (n.tabindex = 0), n.onClick = r, n.onKeydown = o, n.onMousedown = i), a || (n.innerHTML = e._label)), n;
+        h && (h.focus(), h.click()), n();
+      }) : this.nav ? (!e.disabled && e[this.itemRouteKey] && (r.onKeydown = a, r.onMousedown = i, this.$router ? (r.to = e[this.itemRouteKey], r.onClick = (d) => {
+        d.preventDefault(), this.$router.push(e[this.itemRouteKey]), n();
+      }) : (r.href = e[this.itemRouteKey], r.onClick = n)), o || (r.innerHTML = e._label)) : (this.isSelectable && (e.disabled || (r.tabindex = 0), r.onClick = n, r.onKeydown = a, r.onMousedown = i), o || (r.innerHTML = e._label)), r;
     },
     checkSelection(e) {
       return e = Array.isArray(e) ? e : e ? [e] : [], this.returnObject && (e = e.map(this.getItemValue)), e;
@@ -3396,7 +3411,7 @@ const zl = {
       const e = this.selectedItems.map((l) => {
         if (!this.returnObject)
           return l._value;
-        const { _value: a, _selected: r, ...i } = l;
+        const { _value: o, _selected: n, ...i } = l;
         return i;
       }), t = this.isMultipleSelect ? e : e[0] !== void 0 ? e[0] : null;
       this.$emit("update:modelValue", t), this.$emit("input", t);
@@ -3407,8 +3422,8 @@ const zl = {
       e === void 0 && (e = this.enabledItemsIndexes[l]), this.$el.querySelector(`#${this.listId}_item-${e + 1}`).focus();
     },
     cleanLi(e) {
-      const { _index: t, _value: l, _label: a, _selected: r, _focused: i, ...o } = e;
-      return o;
+      const { _index: t, _value: l, _label: o, _selected: n, _focused: i, ...a } = e;
+      return a;
     },
     refreshListItems() {
       const e = typeof this.items == "number" ? Array(this.items).fill({}) : this.items || [];
@@ -3423,7 +3438,7 @@ const zl = {
     },
     applySelectionOnItems(e) {
       this.isMultipleSelect || this.listItems.forEach((t) => t._selected = !1), this.checkSelection(e).forEach((t) => {
-        const l = this.listItems.find((a) => a._value === t);
+        const l = this.listItems.find((o) => o._value === t);
         l && (l._selected = !0);
       });
     }
@@ -3447,7 +3462,7 @@ const zl = {
       }
     }
   }
-}, Ml = /* @__PURE__ */ v(zl, [["render", Ol]]), we = {
+}, Ml = /* @__PURE__ */ v(zl, [["render", Pl]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3474,7 +3489,7 @@ const zl = {
       let e = ".w-app";
       typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
       let t = this.appendTo || e;
-      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, G(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (G(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
+      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, U(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (U(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
     },
     detachableParentEl() {
       return this.appendToTarget;
@@ -3512,39 +3527,39 @@ const zl = {
       }, 0), this.persistent || document.addEventListener("mousedown", this.onOutsideMousedown), this.noPosition || window.addEventListener("resize", this.onResize);
     },
     getActivatorCoordinates() {
-      const { top: e, left: t, width: l, height: a } = this.activatorEl.getBoundingClientRect();
-      let r = { top: e, left: t, width: l, height: a };
+      const { top: e, left: t, width: l, height: o } = this.activatorEl.getBoundingClientRect();
+      let n = { top: e, left: t, width: l, height: o };
       if (!this.fixed) {
-        const { top: i, left: o } = this.detachableParentEl.getBoundingClientRect(), n = window.getComputedStyle(this.detachableParentEl, null);
-        r = {
-          ...r,
-          top: e - i + this.detachableParentEl.scrollTop - parseInt(n.getPropertyValue("border-top-width")),
-          left: t - o + this.detachableParentEl.scrollLeft - parseInt(n.getPropertyValue("border-left-width"))
+        const { top: i, left: a } = this.detachableParentEl.getBoundingClientRect(), r = window.getComputedStyle(this.detachableParentEl, null);
+        n = {
+          ...n,
+          top: e - i + this.detachableParentEl.scrollTop - parseInt(r.getPropertyValue("border-top-width")),
+          left: t - a + this.detachableParentEl.scrollLeft - parseInt(r.getPropertyValue("border-left-width"))
         };
       }
-      return r;
+      return n;
     },
     computeDetachableCoords() {
-      let { top: e, left: t, width: l, height: a } = this.getActivatorCoordinates();
+      let { top: e, left: t, width: l, height: o } = this.getActivatorCoordinates();
       if (!this.detachableEl)
         return;
       this.detachableEl.style.visibility = "hidden", this.detachableEl.style.display = "flex";
-      const r = window.getComputedStyle(this.detachableEl, null);
+      const n = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
-          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(r.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e -= this.detachableEl.offsetHeight, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "bottom": {
-          e += a, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(r.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
+          e += o, this.alignRight ? t += l - this.detachableEl.offsetWidth + parseInt(n.getPropertyValue("border-right-width")) : this.alignLeft || (t += (l - this.detachableEl.offsetWidth) / 2);
           break;
         }
         case "left": {
-          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += a - this.detachableEl.offsetHeight : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2);
+          t -= this.detachableEl.offsetWidth, this.alignBottom ? e += o - this.detachableEl.offsetHeight : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2);
           break;
         }
         case "right": {
-          t += l, this.alignBottom ? e += a - this.detachableEl.offsetHeight + parseInt(r.getPropertyValue("margin-top")) : this.alignTop || (e += (a - this.detachableEl.offsetHeight) / 2 + parseInt(r.getPropertyValue("margin-top")));
+          t += l, this.alignBottom ? e += o - this.detachableEl.offsetHeight + parseInt(n.getPropertyValue("margin-top")) : this.alignTop || (e += (o - this.detachableEl.offsetHeight) / 2 + parseInt(n.getPropertyValue("margin-top")));
           break;
         }
       }
@@ -3571,19 +3586,19 @@ const zl = {
       const e = typeof this.activator == "string";
       Object.entries(this.activatorEventHandlers).forEach(([t, l]) => {
         t = t.replace("mouseenter", "mouseover").replace("mouseleave", "mouseout");
-        const a = (r) => {
+        const o = (n) => {
           var i;
-          (e && ((i = r.target) == null ? void 0 : i.matches) && r.target.matches(this.activator) || r.target === this.activatorEl || this.activatorEl.contains(r.target)) && l(r);
+          (e && ((i = n.target) == null ? void 0 : i.matches) && n.target.matches(this.activator) || n.target === this.activatorEl || this.activatorEl.contains(n.target)) && l(n);
         };
-        document.addEventListener(t, a), this.docEventListenersHandlers.push({ eventName: t, handler: a });
+        document.addEventListener(t, o), this.docEventListenersHandlers.push({ eventName: t, handler: o });
       });
     }
   },
   mounted() {
     var e;
     this.activator ? this.bindActivatorEvents() : this.$nextTick(() => {
-      this.activator && this.bindActivatorEvents(), this.modelValue && this.toggle({ type: "click", target: this.activatorEl });
-    }), this.overlay && (this.overlayEl = (e = this.$refs.overlay) == null ? void 0 : e.$el), this.modelValue && this.activator && this.toggle({ type: "click", target: this.activatorEl });
+      this.activator && this.bindActivatorEvents(), this.modelValue && this.open({ target: this.activatorEl });
+    }), this.overlay && (this.overlayEl = (e = this.$refs.overlay) == null ? void 0 : e.$el), this.modelValue && this.activator ? this.toggle({ type: this.showOnClick ? "click" : "mouseenter", target: this.activatorEl }) : this.modelValue && this.open({ target: this.activatorEl });
   },
   unmounted() {
     this.close(), this.removeFromDOM(), this.docEventListenersHandlers.length && this.docEventListenersHandlers.forEach(({ eventName: e, handler: t }) => {
@@ -3592,18 +3607,18 @@ const zl = {
   },
   watch: {
     modelValue(e) {
-      !!e !== this.detachableVisible && this.toggle({ type: "click", target: this.activatorEl });
+      !!e !== this.detachableVisible && this.toggle({ type: this.showOnClick ? "click" : "mouseenter", target: this.activatorEl });
     },
     appendTo() {
       this.removeFromDOM(), this.insertInDOM();
     }
   }
 };
-function El(e, t, l, a, r, i) {
-  const o = $("w-card"), n = $("w-overlay");
+function El(e, t, l, o, n, i) {
+  const a = $("w-card"), r = $("w-overlay");
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(P, {
+    I(O, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -3620,7 +3635,7 @@ function El(e, t, l, a, r, i) {
           style: i.styles
         }), [
           p(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (s(), m(o, C({
+        ], 16)) : e.detachableVisible ? (s(), m(a, C({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -3659,7 +3674,7 @@ function El(e, t, l, a, r, i) {
       ]),
       _: 3
     }, 8, ["name"]),
-    l.overlay ? (s(), m(n, C({
+    l.overlay ? (s(), m(r, C({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -3766,7 +3781,7 @@ const Wl = {
         top: this.detachableCoords.top && `${~~this.detachableCoords.top}px` || null,
         left: this.detachableCoords.left && `${~~this.detachableCoords.left}px` || null,
         minWidth: this.minWidth && this.menuMinWidth || null,
-        "--w-menu-bg-color": this.arrow && this.$waveui.colors[this.bgColor || "white"]
+        "--w-menu-bg-color": this.arrow && (this.$waveui.colors[this.bgColor] || "rgb(var(--w-base-bg-color-rgb))")
       };
     },
     activatorEventHandlers() {
@@ -3795,21 +3810,21 @@ const Wl = {
     }
   }
 }, Al = /* @__PURE__ */ v(Wl, [["render", El]]);
-function Nl(e, t, l, a, r, i) {
-  const o = $("w-alert");
-  return s(), m(P, {
+function Nl(e, t, l, o, n, i) {
+  const a = $("w-alert");
+  return s(), m(O, {
     name: i.transitionName,
     appear: ""
   }, {
     default: g(() => [
-      r.show ? (s(), u("div", {
+      n.show ? (s(), u("div", {
         key: 0,
         class: f(["w-notification", i.classes]),
         style: T(i.styles)
       }, [
-        I(o, C(i.alertProps, {
+        I(a, C(i.alertProps, {
           class: i.alertClasses,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => {
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
           })
         }), {
@@ -3944,9 +3959,9 @@ const Kl = {
     }
   }
 }, Hl = /* @__PURE__ */ v(Kl, [["render", Nl]]);
-function Dl(e, t, l, a, r, i) {
-  const o = me("focus");
-  return s(), m(P, {
+function Dl(e, t, l, o, n, i) {
+  const a = me("focus");
+  return s(), m(O, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
@@ -3957,14 +3972,14 @@ function Dl(e, t, l, a, r, i) {
         class: f(["w-overlay", i.classes]),
         ref: "overlay",
         style: T(l.modelValue && i.styles || null),
-        onKeydown: t[0] || (t[0] = E(M((...n) => i.onClick && i.onClick(...n), ["stop"]), ["escape"])),
-        onClick: t[1] || (t[1] = (...n) => i.onClick && i.onClick(...n)),
+        onKeydown: t[0] || (t[0] = E(M((...r) => i.onClick && i.onClick(...r), ["stop"]), ["escape"])),
+        onClick: t[1] || (t[1] = (...r) => i.onClick && i.onClick(...r)),
         tabindex: "0"
       }, [
         p(e.$slots, "default")
       ], 38)), [
         [oe, e.showOverlay],
-        [o]
+        [a]
       ]) : c("", !0)
     ]),
     _: 3
@@ -4025,7 +4040,7 @@ const Fl = {
     }
   }
 }, jl = /* @__PURE__ */ v(Fl, [["render", Dl]]), Ul = { class: "w-parallax" };
-function ql(e, t, l, a, r, i) {
+function ql(e, t, l, o, n, i) {
   return s(), u("div", Ul);
 }
 const Xl = {
@@ -4034,7 +4049,7 @@ const Xl = {
   emits: [],
   data: () => ({})
 }, Yl = /* @__PURE__ */ v(Xl, [["render", ql]]), Gl = ["viewBox"], Jl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], Ql = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function Zl(e, t, l, a, r, i) {
+function Zl(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-progress", i.classes]),
     style: T(i.styles)
@@ -4074,7 +4089,7 @@ function Zl(e, t, l, a, r, i) {
       class: f(["w-progress__label", l.labelColor || !1])
     }, [
       p(e.$slots, "default", {}, () => [
-        S(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
+        B(_(Math.round(i.progressValue)) + _(l.circle ? "" : "%"), 1)
       ])
     ], 2)) : c("", !0)
   ], 6);
@@ -4146,11 +4161,11 @@ const J = 40, ei = J / 2, ti = Math.round(J * 3.14 * 100) / 100, li = {
     }
   }
 }, ii = /* @__PURE__ */ v(li, [["render", Zl]]), si = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ai = ["for"], oi = ["for", "innerHTML"], ni = ["for"], ri = ["for", "innerHTML"];
-function di(e, t, l, a, r, i) {
+function di(e, t, l, o, n, i) {
   return s(), m(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ 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] = (o) => e.valid = o),
-    onReset: t[4] || (t[4] = (o) => {
+    "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
+    onReset: t[4] || (t[4] = (a) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
     class: i.classes
@@ -4165,8 +4180,8 @@ function di(e, t, l, a, r, i) {
         disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onFocus: t[0] || (t[0] = (o) => e.$emit("focus", o)),
-        onChange: t[1] || (t[1] = (o) => i.onInput(o)),
+        onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
+        onChange: t[1] || (t[1] = (a) => i.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
       }, null, 40, si),
@@ -4177,7 +4192,7 @@ function di(e, t, l, a, r, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, ai)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4188,7 +4203,7 @@ function di(e, t, l, a, r, i) {
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-radio__input", this.color]),
-        onClick: t[2] || (t[2] = (o) => {
+        onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, null, 2),
@@ -4199,7 +4214,7 @@ function di(e, t, l, a, r, i) {
           for: `w-radio--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, ni)) : l.label ? (s(), u("label", {
           key: 1,
@@ -4273,12 +4288,12 @@ const ui = {
     }
   }
 }, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["innerHTML"];
-function pi(e, t, l, a, r, i) {
-  const o = $("w-radio");
+function pi(e, t, l, o, n, i) {
+  const a = $("w-radio");
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
-    "onUpdate:valid": t[1] || (t[1] = (n) => e.valid = n),
-    onReset: t[2] || (t[2] = (n) => {
+    "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
+    onReset: t[2] || (t[2] = (r) => {
       e.$emit("update:modelValue", e.inputValue = null), e.$emit("input", null);
     }),
     column: !l.inline,
@@ -4286,13 +4301,13 @@ function pi(e, t, l, a, r, i) {
     class: i.classes
   }), {
     default: g(() => [
-      (s(!0), u(k, null, L(i.radioItems, (n, d) => (s(), m(o, C({
+      (s(!0), u(k, null, L(i.radioItems, (r, d) => (s(), m(a, C({
         key: d,
-        "model-value": n.value === l.modelValue,
-        "onUpdate:modelValue": (h) => i.onInput(n),
+        "model-value": r.value === l.modelValue,
+        "onUpdate:modelValue": (h) => i.onInput(r),
         onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h)),
         name: e.inputName
-      }, { label: n.label, color: n.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
+      }, { label: r.label, color: r.color, labelOnLeft: l.labelOnLeft, labelColor: l.labelColor }, {
         disabled: e.isDisabled || null,
         readonly: e.isReadonly || null,
         class: { mt1: !l.inline && d }
@@ -4300,13 +4315,13 @@ function pi(e, t, l, a, r, i) {
         default: g(() => [
           e.$slots[`item.${d + 1}`] || e.$slots.item ? p(e.$slots, e.$slots[`item.${d + 1}`] ? `item.${d + 1}` : "item", {
             key: 0,
-            item: i.getOriginalItem(n),
+            item: i.getOriginalItem(r),
             index: d + 1,
-            checked: n.value === l.modelValue,
-            innerHTML: n.label
-          }) : n.label ? (s(), u("div", {
+            checked: r.value === l.modelValue,
+            innerHTML: r.label
+          }) : r.label ? (s(), u("div", {
             key: 1,
-            innerHTML: n.label
+            innerHTML: r.label
           }, null, 8, ci)) : c("", !0)
         ]),
         _: 2
@@ -4362,12 +4377,12 @@ const fi = {
     }
   }
 }, gi = /* @__PURE__ */ v(fi, [["render", pi]]), mi = ["id", "name", "value"], bi = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function yi(e, t, l, a, r, i) {
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function yi(e, t, l, o, n, i) {
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ 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] = (o) => e.valid = o),
-    onReset: t[5] || (t[5] = (o) => {
-      e.$emit("update:modelValue", r.rating = null), e.$emit("input", null);
+    "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
+    onReset: t[5] || (t[5] = (a) => {
+      e.$emit("update:modelValue", n.rating = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
@@ -4376,26 +4391,26 @@ function yi(e, t, l, a, r, i) {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
-        value: r.rating
+        value: n.rating
       }, null, 8, mi),
-      (s(!0), u(k, null, L(l.max, (o) => (s(), u(k, { key: o }, [
+      (s(!0), u(k, null, L(l.max, (a) => (s(), u(k, { key: a }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
-          index: o + 1
+          index: a + 1
         }) : c("", !0),
         w("button", {
-          class: f(["w-rating__button", i.buttonClasses(o)]),
+          class: f(["w-rating__button", i.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
-          onMouseenter: (n) => r.hover = o,
-          onMouseleave: t[0] || (t[0] = (n) => r.hover = 0),
-          onClick: (n) => i.onButtonClick(o),
-          onFocus: t[1] || (t[1] = (...n) => i.onFocus && i.onFocus(...n)),
-          onBlur: t[2] || (t[2] = (...n) => i.onBlur && i.onBlur(...n)),
-          onKeydown: t[3] || (t[3] = (...n) => i.onKeydown && i.onKeydown(...n)),
+          onMouseenter: (r) => n.hover = a,
+          onMouseleave: t[0] || (t[0] = (r) => n.hover = 0),
+          onClick: (r) => i.onButtonClick(a),
+          onFocus: t[1] || (t[1] = (...r) => i.onFocus && i.onFocus(...r)),
+          onBlur: t[2] || (t[2] = (...r) => i.onBlur && i.onBlur(...r)),
+          onKeydown: t[3] || (t[3] = (...r) => i.onKeydown && i.onKeydown(...r)),
           type: "button",
-          tabindex: o === 1 ? 0 : -1
+          tabindex: a === 1 ? 0 : -1
         }, [
-          o - 1 === ~~r.rating && r.rating - ~~r.rating ? (s(), u("i", {
+          a - 1 === ~~n.rating && n.rating - ~~n.rating ? (s(), u("i", {
             key: 0,
             class: f(["w-icon", `${l.icon} ${l.color}`]),
             role: "icon",
@@ -4499,21 +4514,21 @@ const wi = {
     }
   }
 }, vi = /* @__PURE__ */ v(wi, [["render", yi]]);
-function ki(e, t, l, a, r, i) {
+function ki(e, t, l, o, n, i) {
   return s(), u(k, null, [
     w("div", C({
       class: ["w-scrollable", i.scrollableClasses],
       ref: "scrollable",
-      onMouseenter: t[0] || (t[0] = (...o) => i.onMouseEnter && i.onMouseEnter(...o)),
-      onMouseleave: t[1] || (t[1] = (...o) => i.onMouseLeave && i.onMouseLeave(...o)),
-      onMousewheel: t[2] || (t[2] = (...o) => i.onMouseWheel && i.onMouseWheel(...o))
+      onMouseenter: t[0] || (t[0] = (...a) => i.onMouseEnter && i.onMouseEnter(...a)),
+      onMouseleave: t[1] || (t[1] = (...a) => i.onMouseLeave && i.onMouseLeave(...a)),
+      onMousewheel: t[2] || (t[2] = (...a) => i.onMouseWheel && i.onMouseWheel(...a))
     }, e.$attrs, { style: i.scrollableStyles }), [
       p(e.$slots, "default")
     ], 16),
     w("div", {
       class: f(["w-scrollbar", i.scrollbarClasses]),
       ref: "track",
-      onMousedown: t[3] || (t[3] = (...o) => i.onTrackMouseDown && i.onTrackMouseDown(...o))
+      onMousedown: t[3] || (t[3] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a))
     }, [
       w("div", {
         class: "w-scrollbar__thumb",
@@ -4566,8 +4581,8 @@ const _i = {
   }),
   computed: {
     isHorizontal() {
-      var e, t, l, a;
-      return this.mounted ? (console.log("\u{1F482}\u200D\u2642\uFE0F", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((l = this.$refs.scrollable) == null ? void 0 : l.scrollWidth) > ((a = this.$refs.scrollable) == null ? void 0 : a.offsetWidth)) : !1;
+      var e, t, l, o;
+      return this.mounted ? (console.log("\u{1F482}\u200D\u2642\uFE0F", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((l = this.$refs.scrollable) == null ? void 0 : l.scrollWidth) > ((o = this.$refs.scrollable) == null ? void 0 : o.offsetWidth)) : !1;
     },
     m() {
       return _i[this.isHorizontal ? "h" : "v"];
@@ -4603,8 +4618,8 @@ const _i = {
     onTrackMouseDown(e) {
       if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown")
         return;
-      const { top: t, left: l, width: a, height: r } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = a, this.$refs.track.left = l) : (this.$refs.track.height = r, 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 });
+      const { top: t, left: l, width: o, height: n } = this.$refs.track.getBoundingClientRect();
+      this.isHorizontal ? (this.$refs.track.width = o, this.$refs.track.left = l) : (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 });
     },
     onDrag(e) {
       this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
@@ -4622,8 +4637,8 @@ const _i = {
       !this.scrollable.hovered || this.scrollValuePercent <= 0 && e[this.m.deltaXorY] < 0 || this.scrollValuePercent >= 100 - this.thumbSizePercent && e[this.m.deltaXorY] > 0 || (e.preventDefault(), this.scrollValuePercent += e[this.m.deltaXorY] * 0.05, this.scrollValuePercent = Math.max(0, Math.min(this.scrollValuePercent, 100)), this.scroll());
     },
     computeScroll(e) {
-      const { top: t, left: l, width: a, height: r } = this.$refs.scrollable.getBoundingClientRect(), i = this.isHorizontal ? l : t, o = this.isHorizontal ? a : r;
-      this.scrollValuePercent = Math.max(0, Math.min((e - i) / o * 100, 100));
+      const { top: t, left: l, width: o, height: n } = this.$refs.scrollable.getBoundingClientRect(), i = this.isHorizontal ? l : t, a = this.isHorizontal ? o : n;
+      this.scrollValuePercent = Math.max(0, Math.min((e - i) / a * 100, 100));
     },
     scroll() {
       var e;
@@ -4638,12 +4653,12 @@ const _i = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style[this.m.maxWidthOrHeight] = `${this[this.m.widthOrHeight]}px`;
   }
-}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]), Bi = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
+}, Bi = /* @__PURE__ */ v(Ci, [["render", ki]]), Si = ["for"], $i = ["aria-expanded", "aria-owns", "aria-activedescendant"], Vi = {
   key: 1,
   class: "w-select__selection-slot"
 }, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Ti = ["for"], Li = ["for"];
-function xi(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-list"), d = $("w-menu");
+function xi(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[11] || (t[11] = (h) => e.valid = h),
@@ -4659,9 +4674,9 @@ function xi(e, t, l, a, r, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
-        ], 10, Bi)) : c("", !0)
+        ], 10, Si)) : c("", !0)
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
@@ -4684,14 +4699,14 @@ function xi(e, t, l, a, r, i) {
             "aria-owns": `w-select-menu--${e._.uid}`,
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
-            l.innerIconLeft ? (s(), m(o, {
+            l.innerIconLeft ? (s(), m(a, {
               key: 0,
               class: "w-select__icon w-select__icon--inner-left",
               tag: "label",
               onClick: t[0] || (t[0] = (y) => e.$emit("click:inner-icon-left", y))
             }, {
               default: g(() => [
-                S(_(l.innerIconLeft), 1)
+                B(_(l.innerIconLeft), 1)
               ]),
               _: 1
             })) : c("", !0),
@@ -4714,8 +4729,8 @@ function xi(e, t, l, a, r, i) {
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
             }, null, 42, Ii),
-            (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, B) => (s(), u("input", {
-              key: B,
+            (s(!0), u(k, null, L(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
+              key: S,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
               name: e.inputName + (l.multiple ? "[]" : "")
@@ -4727,25 +4742,25 @@ function xi(e, t, l, a, r, i) {
                 for: `w-select--${e._.uid}`
               }, [
                 p(e.$slots, "default", {}, () => [
-                  S(_(l.label), 1)
+                  B(_(l.label), 1)
                 ])
               ], 10, Ti)) : c("", !0)
             ], 64)) : c("", !0),
-            l.innerIconRight ? (s(), m(o, {
+            l.innerIconRight ? (s(), m(a, {
               key: 3,
               class: "w-select__icon w-select__icon--inner-right",
               tag: "label",
               onClick: t[4] || (t[4] = (y) => e.$emit("click:inner-icon-right", y))
             }, {
               default: g(() => [
-                S(_(l.innerIconRight), 1)
+                B(_(l.innerIconRight), 1)
               ]),
               _: 1
             })) : c("", !0)
           ], 10, $i)
         ]),
         default: g(() => [
-          I(n, {
+          I(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": i.onInput,
@@ -4766,21 +4781,21 @@ function xi(e, t, l, a, r, i) {
           }, Z({ _: 2 }, [
             L(l.items.length, (h) => ({
               name: `item.${h}`,
-              fn: g(({ item: y, selected: B, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? p(e.$slots, `item.${h}`, {
+              fn: g(({ item: y, selected: S, index: b }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, b) ? p(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: B,
+                  selected: S,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  B(_(y[l.itemLabelKey]), 1)
                 ]) : p(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: B,
+                  selected: S,
                   index: b
                 }, () => [
-                  S(_(y[l.itemLabelKey]), 1)
+                  B(_(y[l.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -4795,7 +4810,7 @@ function xi(e, t, l, a, r, i) {
           for: `w-select--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, Li)) : c("", !0)
       ], 64)) : c("", !0)
@@ -4803,7 +4818,7 @@ function xi(e, t, l, a, r, i) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Pi = {
+const Oi = {
   name: "w-select",
   mixins: [z],
   props: {
@@ -4921,8 +4936,8 @@ const Pi = {
           if (t === void 0)
             t = e.keyCode === 38 ? l.length - 1 : 0;
           else {
-            const a = e.keyCode === 38 ? -1 : 1;
-            t = (t + l.length + a) % l.length;
+            const o = e.keyCode === 38 ? -1 : 1;
+            t = (t + l.length + o) % l.length;
           }
           this.onInput(l[t]);
         }
@@ -4947,8 +4962,8 @@ const Pi = {
       e = Array.isArray(e) ? e : e !== void 0 ? [e] : [];
       const t = this.selectItems.map((l) => l.value);
       return e.map((l) => {
-        let a = l;
-        return l && typeof l == "object" && (a = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(a)];
+        let o = l;
+        return l && typeof l == "object" && (o = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(o)];
       }).filter((l) => l !== void 0);
     },
     openMenu() {
@@ -4974,15 +4989,15 @@ const Pi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Oi = /* @__PURE__ */ v(Pi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
+}, Pi = /* @__PURE__ */ v(Oi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
   key: 0,
   class: "w-slider__step-labels"
 }, Di = ["onClick"], Fi = ["for"], ji = ["for", "innerHTML"];
-function Ui(e, t, l, a, r, i) {
+function Ui(e, t, l, o, n, i) {
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ 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] = (o) => e.valid = o),
-    onReset: t[9] || (t[9] = (o) => {
+    "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
+    onReset: t[9] || (t[9] = (a) => {
       e.rangeValuePercent = 0, i.updateRangeValueScaled();
     }),
     wrap: e.formRegister || null,
@@ -5005,8 +5020,8 @@ function Ui(e, t, l, a, r, i) {
         w("div", {
           class: f(["w-slider__track", i.trackClasses]),
           ref: "track",
-          onMousedown: t[4] || (t[4] = (...o) => i.onTrackMouseDown && i.onTrackMouseDown(...o)),
-          onTouchstart: t[5] || (t[5] = (...o) => i.onTrackMouseDown && i.onTrackMouseDown(...o)),
+          onMousedown: t[4] || (t[4] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
+          onTouchstart: t[5] || (t[5] = (...a) => i.onTrackMouseDown && i.onTrackMouseDown(...a)),
           role: "slider",
           "aria-label": "Slider",
           "aria-valuemin": i.minVal,
@@ -5034,10 +5049,10 @@ function Ui(e, t, l, a, r, i) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = E((o) => i.onKeyDown(o, -1), ["left"])),
-                t[1] || (t[1] = E((o) => i.onKeyDown(o, 1), ["right"]))
+                t[0] || (t[0] = E((a) => i.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = E((a) => i.onKeyDown(a, 1), ["right"]))
               ],
-              onFocus: t[2] || (t[2] = (o) => e.$emit("focus", o)),
+              onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = M(() => {
               }, ["prevent"]))
             }, null, 42, Ai),
@@ -5048,13 +5063,13 @@ function Ui(e, t, l, a, r, i) {
             }, [
               l.thumbLabel === "droplet" ? (s(), u("div", Ki, [
                 p(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  S(_(~~e.rangeValueScaled), 1)
+                  B(_(~~e.rangeValueScaled), 1)
                 ])
               ])) : p(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                S(_(~~e.rangeValueScaled), 1)
+                B(_(~~e.rangeValueScaled), 1)
               ])
             ], 10, Ni)) : c("", !0)
           ], 4)
@@ -5062,18 +5077,18 @@ function Ui(e, t, l, a, r, i) {
         l.stepLabels && l.step ? (s(), u("div", Hi, [
           w("div", {
             class: "w-slider__step-label",
-            onClick: t[6] || (t[6] = (o) => i.onStepLabelClick(0))
+            onClick: t[6] || (t[6] = (a) => i.onStepLabelClick(0))
           }, _(this.minVal), 1),
-          (s(!0), u(k, null, L(~~i.numberOfSteps, (o) => (s(), u("div", {
+          (s(!0), u(k, null, L(~~i.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
-            key: o,
-            onClick: (n) => i.onStepLabelClick(o * (100 / i.numberOfSteps)),
-            style: T(`left: ${o * (100 / i.numberOfSteps)}%`)
-          }, _(i.percentToScaled(o * (100 / i.numberOfSteps))), 13, Di))), 128)),
+            key: a,
+            onClick: (r) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
+            style: T(`left: ${a * (100 / i.numberOfSteps)}%`)
+          }, _(i.percentToScaled(a * (100 / i.numberOfSteps))), 13, Di))), 128)),
           ~~i.numberOfSteps !== i.numberOfSteps ? (s(), u("div", {
             key: 0,
             class: "w-slider__step-label",
-            onClick: t[7] || (t[7] = (o) => i.onStepLabelClick(100)),
+            onClick: t[7] || (t[7] = (a) => i.onStepLabelClick(100)),
             style: { left: "100%" }
           }, _(this.maxVal), 1)) : c("", !0)
         ])) : c("", !0)
@@ -5229,7 +5244,7 @@ const qi = {
     }
   }
 }, Xi = /* @__PURE__ */ v(qi, [["render", Ui]]), Yi = { key: 0 };
-function Gi(e, t, l, a, r, i) {
+function Gi(e, t, l, o, n, i) {
   return l.modelValue || l.modelValue === void 0 ? (s(), u("div", {
     key: 0,
     class: f(["w-spinner", i.classes]),
@@ -5277,7 +5292,7 @@ const Ji = {
     }
   }
 }, Qi = /* @__PURE__ */ v(Ji, [["render", Gi]]);
-function Zi(e, t, l, a, r, i) {
+function Zi(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-steps", i.classes])
   }, null, 2);
@@ -5305,13 +5320,13 @@ const es = {
   key: 1,
   class: "w-switch__thumb"
 }, os = ["for"];
-function ns(e, t, l, a, r, i) {
-  const o = $("w-progress");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+function ns(e, t, l, o, n, i) {
+  const a = $("w-progress");
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
-    "onUpdate:valid": t[3] || (t[3] = (n) => e.valid = n),
-    onReset: t[4] || (t[4] = (n) => {
-      e.$emit("update:modelValue", r.isOn = null), e.$emit("input", null);
+    "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
+    onReset: t[4] || (t[4] = (r) => {
+      e.$emit("update:modelValue", n.isOn = null), e.$emit("input", null);
     }),
     class: i.classes
   }), {
@@ -5321,15 +5336,15 @@ function ns(e, t, l, a, r, i) {
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
         name: e.inputName,
-        checked: r.isOn,
+        checked: n.isOn,
         disabled: e.isDisabled || e.isReadonly || null,
         readonly: e.isReadonly || null,
         "aria-readonly": e.isReadonly ? "true" : "false",
         required: e.required || null,
         tabindex: e.tabindex || null,
-        onChange: t[0] || (t[0] = (n) => i.onInput()),
-        onFocus: t[1] || (t[1] = (n) => e.$emit("focus", n)),
-        "aria-checked": r.isOn || "false",
+        onChange: t[0] || (t[0] = (r) => i.onInput()),
+        onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
+        "aria-checked": n.isOn || "false",
         role: "switch"
       }, null, 40, ls),
       i.hasLabel && l.labelOnLeft ? (s(), u(k, { key: 0 }, [
@@ -5339,13 +5354,13 @@ function ns(e, t, l, a, r, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, is)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", C({
         class: "w-switch__input",
-        onClick: t[2] || (t[2] = (n) => {
+        onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, W(e.$attrs, !0), { class: i.inputClasses }), [
@@ -5353,7 +5368,7 @@ function ns(e, t, l, a, r, i) {
           p(e.$slots, "track")
         ])) : c("", !0),
         e.$slots.thumb || l.loading ? (s(), u("div", as, [
-          l.loading ? (s(), m(o, C({
+          l.loading ? (s(), m(a, C({
             key: 0,
             circle: "",
             color: "inherit"
@@ -5367,7 +5382,7 @@ function ns(e, t, l, a, r, i) {
           for: `w-switch--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, os)) : c("", !0)
       ], 64)) : c("", !0)
@@ -5441,7 +5456,7 @@ const rs = {
     }
   }
 }, ds = /* @__PURE__ */ v(rs, [["render", ns]]), us = { class: "w-tabs__content" };
-function hs(e, t, l, a, r, i) {
+function hs(e, t, l, o, n, i) {
   return s(), u("div", us, [
     p(e.$slots, "default", { item: l.item })
   ]);
@@ -5456,8 +5471,8 @@ const cs = {
   key: 0,
   class: "w-tabs__content-wrap"
 }, ys = ["innerHTML"], ws = ["innerHTML"];
-function vs(e, t, l, a, r, i) {
-  const o = $("tab-content");
+function vs(e, t, l, o, n, i) {
+  const a = $("tab-content");
   return s(), u("div", {
     class: f(["w-tabs", i.tabsClasses])
   }, [
@@ -5465,29 +5480,29 @@ function vs(e, t, l, a, r, i) {
       class: f(["w-tabs__bar", i.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(k, null, L(e.tabs, (n, d) => (s(), u("div", {
-        class: f(["w-tabs__bar-item", i.barItemClasses(n)]),
+      (s(!0), u(k, null, L(e.tabs, (r, d) => (s(), u("div", {
+        class: f(["w-tabs__bar-item", i.barItemClasses(r)]),
         key: d,
-        onClick: (h) => !n._disabled && n._uid !== e.activeTabUid && i.openTab(n._uid),
-        onFocus: (h) => e.$emit("focus", i.getOriginalItem(n)),
-        tabindex: !n._disabled && 0,
-        onKeypress: E((h) => !n._disabled && i.openTab(n._uid), ["enter"]),
-        "aria-selected": n._uid === e.activeTabUid ? "true" : "false",
+        onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && i.openTab(r._uid),
+        onFocus: (h) => e.$emit("focus", i.getOriginalItem(r)),
+        tabindex: !r._disabled && 0,
+        onKeypress: E((h) => !r._disabled && i.openTab(r._uid), ["enter"]),
+        "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
-        e.$slots[`item-title.${n.id || d + 1}`] ? p(e.$slots, `item-title.${n.id || d + 1}`, {
+        e.$slots[`item-title.${r.id || d + 1}`] ? p(e.$slots, `item-title.${r.id || d + 1}`, {
           key: 0,
-          item: i.getOriginalItem(n),
+          item: i.getOriginalItem(r),
           index: d + 1,
-          active: n._uid === e.activeTabUid
+          active: r._uid === e.activeTabUid
         }) : p(e.$slots, "item-title", {
           key: 1,
-          item: i.getOriginalItem(n),
+          item: i.getOriginalItem(r),
           index: d + 1,
-          active: n._uid === e.activeTabUid
+          active: r._uid === e.activeTabUid
         }, () => [
           w("div", {
-            innerHTML: n[l.itemTitleKey]
+            innerHTML: r[l.itemTitleKey]
           }, null, 8, gs)
         ])
       ], 42, fs))), 128)),
@@ -5506,36 +5521,36 @@ function vs(e, t, l, a, r, i) {
         name: i.transitionName
       }, {
         default: g(() => [
-          (s(!0), u(k, null, L(e.tabs, (n, d) => N((s(), m(o, {
-            key: n._uid,
-            item: n,
+          (s(!0), u(k, null, L(e.tabs, (r, d) => N((s(), m(a, {
+            key: r._uid,
+            item: r,
             class: f(l.contentClass)
           }, {
             default: g(() => [
-              e.$slots[`item-content.${n._index + 1}`] ? p(e.$slots, `item-content.${n._index + 1}`, {
+              e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                 key: 0,
-                item: i.getOriginalItem(n),
-                index: n._index + 1,
-                active: n._index === i.activeTab._index
+                item: i.getOriginalItem(r),
+                index: r._index + 1,
+                active: r._index === i.activeTab._index
               }) : p(e.$slots, "item-content", {
                 key: 1,
-                item: i.getOriginalItem(n),
-                index: n._index + 1,
-                active: n._index === i.activeTab._index
+                item: i.getOriginalItem(r),
+                index: r._index + 1,
+                active: r._index === i.activeTab._index
               }, () => [
-                n[l.itemContentKey] ? (s(), u("div", {
+                r[l.itemContentKey] ? (s(), u("div", {
                   key: 0,
-                  innerHTML: n[l.itemContentKey]
+                  innerHTML: r[l.itemContentKey]
                 }, null, 8, ys)) : c("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [oe, n._uid === i.activeTab._uid]
+            [oe, r._uid === i.activeTab._uid]
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), m(P, {
+      }, 8, ["name"])) : (s(), m(O, {
         key: 1,
         name: i.transitionName,
         mode: i.transitionMode
@@ -5544,27 +5559,27 @@ function vs(e, t, l, a, r, i) {
           (s(), m(Ve, {
             exclude: l.keepAlive ? "" : "tab-content"
           }, [
-            (s(), m(o, {
+            (s(), m(a, {
               key: e.activeTabUid,
               item: i.activeTab,
               class: f(l.contentClass)
             }, {
-              default: g(({ item: n }) => [
-                n ? (s(), u(k, { key: 0 }, [
-                  e.$slots[`item-content.${n._index + 1}`] ? p(e.$slots, `item-content.${n._index + 1}`, {
+              default: g(({ item: r }) => [
+                r ? (s(), u(k, { key: 0 }, [
+                  e.$slots[`item-content.${r._index + 1}`] ? p(e.$slots, `item-content.${r._index + 1}`, {
                     key: 0,
-                    item: i.getOriginalItem(n),
-                    index: n._index + 1,
-                    active: n._uid === e.activeTabUid
+                    item: i.getOriginalItem(r),
+                    index: r._index + 1,
+                    active: r._uid === e.activeTabUid
                   }) : p(e.$slots, "item-content", {
                     key: 1,
-                    item: i.getOriginalItem(n),
-                    index: n._index + 1,
-                    active: n._uid === e.activeTabUid
+                    item: i.getOriginalItem(r),
+                    index: r._index + 1,
+                    active: r._uid === e.activeTabUid
                   }, () => [
-                    n[l.itemContentKey] ? (s(), u("div", {
+                    r[l.itemContentKey] ? (s(), u("div", {
                       key: 0,
-                      innerHTML: n[l.itemContentKey]
+                      innerHTML: r[l.itemContentKey]
                     }, null, 8, ws)) : c("", !0)
                   ])
                 ], 64)) : c("", !0)
@@ -5661,9 +5676,9 @@ const ks = {
   },
   methods: {
     addTab(e) {
-      var t, l, a;
+      var t, l, o;
       (l = (t = e[this.itemIdKey]) != null ? t : e._uid) != null && l || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
-        _uid: (a = e[this.itemIdKey]) != null ? a : e._uid,
+        _uid: (o = e[this.itemIdKey]) != null ? o : e._uid,
         _index: this.tabs.length,
         ...e,
         _disabled: !!e.disabled
@@ -5672,8 +5687,8 @@ const ks = {
     refreshTabs() {
       let e = this.items;
       typeof e == "number" && (e = Array(e).fill().map((t, l) => this.tabs[l] || {})), this.tabs = e.map((t, l) => {
-        var a, r, i;
-        return (r = (a = t[this.itemIdKey]) != null ? a : t._uid) != null && r || (t._uid = +`${this._.uid}${++fe}`), {
+        var o, n, i;
+        return (n = (o = t[this.itemIdKey]) != null ? o : t._uid) != null && n || (t._uid = +`${this._.uid}${++fe}`), {
           ...t,
           _uid: (i = t[this.itemIdKey]) != null ? i : t._uid,
           _index: l,
@@ -5682,11 +5697,11 @@ const ks = {
       });
     },
     reopenTheActiveTab() {
-      var t, l, a;
+      var t, l, o;
       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 = (l = this.tabs[this.activeTabIndex]) == null ? void 0 : l._uid), e || (e = (a = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : a._uid), e && this.openTab(e);
+      e || (e = (l = this.tabs[this.activeTabIndex]) == null ? void 0 : l._uid), e || (e = (o = this.tabs[Math.max(this.activeTabIndex - 1, this.tabs.length - 1)]) == null ? void 0 : o._uid), e && this.openTab(e);
     },
     onResize() {
       this.updateSlider(!1);
@@ -5712,16 +5727,16 @@ const ks = {
         this.activeTabEl = t && t.querySelector(".w-tabs__bar-item--active");
       }
       if (!this.fillBar && this.activeTabEl) {
-        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), a = this.activeTabEl.parentNode, { left: r } = a.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(a);
-        this.slider.left = `${t - r - parseInt(i) + a.scrollLeft}px`, this.slider.width = `${l}px`;
+        const { left: t, width: l } = this.activeTabEl.getBoundingClientRect(), o = this.activeTabEl.parentNode, { left: n } = o.getBoundingClientRect(), { borderLeftWidth: i } = getComputedStyle(o);
+        this.slider.left = `${t - n - parseInt(i) + o.scrollLeft}px`, this.slider.width = `${l}px`;
       } else
         this.slider.left = `${this.activeTab._index * 100 / this.tabs.length}%`, this.slider.width = `${100 / this.tabs.length}%`;
     },
     updateActiveTab(e) {
       var t, l;
       typeof e == "string" ? e = ~~e : (isNaN(e) || e < 0) && (e = 0), (t = this.tabs[e]) != null && t._uid && (this.openTab((l = this.tabs[e]) == null ? void 0 : l._uid), this.$nextTick(() => {
-        const a = this.$refs["tabs-bar"];
-        this.activeTabEl = a && a.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+        const o = this.$refs["tabs-bar"];
+        this.activeTabEl = o && o.querySelector(`.w-tabs__bar-item:nth-child(${e + 1})`), this.activeTabEl && this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
       }));
     },
     getOriginalItem(e) {
@@ -5754,16 +5769,16 @@ const ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Ss = ["width"], Bs = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
+}, _s = /* @__PURE__ */ v(ks, [["render", vs]]), Cs = { ref: "colgroup" }, Bs = ["width"], Ss = { key: 0 }, $s = ["onClick"], Vs = ["innerHTML"], Is = {
   key: 0,
   class: "w-table__progress-bar"
 }, Rs = ["colspan"], Ts = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Ps = {
+}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
   key: 1,
   class: "no-data"
-}, Os = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
+}, Ps = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
 }, Ns = ["colspan"], Ks = { key: 0 }, Hs = {
@@ -5779,8 +5794,8 @@ const ks = {
   key: 2,
   class: "w-table__row w-table__pagination-wrap"
 }, qs = ["colspan"], Xs = { class: "w-table__pagination w-pagination" }, Ys = { class: "pages-wrap" }, Gs = { class: "w-pagination__results" };
-function Js(e, t, l, a, r, i) {
-  const o = $("w-icon"), n = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
+function Js(e, t, l, o, n, i) {
+  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return s(), u("div", {
     class: f(["w-table-wrap", i.wrapClasses])
   }, [
@@ -5795,21 +5810,21 @@ function Js(e, t, l, a, r, i) {
           class: f(["w-table__col", i.colClasses[R]]),
           key: R,
           width: b.width || null
-        }, null, 10, Ss))), 128))
+        }, null, 10, Bs))), 128))
       ], 512),
-      l.noHeaders ? c("", !0) : (s(), u("thead", Bs, [
+      l.noHeaders ? c("", !0) : (s(), u("thead", Ss, [
         w("tr", null, [
           (s(!0), u(k, null, L(l.headers, (b, R) => (s(), u("th", {
             class: f(["w-table__header", i.headerClasses(b)]),
             key: R,
             onClick: (x) => !e.colResizing.dragging && b.sortable !== !1 && i.sortTable(b)
           }, [
-            b.sortable !== !1 && b.align === "right" ? (s(), m(o, {
+            b.sortable !== !1 && b.align === "right" ? (s(), m(a, {
               key: 0,
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                S("wi-arrow-down")
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5820,18 +5835,18 @@ function Js(e, t, l, a, r, i) {
                 label: b.label,
                 index: R + 1
               }, () => [
-                S(_(b.label || ""), 1)
+                B(_(b.label || ""), 1)
               ]) : (s(), u("span", {
                 key: 1,
                 innerHTML: b.label || ""
               }, null, 8, Vs))
             ], 64)) : c("", !0),
-            b.sortable !== !1 && b.align !== "right" ? (s(), m(o, {
+            b.sortable !== !1 && b.align !== "right" ? (s(), m(a, {
               key: 2,
               class: f(["w-table__header-sort", i.headerSortClasses(b)])
             }, {
               default: g(() => [
-                S("wi-arrow-down")
+                B("wi-arrow-down")
               ]),
               _: 2
             }, 1032, ["class"])) : c("", !0),
@@ -5849,7 +5864,7 @@ function Js(e, t, l, a, r, i) {
               w("td", {
                 colspan: l.headers.length
               }, [
-                I(n, { tile: "" })
+                I(r, { tile: "" })
               ], 8, Rs)
             ])) : c("", !0)
           ]),
@@ -5861,22 +5876,22 @@ function Js(e, t, l, a, r, i) {
           w("td", {
             colspan: l.headers.length
           }, [
-            I(n, { tile: "" }),
+            I(r, { tile: "" }),
             w("div", xs, [
               p(e.$slots, "loading", {}, () => [
-                S("Loading...")
+                B("Loading...")
               ])
             ])
           ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Ps, [
+        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
           }, [
             p(e.$slots, "no-data", {}, () => [
-              S("No data to show.")
+              B("No data to show.")
             ])
-          ], 8, Os)
+          ], 8, Ps)
         ])),
         i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, R) => (s(), u(k, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
@@ -5890,10 +5905,10 @@ function Js(e, t, l, a, r, i) {
             class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }]),
             onClick: (x) => i.doSelectRow(b, R)
           }, [
-            (s(!0), u(k, null, L(l.headers, (x, O) => (s(), u(k, null, [
-              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+            (s(!0), u(k, null, L(l.headers, (x, P) => (s(), u(k, null, [
+              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${O}-a`,
+                key: `${P}-a`,
                 "data-label": x.label
               }, [
                 e.$slots[`item-cell.${x.key}`] ? p(e.$slots, `item-cell.${x.key}`, {
@@ -5902,7 +5917,7 @@ function Js(e, t, l, a, r, i) {
                   item: b,
                   label: b[x.key] || "",
                   index: R + 1
-                }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
+                }) : e.$slots[`item-cell.${P + 1}`] ? p(e.$slots, `item-cell.${P + 1}`, {
                   key: 1,
                   header: x,
                   item: b,
@@ -5915,21 +5930,21 @@ function Js(e, t, l, a, r, i) {
                   label: b[x.key] || "",
                   index: R + 1
                 }) : c("", !0),
-                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
               ], 10, Ms)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${O}-b`,
+                key: `${P}-b`,
                 "data-label": x.label
               }, [
                 w("div", {
                   innerHTML: b[x.key] || ""
                 }, null, 8, Ws),
-                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
                 }, null, 2)) : c("", !0)
               ], 10, Es))
             ], 64))), 256))
@@ -5992,7 +6007,7 @@ function Js(e, t, l, a, r, i) {
                   "label-color": "inherit"
                 }, null, 8, ["modelValue", "items"])) : c("", !0),
                 w("div", Ys, [
-                  I(B, {
+                  I(S, {
                     class: "w-pagination__arrow w-pagination__arrow--prev",
                     onClick: t[3] || (t[3] = (b) => i.goToPage("-1")),
                     disabled: e.paginationConfig.page <= 1,
@@ -6000,7 +6015,7 @@ function Js(e, t, l, a, r, i) {
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(B, {
+                  (s(!0), u(k, null, L(e.paginationConfig.pagesCount, (b) => (s(), m(S, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
                     key: b,
                     onClick: (R) => b !== e.paginationConfig.page && i.goToPage(b),
@@ -6008,11 +6023,11 @@ function Js(e, t, l, a, r, i) {
                     lg: ""
                   }, {
                     default: g(() => [
-                      S(_(b), 1)
+                      B(_(b), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick", "class"]))), 128)),
-                  I(B, {
+                  I(S, {
                     class: "w-pagination__arrow w-pagination__arrow--next",
                     onClick: t[4] || (t[4] = (b) => i.goToPage("+1")),
                     disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
@@ -6122,7 +6137,7 @@ const ge = 15, Qs = {
       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((l, a) => (l = l[e], a = a[e], !isNaN(l) && !isNaN(a) && (l = parseFloat(l), a = parseFloat(a)), (l > a ? 1 : -1) * (t ? -1 : 1)));
+      return [...this.filteredItems].sort((l, o) => (l = l[e], o = o[e], !isNaN(l) && !isNaN(o) && (l = parseFloat(l), o = parseFloat(o)), (l > o ? 1 : -1) * (t ? -1 : 1)));
     },
     paginatedItems() {
       return typeof this.fetch == "function" ? this.sortedItems : this.sortedItems.slice(this.paginationConfig.start - 1, this.paginationConfig.end);
@@ -6188,28 +6203,28 @@ const ge = 15, Qs = {
       t && this.activeSortingKeys[e.key] === "-" ? this.activeSorting = [] : this.activeSorting[0] = (t ? "-" : "+") + e.key, this.$emit("update:sort", this.activeSorting), typeof this.sortFunction == "function" ? await this.sortFunction(this.activeSorting) : typeof this.fetch == "function" && await this.callApiFetch();
     },
     doSelectRow(e, t) {
-      const l = this.expandableRows === "" ? !0 : this.expandableRows, a = this.selectableRows === "" ? !0 : this.selectableRows;
+      const l = this.expandableRows === "" ? !0 : this.expandableRows, o = this.selectableRows === "" ? !0 : this.selectableRows;
       if (l) {
-        const r = this.expandedRowsByUid[e._uid] === void 0;
-        r ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
+        const n = this.expandedRowsByUid[e._uid] === void 0;
+        n ? this.expandableRows.toString() === "1" ? this.expandedRowsInternal = [e._uid] : this.expandedRowsInternal.push(e._uid) : this.expandedRowsInternal = this.expandedRowsInternal.filter((i) => i !== e._uid), this.$emit(
           "row-expand",
           {
             item: e,
             index: t,
-            expanded: r,
+            expanded: n,
             expandedRows: this.expandedRowsInternal.map((i) => this.filteredItems[i])
           }
         ), this.$emit("update:expanded-rows", this.expandedRowsInternal);
-      } else if (a) {
-        let r = !1;
+      } else if (o) {
+        let n = !1;
         const i = this.selectedRowsByUid[e._uid] === void 0;
-        i ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), r = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((o) => o !== e._uid), r = !0), r && (this.$emit(
+        i ? (this.selectableRows.toString() === "1" ? this.selectedRowsInternal = [e._uid] : this.selectedRowsInternal.push(e._uid), n = !0) : (!this.forceSelection || this.selectedRowsInternal.length > 1) && (this.selectedRowsInternal = this.selectedRowsInternal.filter((a) => a !== e._uid), n = !0), n && (this.$emit(
           "row-select",
           {
             item: e,
             index: t,
             selected: i,
-            selectedRows: this.selectedRowsInternal.map((o) => this.filteredItems[o])
+            selectedRows: this.selectedRowsInternal.map((a) => this.filteredItems[a])
           }
         ), this.$emit("update:selected-rows", this.selectedRowsInternal));
       }
@@ -6225,16 +6240,16 @@ const ge = 15, Qs = {
       e.classList.contains("w-table__col-resizer") && (this.colResizing.hover = !1);
     },
     onResizerMouseMove(e) {
-      const { startCursorX: t, columnEl: l, nextColumnEl: a, colWidth: r, nextColWidth: i } = this.colResizing;
+      const { startCursorX: t, columnEl: l, nextColumnEl: o, colWidth: n, nextColWidth: i } = this.colResizing;
       this.colResizing.dragging = !0;
-      const o = e.pageX - t, n = r + i, d = r + o, h = i - o;
-      l.style.width = r + o + "px", a.style.width = i - o + "px";
-      const y = o < 0 && l.offsetWidth > d || l.offsetWidth <= ge, B = o > 0 && a.offsetWidth > h;
+      const a = e.pageX - t, r = n + i, d = n + a, h = i - a;
+      l.style.width = n + a + "px", o.style.width = i - a + "px";
+      const y = a < 0 && l.offsetWidth > d || l.offsetWidth <= ge, S = a > 0 && o.offsetWidth > h;
       if (y) {
         const b = Math.max(l.offsetWidth, ge);
-        l.style.width = b + "px", a.style.width = n - b + "px";
+        l.style.width = b + "px", o.style.width = r - b + "px";
       } else
-        B && (l.style.width = n - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
+        S && (l.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -6246,18 +6261,18 @@ const ge = 15, Qs = {
       }, 0);
     },
     initPagination() {
-      var a, r, i;
-      const e = (r = (a = this.pagination) == null ? void 0 : a.itemsPerPage) != null ? r : 20, t = ((i = this.pagination) == null ? void 0 : i.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
-      t.find((o) => {
-        var n;
-        return ((n = o == null ? void 0 : o.value) != null ? n : o) === +e;
-      }) || t.push(e), this.paginationConfig.itemsPerPageOptions = t.map((o) => {
-        var n;
+      var o, n, i;
+      const e = (n = (o = this.pagination) == null ? void 0 : o.itemsPerPage) != null ? n : 20, t = ((i = this.pagination) == null ? void 0 : i.itemsPerPageOptions) || [20, 100, { label: "All", value: 0 }];
+      t.find((a) => {
+        var r;
+        return ((r = a == null ? void 0 : a.value) != null ? r : a) === +e;
+      }) || t.push(e), this.paginationConfig.itemsPerPageOptions = t.map((a) => {
+        var r;
         return {
-          label: ["string", "number"].includes(typeof o) ? o.toString() : o.label || o.value,
-          value: ["string", "number"].includes(typeof o) ? ~~o : (n = o.value) != null ? n : o.label
+          label: ["string", "number"].includes(typeof a) ? a.toString() : a.label || a.value,
+          value: ["string", "number"].includes(typeof a) ? ~~a : (r = a.value) != null ? r : a.label
         };
-      }), this.paginationConfig.itemsPerPageOptions.sort((o, n) => o.value < n.value ? -1 : 1);
+      }), this.paginationConfig.itemsPerPageOptions.sort((a, r) => a.value < r.value ? -1 : 1);
       const l = this.paginationConfig.itemsPerPageOptions.shift();
       this.paginationConfig.itemsPerPageOptions.push(l), this.updatePaginationConfig({
         itemsPerPage: e,
@@ -6274,13 +6289,13 @@ const ge = 15, Qs = {
       this.paginationConfig.page = Math.max(1, this.paginationConfig.page), this.paginationConfig.start = t * (this.paginationConfig.page - 1) + 1, this.paginationConfig.end = this.paginationConfig.start - 1 + (t || l), typeof this.fetch == "function" && await this.callApiFetch();
     },
     async callApiFetch() {
-      const { page: e, start: t, end: l, total: a, itemsPerPage: r } = this.paginationConfig;
+      const { page: e, start: t, end: l, total: o, itemsPerPage: n } = this.paginationConfig;
       return await this.fetch({
         page: e,
         start: t,
-        end: l || a,
-        total: a,
-        itemsPerPage: r || a,
+        end: l || o,
+        total: o,
+        itemsPerPage: n || o,
         sorting: this.activeSorting
       });
     }
@@ -6315,12 +6330,12 @@ const ge = 15, Qs = {
     }
   }
 }, Zs = /* @__PURE__ */ v(Qs, [["render", Js]]), ea = ["role", "aria-pressed", "tabindex"];
-function ta(e, t, l, a, r, i) {
+function ta(e, t, l, o, n, i) {
   return s(), u("span", C({ class: "w-tag" }, W(e.$attrs, !0), {
-    onClick: t[1] || (t[1] = (o) => {
+    onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = E((o) => {
+    onKeypress: t[2] || (t[2] = E((a) => {
       e.$emit("update:modelValue", !l.modelValue), e.$emit("input", !l.modelValue);
     }, ["enter"])),
     class: i.classes,
@@ -6333,7 +6348,7 @@ function ta(e, t, l, a, r, i) {
     l.closable && l.modelValue ? (s(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = M((o) => {
+      onClick: t[0] || (t[0] = M((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
@@ -6391,14 +6406,14 @@ const la = {
     }
   }
 }, ia = /* @__PURE__ */ v(la, [["render", ta]]), sa = ["for"], aa = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], oa = ["for"], na = ["for"];
-function ra(e, t, l, a, r, i) {
-  const o = $("w-icon");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: r.isFocused }, {
+function ra(e, t, l, o, n, i) {
+  const a = $("w-icon");
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[6] || (t[6] = (n) => e.valid = n),
+    "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: i.hasLabel && l.labelPosition !== "inside",
-    onReset: t[7] || (t[7] = (n) => {
-      e.$emit("update:modelValue", r.inputValue = ""), e.$emit("input", "");
+    onReset: t[7] || (t[7] = (r) => {
+      e.$emit("update:modelValue", n.inputValue = ""), e.$emit("input", "");
     }),
     class: i.classes
   }), {
@@ -6410,33 +6425,33 @@ function ra(e, t, l, a, r, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, sa)) : c("", !0)
       ], 64)) : c("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", i.inputWrapClasses])
       }, [
-        l.innerIconLeft ? (s(), m(o, {
+        l.innerIconLeft ? (s(), m(a, {
           key: 0,
           class: "w-textarea__icon w-textarea__icon--inner-left",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
-          onClick: t[0] || (t[0] = (n) => e.$emit("click:inner-icon-left", n))
+          onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
         }, {
           default: g(() => [
-            S(_(l.innerIconLeft), 1)
+            B(_(l.innerIconLeft), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0),
         N(w("textarea", C({
           class: "w-textarea__textarea",
           ref: "textarea",
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.inputValue = n)
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
         }, W(i.listeners, !0), {
-          onInput: t[2] || (t[2] = (...n) => i.onInput && i.onInput(...n)),
-          onFocus: t[3] || (t[3] = (...n) => i.onFocus && i.onFocus(...n)),
-          onBlur: t[4] || (t[4] = (...n) => i.onBlur && i.onBlur(...n)),
+          onInput: t[2] || (t[2] = (...r) => i.onInput && i.onInput(...r)),
+          onFocus: t[3] || (t[3] = (...r) => i.onFocus && i.onFocus(...r)),
+          onBlur: t[4] || (t[4] = (...r) => i.onBlur && i.onBlur(...r)),
           id: `w-textarea--${e._.uid}`,
           name: e.inputName,
           placeholder: l.placeholder || null,
@@ -6448,7 +6463,7 @@ function ra(e, t, l, a, r, i) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, aa), [
-          [be, r.inputValue]
+          [be, n.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(k, { key: 1 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -6457,19 +6472,19 @@ function ra(e, t, l, a, r, i) {
             for: `w-textarea--${e._.uid}`
           }, [
             p(e.$slots, "default", {}, () => [
-              S(_(l.label), 1)
+              B(_(l.label), 1)
             ])
           ], 10, oa)) : c("", !0)
         ], 64)) : c("", !0),
-        l.innerIconRight ? (s(), m(o, {
+        l.innerIconRight ? (s(), m(a, {
           key: 2,
           class: "w-textarea__icon w-textarea__icon--inner-right",
           tag: "label",
           for: `w-textarea--${e._.uid}`,
-          onClick: t[5] || (t[5] = (n) => e.$emit("click:inner-icon-right", n))
+          onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
         }, {
           default: g(() => [
-            S(_(l.innerIconRight), 1)
+            B(_(l.innerIconRight), 1)
           ]),
           _: 1
         }, 8, ["for"])) : c("", !0)
@@ -6481,7 +6496,7 @@ function ra(e, t, l, a, r, i) {
           for: `w-textarea--${e._.uid}`
         }, [
           p(e.$slots, "default", {}, () => [
-            S(_(l.label), 1)
+            B(_(l.label), 1)
           ])
         ], 10, na)) : c("", !0)
       ], 64)) : c("", !0)
@@ -6525,8 +6540,8 @@ const da = {
   },
   computed: {
     listeners() {
-      const { input: e, focus: t, blur: l, ...a } = this.$attrs;
-      return a;
+      const { input: e, focus: t, blur: l, ...o } = this.$attrs;
+      return o;
     },
     hasValue() {
       return this.inputValue || this.inputValue === 0;
@@ -6606,38 +6621,38 @@ const da = {
     }
   }
 }, ua = /* @__PURE__ */ v(da, [["render", ra]]), ha = ["innerHTML"], ca = ["innerHTML"];
-function pa(e, t, l, a, r, i) {
+function pa(e, t, l, o, n, i) {
   return s(), u("ul", {
     class: f(["w-timeline", i.classes])
   }, [
-    (s(!0), u(k, null, L(l.items, (o, n) => (s(), u("li", {
+    (s(!0), u(k, null, L(l.items, (a, r) => (s(), u("li", {
       class: "w-timeline-item",
-      key: n
+      key: r
     }, [
-      (s(), m(V(o[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
-        class: f(["w-timeline-item__bullet", { [o[l.itemColorKey] || l.color]: o[l.itemColorKey] || l.color }])
+      (s(), m(V(a[l.itemIconKey] || l.icon ? "w-icon" : "div"), {
+        class: f(["w-timeline-item__bullet", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }])
       }, {
         default: g(() => [
-          S(_(o[l.itemIconKey] || l.icon), 1)
+          B(_(a[l.itemIconKey] || l.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
-      e.$slots[`item.${n + 1}`] ? p(e.$slots, `item.${n + 1}`, {
+      e.$slots[`item.${r + 1}`] ? p(e.$slots, `item.${r + 1}`, {
         key: 1,
-        item: o,
-        index: n + 1
+        item: a,
+        index: r + 1
       }) : p(e.$slots, "item", {
         key: 0,
-        item: o,
-        index: n + 1
+        item: a,
+        index: r + 1
       }, () => [
         w("div", {
-          class: f(["w-timeline-item__title", { [o[l.itemColorKey] || l.color]: o[l.itemColorKey] || l.color }]),
-          innerHTML: o[l.itemTitleKey]
+          class: f(["w-timeline-item__title", { [a[l.itemColorKey] || l.color]: a[l.itemColorKey] || l.color }]),
+          innerHTML: a[l.itemTitleKey]
         }, null, 10, ha),
         w("div", {
           class: "w-timeline-item__content",
-          innerHTML: o[l.itemContentKey]
+          innerHTML: a[l.itemContentKey]
         }, null, 8, ca)
       ])
     ]))), 128))
@@ -6666,7 +6681,7 @@ const fa = {
     }
   }
 }, ga = /* @__PURE__ */ v(fa, [["render", pa]]);
-function ma(e, t, l, a, r, i) {
+function ma(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-toolbar", i.classes]),
     style: T(i.styles)
@@ -6724,10 +6739,10 @@ const ba = {
     }
   }
 }, ya = /* @__PURE__ */ v(ba, [["render", ma]]);
-function wa(e, t, l, a, r, i) {
+function wa(e, t, l, o, n, i) {
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(P, {
+    I(O, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -6762,7 +6777,14 @@ const va = {
     persistent: { type: Boolean },
     delay: { type: Number },
     dark: { type: Boolean },
-    light: { type: Boolean }
+    light: { type: Boolean },
+    caption: { type: Boolean },
+    xs: { type: Boolean },
+    sm: { type: Boolean },
+    md: { type: Boolean },
+    lg: { type: Boolean },
+    xl: { type: Boolean },
+    enableTouch: { type: Boolean }
   },
   emits: ["input", "update:modelValue", "open", "close"],
   data: () => ({
@@ -6783,6 +6805,9 @@ const va = {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
       return this.transition || `w-tooltip-slide-fade-${e}`;
     },
+    size() {
+      return this.xs && "xs" || this.sm && "sm" || this.sm && "md" || this.lg && "lg" || this.xl && "xl" || (this.caption ? "sm" : "md");
+    },
     classes() {
       return {
         [this.color]: this.color,
@@ -6794,6 +6819,8 @@ const va = {
         "w-tooltip--light": this.light,
         "w-tooltip--tile": this.tile,
         "w-tooltip--round": this.round,
+        caption: this.caption,
+        [`size--${this.size}`]: !0,
         "w-tooltip--shadow": this.shadow,
         "w-tooltip--fixed": this.fixed,
         "w-tooltip--no-border": this.noBorder || this.bgColor,
@@ -6805,35 +6832,36 @@ const va = {
         zIndex: this.zIndex || this.zIndex === 0 || null,
         top: this.detachableCoords.top && `${~~this.detachableCoords.top}px` || null,
         left: this.detachableCoords.left && `${~~this.detachableCoords.left}px` || null,
-        "--w-tooltip-bg-color": this.$waveui.colors[this.bgColor || "white"]
+        "--w-tooltip-bg-color": this.$waveui.colors[this.bgColor] || "rgb(var(--w-base-bg-color-rgb))"
       };
     },
     activatorEventHandlers() {
       let e = {};
-      return this.showOnClick ? e = { click: this.toggle } : (e = {
-        focus: this.toggle,
-        blur: this.toggle,
-        mouseenter: (t) => {
-          this.hoveringActivator = !0, this.open(t);
+      const t = typeof window < "u" && "ontouchstart" in window;
+      return !this.showOnClick && !t ? e = {
+        focus: this.open,
+        blur: this.close,
+        mouseenter: (l) => {
+          this.hoveringActivator = !0, this.open(l);
         },
-        mouseleave: (t) => {
+        mouseleave: (l) => {
           this.hoveringActivator = !1, this.close();
         }
-      }, typeof window < "u" && "ontouchstart" in window && (e.click = this.toggle)), e;
+      } : (this.enableTouch || this.showOnClick) && (e = { click: this.toggle }), e;
     }
   },
   methods: {
     toggle(e) {
       let t = this.detachableVisible;
-      typeof window < "u" && "ontouchstart" in window ? e.type === "click" && (t = !t) : e.type === "click" && this.showOnClick ? t = !t : ["mouseenter", "focus"].includes(e.type) && !this.showOnClick ? t = !0 : ["mouseleave", "blur"].includes(e.type) && !this.showOnClick && (t = !1), this.timeoutId = clearTimeout(this.timeoutId), t ? this.open(e) : this.close();
+      typeof window < "u" && "ontouchstart" in window ? !this.enableTouch && !this.showOnClick ? t = !1 : t = !t : e.type === "click" && this.showOnClick ? t = !t : ["mouseenter", "focus"].includes(e.type) && !this.showOnClick ? t = !0 : ["mouseleave", "blur"].includes(e.type) && !this.showOnClick && (t = !1), this.timeoutId = clearTimeout(this.timeoutId), t ? this.open(e) : this.close();
     },
     async close(e = !1) {
       !this.detachableVisible || this.showOnHover && !e && (await new Promise((t) => setTimeout(t, 10)), this.showOnHover && this.hoveringActivator) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), document.removeEventListener("mousedown", this.onOutsideMousedown), window.removeEventListener("resize", this.onResize));
     }
   }
 }, ka = /* @__PURE__ */ v(va, [["render", wa]]);
-function _a(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: "bounce" }, e.$props), {
+function _a(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "bounce" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6846,9 +6874,9 @@ const Ca = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
-function Ba(e, t, l, a, r, i) {
-  return s(), m(P, {
+}, Ba = /* @__PURE__ */ v(Ca, [["render", _a]]);
+function Sa(e, t, l, o, n, i) {
+  return s(), m(O, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6958,9 +6986,9 @@ const $a = {
       this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
     }
   }
-}, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
-function Ia(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: "fade" }, e.$props), {
+}, Va = /* @__PURE__ */ v($a, [["render", Sa]]);
+function Ia(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6974,8 +7002,8 @@ const Ra = {
     duration: { type: [Number, String] }
   }
 }, Ta = /* @__PURE__ */ v(Ra, [["render", Ia]]);
-function La(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: "scale" }, e.$props), {
+function La(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "scale" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6988,9 +7016,9 @@ const xa = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Pa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Oa(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: "scale-fade" }, e.$props), {
+}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
+function Pa(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "scale-fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7003,9 +7031,9 @@ const za = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ma = /* @__PURE__ */ v(za, [["render", Oa]]);
-function Ea(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: i.transitionName }, e.$props), {
+}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
+function Ea(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7031,8 +7059,8 @@ const Wa = {
     }
   }
 }, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
-function Na(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: i.transitionName }, e.$props), {
+function Na(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7058,8 +7086,8 @@ const Ka = {
     }
   }
 }, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
-function Da(e, t, l, a, r, i) {
-  return s(), m(P, C({ name: "twist" }, e.$props), {
+function Da(e, t, l, o, n, i) {
+  return s(), m(O, C({ name: "twist" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7076,8 +7104,8 @@ const Fa = {
   key: 1,
   class: "ml1"
 };
-function Xa(e, t, l, a, r, i) {
-  const o = $("w-button"), n = $("w-icon"), d = $("w-tree", !0);
+function Xa(e, t, l, o, n, i) {
+  const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return s(), u("ul", {
     class: f(["w-tree", i.classes])
   }, [
@@ -7086,15 +7114,15 @@ function Xa(e, t, l, a, r, i) {
       key: y
     }, [
       (s(), m(V(i.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (B) => !l.disabled && !h.disabled && i.onLabelClick(h, B),
-        onKeydown: (B) => !l.disabled && !h.disabled && i.onLabelKeydown(h, B),
+        onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
+        onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
         tabindex: i.getTreeItemTabindex(h)
       }), {
         default: g(() => [
-          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), m(o, {
+          (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), m(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: M((B) => !l.disabled && !h.disabled && i.onLabelClick(h, B), ["stop"]),
+            onClick: M((S) => !l.disabled && !h.disabled && i.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && l.expandOpenIcon || l.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7109,22 +7137,22 @@ function Xa(e, t, l, a, r, i) {
             path: h.path,
             open: h.open
           }, () => {
-            var B;
+            var S;
             return [
-              i.itemIcon(h) ? (s(), m(n, {
+              i.itemIcon(h) ? (s(), m(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[l.itemIconColorKey] || l.iconColor
               }, {
                 default: g(() => [
-                  S(_(i.itemIcon(h)), 1)
+                  B(_(i.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : c("", !0),
               w("span", {
                 innerHTML: h.label
               }, null, 8, Ua),
-              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : c("", !0)
+              l.counts && (h.children || h.branch) ? (s(), u("span", qa, "(" + _(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : c("", !0)
             ];
           })
         ]),
@@ -7132,25 +7160,25 @@ function Xa(e, t, l, a, r, i) {
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
       (s(), m(V(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
-        onAfterEnter: (B) => e.$emit("open", i.emitPayload(h)),
-        onAfterLeave: (B) => e.$emit("close", i.emitPayload(h))
+        onAfterEnter: (S) => e.$emit("open", i.emitPayload(h)),
+        onAfterLeave: (S) => e.$emit("close", i.emitPayload(h))
       }, {
         default: g(() => [
           h.children && h.open ? (s(), m(d, C({ key: 0 }, e.$props, {
             depth: l.depth + 1,
             data: h.originalItem.children,
             parent: h,
-            onBeforeOpen: t[0] || (t[0] = (B) => e.$emit("before-open", B)),
-            onOpen: t[1] || (t[1] = (B) => e.$emit("open", B)),
-            onBeforeClose: t[2] || (t[2] = (B) => e.$emit("before-close", B)),
-            onClose: t[3] || (t[3] = (B) => e.$emit("close", B)),
-            onClick: t[4] || (t[4] = (B) => e.$emit("click", B)),
-            onSelect: t[5] || (t[5] = (B) => e.$emit("select", B)),
-            "onUpdate:modelValue": t[6] || (t[6] = (B) => e.$emit("update:model-value", B))
+            onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
+            onOpen: t[1] || (t[1] = (S) => e.$emit("open", S)),
+            onBeforeClose: t[2] || (t[2] = (S) => e.$emit("before-close", S)),
+            onClose: t[3] || (t[3] = (S) => e.$emit("close", S)),
+            onClick: t[4] || (t[4] = (S) => e.$emit("click", S)),
+            onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
+            "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
           }), {
-            item: g(({ item: B, depth: b, path: R, open: x }) => [
+            item: g(({ item: S, depth: b, path: R, open: x }) => [
               p(e.$slots, "item", {
-                item: B,
+                item: S,
                 depth: b,
                 path: R,
                 open: x
@@ -7212,24 +7240,24 @@ const Ya = {
   methods: {
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
-        return G(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
-      Array.isArray(e) || (e = [e]), e.forEach((l, a) => {
-        var i, o;
-        const r = {
+        return U(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
+      Array.isArray(e) || (e = [e]), e.forEach((l, o) => {
+        var i, a;
+        const n = {
           originalItem: l,
-          _uid: this.depth.toString() + (a + 1),
+          _uid: this.depth.toString() + (o + 1),
           label: l[this.itemLabelKey],
           children: !!l.children,
           branch: l.branch,
           route: l[this.itemRouteKey],
           disabled: l[this.itemDisabledKey],
-          selected: ((i = t[a]) == null ? void 0 : i.selected) || !1,
+          selected: ((i = t[o]) == null ? void 0 : i.selected) || !1,
           depth: this.depth,
-          open: !!(((o = t[a]) == null ? void 0 : o.open) || this.expandAll || l[this.itemOpenKey]),
+          open: !!(((a = t[o]) == null ? void 0 : a.open) || this.expandAll || l[this.itemOpenKey]),
           parent: this.parent || null,
           path: []
         };
-        r.path = this.getTreeItemPath(r), this.currentDepthItems.push(r);
+        n.path = this.getTreeItemPath(n), this.currentDepthItems.push(n);
       });
     },
     getTreeItemComponent(e) {
@@ -7255,13 +7283,13 @@ const Ya = {
     },
     onLabelClick(e, t) {
       e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && (e.selected = !e.selected);
-      const a = this.emitPayload(e, t);
-      this.$emit("click", a), this.emitItemSelection(e, t);
+      const o = this.emitPayload(e, t);
+      this.$emit("click", o), this.emitItemSelection(e, t);
     },
     onLabelKeydown(e, t) {
       if (!(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) && [13, 32, 37, 38, 39, 40].includes(t.which) && ((e.children || e.branch) && ([13, 32].includes(t.which) ? this.expandDepth(e) && t.preventDefault() : t.which === 37 ? this.expandDepth(e, !1) && t.preventDefault() : t.which === 39 && this.expandDepth(e, !0) && t.preventDefault()), [38, 40].includes(t.which))) {
-        const a = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), r = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
-        [...a].some((o, n) => o.isSameNode(r) ? (a[n + i] && a[n + i].focus(), !0) : !1);
+        const o = this.$el.closest(".w-tree--depth0").querySelectorAll('.w-tree__item-label[tabindex="0"]'), n = t.target.closest(".w-tree__item-label"), i = t.which === 38 ? -1 : 1;
+        [...o].some((a, r) => a.isSameNode(n) ? (o[r + i] && o[r + i].focus(), !0) : !1);
       }
       t.which === 13 && (this.selectable && (e.selected = !e.selected), this.emitItemSelection(e, t));
     },
@@ -7327,7 +7355,7 @@ const Ya = {
   WBreadcrumbs: ut,
   WButton: wt,
   WCard: Ct,
-  WCheckbox: Pt,
+  WCheckbox: Ot,
   WCheckboxes: Et,
   WConfirm: Nt,
   WDatePicker: Dt,
@@ -7340,7 +7368,7 @@ const Ya = {
   WGrid: fl,
   WIcon: bl,
   WImage: kl,
-  WInput: Pl,
+  WInput: Ol,
   WList: Ml,
   WMenu: Al,
   WNotification: Hl,
@@ -7350,8 +7378,8 @@ const Ya = {
   WRadio: hi,
   WRadios: gi,
   WRating: vi,
-  WScrollable: Si,
-  WSelect: Oi,
+  WScrollable: Bi,
+  WSelect: Pi,
   WSlider: Xi,
   WSpinner: Qi,
   WSteps: ts,
@@ -7363,10 +7391,10 @@ const Ya = {
   WTimeline: ga,
   WToolbar: ya,
   WTooltip: ka,
-  WTransitionBounce: Sa,
+  WTransitionBounce: Ba,
   WTransitionExpand: Va,
   WTransitionFade: Ta,
-  WTransitionScale: Pa,
+  WTransitionScale: Oa,
   WTransitionScaleFade: Ma,
   WTransitionSlide: Aa,
   WTransitionSlideFade: Ha,