wave-ui 3.15.0 → 3.16.1

package/dist/wave-ui.es.js

@@ -1012,7 +1012,7 @@ function rt(e, t, i, s, n, l) {
     l.type || i.icon || i.dismiss ? (o(), u(k, { key: 0 }, [
       l.type || i.icon ? (o(), b(a, {
         key: 0,
-        class: "w-alert__icon mr2"
+        class: "w-alert__icon"
       }, {
         default: m(() => [
           B(C(l.type ? l.typeIcon : i.icon), 1)
@@ -1050,6 +1050,7 @@ const dt = {
     iconOutside: { type: Boolean },
     plain: { type: Boolean },
     dismiss: { type: Boolean },
+    bold: { type: Boolean },
     // Types (with icon).
     success: { type: Boolean },
     info: { type: Boolean },
@@ -1062,14 +1063,12 @@ const dt = {
     lg: { type: Boolean },
     xl: { type: Boolean },
     // Borders.
-    noBorder: { type: Boolean },
+    border: { type: Boolean },
     borderLeft: { type: Boolean },
     borderRight: { type: Boolean },
     borderTop: { type: Boolean },
     borderBottom: { type: Boolean },
-    outline: { type: Boolean },
-    dark: { type: Boolean },
-    light: { type: Boolean }
+    outline: { type: Boolean }
   },
   emits: ["input", "update:modelValue", "close"],
   data() {
@@ -1091,9 +1090,10 @@ const dt = {
       return this.borderLeft || this.borderRight || this.borderTop || this.borderBottom;
     },
     classes() {
+      const e = this.bgColor || this.plain && this.type, t = this.color || !this.plain && this.type || !e && "primary";
       return {
-        [`${this.bgColor || this.plain && this.type}--bg w-alert--bg`]: this.bgColor || this.plain && this.type,
-        [this.color || !this.plain && this.type]: this.color || !this.plain && this.type,
+        [`${e}--bg w-alert--bg`]: e,
+        [t]: t,
         [`size--${this.presetSize}`]: this.presetSize,
         [`w-alert--${this.type}`]: this.type,
         "w-alert--has-icon": this.type || this.icon || this.dismiss,
@@ -1102,15 +1102,14 @@ const dt = {
         "w-alert--outline": this.outline,
         "w-alert--tile": this.tile,
         "w-alert--round": this.round,
-        "w-alert--no-border": this.noBorder || this.plain && this.type,
         "w-alert--one-border": this.hasSingleBorder || this.iconOutside,
-        "w-alert--border-left": !this.noBorder && this.borderLeft || this.iconOutside,
-        "w-alert--border-right": !this.noBorder && this.borderRight,
-        "w-alert--border-top": !this.noBorder && this.borderTop,
-        "w-alert--border-bottom": !this.noBorder && this.borderBottom,
+        "w-alert--border-left": this.borderLeft || this.iconOutside,
+        "w-alert--border-right": this.borderRight,
+        "w-alert--border-top": this.borderTop,
+        "w-alert--border-bottom": this.borderBottom,
+        "w-alert--border": this.border && !this.hasSingleBorder,
         "w-alert--shadow": this.shadow,
-        "w-alert--dark": this.dark,
-        "w-alert--light": this.light
+        "w-alert--bold": this.bold
       };
     }
   },
@@ -1586,18 +1585,8 @@ const Rt = {
 }, xt = /* @__PURE__ */ v(Rt, [["render", Lt]]), Pt = {
   key: 0,
   class: "w-button__loader"
-}, zt = /* @__PURE__ */ w("svg", { viewBox: "0 0 40 40" }, [
-  /* @__PURE__ */ w("circle", {
-    cx: "20",
-    cy: "20",
-    r: "18",
-    fill: "transparent",
-    stroke: "currentColor",
-    "stroke-width": "4",
-    "stroke-linecap": "round"
-  })
-], -1);
-function Ot(e, t, i, s, n, l) {
+};
+function zt(e, t, i, s, n, l) {
   const a = $("w-icon");
   return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
@@ -1616,7 +1605,17 @@ function Ot(e, t, i, s, n, l) {
         default: m(() => [
           i.loading ? (o(), u("div", Pt, [
             c(e.$slots, "loading", {}, () => [
-              zt
+              t[0] || (t[0] = w("svg", { viewBox: "0 0 40 40" }, [
+                w("circle", {
+                  cx: "20",
+                  cy: "20",
+                  r: "18",
+                  fill: "transparent",
+                  stroke: "currentColor",
+                  "stroke-width": "4",
+                  "stroke-linecap": "round"
+                })
+              ], -1))
             ])
           ])) : p("", !0)
         ]),
@@ -1626,7 +1625,7 @@ function Ot(e, t, i, s, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const Mt = {
+const Ot = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1727,8 +1726,8 @@ const Mt = {
       };
     }
   }
-}, Et = /* @__PURE__ */ v(Mt, [["render", Ot]]), At = ["innerHTML"];
-function Wt(e, t, i, s, n, l) {
+}, Mt = /* @__PURE__ */ v(Ot, [["render", zt]]), Et = ["innerHTML"];
+function At(e, t, i, s, n, l) {
   const a = $("button-partial");
   return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
@@ -1740,7 +1739,7 @@ function Wt(e, t, i, s, n, l) {
       }, 1040)
     ]),
     default: m(() => [
-      w("div", { innerHTML: i.tooltip }, null, 8, At)
+      w("div", { innerHTML: i.tooltip }, null, 8, Et)
     ]),
     _: 3
   }, 16)) : (o(), b(a, le(_({ key: 1 }, l.buttonProps)), {
@@ -1753,7 +1752,7 @@ function Wt(e, t, i, s, n, l) {
     _: 3
   }, 16));
 }
-const Kt = {
+const Wt = {
   name: "w-button",
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
@@ -1796,7 +1795,7 @@ const Kt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: Et },
+  components: { ButtonPartial: Mt },
   emits: [],
   computed: {
     buttonProps() {
@@ -1804,8 +1803,8 @@ const Kt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Nt = /* @__PURE__ */ v(Kt, [["render", Wt]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Dt = ["innerHTML"];
-function Ht(e, t, i, s, n, l) {
+}, Kt = /* @__PURE__ */ v(Wt, [["render", At]]), A = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Nt = ["innerHTML"];
+function Dt(e, t, i, s, n, l) {
   const a = $("w-image");
   return o(), u("div", {
     class: f(["w-card", l.classes])
@@ -1819,7 +1818,7 @@ function Ht(e, t, i, s, n, l) {
       key: 1,
       class: f(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Dt)) : p("", !0),
+    }, null, 10, Nt)) : p("", !0),
     i.image ? (o(), b(a, _({
       key: 2,
       class: "w-card__image",
@@ -1843,7 +1842,7 @@ function Ht(e, t, i, s, n, l) {
     ], 2)) : p("", !0)
   ], 2);
 }
-const Ft = {
+const Ht = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1894,7 +1893,7 @@ const Ft = {
       };
     }
   }
-}, jt = /* @__PURE__ */ v(Ft, [["render", Ht]]), M = {
+}, Ft = /* @__PURE__ */ v(Ht, [["render", Dt]]), M = {
   inject: {
     // Used in each form component to determine whether to use the w-form-element wrap or not.
     // So, if a form component is in a form, use the w-form-element wrap.
@@ -1941,12 +1940,8 @@ const Ft = {
       this.$refs.formEl.validate(this);
     }
   }
-}, Ut = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], qt = ["for"], Xt = ["for", "innerHTML"], Yt = /* @__PURE__ */ w("svg", { viewBox: "-0.5 0 12 10" }, [
-  /* @__PURE__ */ w("polyline", { points: "1 5 4 8 10 2" })
-], -1), Gt = [
-  Yt
-], Jt = ["for"], Qt = ["for", "innerHTML"];
-function Zt(e, t, i, s, n, l) {
+}, jt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Ut = ["for"], qt = ["for", "innerHTML"], Xt = ["for"], Yt = ["for", "innerHTML"];
+function Gt(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
@@ -1971,7 +1966,7 @@ function Zt(e, t, i, s, n, l) {
         onKeypress: t[3] || (t[3] = E((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, Ut),
+      }, null, 40, jt),
       l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -1981,19 +1976,23 @@ function Zt(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, qt)) : i.label ? (o(), u("label", {
+        ], 10, Ut)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Xt)) : p("", !0)
+        }, null, 10, qt)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
-      }, Gt, 2),
+      }, t[7] || (t[7] = [
+        w("svg", { viewBox: "-0.5 0 12 10" }, [
+          w("polyline", { points: "1 5 4 8 10 2" })
+        ], -1)
+      ]), 2),
       l.hasLabel && !i.labelOnLeft ? (o(), u(k, { key: 1 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -2003,18 +2002,18 @@ function Zt(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, Jt)) : i.label ? (o(), u("label", {
+        ], 10, Xt)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Qt)) : p("", !0)
+        }, null, 10, Yt)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ei = {
+const Jt = {
   name: "w-checkbox",
   mixins: [M],
   inject: {
@@ -2081,8 +2080,8 @@ const ei = {
       this.isChecked = e;
     }
   }
-}, ti = /* @__PURE__ */ v(ei, [["render", Zt]]), ii = ["innerHTML"];
-function li(e, t, i, s, n, l) {
+}, Qt = /* @__PURE__ */ v(Jt, [["render", Gt]]), Zt = ["innerHTML"];
+function ei(e, t, i, s, n, l) {
   const a = $("w-checkbox");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
@@ -2115,7 +2114,7 @@ function li(e, t, i, s, n, l) {
           }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, ii)) : p("", !0)
+          }, null, 8, Zt)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -2123,7 +2122,7 @@ function li(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const si = {
+const ti = {
   name: "w-checkboxes",
   mixins: [M],
   props: {
@@ -2186,8 +2185,8 @@ const si = {
       return this.items[e._index];
     }
   }
-}, oi = /* @__PURE__ */ v(si, [["render", li]]);
-function ai(e, t, i, s, n, l) {
+}, ii = /* @__PURE__ */ v(ti, [["render", ei]]);
+function li(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
   return o(), b(d, _({
     modelValue: e.showPopup,
@@ -2252,7 +2251,7 @@ function ai(e, t, i, s, n, l) {
     _: 3
   }, 16, ["modelValue"]);
 }
-const ni = {
+const si = {
   name: "w-confirm",
   inheritAttrs: !1,
   // The attrs are only bound to the button, not the w-menu.
@@ -2365,8 +2364,8 @@ const ni = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, ri = /* @__PURE__ */ v(ni, [["render", ai]]);
-function di(e, t, i, s, n, l) {
+}, oi = /* @__PURE__ */ v(si, [["render", li]]);
+function ai(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-date-picker", l.classes]),
     style: R(l.styles)
@@ -2374,7 +2373,7 @@ function di(e, t, i, s, n, l) {
     c(e.$slots, "default")
   ], 6);
 }
-const ui = {
+const ni = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -2392,8 +2391,8 @@ const ui = {
       return !1;
     }
   }
-}, hi = /* @__PURE__ */ v(ui, [["render", di]]);
-function ci(e, t, i, s, n, l) {
+}, ri = /* @__PURE__ */ v(ni, [["render", ai]]);
+function di(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return o(), b(r, {
     class: f(["w-dialog", l.classes]),
@@ -2452,7 +2451,7 @@ function ci(e, t, i, s, n, l) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const pi = {
+const ui = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2522,17 +2521,17 @@ const pi = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, fi = /* @__PURE__ */ v(pi, [["render", ci]]), mi = ["role", "aria-orientation"];
-function gi(e, t, i, s, n, l) {
+}, hi = /* @__PURE__ */ v(ui, [["render", di]]), ci = ["role", "aria-orientation"];
+function pi(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     c(e.$slots, "default")
-  ], 10, mi);
+  ], 10, ci);
 }
-const bi = {
+const fi = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2552,8 +2551,8 @@ const bi = {
       };
     }
   }
-}, yi = /* @__PURE__ */ v(bi, [["render", gi]]), wi = { class: "w-drawer-wrap__pushable" };
-function ki(e, t, i, s, n, l) {
+}, mi = /* @__PURE__ */ v(fi, [["render", pi]]), gi = { class: "w-drawer-wrap__pushable" };
+function bi(e, t, i, s, n, l) {
   const a = $("w-overlay");
   return n.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
@@ -2564,7 +2563,7 @@ function ki(e, t, i, s, n, l) {
       class: "w-drawer-wrap__track",
       style: R(l.trackStyles)
     }, [
-      w("div", wi, [
+      w("div", gi, [
         i.noOverlay ? p("", !0) : (o(), b(a, {
           key: 0,
           modelValue: n.showDrawer,
@@ -2632,7 +2631,7 @@ function ki(e, t, i, s, n, l) {
     ], 64))
   ], 2)) : p("", !0);
 }
-const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
+const yi = { left: "right", right: "left", top: "down", bottom: "up" }, wi = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2726,7 +2725,7 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${vi[this.position]}`;
+      return `slide-${yi[this.position]}`;
     }
   },
   methods: {
@@ -2745,8 +2744,8 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, Si = /* @__PURE__ */ v(Ci, [["render", ki]]);
-function Bi(e, t, i, s, n, l) {
+}, ki = /* @__PURE__ */ v(wi, [["render", bi]]);
+function vi(e, t, i, s, n, l) {
   return o(), b(L(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
@@ -2756,7 +2755,7 @@ function Bi(e, t, i, s, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const _i = {
+const Ci = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2803,8 +2802,8 @@ const _i = {
       };
     }
   }
-}, $i = /* @__PURE__ */ v(_i, [["render", Bi]]);
-function Ii(e, t, i, s, n, l) {
+}, Si = /* @__PURE__ */ v(Ci, [["render", vi]]);
+function Bi(e, t, i, s, n, l) {
   return o(), u("form", {
     class: f(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
@@ -2814,11 +2813,11 @@ function Ii(e, t, i, s, n, l) {
     c(e.$slots, "default")
   ], 34);
 }
-const Vi = async (e, t) => {
+const _i = async (e, t) => {
   for (const i of e)
     if (await t(i)) return !0;
   return !1;
-}, Ti = {
+}, $i = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -2898,7 +2897,7 @@ const Vi = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await Vi(e.validators, async (s) => {
+      await _i(e.validators, async (s) => {
         const n = await (typeof s == "function" && s(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
@@ -2924,8 +2923,8 @@ const Vi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, Li = /* @__PURE__ */ v(Ti, [["render", Ii]]);
-function Ri(e, t, i, s, n, l) {
+}, Ii = /* @__PURE__ */ v($i, [["render", Bi]]);
+function Vi(e, t, i, s, n, l) {
   const a = $("w-transition-expand");
   return o(), u("div", {
     class: f(l.classes)
@@ -2952,7 +2951,7 @@ function Ri(e, t, i, s, n, l) {
     })
   ], 2);
 }
-const xi = {
+const Ti = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -3025,8 +3024,8 @@ const xi = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
-function zi(e, t, i, s, n, l) {
+}, Li = /* @__PURE__ */ v(Ti, [["render", Vi]]);
+function Ri(e, t, i, s, n, l) {
   return o(), b(L(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
@@ -3036,7 +3035,7 @@ function zi(e, t, i, s, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const Oi = {
+const xi = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -3080,8 +3079,8 @@ const Oi = {
       };
     }
   }
-}, Mi = /* @__PURE__ */ v(Oi, [["render", zi]]);
-function Ei(e, t, i, s, n, l) {
+}, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
+function zi(e, t, i, s, n, l) {
   return o(), b(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
@@ -3096,7 +3095,7 @@ function Ei(e, t, i, s, n, l) {
     _: 1
   }, 8, ["class", "style"]);
 }
-const Ai = {
+const Oi = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -3165,11 +3164,11 @@ const Ai = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Wi = /* @__PURE__ */ v(Ai, [["render", Ei]]), Ki = {
+}, Mi = /* @__PURE__ */ v(Oi, [["render", zi]]), Ei = {
   key: 0,
   class: "w-image__loader"
-}, Ni = ["innerHTML"];
-function Di(e, t, i, s, n, l) {
+}, Ai = ["innerHTML"];
+function Wi(e, t, i, s, n, l) {
   const a = $("w-progress");
   return o(), b(L(l.wrapperTag), {
     class: f(["w-image", l.wrapperClasses]),
@@ -3190,7 +3189,7 @@ function Di(e, t, i, s, n, l) {
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (o(), u("span", Ki, [
+      !i.noSpinner && n.loading ? (o(), u("span", Ei, [
         e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, _({
           key: 1,
           circle: "",
@@ -3215,12 +3214,12 @@ function Di(e, t, i, s, n, l) {
         key: 3,
         class: f(["w-image__caption caption", i.captionClass]),
         innerHTML: i.caption
-      }, null, 10, Ni)) : p("", !0)
+      }, null, 10, Ai)) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
 }
-const Hi = {
+const Ki = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -3329,11 +3328,11 @@ const Hi = {
       this.loadImage();
     }
   }
-}, Fi = /* @__PURE__ */ v(Hi, [["render", Di]]), ji = ["name"], Ui = ["for"], qi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Xi = ["id", "name", "multiple", "disabled", "data-progress"], Yi = {
+}, Ni = /* @__PURE__ */ v(Ki, [["render", Wi]]), Di = ["name"], Hi = ["for"], Fi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], ji = ["id", "name", "multiple", "disabled", "data-progress"], Ui = {
   class: "w-input__no-file",
   key: "no-file"
-}, Gi = ["for"], Ji = ["src"], Qi = ["for"];
-function Zi(e, t, i, s, n, l) {
+}, qi = ["for"], Xi = ["src"], Yi = ["for"];
+function Gi(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -3351,7 +3350,7 @@ function Zi(e, t, i, s, n, l) {
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, ji)), [
+      }, null, 8, Di)), [
         [ve, n.inputValue]
       ]) : (o(), u(k, { key: 1 }, [
         i.labelPosition === "left" ? (o(), u(k, { key: 0 }, [
@@ -3363,7 +3362,7 @@ function Zi(e, t, i, s, n, l) {
             c(e.$slots, "default", {}, () => [
               B(C(i.label), 1)
             ])
-          ], 10, Ui)) : p("", !0)
+          ], 10, Hi)) : p("", !0)
         ], 64)) : p("", !0),
         w("div", {
           class: f(["w-input__input-wrap", l.inputWrapClasses])
@@ -3406,7 +3405,7 @@ function Zi(e, t, i, s, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, qi)), [
+          }, l.attrs), null, 16, Fi)), [
             [Re, n.inputValue]
           ]) : (o(), u(k, { key: 1 }, [
             w("input", _({
@@ -3422,7 +3421,7 @@ function Zi(e, t, i, s, n, l) {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
               /* Needed to emit the overallProgress. */
-            }), null, 16, Xi),
+            }), null, 16, ji),
             T(ae, {
               class: "w-input__input w-input__input--file",
               tag: "label",
@@ -3430,7 +3429,7 @@ function Zi(e, t, i, s, n, l) {
               for: `w-input--${e._.uid}`
             }, {
               default: m(() => [
-                !n.inputFiles.length && n.isFocused ? (o(), u("span", Yi, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", Ui, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (o(), u(k, { key: 0 }, [
                       B("No file")
@@ -3499,12 +3498,12 @@ function Zi(e, t, i, s, n, l) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Ji)) : (o(), u("i", {
+            }, null, 8, Xi)) : (o(), u("i", {
               class: f(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Gi)) : p("", !0),
+        ], 8, qi)) : p("", !0),
         i.labelPosition === "right" ? (o(), u(k, { key: 2 }, [
           e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
@@ -3514,14 +3513,14 @@ function Zi(e, t, i, s, n, l) {
             c(e.$slots, "default", {}, () => [
               B(C(i.label), 1)
             ])
-          ], 10, Qi)) : p("", !0)
+          ], 10, Yi)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const el = {
+const Ji = {
   name: "w-input",
   mixins: [M],
   inheritAttrs: !1,
@@ -3706,8 +3705,8 @@ const el = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, tl = /* @__PURE__ */ v(el, [["render", Zi]]);
-function il(e, t, i, s, n, l) {
+}, Qi = /* @__PURE__ */ v(Ji, [["render", Gi]]);
+function Zi(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list", !0);
   return o(), u("ul", {
     class: f(["w-list", l.classes])
@@ -3794,7 +3793,7 @@ function il(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ll = {
+const el = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -3988,7 +3987,7 @@ const ll = {
       }
     }
   }
-}, sl = /* @__PURE__ */ v(ll, [["render", il]]), Be = {
+}, tl = /* @__PURE__ */ v(el, [["render", Zi]]), Be = {
   props: {
     // Position.
     appendTo: { type: [String, Boolean, Object] },
@@ -4165,7 +4164,7 @@ const ll = {
     }
   }
 };
-function ol(e, t, i, s, n, l) {
+function il(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
@@ -4237,7 +4236,7 @@ function ol(e, t, i, s, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const al = {
+const ll = {
   name: "w-menu",
   mixins: [Be],
   inheritAttrs: !1,
@@ -4410,8 +4409,8 @@ const al = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, nl = /* @__PURE__ */ v(al, [["render", ol]]);
-function rl(e, t, i, s, n, l) {
+}, sl = /* @__PURE__ */ v(ll, [["render", il]]);
+function ol(e, t, i, s, n, l) {
   const a = $("w-alert");
   return o(), b(P, {
     name: l.transitionName,
@@ -4439,7 +4438,7 @@ function rl(e, t, i, s, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const dl = {
+const al = {
   name: "w-notification",
   props: {
     // Notification props.
@@ -4562,8 +4561,8 @@ const dl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, ul = /* @__PURE__ */ v(dl, [["render", rl]]);
-function hl(e, t, i, s, n, l) {
+}, nl = /* @__PURE__ */ v(al, [["render", ol]]);
+function rl(e, t, i, s, n, l) {
   const a = ke("focus");
   return o(), b(P, {
     name: "fade",
@@ -4589,7 +4588,7 @@ function hl(e, t, i, s, n, l) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const cl = {
+const dl = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4647,17 +4646,17 @@ const cl = {
       e && (this.showOverlay = !0);
     }
   }
-}, pl = /* @__PURE__ */ v(cl, [["render", hl]]), fl = { class: "w-parallax" };
-function ml(e, t, i, s, n, l) {
-  return o(), u("div", fl);
+}, ul = /* @__PURE__ */ v(dl, [["render", rl]]), hl = { class: "w-parallax" };
+function cl(e, t, i, s, n, l) {
+  return o(), u("div", hl);
 }
-const gl = {
+const pl = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), yl = ["viewBox"], wl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], kl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function vl(e, t, i, s, n, l) {
+}, fl = /* @__PURE__ */ v(pl, [["render", cl]]), ml = ["viewBox"], gl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], bl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function yl(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-progress", l.classes]),
     style: R(l.styles)
@@ -4675,7 +4674,7 @@ function vl(e, t, i, s, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, wl)) : p("", !0),
+      }, null, 10, gl)) : p("", !0),
       w("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
@@ -4686,8 +4685,8 @@ function vl(e, t, i, s, n, l) {
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
         style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, kl)
-    ], 8, yl)) : (o(), u("div", {
+      }, null, 12, bl)
+    ], 8, ml)) : (o(), u("div", {
       key: 0,
       class: f(["w-progress__progress", { full: l.progressValue === 100 }]),
       style: R(`width: ${l.progressValue}%`)
@@ -4702,7 +4701,7 @@ function vl(e, t, i, s, n, l) {
     ], 2)) : p("", !0)
   ], 6);
 }
-const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
+const Q = 40, wl = Q / 2, kl = Math.round(Q * 3.14 * 100) / 100, vl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4730,8 +4729,8 @@ const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
   emits: [],
   data: () => ({
     circleSize: Q,
-    circleRadius: Cl,
-    circleCircumference: Sl
+    circleRadius: wl,
+    circleCircumference: kl
   }),
   computed: {
     progressValue() {
@@ -4771,8 +4770,8 @@ const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
       };
     }
   }
-}, _l = /* @__PURE__ */ v(Bl, [["render", vl]]), $l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Il = ["for"], Vl = ["for", "innerHTML"], Tl = ["for"], Ll = ["for", "innerHTML"];
-function Rl(e, t, i, s, n, l) {
+}, Cl = /* @__PURE__ */ v(vl, [["render", yl]]), Sl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Bl = ["for"], _l = ["for", "innerHTML"], $l = ["for"], Il = ["for", "innerHTML"];
+function Vl(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
@@ -4795,7 +4794,7 @@ function Rl(e, t, i, s, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, $l),
+      }, null, 40, Sl),
       l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -4805,12 +4804,12 @@ function Rl(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, Il)) : i.label ? (o(), u("label", {
+        ], 10, Bl)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Vl)) : p("", !0)
+        }, null, 10, _l)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-radio__input", this.color]),
@@ -4827,18 +4826,18 @@ function Rl(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, Tl)) : i.label ? (o(), u("label", {
+        ], 10, $l)) : i.label ? (o(), u("label", {
           key: 1,
           class: f(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Ll)) : p("", !0)
+        }, null, 10, Il)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const xl = {
+const Tl = {
   name: "w-radio",
   mixins: [M],
   inject: { wRadios: { default: null } },
@@ -4903,8 +4902,8 @@ const xl = {
       this.toggleFromOutside();
     }
   }
-}, Pl = /* @__PURE__ */ v(xl, [["render", Rl]]), zl = ["innerHTML"];
-function Ol(e, t, i, s, n, l) {
+}, Ll = /* @__PURE__ */ v(Tl, [["render", Vl]]), Rl = ["innerHTML"];
+function xl(e, t, i, s, n, l) {
   const a = $("w-radio");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
@@ -4939,7 +4938,7 @@ function Ol(e, t, i, s, n, l) {
           }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, zl)) : p("", !0)
+          }, null, 8, Rl)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -4947,7 +4946,7 @@ function Ol(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Ml = {
+const Pl = {
   name: "w-radios",
   mixins: [M],
   props: {
@@ -5000,8 +4999,8 @@ const Ml = {
       return this.items[e._index];
     }
   }
-}, El = /* @__PURE__ */ v(Ml, [["render", Ol]]), Al = ["id", "name", "value"], Wl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Kl(e, t, i, s, n, l) {
+}, zl = /* @__PURE__ */ v(Pl, [["render", xl]]), Ol = ["id", "name", "value"], Ml = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function El(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
@@ -5016,7 +5015,7 @@ function Kl(e, t, i, s, n, l) {
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, Al),
+      }, null, 8, Ol),
       (o(!0), u(k, null, x(i.max, (a) => (o(), u(k, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
@@ -5041,13 +5040,13 @@ function Kl(e, t, i, s, n, l) {
             "aria-hidden": "true",
             style: R(l.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, Wl)
+        ], 42, Ml)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Nl = {
+const Al = {
   name: "w-rating",
   mixins: [M],
   props: {
@@ -5141,8 +5140,8 @@ const Nl = {
       this.rating = parseFloat(e);
     }
   }
-}, Dl = /* @__PURE__ */ v(Nl, [["render", Kl]]);
-function Hl(e, t, i, s, n, l) {
+}, Wl = /* @__PURE__ */ v(Al, [["render", El]]);
+function Kl(e, t, i, s, n, l) {
   return o(), u(k, null, [
     w("div", _({
       class: ["w-scrollable", l.scrollableClasses],
@@ -5166,7 +5165,7 @@ function Hl(e, t, i, s, n, l) {
     ], 34)
   ], 64);
 }
-const Fl = {
+const Nl = {
   h: {
     direction: "horizontal",
     topOrLeft: "left",
@@ -5189,7 +5188,7 @@ const Fl = {
     deltaXorY: "deltaY",
     scrollTopOrLeft: "scrollTop"
   }
-}, jl = {
+}, Dl = {
   name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
@@ -5213,7 +5212,7 @@ const Fl = {
       return this.mounted ? (console.log("💂‍♂️", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((s = this.$refs.scrollable) == null ? void 0 : s.offsetWidth)) : !1;
     },
     m() {
-      return Fl[this.isHorizontal ? "h" : "v"];
+      return Nl[this.isHorizontal ? "h" : "v"];
     },
     scrollableClasses() {
       return {
@@ -5282,11 +5281,11 @@ const Fl = {
     const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
     this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style.padding = 0, window.addEventListener("resize", this.onResize);
   }
-}, Ul = /* @__PURE__ */ v(jl, [["render", Hl]]), ql = ["aria-expanded", "aria-owns", "aria-activedescendant"], Xl = {
+}, Hl = /* @__PURE__ */ v(Dl, [["render", Kl]]), Fl = ["aria-expanded", "aria-owns", "aria-activedescendant"], jl = {
   key: 0,
   class: "w-select__selection-slot"
-}, Yl = ["innerHTML"], Gl = ["value", "name"];
-function Jl(e, t, i, s, n, l) {
+}, Ul = ["innerHTML"], ql = ["value", "name"];
+function Xl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
@@ -5341,7 +5340,7 @@ function Jl(e, t, i, s, n, l) {
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (o(), u("div", Xl, [
+            e.$slots.selection ? (o(), u("div", jl, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
@@ -5352,13 +5351,13 @@ function Jl(e, t, i, s, n, l) {
               onFocus: t[2] || (t[2] = (h) => !e.isDisabled && !e.isReadonly && l.onFocus(h)),
               onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
               onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
-            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Yl),
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Ul),
             (o(!0), u(k, null, x(e.inputValue.length ? e.inputValue : [{}], (h, y) => (o(), u("input", {
               key: y,
               type: "hidden",
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Gl))), 128)),
+            }, null, 8, ql))), 128)),
             i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 1 }, [
               e.$slots.default || i.label ? (o(), u("label", {
                 key: 0,
@@ -5382,7 +5381,7 @@ function Jl(e, t, i, s, n, l) {
                 _: 1
               })) : p("", !0)
             ])
-          ], 10, ql)
+          ], 10, Fl)
         ]),
         default: m(() => [
           T(r, {
@@ -5444,7 +5443,7 @@ function Jl(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Ql = {
+const Yl = {
   name: "w-select",
   mixins: [M],
   props: {
@@ -5674,11 +5673,11 @@ const Ql = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Zl = /* @__PURE__ */ v(Ql, [["render", Jl]]), es = ["for"], ts = ["for", "innerHTML"], is = { class: "w-slider__track-wrap" }, ls = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ss = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], os = ["for"], as = { key: 0 }, ns = {
+}, Gl = /* @__PURE__ */ v(Yl, [["render", Xl]]), Jl = ["for"], Ql = ["for", "innerHTML"], Zl = { class: "w-slider__track-wrap" }, es = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ts = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], is = ["for"], ls = { key: 0 }, ss = {
   key: 0,
   class: "w-slider__step-labels"
-}, rs = ["onClick"], ds = ["for"], us = ["for", "innerHTML"];
-function hs(e, t, i, s, n, l) {
+}, os = ["onClick"], as = ["for"], ns = ["for", "innerHTML"];
+function rs(e, t, i, s, n, l) {
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
@@ -5695,13 +5694,13 @@ function hs(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, es)) : i.labelLeft ? (o(), u("label", {
+      ], 10, Jl)) : i.labelLeft ? (o(), u("label", {
         key: 1,
         class: f(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, ts)) : p("", !0),
-      w("div", is, [
+      }, null, 10, Ql)) : p("", !0),
+      w("div", Zl, [
         w("div", {
           class: f(["w-slider__track", l.trackClasses]),
           ref: "track",
@@ -5740,13 +5739,13 @@ function hs(e, t, i, s, n, l) {
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
               onClick: t[3] || (t[3] = O(() => {
               }, ["prevent"]))
-            }, null, 42, ss),
+            }, null, 42, ts),
             i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: f(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (o(), u("div", as, [
+              i.thumbLabel === "droplet" ? (o(), u("div", ls, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
                   B(C(~~e.rangeValueScaled), 1)
                 ])
@@ -5756,10 +5755,10 @@ function hs(e, t, i, s, n, l) {
               }, () => [
                 B(C(~~e.rangeValueScaled), 1)
               ])
-            ], 10, os)) : p("", !0)
+            ], 10, is)) : p("", !0)
           ], 4)
-        ], 42, ls),
-        i.stepLabels && i.step ? (o(), u("div", ns, [
+        ], 42, es),
+        i.stepLabels && i.step ? (o(), u("div", ss, [
           w("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
@@ -5769,7 +5768,7 @@ function hs(e, t, i, s, n, l) {
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
             style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, rs))), 128)),
+          }, C(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, os))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5784,17 +5783,17 @@ function hs(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, ds)) : i.labelRight ? (o(), u("label", {
+      ], 10, as)) : i.labelRight ? (o(), u("label", {
         key: 3,
         class: f(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, us)) : p("", !0)
+      }, null, 10, ns)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const cs = {
+const ds = {
   name: "w-slider",
   mixins: [M],
   props: {
@@ -5931,17 +5930,17 @@ const cs = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, ps = /* @__PURE__ */ v(cs, [["render", hs]]), fs = { key: 0 };
-function ms(e, t, i, s, n, l) {
+}, us = /* @__PURE__ */ v(ds, [["render", rs]]), hs = { key: 0 };
+function cs(e, t, i, s, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: f(["w-spinner", l.classes]),
     style: R(l.styles)
   }, [
-    l.isThreeDots ? (o(), u("span", fs)) : p("", !0)
+    l.isThreeDots ? (o(), u("span", hs)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const gs = {
+const ps = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -5979,13 +5978,13 @@ const gs = {
       };
     }
   }
-}, bs = /* @__PURE__ */ v(gs, [["render", ms]]);
-function ys(e, t, i, s, n, l) {
+}, fs = /* @__PURE__ */ v(ps, [["render", cs]]);
+function ms(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-steps", l.classes])
   }, null, 2);
 }
-const ws = {
+const gs = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -6001,14 +6000,14 @@ const ws = {
       };
     }
   }
-}, ks = /* @__PURE__ */ v(ws, [["render", ys]]), vs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Cs = ["for"], Ss = {
+}, bs = /* @__PURE__ */ v(gs, [["render", ms]]), ys = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], ws = ["for"], ks = {
   key: 0,
   class: "w-switch__track"
-}, Bs = {
+}, vs = {
   key: 1,
   class: "w-switch__thumb"
-}, _s = ["for"];
-function $s(e, t, i, s, n, l) {
+}, Cs = ["for"];
+function Ss(e, t, i, s, n, l) {
   const a = $("w-progress");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
@@ -6036,7 +6035,7 @@ function $s(e, t, i, s, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }), null, 16, vs),
+      }), null, 16, ys),
       l.hasLabel && i.labelOnLeft ? (o(), u(k, { key: 0 }, [
         e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
@@ -6046,7 +6045,7 @@ function $s(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, Cs)) : p("", !0)
+        ], 10, ws)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-switch__input", l.inputClasses]),
@@ -6054,10 +6053,10 @@ function $s(e, t, i, s, n, l) {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (o(), u("div", Ss, [
+        e.$slots.track ? (o(), u("div", ks, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (o(), u("div", Bs, [
+        e.$slots.thumb || i.loading ? (o(), u("div", vs, [
           i.loading ? (o(), b(a, _({
             key: 0,
             circle: "",
@@ -6074,13 +6073,13 @@ function $s(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, _s)) : p("", !0)
+        ], 10, Cs)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class", "style"]);
 }
-const Is = {
+const Bs = {
   name: "w-switch",
   mixins: [M],
   inheritAttrs: !1,
@@ -6156,24 +6155,24 @@ const Is = {
       this.isOn = e;
     }
   }
-}, Vs = /* @__PURE__ */ v(Is, [["render", $s]]), Ts = { class: "w-tabs__content" };
-function Ls(e, t, i, s, n, l) {
-  return o(), u("div", Ts, [
+}, _s = /* @__PURE__ */ v(Bs, [["render", Ss]]), $s = { class: "w-tabs__content" };
+function Is(e, t, i, s, n, l) {
+  return o(), u("div", $s, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
-const Rs = {
+const Vs = {
   name: "tab-content",
   // Keep-alive include/exclude mechanism is component-name-based.
   props: { item: Object }
-}, xs = /* @__PURE__ */ v(Rs, [["render", Ls]]), Ps = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], zs = ["innerHTML"], Os = {
+}, Ts = /* @__PURE__ */ v(Vs, [["render", Is]]), Ls = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Rs = ["innerHTML"], xs = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Ms = {
+}, Ps = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, Es = ["innerHTML"], As = ["innerHTML"];
-function Ws(e, t, i, s, n, l) {
+}, zs = ["innerHTML"], Os = ["innerHTML"];
+function Ms(e, t, i, s, n, l) {
   const a = $("tab-content");
   return o(), u("div", {
     class: f(["w-tabs", l.tabsClasses])
@@ -6205,10 +6204,10 @@ function Ws(e, t, i, s, n, l) {
         }, () => [
           w("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, zs)
+          }, null, 8, Rs)
         ])
-      ], 42, Ps))), 128)),
-      e.$slots["tabs-bar-extra"] ? (o(), u("div", Os, [
+      ], 42, Ls))), 128)),
+      e.$slots["tabs-bar-extra"] ? (o(), u("div", xs, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
       !i.noSlider && !i.card ? (o(), u("div", {
@@ -6217,7 +6216,7 @@ function Ws(e, t, i, s, n, l) {
         style: R(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (o(), u("div", Ms, [
+    e.tabs.length ? (o(), u("div", Ps, [
       i.keepInDom ? (o(), b(ae, {
         key: 0,
         name: l.transitionName
@@ -6243,7 +6242,7 @@ function Ws(e, t, i, s, n, l) {
                 r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, Es)) : p("", !0)
+                }, null, 8, zs)) : p("", !0)
               ])
             ]),
             _: 2
@@ -6282,7 +6281,7 @@ function Ws(e, t, i, s, n, l) {
                     r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, As)) : p("", !0)
+                    }, null, 8, Os)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6296,7 +6295,7 @@ function Ws(e, t, i, s, n, l) {
   ], 2);
 }
 let ye = 0;
-const Ks = {
+const Es = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6322,7 +6321,7 @@ const Ks = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: xs },
+  components: { TabContent: Ts },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -6471,51 +6470,51 @@ const Ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ns = /* @__PURE__ */ v(Ks, [["render", Ws]]), Ds = { class: "w-table__scroll-wrap" }, Hs = { ref: "colgroup" }, Fs = ["width"], js = { key: 0 }, Us = ["onClick"], qs = ["innerHTML"], Xs = {
+}, As = /* @__PURE__ */ v(Es, [["render", Ms]]), Ws = { class: "w-table__scroll-wrap" }, Ks = { ref: "colgroup" }, Ns = ["width"], Ds = { key: 0 }, Hs = ["onClick"], Fs = ["innerHTML"], js = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ys = ["colspan"], Gs = {
+}, Us = ["colspan"], qs = {
   key: 0,
   class: "w-table__progress-bar"
-}, Js = ["colspan"], Qs = { class: "w-table__loading-text" }, Zs = {
+}, Xs = ["colspan"], Ys = { class: "w-table__loading-text" }, Gs = {
   key: 1,
   class: "no-data"
-}, eo = ["colspan"], to = ["onClick"], io = ["data-label"], lo = ["data-label"], so = ["innerHTML"], oo = {
+}, Js = ["colspan"], Qs = ["onClick"], Zs = ["data-label"], eo = ["data-label"], to = ["innerHTML"], io = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, ao = ["colspan"], no = { key: 0 }, ro = {
+}, lo = ["colspan"], so = { key: 0 }, oo = {
   key: 3,
   class: "w-table__extra-row"
-}, uo = {
+}, ao = {
   key: 1,
   class: "w-table__footer"
-}, ho = {
+}, no = {
   key: 1,
   class: "w-table__row"
-}, co = ["colspan"], po = {
+}, ro = ["colspan"], uo = {
   key: 0,
   class: "w-table__pagination w-pagination"
-}, fo = { class: "pages-wrap" }, mo = { class: "w-pagination__results" };
-function go(e, t, i, s, n, l) {
+}, ho = { class: "pages-wrap" }, co = { class: "w-pagination__results" };
+function po(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), S = $("w-button");
   return o(), u("div", {
     class: f(["w-table w-table--wrap", l.classes])
   }, [
-    w("div", Ds, [
+    w("div", Ws, [
       w("table", {
         class: "w-table__table",
         onMousedown: t[1] || (t[1] = (...g) => l.onMouseDown && l.onMouseDown(...g)),
         onMouseover: t[2] || (t[2] = (...g) => l.onMouseOver && l.onMouseOver(...g)),
         onMouseout: t[3] || (t[3] = (...g) => l.onMouseOut && l.onMouseOut(...g))
       }, [
-        w("colgroup", Hs, [
+        w("colgroup", Ks, [
           (o(!0), u(k, null, x(i.headers, (g, V) => (o(), u("col", {
             class: f(["w-table__col", l.colClasses[V]]),
             key: V,
             width: g.width || null
-          }, null, 10, Fs))), 128))
+          }, null, 10, Ns))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (o(), u("thead", js, [
+        i.noHeaders ? p("", !0) : (o(), u("thead", Ds, [
           w("tr", null, [
             (o(!0), u(k, null, x(i.headers, (g, V) => (o(), u("th", {
               class: f(["w-table__header", l.headerClasses(g)]),
@@ -6526,9 +6525,9 @@ function go(e, t, i, s, n, l) {
                 key: 0,
                 class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
-                default: m(() => [
+                default: m(() => t[8] || (t[8] = [
                   B("wi-arrow-down")
-                ]),
+                ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
               g.label ? (o(), u(k, { key: 1 }, [
@@ -6542,15 +6541,15 @@ function go(e, t, i, s, n, l) {
                 ]) : (o(), u("span", {
                   key: 1,
                   innerHTML: g.label || ""
-                }, null, 8, qs))
+                }, null, 8, Fs))
               ], 64)) : p("", !0),
               g.sortable !== !1 && g.align !== "right" ? (o(), b(a, {
                 key: 2,
                 class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
-                default: m(() => [
+                default: m(() => t[9] || (t[9] = [
                   B("wi-arrow-down")
-                ]),
+                ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
               V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
@@ -6559,42 +6558,42 @@ function go(e, t, i, s, n, l) {
                 onClick: t[0] || (t[0] = O(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
-            ], 10, Us))), 128))
+            ], 10, Hs))), 128))
           ]),
           T(d, null, {
             default: m(() => [
-              i.loading === "header" ? (o(), u("tr", Xs, [
+              i.loading === "header" ? (o(), u("tr", js, [
                 w("td", {
                   colspan: i.headers.length
                 }, [
                   T(r, { tile: "" })
-                ], 8, Ys)
+                ], 8, Us)
               ])) : p("", !0)
             ]),
             _: 1
           })
         ])),
         w("tbody", null, [
-          i.loading === !0 ? (o(), u("tr", Gs, [
+          i.loading === !0 ? (o(), u("tr", qs, [
             w("td", {
               colspan: i.headers.length
             }, [
               T(r, { tile: "" }),
-              w("div", Qs, [
+              w("div", Ys, [
                 c(e.$slots, "loading", {}, () => [
-                  B("Loading...")
+                  t[10] || (t[10] = B("Loading..."))
                 ])
               ])
-            ], 8, Js)
-          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Zs, [
+            ], 8, Xs)
+          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Gs, [
             w("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
             }, [
               c(e.$slots, "no-data", {}, () => [
-                B("No data to show.")
+                t[11] || (t[11] = B("No data to show."))
               ])
-            ], 8, eo)
+            ], 8, Js)
           ])),
           l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (g, V) => (o(), u(k, { key: V }, [
             e.$slots.item ? c(e.$slots, "item", {
@@ -6637,29 +6636,29 @@ function go(e, t, i, s, n, l) {
                     key: 3,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
-                ], 10, io)) : (o(), u("td", {
+                ], 10, Zs)) : (o(), u("td", {
                   class: f(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
                   key: `${z}-b`,
                   "data-label": I.label
                 }, [
                   w("div", {
                     innerHTML: g[I.key] || ""
-                  }, null, 8, so),
+                  }, null, 8, to),
                   z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
                     class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
                   }, null, 2)) : p("", !0)
-                ], 10, lo))
+                ], 10, eo))
               ], 64))), 256))
-            ], 10, to)),
-            l.expandedRowsByUid[g._uid] ? (o(), u("tr", oo, [
+            ], 10, Qs)),
+            l.expandedRowsByUid[g._uid] ? (o(), u("tr", io, [
               w("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
                 T(h, { y: "" }, {
                   default: m(() => [
-                    l.expandedRowsByUid[g._uid] ? (o(), u("div", no, [
+                    l.expandedRowsByUid[g._uid] ? (o(), u("div", so, [
                       c(e.$slots, "row-expansion", {
                         item: g,
                         index: V + 1
@@ -6672,26 +6671,26 @@ function go(e, t, i, s, n, l) {
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, ao)
+              ], 8, lo)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (o(), u("div", ro, [
+          e.$slots["extra-row"] ? (o(), u("div", oo, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", uo, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", ho, [
+        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", ao, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", no, [
             w("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               c(e.$slots, "footer")
-            ], 8, co)
+            ], 8, ro)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (o(), u("div", po, [
+    i.pagination && e.paginationConfig ? (o(), u("div", uo, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6710,7 +6709,7 @@ function go(e, t, i, s, n, l) {
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
-        w("div", fo, [
+        w("div", ho, [
           T(S, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
             onClick: t[6] || (t[6] = (g) => l.goToPage("-1")),
@@ -6738,9 +6737,9 @@ function go(e, t, i, s, n, l) {
               round: "",
               lg: ""
             }, {
-              default: m(() => [
+              default: m(() => t[12] || (t[12] = [
                 B("...")
-              ]),
+              ])),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
           ], 64))), 128)) : (o(!0), u(k, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (o(), b(S, {
@@ -6764,12 +6763,12 @@ function go(e, t, i, s, n, l) {
             lg: ""
           }, null, 8, ["disabled"])
         ]),
-        w("span", mo, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
+        w("span", co, C(e.paginationConfig.start) + "-" + C(e.paginationConfig.end || e.paginationConfig.total) + " of " + C(e.paginationConfig.total), 1)
       ])
     ])) : p("", !0)
   ], 2);
 }
-const we = 15, bo = {
+const we = 15, fo = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -7098,8 +7097,8 @@ const we = 15, bo = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, yo = /* @__PURE__ */ v(bo, [["render", go]]), wo = ["role", "aria-pressed", "tabindex"];
-function ko(e, t, i, s, n, l) {
+}, mo = /* @__PURE__ */ v(fo, [["render", po]]), go = ["role", "aria-pressed", "tabindex"];
+function bo(e, t, i, s, n, l) {
   return o(), u("span", {
     class: f(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (a) => {
@@ -7123,9 +7122,9 @@ function ko(e, t, i, s, n, l) {
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 46, wo);
+  ], 46, go);
 }
-const vo = {
+const yo = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -7174,8 +7173,8 @@ const vo = {
       };
     }
   }
-}, Co = /* @__PURE__ */ v(vo, [["render", ko]]), So = ["for"], Bo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], _o = ["for"];
-function $o(e, t, i, s, n, l) {
+}, wo = /* @__PURE__ */ v(yo, [["render", bo]]), ko = ["for"], vo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Co = ["for"];
+function So(e, t, i, s, n, l) {
   const a = $("w-icon");
   return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
@@ -7197,7 +7196,7 @@ function $o(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, So)) : p("", !0)
+        ], 10, ko)) : p("", !0)
       ], 64)) : p("", !0),
       w("div", {
         class: f(["w-textarea__textarea-wrap", l.inputWrapClasses])
@@ -7236,7 +7235,7 @@ function $o(e, t, i, s, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, Bo), [
+        }), null, 16, vo), [
           [ve, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (o(), u(k, { key: 0 }, [
@@ -7275,13 +7274,13 @@ function $o(e, t, i, s, n, l) {
           c(e.$slots, "default", {}, () => [
             B(C(i.label), 1)
           ])
-        ], 10, _o)) : p("", !0)
+        ], 10, Co)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const Io = {
+const Bo = {
   name: "w-textarea",
   mixins: [M],
   inheritAttrs: !1,
@@ -7407,8 +7406,8 @@ const Io = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, Vo = /* @__PURE__ */ v(Io, [["render", $o]]), To = ["innerHTML"], Lo = ["innerHTML"];
-function Ro(e, t, i, s, n, l) {
+}, _o = /* @__PURE__ */ v(Bo, [["render", So]]), $o = ["innerHTML"], Io = ["innerHTML"];
+function Vo(e, t, i, s, n, l) {
   return o(), u("ul", {
     class: f(["w-timeline", l.classes])
   }, [
@@ -7436,16 +7435,16 @@ function Ro(e, t, i, s, n, l) {
         w("div", {
           class: f(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, To),
+        }, null, 10, $o),
         w("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, Lo)
+        }, null, 8, Io)
       ])
     ]))), 128))
   ], 2);
 }
-const xo = {
+const To = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -7467,8 +7466,8 @@ const xo = {
       };
     }
   }
-}, Po = /* @__PURE__ */ v(xo, [["render", Ro]]);
-function zo(e, t, i, s, n, l) {
+}, Lo = /* @__PURE__ */ v(To, [["render", Vo]]);
+function Ro(e, t, i, s, n, l) {
   return o(), u("div", {
     class: f(["w-toolbar", l.classes]),
     style: R(l.styles)
@@ -7476,7 +7475,7 @@ function zo(e, t, i, s, n, l) {
     c(e.$slots, "default")
   ], 6);
 }
-const Oo = {
+const xo = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -7527,8 +7526,8 @@ const Oo = {
       };
     }
   }
-}, Mo = /* @__PURE__ */ v(Oo, [["render", zo]]);
-function Eo(e, t, i, s, n, l) {
+}, Po = /* @__PURE__ */ v(xo, [["render", Ro]]);
+function zo(e, t, i, s, n, l) {
   return o(), u(k, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
     T(P, {
@@ -7549,7 +7548,7 @@ function Eo(e, t, i, s, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const Ao = {
+const Oo = {
   name: "w-tooltip",
   mixins: [Be],
   props: {
@@ -7685,8 +7684,8 @@ const Ao = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Wo = /* @__PURE__ */ v(Ao, [["render", Eo]]);
-function Ko(e, t, i, s, n, l) {
+}, Mo = /* @__PURE__ */ v(Oo, [["render", zo]]);
+function Eo(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7694,14 +7693,14 @@ function Ko(e, t, i, s, n, l) {
     _: 3
   }, 16);
 }
-const No = {
+const Ao = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Do = /* @__PURE__ */ v(No, [["render", Ko]]);
-function Ho(e, t, i, s, n, l) {
+}, Wo = /* @__PURE__ */ v(Ao, [["render", Eo]]);
+function Ko(e, t, i, s, n, l) {
   return o(), b(P, {
     name: "expand",
     mode: "out-in",
@@ -7722,7 +7721,7 @@ function Ho(e, t, i, s, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Fo = {
+const No = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7812,8 +7811,8 @@ const Fo = {
       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;
     }
   }
-}, jo = /* @__PURE__ */ v(Fo, [["render", Ho]]);
-function Uo(e, t, i, s, n, l) {
+}, Do = /* @__PURE__ */ v(No, [["render", Ko]]);
+function Ho(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7821,14 +7820,14 @@ function Uo(e, t, i, s, n, l) {
     _: 3
   }, 16);
 }
-const qo = {
+const Fo = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
-function Yo(e, t, i, s, n, l) {
+}, jo = /* @__PURE__ */ v(Fo, [["render", Ho]]);
+function Uo(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7836,14 +7835,14 @@ function Yo(e, t, i, s, n, l) {
     _: 3
   }, 16);
 }
-const Go = {
+const qo = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]);
-function Qo(e, t, i, s, n, l) {
+}, Xo = /* @__PURE__ */ v(qo, [["render", Uo]]);
+function Yo(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7851,14 +7850,14 @@ function Qo(e, t, i, s, n, l) {
     _: 3
   }, 16);
 }
-const Zo = {
+const Go = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ea = /* @__PURE__ */ v(Zo, [["render", Qo]]);
-function ta(e, t, i, s, n, l) {
+}, Jo = /* @__PURE__ */ v(Go, [["render", Yo]]);
+function Qo(e, t, i, s, n, l) {
   return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7866,7 +7865,7 @@ function ta(e, t, i, s, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const ia = {
+const Zo = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -7884,8 +7883,8 @@ const ia = {
       return `slide-${this.direction}`;
     }
   }
-}, la = /* @__PURE__ */ v(ia, [["render", ta]]);
-function sa(e, t, i, s, n, l) {
+}, ea = /* @__PURE__ */ v(Zo, [["render", Qo]]);
+function ta(e, t, i, s, n, l) {
   return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7893,7 +7892,7 @@ function sa(e, t, i, s, n, l) {
     _: 3
   }, 16, ["name"]);
 }
-const oa = {
+const ia = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -7911,8 +7910,8 @@ const oa = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, aa = /* @__PURE__ */ v(oa, [["render", sa]]);
-function na(e, t, i, s, n, l) {
+}, la = /* @__PURE__ */ v(ia, [["render", ta]]);
+function sa(e, t, i, s, n, l) {
   return o(), b(P, _({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
@@ -7920,17 +7919,17 @@ function na(e, t, i, s, n, l) {
     _: 3
   }, 16);
 }
-const ra = {
+const oa = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, da = /* @__PURE__ */ v(ra, [["render", na]]), ua = ["innerHTML"], ha = {
+}, aa = /* @__PURE__ */ v(oa, [["render", sa]]), na = ["innerHTML"], ra = {
   key: 1,
   class: "ml1"
 };
-function ca(e, t, i, s, n, l) {
+function da(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
   return o(), u("ul", {
     class: f(["w-tree", l.classes])
@@ -7980,8 +7979,8 @@ function ca(e, t, i, s, n, l) {
               }, 1032, ["color"])) : p("", !0),
               w("span", {
                 innerHTML: h.label
-              }, null, 8, ua),
-              i.counts && (h.children || h.branch) ? (o(), u("span", ha, "(" + C(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : p("", !0)
+              }, null, 8, na),
+              i.counts && (h.children || h.branch) ? (o(), u("span", ra, "(" + C(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
@@ -8024,7 +8023,7 @@ function ca(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const pa = {
+const ua = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -8222,7 +8221,7 @@ const pa = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, fa = /* @__PURE__ */ v(pa, [["render", ca]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ha = /* @__PURE__ */ v(ua, [["render", da]]), ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   WAccordion: at,
   WAlert: ut,
@@ -8230,55 +8229,55 @@ const pa = {
   WAutocomplete: kt,
   WBadge: Vt,
   WBreadcrumbs: xt,
-  WButton: Nt,
-  WCard: jt,
-  WCheckbox: ti,
-  WCheckboxes: oi,
-  WConfirm: ri,
-  WDatePicker: hi,
-  WDialog: fi,
-  WDivider: yi,
-  WDrawer: Si,
-  WFlex: $i,
-  WForm: Li,
-  WFormElement: Pi,
-  WGrid: Mi,
-  WIcon: Wi,
-  WImage: Fi,
-  WInput: tl,
-  WList: sl,
-  WMenu: nl,
-  WNotification: ul,
-  WOverlay: pl,
-  WParallax: bl,
-  WProgress: _l,
-  WRadio: Pl,
-  WRadios: El,
-  WRating: Dl,
-  WScrollable: Ul,
-  WSelect: Zl,
-  WSlider: ps,
-  WSpinner: bs,
-  WSteps: ks,
-  WSwitch: Vs,
-  WTable: yo,
-  WTabs: Ns,
-  WTag: Co,
-  WTextarea: Vo,
-  WTimeline: Po,
-  WToolbar: Mo,
-  WTooltip: Wo,
-  WTransitionBounce: Do,
-  WTransitionExpand: jo,
-  WTransitionFade: Xo,
-  WTransitionScale: Jo,
-  WTransitionScaleFade: ea,
-  WTransitionSlide: la,
-  WTransitionSlideFade: aa,
-  WTransitionTwist: da,
-  WTree: fa
-}, Symbol.toStringTag, { value: "Module" })), ga = q.install;
-q.install = (e, t = {}) => ga.call(q, e, { components: ma, ...t });
+  WButton: Kt,
+  WCard: Ft,
+  WCheckbox: Qt,
+  WCheckboxes: ii,
+  WConfirm: oi,
+  WDatePicker: ri,
+  WDialog: hi,
+  WDivider: mi,
+  WDrawer: ki,
+  WFlex: Si,
+  WForm: Ii,
+  WFormElement: Li,
+  WGrid: Pi,
+  WIcon: Mi,
+  WImage: Ni,
+  WInput: Qi,
+  WList: tl,
+  WMenu: sl,
+  WNotification: nl,
+  WOverlay: ul,
+  WParallax: fl,
+  WProgress: Cl,
+  WRadio: Ll,
+  WRadios: zl,
+  WRating: Wl,
+  WScrollable: Hl,
+  WSelect: Gl,
+  WSlider: us,
+  WSpinner: fs,
+  WSteps: bs,
+  WSwitch: _s,
+  WTable: mo,
+  WTabs: As,
+  WTag: wo,
+  WTextarea: _o,
+  WTimeline: Lo,
+  WToolbar: Po,
+  WTooltip: Mo,
+  WTransitionBounce: Wo,
+  WTransitionExpand: Do,
+  WTransitionFade: jo,
+  WTransitionScale: Xo,
+  WTransitionScaleFade: Jo,
+  WTransitionSlide: ea,
+  WTransitionSlideFade: la,
+  WTransitionTwist: aa,
+  WTree: ha
+}, Symbol.toStringTag, { value: "Module" })), pa = q.install;
+q.install = (e, t = {}) => pa.call(q, e, { components: ca, ...t });
 export {
   q as default
 };