wave-ui 3.14.2 → 3.14.3

package/dist/wave-ui.es.js

@@ -5,7 +5,7 @@ var de = (e) => {
 var $e = (e, t, i) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var H = (e, t, i) => $e(e, typeof t != "symbol" ? t + "" : t, i), ue = (e, t, i) => t.has(e) || de("Cannot " + i);
 var Y = (e, t, i) => (ue(e, t, "read from private field"), i ? i.call(e) : t.get(e)), te = (e, t, i) => t.has(e) ? de("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), ie = (e, t, i, s) => (ue(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
-import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as g, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ie, defineComponent as Te, inject as Le, withKeys as E, withModifiers as M, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
+import { reactive as Z, resolveComponent as $, openBlock as o, createBlock as b, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as p, createApp as Ie, defineComponent as Te, inject as Le, withKeys as E, withModifiers as M, renderSlot as c, createTextVNode as B, toDisplayString as C, normalizeStyle as R, toHandlers as ne, Transition as P, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as Re, KeepAlive as xe } from "vue";
 const Pe = Z({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -76,16 +76,18 @@ const Pe = Z({
   return t;
 }, j = (e) => console.warn(`Wave UI: ${e}`), F = (e) => console.error(`Wave UI: ${e}`), Oe = (e) => {
   ["light", "dark"].forEach((t) => {
-    var s;
+    var s, n, l;
     const i = e.colors[t];
     i.shades = {};
-    for (const n in i) {
-      if (n === "shades") continue;
-      const l = i[n], a = { label: n, color: (((s = i[n]) == null ? void 0 : s.color) ?? i[n]).replace("#", "") }, r = a.color;
-      r.length === 3 && (a.color = r[0] + "" + r[0] + r[1] + r[1] + r[2] + r[2]);
-      for (let d = 1; d <= 6; d++) {
-        const h = We(`#${a.color}`, d * ((l == null ? void 0 : l.lightIncrement) ?? 16) + ((l == null ? void 0 : l.lightOffset) ?? 0)), y = Ke(`#${a.color}`, d * ((l == null ? void 0 : l.darkIncrement) ?? 12.4) + ((l == null ? void 0 : l.darkOffset) ?? 0));
-        i.shades[`${a.label}-light${d}`] = h, i.shades[`${a.label}-dark${d}`] = y;
+    for (const a in i) {
+      if (a === "shades") continue;
+      const r = i[a], d = { label: a, color: (l = (n = ((s = i[a]) == null ? void 0 : s.color) ?? i[a]) == null ? void 0 : n.replace) == null ? void 0 : l.call(n, "#", "") }, h = d.color;
+      if (h) {
+        h.length === 3 && (d.color = h[0] + "" + h[0] + h[1] + h[1] + h[2] + h[2]);
+        for (let y = 1; y <= 6; y++) {
+          const S = We(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = Ke(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
+          i.shades[`${d.label}-light${y}`] = S, i.shades[`${d.label}-dark${y}`] = g;
+        }
       }
     }
   });
@@ -132,8 +134,8 @@ function pe(e, t, i, s) {
   return `#${J(e)}${J(t)}${J(i)}${s ? J(Math.floor(s * 255)) : ""}`;
 }
 function Se(e, t, i = 50) {
-  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), B = G(Math.round(s.green * d + n.green * h), 0, 255), b = G(Math.round(s.blue * d + n.blue * h), 0, 255), I = s.alpha * l + n.alpha * (1 - l);
-  return s.hasAlpha || n.hasAlpha || I !== 1 ? pe(y, B, b, I) : pe(y, B, b);
+  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), S = G(Math.round(s.green * d + n.green * h), 0, 255), g = G(Math.round(s.blue * d + n.blue * h), 0, 255), I = s.alpha * l + n.alpha * (1 - l);
+  return s.hasAlpha || n.hasAlpha || I !== 1 ? pe(y, S, g, I) : pe(y, S, g);
 }
 function We(e, t = 15) {
   return Se("#ffffff", e, t);
@@ -501,14 +503,14 @@ const Ne = (e, t) => {
     i += `${y} .${V}--bg{background-color:var(--w-${V}-color)}${y} .${V}{color:var(--w-${V}-color)}`;
   for (const V in d)
     i += `${y} .${V}--bg{background-color:${d[V]}}${y} .${V}{color:${d[V]}}`;
-  const B = { ...h, info: n, warning: l, success: a, error: r };
-  for (const V in B) s[V] = ((I = B[V]) == null ? void 0 : I.color) ?? B[V];
+  const S = { ...h, info: n, warning: l, success: a, error: r };
+  for (const V in S) s[V] = ((I = S[V]) == null ? void 0 : I.color) ?? S[V];
   if (t)
     for (const V in d) s[V] = d[V];
-  let b = "";
+  let g = "";
   return Object.entries(s).forEach(([V, O]) => {
-    b += `--w-${V}-color: ${O};`;
-  }), `:root{${b}}${i}`;
+    g += `--w-${V}-color: ${O};`;
+  }), `:root{${g}}${i}`;
 }, De = (e, t) => {
   let i = "";
   const { cssScope: s } = U;
@@ -543,6 +545,8 @@ const Ne = (e, t) => {
     "no-grow{flex-grow:0}",
     "shrink{flex-shrink:1;margin-left:auto;margin-right:auto}",
     "no-shrink{flex-shrink:0}",
+    "wrap{flex-wrap: wrap}",
+    "no-wrap{flex-wrap: nowrap}",
     "fill-width{width:100%}",
     "fill-height{height:100%}",
     "basis-zero{flex-basis:0}",
@@ -610,7 +614,7 @@ const Ne = (e, t) => {
 }, qe = ["innerHTML"];
 function Xe(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return o(), g(Ve, { to: ".w-app" }, [
+  return o(), b(Ve, { to: ".w-app" }, [
     T(ae, {
       class: f(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
@@ -619,7 +623,7 @@ function Xe(e, t, i, s, n, l) {
     }, {
       default: m(() => [
         (o(!0), u(k, null, x(l.notifications, (r) => (o(), u(k, null, [
-          r._value ? (o(), g(a, _({
+          r._value ? (o(), b(a, _({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -840,7 +844,7 @@ function st(e, t, i, s, n, l) {
         onKeypress: E((y) => !d._disabled && l.toggleItem(d, y), ["enter"]),
         tabindex: !d._disabled && 0
       }, [
-        i.expandIcon && !i.expandIconRight ? (o(), g(a, {
+        i.expandIcon && !i.expandIconRight ? (o(), b(a, {
           key: 0,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
@@ -868,7 +872,7 @@ function st(e, t, i, s, n, l) {
             innerHTML: d[i.itemTitleKey]
           }, null, 8, it)
         ]),
-        i.expandIcon && i.expandIconRight ? (o(), g(a, {
+        i.expandIcon && i.expandIconRight ? (o(), b(a, {
           key: 3,
           class: f(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": d._expanded, "w-accordion__expand-icon--rotate90": i.expandIconRotate90 }]),
           icon: d._expanded && i.collapseIcon || i.expandIcon,
@@ -1006,19 +1010,19 @@ function rt(e, t, i, s, n, l) {
     class: f(["w-alert", l.classes])
   }, [
     l.type || i.icon || i.dismiss ? (o(), u(k, { key: 0 }, [
-      l.type || i.icon ? (o(), g(a, {
+      l.type || i.icon ? (o(), b(a, {
         key: 0,
         class: "w-alert__icon mr2"
       }, {
         default: m(() => [
-          S(C(l.type ? l.typeIcon : i.icon), 1)
+          B(C(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
       w("div", nt, [
         c(e.$slots, "default")
       ]),
-      i.dismiss ? (o(), g(r, {
+      i.dismiss ? (o(), b(r, {
         key: 1,
         class: "w-alert__dismiss",
         onClick: t[0] || (t[0] = (d) => {
@@ -1422,7 +1426,7 @@ function $t(e, t, i, s, n, l) {
           role: "status"
         }, [
           i.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
-            S(C(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
+            B(C(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
         ], 6)) : p("", !0)
       ]),
@@ -1505,17 +1509,17 @@ function Lt(e, t, i, s, n, l) {
         key: `${d}a`
       }, [
         c(e.$slots, "separator", { index: d })
-      ], 2)) : d ? (o(), g(a, {
+      ], 2)) : d ? (o(), b(a, {
         class: f(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}b`
       }, {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
       r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (o(), u(k, { key: 2 }, [
-        e.$slots.item ? (o(), g(L(l.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1529,7 +1533,7 @@ function Lt(e, t, i, s, n, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (o(), g(L(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), b(L(l.hasRouter ? "router-link" : "a"), {
           class: f(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1595,16 +1599,16 @@ const Rt = {
 ], -1);
 function Mt(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return o(), g(L(!i.disabled && i.route ? "a" : "button"), _({
+  return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
     href: !i.disabled && i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
     disabled: !!i.disabled || null
   }, l.attrs, { style: l.styles }), {
     default: m(() => [
-      i.icon ? (o(), g(a, le(_({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), b(a, le(_({ key: 0 }, i.iconProps || {})), {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
@@ -1726,7 +1730,7 @@ const zt = {
 }, Et = /* @__PURE__ */ v(zt, [["render", Mt]]), At = ["innerHTML"];
 function Wt(e, t, i, s, n, l) {
   const a = $("button-partial");
-  return i.tooltip ? (o(), g(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
+  return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
       T(a, _(l.buttonProps, ne(r)), {
         default: m(() => [
@@ -1739,7 +1743,7 @@ function Wt(e, t, i, s, n, l) {
       w("div", { innerHTML: i.tooltip }, null, 8, At)
     ]),
     _: 3
-  }, 16)) : (o(), g(a, le(_({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), b(a, le(_({ key: 1 }, l.buttonProps)), {
     loading: m(() => [
       c(e.$slots, "loading")
     ]),
@@ -1816,7 +1820,7 @@ function Ht(e, t, i, s, n, l) {
       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),
-    i.image ? (o(), g(a, _({
+    i.image ? (o(), b(a, _({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1943,7 +1947,7 @@ const Ft = {
   Yt
 ], Jt = ["for"], Qt = ["for", "innerHTML"];
 function Zt(e, t, i, s, n, l) {
-  return o(), g(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 }, {
+  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),
     onReset: t[6] || (t[6] = (a) => {
@@ -1975,7 +1979,7 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, qt)) : i.label ? (o(), u("label", {
           key: 1,
@@ -1997,7 +2001,7 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Jt)) : i.label ? (o(), u("label", {
           key: 1,
@@ -2080,7 +2084,7 @@ const ei = {
 }, ti = /* @__PURE__ */ v(ei, [["render", Zt]]), ii = ["innerHTML"];
 function li(e, t, i, s, n, l) {
   const a = $("w-checkbox");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+  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,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -2089,7 +2093,7 @@ function li(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (o(!0), u(k, null, x(l.checkboxItems, (r, d) => (o(), g(a, _({
+      (o(!0), u(k, null, x(l.checkboxItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2185,7 +2189,7 @@ const si = {
 }, oi = /* @__PURE__ */ v(si, [["render", li]]);
 function ai(e, t, i, s, n, l) {
   const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
-  return o(), g(d, _({
+  return o(), b(d, _({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
@@ -2205,13 +2209,13 @@ function ai(e, t, i, s, n, l) {
         default: m(() => [
           w("div", null, [
             c(e.$slots, "question", {}, () => [
-              S(C(i.question), 1)
+              B(C(i.question), 1)
             ])
           ]),
           w("div", {
             class: f(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (o(), g(a, _({
+            i.cancel !== !1 ? (o(), b(a, _({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
@@ -2221,19 +2225,19 @@ function ai(e, t, i, s, n, l) {
             }), {
               default: m(() => [
                 c(e.$slots, "cancel", {}, () => [
-                  S(C(l.cancelButton.label), 1)
+                  B(C(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((o(), g(a, _(l.confirmButtonProps, {
+            W((o(), b(a, _(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
               onKeyup: t[1] || (t[1] = E((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: m(() => [
                 c(e.$slots, "confirm", {}, () => [
-                  S(C(l.confirmButton.label), 1)
+                  B(C(l.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -2391,7 +2395,7 @@ const ui = {
 }, hi = /* @__PURE__ */ v(ui, [["render", di]]);
 function ci(e, t, i, s, n, l) {
   const a = $("w-card"), r = $("w-overlay");
-  return o(), g(r, {
+  return o(), b(r, {
     class: f(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
     persistent: i.persistent,
@@ -2561,7 +2565,7 @@ function ki(e, t, i, s, n, l) {
       style: R(l.trackStyles)
     }, [
       w("div", wi, [
-        i.noOverlay ? p("", !0) : (o(), g(a, {
+        i.noOverlay ? p("", !0) : (o(), b(a, {
           key: 0,
           modelValue: n.showDrawer,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => n.showDrawer = r),
@@ -2579,7 +2583,7 @@ function ki(e, t, i, s, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2594,7 +2598,7 @@ function ki(e, t, i, s, n, l) {
         _: 3
       }, 8, ["onBeforeLeave", "onAfterLeave"])
     ], 4)) : (o(), u(k, { key: 1 }, [
-      i.noOverlay ? p("", !0) : (o(), g(a, {
+      i.noOverlay ? p("", !0) : (o(), b(a, {
         key: 0,
         modelValue: n.showDrawer,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => n.showDrawer = r),
@@ -2611,7 +2615,7 @@ function ki(e, t, i, s, n, l) {
         onAfterLeave: l.onClose
       }, {
         default: m(() => [
-          n.showDrawer ? (o(), g(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
             key: 0,
             class: f(["w-drawer", l.drawerClasses]),
             ref: "drawer",
@@ -2743,7 +2747,7 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
   }
 }, Si = /* @__PURE__ */ v(Ci, [["render", ki]]);
 function Bi(e, t, i, s, n, l) {
-  return o(), g(L(i.tag), {
+  return o(), b(L(i.tag), {
     class: f(["w-flex", l.classes])
   }, {
     default: m(() => [
@@ -2940,7 +2944,7 @@ function Ri(e, t, i, s, n, l) {
           c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            S(C(e.Validation.message), 1)
+            B(C(e.Validation.message), 1)
           ])
         ], 2)) : p("", !0)
       ]),
@@ -3023,7 +3027,7 @@ const xi = {
   }
 }, Pi = /* @__PURE__ */ v(xi, [["render", Ri]]);
 function Oi(e, t, i, s, n, l) {
-  return o(), g(L(i.tag), {
+  return o(), b(L(i.tag), {
     class: f(["w-grid", l.classes])
   }, {
     default: m(() => [
@@ -3078,7 +3082,7 @@ const Mi = {
   }
 }, zi = /* @__PURE__ */ v(Mi, [["render", Oi]]);
 function Ei(e, t, i, s, n, l) {
-  return o(), g(L(i.tag || "i"), {
+  return o(), b(L(i.tag || "i"), {
     class: f(["w-icon", l.classes]),
     role: "icon",
     "aria-hidden": "true",
@@ -3086,7 +3090,7 @@ function Ei(e, t, i, s, n, l) {
   }, {
     default: m(() => [
       l.hasLigature ? (o(), u(k, { key: 0 }, [
-        S(C(e.icon), 1)
+        B(C(e.icon), 1)
       ], 64)) : p("", !0)
     ]),
     _: 1
@@ -3167,7 +3171,7 @@ const Ai = {
 };
 function Ni(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return o(), g(L(l.wrapperTag), {
+  return o(), b(L(l.wrapperTag), {
     class: f(["w-image-wrap", l.wrapperClasses]),
     style: R(l.wrapperStyles)
   }, {
@@ -3177,7 +3181,7 @@ function Ni(e, t, i, s, n, l) {
         appear: ""
       }, {
         default: m(() => [
-          n.loaded ? (o(), g(L(i.tag), {
+          n.loaded ? (o(), b(L(i.tag), {
             key: 0,
             class: f(["w-image", l.imageClasses]),
             style: R(l.imageStyles),
@@ -3187,13 +3191,13 @@ function Ni(e, t, i, s, n, l) {
         _: 1
       }, 8, ["name"]),
       !i.noSpinner && n.loading ? (o(), u("div", Ki, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), g(a, _({
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, _({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : p("", !0),
-      e.$slots.default ? (o(), g(L(l.wrapperTag), {
+      e.$slots.default ? (o(), b(L(l.wrapperTag), {
         key: 1,
         class: f(["w-image__content", i.contentClass])
       }, {
@@ -3306,7 +3310,7 @@ const Di = {
 }, Yi = ["for"], Gi = ["src"], Ji = ["for"];
 function Qi(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-progress");
-  return o(), g(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 }, {
+  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,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -3332,7 +3336,7 @@ function Qi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
           ], 10, ji)) : p("", !0)
         ], 64)) : p("", !0),
@@ -3342,7 +3346,7 @@ function Qi(e, t, i, s, n, l) {
           c(e.$slots, "icon-left", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconLeft ? (o(), g(a, {
+            i.innerIconLeft ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-left",
               tag: "label",
@@ -3350,7 +3354,7 @@ function Qi(e, t, i, s, n, l) {
               onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
             }, {
               default: m(() => [
-                S(C(i.innerIconLeft), 1)
+                B(C(i.innerIconLeft), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
@@ -3404,19 +3408,19 @@ function Qi(e, t, i, s, n, l) {
                 !n.inputFiles.length && n.isFocused ? (o(), u("span", Xi, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (o(), u(k, { key: 0 }, [
-                      S("No file")
+                      B("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
                 (o(!0), u(k, null, x(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
-                  S(C(h ? ", " : ""), 1),
+                  B(C(h ? ", " : ""), 1),
                   (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, C(d.base), 1)),
-                  S(C(d.extension ? `.${d.extension}` : ""), 1)
+                  B(C(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -3428,14 +3432,14 @@ function Qi(e, t, i, s, n, l) {
               class: f(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
               c(e.$slots, "default", {}, () => [
-                S(C(i.label), 1)
+                B(C(i.label), 1)
               ])
             ], 2)) : p("", !0)
           ], 64)) : p("", !0),
           c(e.$slots, "icon-right", {
             inputId: `w-input--${e._.uid}`
           }, () => [
-            i.innerIconRight ? (o(), g(a, {
+            i.innerIconRight ? (o(), b(a, {
               key: 0,
               class: "w-input__icon w-input__icon--inner-right",
               tag: "label",
@@ -3443,12 +3447,12 @@ function Qi(e, t, i, s, n, l) {
               onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
             }, {
               default: m(() => [
-                S(C(i.innerIconRight), 1)
+                B(C(i.innerIconRight), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), g(r, {
+          l.hasLoading || i.showProgress && (l.uploadInProgress || l.uploadComplete) ? (o(), b(r, {
             key: 3,
             class: "fill-width",
             size: "2",
@@ -3483,7 +3487,7 @@ function Qi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
           ], 10, Ji)) : p("", !0)
         ], 64)) : p("", !0)
@@ -3687,16 +3691,16 @@ function tl(e, t, i, s, n, l) {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
-      i.icon ? (o(), g(a, {
+      i.icon ? (o(), b(a, {
         key: 0,
         class: "w-list__item-bullet"
       }, {
         default: m(() => [
-          S(C(i.icon), 1)
+          B(C(i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), g(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 1,
         class: "w-list__item-label",
         ref_for: !0
@@ -3718,16 +3722,16 @@ function tl(e, t, i, s, n, l) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            S(C(d._label), 1)
+            B(C(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (o(), g(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      }, 1040)) : (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
         key: 2,
         class: "w-list__item-label",
         ref_for: !0
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (o(), g(r, _({
+      (d.children || []).length ? (o(), b(r, _({
         key: 3,
         ref_for: !0
       }, e.$props, {
@@ -3740,23 +3744,23 @@ function tl(e, t, i, s, n, l) {
       }), ee({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: S, selected: g }) => [
             c(e.$slots, "item", {
               item: l.cleanLi(y),
-              index: B,
-              selected: b
+              index: S,
+              selected: g
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: m(({ item: y, index: B, selected: b }) => [
+          fn: m(({ item: y, index: S, selected: g }) => [
             c(e.$slots, "default", {
               item: l.cleanLi(y),
-              index: B,
-              selected: b
+              index: S,
+              selected: g
             }, () => [
-              S(C(y[i.itemLabelKey]), 1)
+              B(C(y[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -4157,7 +4161,7 @@ function sl(e, t, i, s, n, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (o(), g(a, _({
+        ], 16)) : e.detachableVisible ? (o(), b(a, _({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4196,7 +4200,7 @@ function sl(e, t, i, s, n, l) {
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (o(), g(r, _({
+    i.overlay ? (o(), b(r, _({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -4384,7 +4388,7 @@ const ol = {
 }, al = /* @__PURE__ */ v(ol, [["render", sl]]);
 function nl(e, t, i, s, n, l) {
   const a = $("w-alert");
-  return o(), g(P, {
+  return o(), b(P, {
     name: l.transitionName,
     appear: ""
   }, {
@@ -4536,7 +4540,7 @@ const rl = {
 }, dl = /* @__PURE__ */ v(rl, [["render", nl]]);
 function ul(e, t, i, s, n, l) {
   const a = ke("focus");
-  return o(), g(P, {
+  return o(), b(P, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
@@ -4668,7 +4672,7 @@ function kl(e, t, i, s, n, l) {
       class: f(["w-progress__label", i.labelColor || !1])
     }, [
       c(e.$slots, "default", {}, () => [
-        S(C(Math.round(l.progressValue)) + C(i.circle ? "" : "%"), 1)
+        B(C(Math.round(l.progressValue)) + C(i.circle ? "" : "%"), 1)
       ])
     ], 2)) : p("", !0)
   ], 6);
@@ -4744,7 +4748,7 @@ const Q = 40, vl = Q / 2, Cl = Math.round(Q * 3.14 * 100) / 100, Sl = {
   }
 }, Bl = /* @__PURE__ */ v(Sl, [["render", kl]]), _l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], $l = ["for"], Vl = ["for", "innerHTML"], Il = ["for"], Tl = ["for", "innerHTML"];
 function Ll(e, t, i, s, n, l) {
-  return o(), g(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 }, {
+  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),
     onReset: t[4] || (t[4] = (a) => {
@@ -4774,7 +4778,7 @@ function Ll(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, $l)) : i.label ? (o(), u("label", {
           key: 1,
@@ -4796,7 +4800,7 @@ function Ll(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Il)) : i.label ? (o(), u("label", {
           key: 1,
@@ -4877,7 +4881,7 @@ const Rl = {
 }, xl = /* @__PURE__ */ v(Rl, [["render", Ll]]), Pl = ["innerHTML"];
 function Ol(e, t, i, s, n, l) {
   const a = $("w-radio");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  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,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -4888,7 +4892,7 @@ function Ol(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: m(() => [
-      (o(!0), u(k, null, x(l.radioItems, (r, d) => (o(), g(a, _({
+      (o(!0), u(k, null, x(l.radioItems, (r, d) => (o(), b(a, _({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -4973,7 +4977,7 @@ const Ml = {
   }
 }, zl = /* @__PURE__ */ v(Ml, [["render", Ol]]), El = ["id", "name", "value"], Al = ["disabled", "onMouseenter", "onClick", "tabindex"];
 function Wl(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  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),
     onReset: t[5] || (t[5] = (a) => {
@@ -5259,7 +5263,7 @@ const Hl = {
 }, Xl = ["innerHTML"], Yl = ["value", "name"];
 function Gl(e, t, i, s, n, l) {
   const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return o(), g(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 }, {
+  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,
     "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -5274,7 +5278,7 @@ function Gl(e, t, i, s, n, l) {
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0),
@@ -5300,14 +5304,14 @@ function Gl(e, t, i, s, n, l) {
             "aria-activedescendant": `w-select-menu--${e._.uid}_item-1`
           }, [
             c(e.$slots, "icon-left", {}, () => [
-              i.innerIconLeft ? (o(), g(a, {
+              i.innerIconLeft ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-left",
                 tag: "label",
                 onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
               }, {
                 default: m(() => [
-                  S(C(i.innerIconLeft), 1)
+                  B(C(i.innerIconLeft), 1)
                 ]),
                 _: 1
               })) : p("", !0)
@@ -5336,19 +5340,19 @@ function Gl(e, t, i, s, n, l) {
                 class: f(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
                 c(e.$slots, "default", {}, () => [
-                  S(C(i.label), 1)
+                  B(C(i.label), 1)
                 ])
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
             c(e.$slots, "icon-right", {}, () => [
-              i.innerIconRight ? (o(), g(a, {
+              i.innerIconRight ? (o(), b(a, {
                 key: 0,
                 class: "w-select__icon w-select__icon--inner-right",
                 tag: "label",
                 onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
               }, {
                 default: m(() => [
-                  S(C(i.innerIconRight), 1)
+                  B(C(i.innerIconRight), 1)
                 ]),
                 _: 1
               })) : p("", !0)
@@ -5378,21 +5382,21 @@ function Gl(e, t, i, s, n, l) {
           }, ee({ _: 2 }, [
             x(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: m(({ item: y, selected: B, index: b }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, B, b) ? c(e.$slots, `item.${h}`, {
+              fn: m(({ item: y, selected: S, index: g }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, g) ? c(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: B,
-                  index: b
+                  selected: S,
+                  index: g
                 }, () => [
-                  S(C(y[i.itemLabelKey]), 1)
+                  B(C(y[i.itemLabelKey]), 1)
                 ]) : c(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: B,
-                  index: b
+                  selected: S,
+                  index: g
                 }, () => [
-                  S(C(y[i.itemLabelKey]), 1)
+                  B(C(y[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -5407,7 +5411,7 @@ function Gl(e, t, i, s, n, l) {
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0)
@@ -5650,7 +5654,7 @@ const Jl = {
   class: "w-slider__step-labels"
 }, ns = ["onClick"], rs = ["for"], ds = ["for", "innerHTML"];
 function us(e, t, i, s, n, l) {
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  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),
     onReset: t[9] || (t[9] = (a) => {
@@ -5719,13 +5723,13 @@ function us(e, t, i, s, n, l) {
             }, [
               i.thumbLabel === "droplet" ? (o(), u("div", os, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  S(C(~~e.rangeValueScaled), 1)
+                  B(C(~~e.rangeValueScaled), 1)
                 ])
               ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                S(C(~~e.rangeValueScaled), 1)
+                B(C(~~e.rangeValueScaled), 1)
               ])
             ], 10, ss)) : p("", !0)
           ], 4)
@@ -5981,7 +5985,7 @@ const ys = {
 }, Bs = ["for"];
 function _s(e, t, i, s, n, l) {
   const a = $("w-progress");
-  return o(), g(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  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,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -6015,7 +6019,7 @@ function _s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, vs)) : p("", !0)
       ], 64)) : p("", !0),
@@ -6029,7 +6033,7 @@ function _s(e, t, i, s, n, l) {
           c(e.$slots, "track")
         ])) : p("", !0),
         e.$slots.thumb || i.loading ? (o(), u("div", Ss, [
-          i.loading ? (o(), g(a, _({
+          i.loading ? (o(), b(a, _({
             key: 0,
             circle: "",
             color: "inherit"
@@ -6043,7 +6047,7 @@ function _s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Bs)) : p("", !0)
       ], 64)) : p("", !0)
@@ -6189,12 +6193,12 @@ function As(e, t, i, s, n, l) {
       }, null, 6)) : p("", !0)
     ], 2),
     e.tabs.length ? (o(), u("div", Ms, [
-      i.keepInDom ? (o(), g(ae, {
+      i.keepInDom ? (o(), b(ae, {
         key: 0,
         name: l.transitionName
       }, {
         default: m(() => [
-          (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), g(a, {
+          (o(!0), u(k, null, x(e.tabs, (r, d) => W((o(), b(a, {
             key: r._uid,
             item: r,
             class: f(i.contentClass)
@@ -6223,16 +6227,16 @@ function As(e, t, i, s, n, l) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (o(), g(P, {
+      }, 8, ["name"])) : (o(), b(P, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: m(() => [
-          (o(), g(xe, {
+          (o(), b(xe, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
-            (o(), g(a, {
+            (o(), b(a, {
               key: e.activeTabUid,
               item: l.activeTab,
               class: f(i.contentClass)
@@ -6468,59 +6472,59 @@ const Ws = {
   class: "w-table__pagination w-pagination"
 }, po = { class: "pages-wrap" }, fo = { class: "w-pagination__results" };
 function mo(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), B = $("w-button");
+  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", Ns, [
       w("table", {
         class: "w-table__table",
-        onMousedown: t[1] || (t[1] = (...b) => l.onMouseDown && l.onMouseDown(...b)),
-        onMouseover: t[2] || (t[2] = (...b) => l.onMouseOver && l.onMouseOver(...b)),
-        onMouseout: t[3] || (t[3] = (...b) => l.onMouseOut && l.onMouseOut(...b))
+        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", Ds, [
-          (o(!0), u(k, null, x(i.headers, (b, I) => (o(), u("col", {
+          (o(!0), u(k, null, x(i.headers, (g, I) => (o(), u("col", {
             class: f(["w-table__col", l.colClasses[I]]),
             key: I,
-            width: b.width || null
+            width: g.width || null
           }, null, 10, Hs))), 128))
         ], 512),
         i.noHeaders ? p("", !0) : (o(), u("thead", Fs, [
           w("tr", null, [
-            (o(!0), u(k, null, x(i.headers, (b, I) => (o(), u("th", {
-              class: f(["w-table__header", l.headerClasses(b)]),
+            (o(!0), u(k, null, x(i.headers, (g, I) => (o(), u("th", {
+              class: f(["w-table__header", l.headerClasses(g)]),
               key: I,
-              onClick: (V) => !e.colResizing.dragging && b.sortable !== !1 && l.sortTable(b)
+              onClick: (V) => !e.colResizing.dragging && g.sortable !== !1 && l.sortTable(g)
             }, [
-              b.sortable !== !1 && b.align === "right" ? (o(), g(a, {
+              g.sortable !== !1 && g.align === "right" ? (o(), b(a, {
                 key: 0,
-                class: f(["w-table__header-sort", l.headerSortClasses(b)])
+                class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: m(() => [
-                  S("wi-arrow-down")
+                  B("wi-arrow-down")
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              b.label ? (o(), u(k, { key: 1 }, [
+              g.label ? (o(), u(k, { key: 1 }, [
                 e.$slots["header-label"] ? c(e.$slots, "header-label", {
                   key: 0,
-                  header: b,
-                  label: b.label,
+                  header: g,
+                  label: g.label,
                   index: I + 1
                 }, () => [
-                  S(C(b.label || ""), 1)
+                  B(C(g.label || ""), 1)
                 ]) : (o(), u("span", {
                   key: 1,
-                  innerHTML: b.label || ""
+                  innerHTML: g.label || ""
                 }, null, 8, Us))
               ], 64)) : p("", !0),
-              b.sortable !== !1 && b.align !== "right" ? (o(), g(a, {
+              g.sortable !== !1 && g.align !== "right" ? (o(), b(a, {
                 key: 2,
-                class: f(["w-table__header-sort", l.headerSortClasses(b)])
+                class: f(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: m(() => [
-                  S("wi-arrow-down")
+                  B("wi-arrow-down")
                 ]),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
@@ -6553,7 +6557,7 @@ function mo(e, t, i, s, n, l) {
               T(r, { tile: "" }),
               w("div", Js, [
                 c(e.$slots, "loading", {}, () => [
-                  S("Loading...")
+                  B("Loading...")
                 ])
               ])
             ], 8, Gs)
@@ -6563,21 +6567,21 @@ function mo(e, t, i, s, n, l) {
               colspan: i.headers.length
             }, [
               c(e.$slots, "no-data", {}, () => [
-                S("No data to show.")
+                B("No data to show.")
               ])
             ], 8, Zs)
           ])),
-          l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (b, I) => (o(), u(k, { key: I }, [
+          l.tableItems.length && i.loading !== !0 ? (o(!0), u(k, { key: 2 }, x(l.paginatedItems, (g, I) => (o(), u(k, { key: I }, [
             e.$slots.item ? c(e.$slots, "item", {
               key: 0,
-              item: b,
+              item: g,
               index: I + 1,
-              select: () => l.doSelectRow(b, I),
-              classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }
+              select: () => l.doSelectRow(g, I),
+              classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }
             }) : (o(), u("tr", {
               key: 1,
-              class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[b._uid] !== void 0 }]),
-              onClick: (V) => l.doSelectRow(b, I)
+              class: f(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }]),
+              onClick: (V) => l.doSelectRow(g, I)
             }, [
               (o(!0), u(k, null, x(i.headers, (V, O) => (o(), u(k, null, [
                 e.$slots[`item-cell.${V.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
@@ -6588,20 +6592,20 @@ function mo(e, t, i, s, n, l) {
                   e.$slots[`item-cell.${V.key}`] ? c(e.$slots, `item-cell.${V.key}`, {
                     key: 0,
                     header: V,
-                    item: b,
-                    label: b[V.key] || "",
+                    item: g,
+                    label: g[V.key] || "",
                     index: I + 1
                   }) : e.$slots[`item-cell.${O + 1}`] ? c(e.$slots, `item-cell.${O + 1}`, {
                     key: 1,
                     header: V,
-                    item: b,
-                    label: b[V.key] || "",
+                    item: g,
+                    label: g[V.key] || "",
                     index: I + 1
                   }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                     key: 2,
                     header: V,
-                    item: b,
-                    label: b[V.key] || "",
+                    item: g,
+                    label: g[V.key] || "",
                     index: I + 1
                   }) : p("", !0),
                   O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
@@ -6614,7 +6618,7 @@ function mo(e, t, i, s, n, l) {
                   "data-label": V.label
                 }, [
                   w("div", {
-                    innerHTML: b[V.key] || ""
+                    innerHTML: g[V.key] || ""
                   }, null, 8, lo),
                   O < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
@@ -6623,16 +6627,16 @@ function mo(e, t, i, s, n, l) {
                 ], 10, io))
               ], 64))), 256))
             ], 10, eo)),
-            l.expandedRowsByUid[b._uid] ? (o(), u("tr", so, [
+            l.expandedRowsByUid[g._uid] ? (o(), u("tr", so, [
               w("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
                 T(h, { y: "" }, {
                   default: m(() => [
-                    l.expandedRowsByUid[b._uid] ? (o(), u("div", ao, [
+                    l.expandedRowsByUid[g._uid] ? (o(), u("div", ao, [
                       c(e.$slots, "row-expansion", {
-                        item: b,
+                        item: g,
                         index: I + 1
                       })
                     ])) : p("", !0),
@@ -6670,65 +6674,65 @@ function mo(e, t, i, s, n, l) {
         page: e.paginationConfig.page,
         goToPage: l.goToPage
       }, () => [
-        e.paginationConfig.itemsPerPageOptions ? (o(), g(y, {
+        e.paginationConfig.itemsPerPageOptions ? (o(), b(y, {
           key: 0,
           class: "w-pagination__items-per-page",
           modelValue: e.paginationConfig.itemsPerPage,
-          "onUpdate:modelValue": t[4] || (t[4] = (b) => e.paginationConfig.itemsPerPage = b),
-          onInput: t[5] || (t[5] = (b) => l.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
+          "onUpdate:modelValue": t[4] || (t[4] = (g) => e.paginationConfig.itemsPerPage = g),
+          onInput: t[5] || (t[5] = (g) => l.updatePaginationConfig({ itemsPerPage: e.paginationConfig.itemsPerPage })),
           items: e.paginationConfig.itemsPerPageOptions,
           "label-position": "left",
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
         w("div", po, [
-          T(B, {
+          T(S, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
-            onClick: t[6] || (t[6] = (b) => l.goToPage("-1")),
+            onClick: t[6] || (t[6] = (g) => l.goToPage("-1")),
             disabled: e.paginationConfig.page <= 1,
             icon: "wi-chevron-left",
             text: "",
             lg: ""
           }, null, 8, ["disabled"]),
-          e.paginationConfig.pagesCount > 7 ? (o(!0), u(k, { key: 0 }, x(e.paginationConfig.pagesCount, (b) => (o(), u(k, { key: b }, [
-            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b) ? (o(), g(B, {
+          e.paginationConfig.pagesCount > 7 ? (o(!0), u(k, { key: 0 }, x(e.paginationConfig.pagesCount, (g) => (o(), u(k, { key: g }, [
+            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (o(), b(S, {
               key: 0,
-              class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+              class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+              onClick: (I) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: m(() => [
-                S(C(b), 1)
+                B(C(g), 1)
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(b - 1) ? (o(), g(B, {
+            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (o(), b(S, {
               key: 1,
-              class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-              onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+              class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+              onClick: (I) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: m(() => [
-                S("...")
+                B("...")
               ]),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
-          ], 64))), 128)) : (o(!0), u(k, { key: 1 }, x(e.paginationConfig.pagesCount, (b) => (o(), g(B, {
-            class: f(["w-pagination__page", { "w-pagination__page--active": b === e.paginationConfig.page }]),
-            key: b,
-            onClick: (I) => b !== e.paginationConfig.page && l.goToPage(b),
+          ], 64))), 128)) : (o(!0), u(k, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (o(), b(S, {
+            class: f(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
+            key: g,
+            onClick: (I) => g !== e.paginationConfig.page && l.goToPage(g),
             round: "",
             lg: ""
           }, {
             default: m(() => [
-              S(C(b), 1)
+              B(C(g), 1)
             ]),
             _: 2
           }, 1032, ["onClick", "class"]))), 128)),
-          T(B, {
+          T(S, {
             class: "w-pagination__arrow w-pagination__arrow--next",
-            onClick: t[7] || (t[7] = (b) => l.goToPage("+1")),
+            onClick: t[7] || (t[7] = (g) => l.goToPage("+1")),
             disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
             icon: "wi-chevron-right",
             text: "",
@@ -6963,11 +6967,11 @@ const we = 15, go = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = n + a + "px", s.style.width = l - a + "px";
-      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, B = a > 0 && s.offsetWidth > h;
+      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, S = a > 0 && s.offsetWidth > h;
       if (y) {
-        const b = Math.max(i.offsetWidth, we);
-        i.style.width = b + "px", s.style.width = r - b + "px";
-      } else B && (i.style.width = r - s.offsetWidth + "px", s.style.width = s.offsetWidth + "px");
+        const g = Math.max(i.offsetWidth, we);
+        i.style.width = g + "px", s.style.width = r - g + "px";
+      } else S && (i.style.width = r - s.offsetWidth + "px", s.style.width = s.offsetWidth + "px");
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -7148,7 +7152,7 @@ const ko = {
 }, vo = /* @__PURE__ */ v(ko, [["render", wo]]), Co = ["for"], So = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Bo = ["for"];
 function _o(e, t, i, s, n, l) {
   const a = $("w-icon");
-  return o(), g(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 }, {
+  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,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
@@ -7166,7 +7170,7 @@ function _o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Co)) : p("", !0)
       ], 64)) : p("", !0),
@@ -7176,7 +7180,7 @@ function _o(e, t, i, s, n, l) {
         c(e.$slots, "icon-left", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconLeft ? (o(), g(a, {
+          i.innerIconLeft ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-left",
             tag: "label",
@@ -7184,7 +7188,7 @@ function _o(e, t, i, s, n, l) {
             onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
           }, {
             default: m(() => [
-              S(C(i.innerIconLeft), 1)
+              B(C(i.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
@@ -7216,14 +7220,14 @@ function _o(e, t, i, s, n, l) {
             class: f(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
             c(e.$slots, "default", {}, () => [
-              S(C(i.label), 1)
+              B(C(i.label), 1)
             ])
           ], 2)) : p("", !0)
         ], 64)) : p("", !0),
         c(e.$slots, "icon-right", {
           inputId: `w-textarea--${e._.uid}`
         }, () => [
-          i.innerIconRight ? (o(), g(a, {
+          i.innerIconRight ? (o(), b(a, {
             key: 0,
             class: "w-textarea__icon w-textarea__icon--inner-right",
             tag: "label",
@@ -7231,7 +7235,7 @@ function _o(e, t, i, s, n, l) {
             onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
           }, {
             default: m(() => [
-              S(C(i.innerIconRight), 1)
+              B(C(i.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
@@ -7244,7 +7248,7 @@ function _o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            S(C(i.label), 1)
+            B(C(i.label), 1)
           ])
         ], 10, Bo)) : p("", !0)
       ], 64)) : p("", !0)
@@ -7387,11 +7391,11 @@ function Lo(e, t, i, s, n, l) {
       class: "w-timeline-item",
       key: r
     }, [
-      (o(), g(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), b(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: f(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: m(() => [
-          S(C(a[i.itemIconKey] || i.icon), 1)
+          B(C(a[i.itemIconKey] || i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -7658,7 +7662,7 @@ const Eo = {
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
 }, Ao = /* @__PURE__ */ v(Eo, [["render", zo]]);
 function Wo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "bounce" }, e.$props), {
+  return o(), b(P, _({ name: "bounce" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7673,7 +7677,7 @@ const Ko = {
   }
 }, No = /* @__PURE__ */ v(Ko, [["render", Wo]]);
 function Do(e, t, i, s, n, l) {
-  return o(), g(P, {
+  return o(), b(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7785,7 +7789,7 @@ const Ho = {
   }
 }, Fo = /* @__PURE__ */ v(Ho, [["render", Do]]);
 function jo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "fade" }, e.$props), {
+  return o(), b(P, _({ name: "fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7800,7 +7804,7 @@ const Uo = {
   }
 }, qo = /* @__PURE__ */ v(Uo, [["render", jo]]);
 function Xo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "scale" }, e.$props), {
+  return o(), b(P, _({ name: "scale" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7815,7 +7819,7 @@ const Yo = {
   }
 }, Go = /* @__PURE__ */ v(Yo, [["render", Xo]]);
 function Jo(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "scale-fade" }, e.$props), {
+  return o(), b(P, _({ name: "scale-fade" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7830,7 +7834,7 @@ const Qo = {
   }
 }, Zo = /* @__PURE__ */ v(Qo, [["render", Jo]]);
 function ea(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: l.transitionName }, e.$props), {
+  return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7857,7 +7861,7 @@ const ta = {
   }
 }, ia = /* @__PURE__ */ v(ta, [["render", ea]]);
 function la(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: l.transitionName }, e.$props), {
+  return o(), b(P, _({ name: l.transitionName }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7884,7 +7888,7 @@ const sa = {
   }
 }, oa = /* @__PURE__ */ v(sa, [["render", la]]);
 function aa(e, t, i, s, n, l) {
-  return o(), g(P, _({ name: "twist" }, e.$props), {
+  return o(), b(P, _({ name: "twist" }, e.$props), {
     default: m(() => [
       c(e.$slots, "default")
     ]),
@@ -7910,19 +7914,19 @@ function ha(e, t, i, s, n, l) {
       class: f(["w-tree__item", l.itemClasses(h)]),
       key: y
     }, [
-      (o(), g(L(l.getTreeItemComponent(h)), _({
+      (o(), b(L(l.getTreeItemComponent(h)), _({
         class: "w-tree__item-label",
         ref_for: !0
       }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (B) => !i.disabled && !h.disabled && l.onLabelClick(h, B),
-        onKeydown: (B) => !i.disabled && !h.disabled && l.onLabelKeydown(h, B),
+        onClick: (S) => !i.disabled && !h.disabled && l.onLabelClick(h, S),
+        onKeydown: (S) => !i.disabled && !h.disabled && l.onLabelKeydown(h, S),
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: m(() => [
-          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), g(a, {
+          (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: M((B) => !i.disabled && !h.disabled && l.onLabelClick(h, B), ["stop"]),
+            onClick: M((S) => !i.disabled && !h.disabled && l.onLabelClick(h, S), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -7937,52 +7941,52 @@ function ha(e, t, i, s, n, l) {
             path: h.path,
             open: h.open
           }, () => {
-            var B;
+            var S;
             return [
-              l.itemIcon(h) ? (o(), g(r, {
+              l.itemIcon(h) ? (o(), b(r, {
                 key: 0,
                 class: "w-tree__item-icon",
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
               }, {
                 default: m(() => [
-                  S(C(l.itemIcon(h)), 1)
+                  B(C(l.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : p("", !0),
               w("span", {
                 innerHTML: h.label
               }, null, 8, da),
-              i.counts && (h.children || h.branch) ? (o(), u("span", ua, "(" + C(((B = h.originalItem.children) == null ? void 0 : B.length) || 0) + ")", 1)) : p("", !0)
+              i.counts && (h.children || h.branch) ? (o(), u("span", ua, "(" + C(((S = h.originalItem.children) == null ? void 0 : S.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (o(), g(L(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), b(L(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
-        onAfterEnter: (B) => e.$emit("open", l.emitPayload(h)),
-        onAfterLeave: (B) => e.$emit("close", l.emitPayload(h))
+        onAfterEnter: (S) => e.$emit("open", l.emitPayload(h)),
+        onAfterLeave: (S) => e.$emit("close", l.emitPayload(h))
       }, {
         default: m(() => [
-          h.children && h.open ? (o(), g(d, _({
+          h.children && h.open ? (o(), b(d, _({
             key: 0,
             ref_for: !0
           }, e.$props, {
             depth: i.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: m(({ item: B, depth: b, path: I, open: V }) => [
+            item: m(({ item: S, depth: g, path: I, open: V }) => [
               c(e.$slots, "item", {
-                item: B,
-                depth: b,
+                item: S,
+                depth: g,
                 path: I,
                 open: V
               })