@maltjoy/core-vue 3.23.0 → 3.23.1-next

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as T, createElementVNode as h, Fragment as G, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as k, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Kn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Gn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as we, guardReactiveProps as Se, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as T, createElementVNode as h, Fragment as K, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as k, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Gn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Kn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as we, guardReactiveProps as Se, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
 function Ut(e) {
   const t = e.target;
   if (!t)
@@ -46,7 +46,7 @@ const la = {
       h("span", {
         class: T(n.value)
       }, null, 2),
-      e.label ? (y(), g(G, { key: 0 }, [
+      e.label ? (y(), g(K, { key: 0 }, [
         H(F(e.label), 1)
       ], 64)) : C("", !0)
     ], 10, ia));
@@ -57,7 +57,7 @@ const J = (e, t) => {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, sa = /* @__PURE__ */ J(ra, [["__scopeId", "data-v-3452c6e7"]]), ua = ["role", "tabindex", "aria-label", "title"], K = /* @__PURE__ */ L({
+}, sa = /* @__PURE__ */ J(ra, [["__scopeId", "data-v-3452c6e7"]]), ua = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ L({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -174,7 +174,7 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
         onClick: f
       }), {
         default: R(() => [
-          r.value ? (y(), N(K, {
+          r.value ? (y(), N(G, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -187,10 +187,10 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
             alt: e.fullName || "",
             loading: "lazy"
           }, null, 8, fa)) : C("", !0),
-          e.fullName ? (y(), g(G, { key: 2 }, [
+          e.fullName ? (y(), g(K, { key: 2 }, [
             H(F(c.value), 1)
           ], 64)) : C("", !0),
-          e.totalNumber ? (y(), g(G, { key: 3 }, [
+          e.totalNumber ? (y(), g(K, { key: 3 }, [
             H(F("+" + e.totalNumber), 1)
           ], 64)) : C("", !0)
         ]),
@@ -376,7 +376,7 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
       }
     });
     return (a, o) => (y(), g("span", ka, [
-      e.type === E(te).SUPER_MALTER ? (y(!0), g(G, { key: 0 }, Q(e.superMalterLevel, (i, l) => (y(), g("svg", {
+      e.type === E(te).SUPER_MALTER ? (y(!0), g(K, { key: 0 }, Q(e.superMalterLevel, (i, l) => (y(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -456,7 +456,7 @@ function pn(e) {
   }
   return t;
 }
-function Ka(e) {
+function Ga(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
@@ -472,13 +472,13 @@ const ke = function(e = 10) {
 function me(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Ga = ["teal", "white"], Ya = /* @__PURE__ */ L({
+const Ka = ["teal", "white"], Ya = /* @__PURE__ */ L({
   __name: "VJoySpinner",
   props: {
     color: {
       type: String,
       validator(e) {
-        return Ga.includes(e);
+        return Ka.includes(e);
       }
     }
   },
@@ -551,7 +551,7 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ randomId: o }), (s, r) => {
       const c = Un("joy-ripple");
-      return Kn((y(), N(re(E(a).href ? "a" : "button"), {
+      return Gn((y(), N(re(E(a).href ? "a" : "button"), {
         disabled: e.loading || E(a).disabled,
         type: E(a).type || "button",
         class: T([
@@ -566,7 +566,7 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
         "aria-labelledby": (s.$slots.default || e.label) && o
       }, {
         default: R(() => [
-          e.icon && e.iconPosition === "left" ? (y(), N(K, {
+          e.icon && e.iconPosition === "left" ? (y(), N(G, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
@@ -585,7 +585,7 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
               H(F(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (y(), N(K, {
+          e.icon && e.iconPosition === "right" ? (y(), N(G, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -617,7 +617,7 @@ function oo() {
 }
 function lo(...e) {
   if (e.length !== 1)
-    return Gn(...e);
+    return Kn(...e);
   const t = e[0];
   return typeof t == "function" ? Yn(Zn(() => ({ get: t, set: Ae }))) : $(t);
 }
@@ -650,12 +650,12 @@ function bt(...e) {
   };
   return ft(c), c;
 }
-let Kt = !1;
+let Gt = !1;
 function io(e, t, n = {}) {
   const { window: a = At, ignore: o = [], capture: i = !0, detectIframe: l = !1 } = n;
   if (!a)
     return Ae;
-  _t && !Kt && (Kt = !0, Array.from(a.document.body.children).forEach((v) => v.addEventListener("click", Ae)), a.document.documentElement.addEventListener("click", Ae));
+  _t && !Gt && (Gt = !0, Array.from(a.document.body.children).forEach((v) => v.addEventListener("click", Ae)), a.document.documentElement.addEventListener("click", Ae));
   let s = !0;
   const r = (v) => o.some((p) => {
     if (typeof p == "string")
@@ -848,7 +848,7 @@ function bo() {
 bo();
 const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), ho = /* @__PURE__ */ gn(() => /* @__PURE__ */ h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), _o = [
   ho
-], wo = { class: "joy-bottom-sheet_content" }, So = { class: "joy-bottom-sheet_footer" }, Gt = 75, Yt = "moving", ko = /* @__PURE__ */ L({
+], wo = { class: "joy-bottom-sheet_content" }, So = { class: "joy-bottom-sheet_footer" }, Kt = 75, Yt = "moving", ko = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -897,12 +897,12 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
       f.value = !0, u.value.classList.add(Yt), v = A(j);
     }
     function m(j) {
-      f.value && (S(j) > Gt && d(), P());
+      f.value && (S(j) > Kt && d(), P());
     }
     function _(j) {
       if (f.value) {
         const D = S(j);
-        D > Gt ? d() : D > 0 && O(D);
+        D > Kt ? d() : D > 0 && O(D);
       }
     }
     function S(j) {
@@ -991,7 +991,7 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
       var r;
       a("click"), (r = o.value) == null || r.show();
     }
-    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -1183,7 +1183,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (y(), N(K, {
+          e.summaryIcon ? (y(), N(G, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1194,7 +1194,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
         h("div", Bo, [
           k(c.$slots, "collapse-header-right")
         ]),
-        Y(K, {
+        Y(G, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         })
@@ -1275,7 +1275,7 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-6f53199c"]]), Fo = { cla
       items: s,
       openedCollapseItem: o
     }), (d, b) => (y(), g("div", Fo, [
-      (y(!0), g(G, null, Q(s.value, (m) => (y(), N(hn, oe(m.props, {
+      (y(!0), g(K, null, Q(s.value, (m) => (y(), N(hn, oe(m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
@@ -1283,10 +1283,10 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-6f53199c"]]), Fo = { cla
         "onCollapseItem:close": (_) => v(m)
       }), {
         "collapse-header-right": R(() => [
-          (y(!0), g(G, null, Q(c(m, "collapse-header-right"), (_, S) => (y(), N(re(_), { key: S }))), 128))
+          (y(!0), g(K, null, Q(c(m, "collapse-header-right"), (_, S) => (y(), N(re(_), { key: S }))), 128))
         ]),
         default: R(() => [
-          (y(!0), g(G, null, Q(c(m, "default"), (_, S) => (y(), N(re(_), { key: S }))), 128))
+          (y(!0), g(K, null, Q(c(m, "default"), (_, S) => (y(), N(re(_), { key: S }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
@@ -1325,7 +1325,7 @@ const Oo = /* @__PURE__ */ J(Po, [["__scopeId", "data-v-1a1c1015"]]), Ro = ["src
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Ro)) : (y(), N(E(K), {
+      }, null, 8, Ro)) : (y(), N(E(G), {
         key: 1,
         name: "company-placeholder",
         size: n.value
@@ -1348,7 +1348,7 @@ function Jt(e, t) {
     t && ((n = e.value) == null || n.focus());
   });
 }
-const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { class: "joy-counter__input-wrapper" }, Uo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Ko = ["aria-label", "disabled"], Go = {
+const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { class: "joy-counter__input-wrapper" }, Uo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Go = ["aria-label", "disabled"], Ko = {
   key: 0,
   class: "joy-counter_error"
 }, Yo = {
@@ -1489,7 +1489,7 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
           disabled: e.modelValue <= e.min,
           onClick: r
         }, [
-          Y(E(K), { name: "minus" })
+          Y(E(G), { name: "minus" })
         ], 8, Ho),
         h("div", Wo, [
           h("input", oe({
@@ -1521,9 +1521,9 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: c
         }, [
-          Y(E(K), { name: "add" })
-        ], 8, Ko),
-        e.invalid && e.errorMessage ? (y(), g("div", Go, [
+          Y(E(G), { name: "add" })
+        ], 8, Go),
+        e.invalid && e.errorMessage ? (y(), g("div", Ko, [
           Y(E(Ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : C("", !0)
       ], 2)
@@ -2200,7 +2200,7 @@ function jn(e, t = {}) {
     unpause: f
   };
 }
-const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialog--header" }, El = {
+const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialog--header" }, El = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
 }, Ll = {
@@ -2461,7 +2461,7 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
       var r;
       o("click"), await ((r = a.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -2481,7 +2481,7 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
       disabled: e.disabled
     }, [
       h("div", Pl, [
-        Y(K, { name: "add" })
+        Y(G, { name: "add" })
       ]),
       h("div", Ol, [
         h("p", Rl, [
@@ -2498,10 +2498,10 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
 }, Ul = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, Kl = {
+}, Gl = {
   key: 0,
   class: "joy-drawer--indicators"
-}, Gl = /* @__PURE__ */ L({
+}, Kl = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2710,7 +2710,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     _: 3
                   })
                 ], 2),
-                E(l)["drawer-indicators"] ? (y(), g("div", Kl, [
+                E(l)["drawer-indicators"] ? (y(), g("div", Gl, [
                   k(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : C("", !0)
               ])
@@ -2722,7 +2722,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
     ], 8, ["to"])) : C("", !0);
   }
 });
-const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @__PURE__ */ L({
+const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2734,7 +2734,7 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
       var r;
       a("click"), await ((r = o.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -2870,7 +2870,7 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (y(!0), g(G, null, Q(e.options, (m) => (y(), g("li", {
+          (y(!0), g(K, null, Q(e.options, (m) => (y(), g("li", {
             id: m.id,
             key: m.id,
             style: ue({ "max-width": `${e.width}px` }),
@@ -2894,7 +2894,7 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
             k(d.$slots, "label", we(Se(m)), () => [
               h("span", null, F(m.label), 1)
             ], !0)
-          ], 14, ei))), 128))
+          ], 46, ei))), 128))
         ], 8, Ql)) : C("", !0)
       ], 6),
       d.$slots["dropdown-list-footer"] ? (y(), g("footer", ti, [
@@ -3003,7 +3003,7 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
     ee(
       () => i.value,
       (I) => {
-        I && Ka(r);
+        I && Ga(r);
       },
       { flush: "post" }
     );
@@ -3164,7 +3164,7 @@ const si = /* @__PURE__ */ J(ri, [["__scopeId", "data-v-114f8274"]]), ui = /* @_
     }, [
       H(F(e.label) + " ", 1),
       k(l.$slots, "default", {}, void 0, !0),
-      E(o) ? (y(), N(K, {
+      E(o) ? (y(), N(G, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3204,7 +3204,7 @@ const pi = /* @__PURE__ */ J(vi, [["__scopeId", "data-v-e174785d"]]), mi = ["ari
       class: T(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      Y(K, {
+      Y(G, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -3372,7 +3372,7 @@ const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...X
         }
       ])
     }, [
-      e.displayIcon ? (y(), N(K, {
+      e.displayIcon ? (y(), N(G, {
         key: 0,
         name: a.value
       }, null, 8, ["name"])) : C("", !0),
@@ -3457,7 +3457,7 @@ const Tn = /* @__PURE__ */ J(Oi, [["__scopeId", "data-v-2babb982"]]), Ri = /* @_
     }), (u, v) => (y(), g("ul", {
       class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (y(!0), g(G, null, Q(s.value, (p) => (y(), N(E(Tn), oe({
+      (y(!0), g(K, null, Q(s.value, (p) => (y(), N(E(Tn), oe({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: r(p),
@@ -3510,7 +3510,7 @@ const Di = /* @__PURE__ */ J(Ri, [["__scopeId", "data-v-1bac2aa7"]]), Mi = ["sma
     }, 16, ["class"]));
   }
 });
-const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["large", "medium", "small"], Ui = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ki = ["data-unit"], Gi = /* @__PURE__ */ L({
+const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["large", "medium", "small"], Ui = ["id", "name", "required", "disabled", "readonly", "type", "value"], Gi = ["data-unit"], Ki = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3702,13 +3702,13 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             icon: "cross",
             onClick: _.clearValue
           }, null, 8, ["onClick"])) : C("", !0),
-          b.value ? (y(), N(K, {
+          b.value ? (y(), N(G, {
             key: 1,
             class: "joy-input--password-icon",
             name: f.value ? "eye-masked" : "eye",
             onClick: _.togglePassword
           }, null, 8, ["name", "onClick"])) : C("", !0),
-          e.icon ? (y(), N(K, {
+          e.icon ? (y(), N(G, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -3717,13 +3717,13 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Ki)) : C("", !0)
+          }, null, 8, Gi)) : C("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const Yi = /* @__PURE__ */ J(Gi, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["teal", "white"], Xi = ["href"], Qi = /* @__PURE__ */ L({
+const Yi = /* @__PURE__ */ J(Ki, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["teal", "white"], Xi = ["href"], Qi = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3744,7 +3744,7 @@ const Yi = /* @__PURE__ */ J(Gi, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["tea
     return (t, n) => (y(), g("a", oe({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (y(), N(K, {
+      e.icon ? (y(), N(G, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : C("", !0),
@@ -3821,7 +3821,7 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       role: "menu",
       onKeydown: u
     }, [
-      (y(!0), g(G, null, Q(e.items, (d) => (y(), g("li", {
+      (y(!0), g(K, null, Q(e.items, (d) => (y(), g("li", {
         id: c(d),
         key: d.label,
         class: T([
@@ -3842,14 +3842,14 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       }, [
         h("div", ar, [
           k(v.$slots, "menu-item", we(Se(d)), () => [
-            d.icon ? (y(), N(K, {
+            d.icon ? (y(), N(G, {
               key: 0,
               name: d.icon
             }, null, 8, ["name"])) : C("", !0),
             h("span", null, F(d.label), 1)
           ], !0)
         ])
-      ], 10, nr))), 128))
+      ], 42, nr))), 128))
     ], 40, tr));
   }
 });
@@ -3915,7 +3915,7 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
         _: 1
       }, 8, ["required", "optional-label", "size"])) : C("", !0),
       h("div", rr, [
-        (y(!0), g(G, null, Q(e.options, (r) => (y(), N(E(Nt), {
+        (y(!0), g(K, null, Q(e.options, (r) => (y(), N(E(Nt), {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -4034,7 +4034,7 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
         ]),
         h("li", null, [
           h("ul", null, [
-            (y(!0), g(G, null, Q(l.value, (v) => (y(), g("li", {
+            (y(!0), g(K, null, Q(l.value, (v) => (y(), g("li", {
               key: v,
               class: T({
                 "joy-pagination__item": !0,
@@ -4398,21 +4398,21 @@ const Dr = /* @__PURE__ */ J(Rr, [["__scopeId", "data-v-a77e7f95"]]), Mr = ["ari
       ariaLabel: E(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       h("ul", zr, [
-        (y(!0), g(G, null, Q(o.value, (s, r) => (y(), g("li", {
+        (y(!0), g(K, null, Q(o.value, (s, r) => (y(), g("li", {
           key: r,
           class: T([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (y(), N(K, {
+          s === "full" ? (y(), N(G, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (y(), N(K, {
+          })) : s === "half" ? (y(), N(G, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (y(), N(K, {
+          })) : (y(), N(G, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -4428,10 +4428,10 @@ const Dr = /* @__PURE__ */ J(Rr, [["__scopeId", "data-v-a77e7f95"]]), Mr = ["ari
     ], 8, Mr));
   }
 });
-const In = /* @__PURE__ */ J(Wr, [["__scopeId", "data-v-c9a5e140"]]), Ur = { class: "joy-screen-loader__content" }, Kr = {
+const In = /* @__PURE__ */ J(Wr, [["__scopeId", "data-v-c9a5e140"]]), Ur = { class: "joy-screen-loader__content" }, Gr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Gr = /* @__PURE__ */ L({
+}, Kr = /* @__PURE__ */ L({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4455,14 +4455,14 @@ const In = /* @__PURE__ */ J(Wr, [["__scopeId", "data-v-c9a5e140"]]), Ur = { cla
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (y(), g("div", Kr, [
+        t.$slots.content ? (y(), g("div", Gr, [
           k(t.$slots, "content", {}, void 0, !0)
         ])) : C("", !0)
       ])
     ], 2));
   }
 });
-const Pt = /* @__PURE__ */ J(Gr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id", "name", "aria-invalid", "required", "disabled"], Zr = ["selected"], Xr = /* @__PURE__ */ L({
+const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id", "name", "aria-invalid", "required", "disabled"], Zr = ["selected"], Xr = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4594,7 +4594,7 @@ const Pt = /* @__PURE__ */ J(Gr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
           onFocus: p,
           onBlur: d
         }, [
-          (y(!0), g(G, null, Q(l.value, (_) => {
+          (y(!0), g(K, null, Q(l.value, (_) => {
             var S, A;
             return y(), g("option", oe({
               key: (S = _.props) == null ? void 0 : S.value
@@ -4603,7 +4603,7 @@ const Pt = /* @__PURE__ */ J(Gr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
             }), F(_.children), 17, Zr);
           }), 128))
         ], 40, Yr),
-        Y(K, {
+        Y(G, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -4830,7 +4830,7 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
           }
         ])
       }, [
-        (y(!0), g(G, null, Q(e.options, (r) => (y(), N(E(En), oe(r.attrs, {
+        (y(!0), g(K, null, Q(e.options, (r) => (y(), N(E(En), oe(r.attrs, {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -4974,7 +4974,7 @@ const ss = /* @__PURE__ */ J(rs, [["__scopeId", "data-v-21db2899"]]), us = { cla
         class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         h("div", us, [
-          Y(E(K), { name: s.value }, null, 8, ["name"])
+          Y(E(G), { name: s.value }, null, 8, ["name"])
         ]),
         h("div", cs, [
           e.header ? (y(), g("strong", ds, F(e.header), 1)) : C("", !0),
@@ -5072,9 +5072,9 @@ const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { cla
     });
     function i(u) {
       var v;
-      return ((v = u == null ? void 0 : u.type) == null ? void 0 : v.__name) === "VJoyStep";
+      return ((v = u.type) == null ? void 0 : v.__name) === "VJoyStep";
     }
-    const l = V(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), s = V(() => !r.value && l.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), r = V(() => s.value && l.value.props ? l.value.props["sub-steps"] : n.subStep), c = V(() => l.value.props === null ? l.value.type.props.subSteps.default : l.value.props["sub-steps"]);
+    const l = V(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), s = V(() => l.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), r = V(() => s.value && l.value.props ? l.value.props["sub-steps"] : n.subStep), c = V(() => l.value.props === null ? l.value.type.props.subSteps.default : l.value.props["sub-steps"]);
     function f(u) {
       return u !== n.step - 1 ? 0 : r.value;
     }
@@ -5083,7 +5083,7 @@ const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { cla
       steps: o,
       invalidSubStepValue: s
     }), (u, v) => (y(), g("div", gs, [
-      (y(!0), g(G, null, Q(o.value, (p, d) => {
+      (y(!0), g(K, null, Q(o.value, (p, d) => {
         var b;
         return y(), N(E(An), oe(p.props, {
           key: (b = p.props) == null ? void 0 : b.id,
@@ -5102,7 +5102,7 @@ const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { cla
     ]));
   }
 });
-const _s = /* @__PURE__ */ J(hs, [["__scopeId", "data-v-f3d35d3e"]]), ws = ["id", "aria-hidden", "aria-labelledby"], Ss = /* @__PURE__ */ L({
+const _s = /* @__PURE__ */ J(hs, [["__scopeId", "data-v-2436d4e8"]]), ws = ["id", "aria-hidden", "aria-labelledby"], Ss = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5286,7 +5286,7 @@ const Vs = /* @__PURE__ */ J($s, [["__scopeId", "data-v-e2a02c1c"]]), Ts = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (y(!0), g(G, null, Q(u.value, (S) => (y(), g("div", {
+          (y(!0), g(K, null, Q(u.value, (S) => (y(), g("div", {
             key: S.props.tab
           }, [
             Y(Vs, {
@@ -5350,7 +5350,7 @@ const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id"
       onClick: s
     }, [
       k(r.$slots, "default", {}, () => [
-        r.draggable ? (y(), N(K, {
+        r.draggable ? (y(), N(G, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -5358,7 +5358,7 @@ const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id"
         })) : C("", !0),
         H(" " + F(r.label), 1)
       ], !0),
-      r.removable ? (y(), N(K, {
+      r.removable ? (y(), N(G, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -5366,7 +5366,7 @@ const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id"
         role: "button",
         onClick: na(l, ["stop"]),
         onKeydown: dt(l, ["enter"])
-      }, null, 8, ["onClick", "onKeydown"])) : C("", !0)
+      })) : C("", !0)
     ], 10, Ls));
   }
 });
@@ -5478,7 +5478,7 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
           }
         ])
       }, [
-        (y(!0), g(G, null, Q(i.value, (U) => (y(), N(Ot, {
+        (y(!0), g(K, null, Q(i.value, (U) => (y(), N(Ot, {
           key: U,
           variant: j.variant,
           removable: !0,
@@ -5575,7 +5575,7 @@ const Os = /* @__PURE__ */ J(Ps, [["__scopeId", "data-v-82308363"]]), Rs = /* @_
     return (c, f) => (y(), g("div", {
       class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), g(G, null, Q(e.tags, (u) => (y(), N(Ot, oe({
+      (y(!0), g(K, null, Q(e.tags, (u) => (y(), N(Ot, oe({
         key: u.value || u.label
       }, u, {
         selectable: i(u),
@@ -5607,10 +5607,10 @@ const Ms = {}, zs = {
 function Ws(e, t) {
   return y(), g("div", zs, Hs);
 }
-const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92"]]), Us = { class: "joy-template__wrapper" }, Ks = {
+const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92"]]), Us = { class: "joy-template__wrapper" }, Gs = {
   key: 0,
   class: "joy-template__heading"
-}, Gs = {
+}, Ks = {
   key: 0,
   class: "joy-template-slot-back"
 }, Ys = { class: "joy-template__heading___headings" }, Zs = {
@@ -5653,8 +5653,8 @@ const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
     }, [
       e.shapes ? (y(), N(Bn, { key: 0 })) : C("", !0),
       h("div", Us, [
-        a.value ? (y(), g("div", Ks, [
-          E(n)["template-back"] ? (y(), g("div", Gs, [
+        a.value ? (y(), g("div", Gs, [
+          E(n)["template-back"] ? (y(), g("div", Ks, [
             k(o.$slots, "template-back", {}, void 0, !0)
           ])) : C("", !0),
           h("div", Ys, [
@@ -5860,7 +5860,7 @@ const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           key: 0,
           class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          f.value ? C("", !0) : (y(), N(K, {
+          f.value ? C("", !0) : (y(), N(G, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -5998,7 +5998,7 @@ function Ie(e, t) {
 function he(e) {
   return e.split("-")[0];
 }
-function Ke(e) {
+function Ge(e) {
   return e.split("-")[1];
 }
 function Rt(e) {
@@ -6007,15 +6007,15 @@ function Rt(e) {
 function Dt(e) {
   return e === "y" ? "height" : "width";
 }
-function Ge(e) {
+function Ke(e) {
   return ["top", "bottom"].includes(he(e)) ? "y" : "x";
 }
 function Mt(e) {
-  return Rt(Ge(e));
+  return Rt(Ke(e));
 }
 function ku(e, t, n) {
   n === void 0 && (n = !1);
-  const a = Ke(e), o = Mt(e), i = Dt(o);
+  const a = Ge(e), o = Mt(e), i = Dt(o);
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (l = it(l)), [l, it(l)];
 }
@@ -6040,7 +6040,7 @@ function Cu(e, t, n) {
   }
 }
 function ju(e, t, n, a) {
-  const o = Ke(e);
+  const o = Ge(e);
   let i = Cu(he(e), n === "start", a);
   return o && (i = i.map((l) => l + "-" + o), t && (i = i.concat(i.map(kt)))), i;
 }
@@ -6078,7 +6078,7 @@ function ln(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const i = Ge(t), l = Mt(t), s = Dt(l), r = he(t), c = i === "y", f = a.x + a.width / 2 - o.width / 2, u = a.y + a.height / 2 - o.height / 2, v = a[s] / 2 - o[s] / 2;
+  const i = Ke(t), l = Mt(t), s = Dt(l), r = he(t), c = i === "y", f = a.x + a.width / 2 - o.width / 2, u = a.y + a.height / 2 - o.height / 2, v = a[s] / 2 - o[s] / 2;
   let p;
   switch (r) {
     case "top":
@@ -6111,7 +6111,7 @@ function ln(e, t, n) {
         y: a.y
       };
   }
-  switch (Ke(t)) {
+  switch (Ge(t)) {
     case "start":
       p[l] -= v * (n && c ? -1 : 1);
       break;
@@ -6252,7 +6252,7 @@ const Tu = (e) => ({
     }, p = Mt(o), d = Dt(p), b = await l.getDimensions(c), m = p === "y", _ = m ? "top" : "left", S = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", O = i.reference[d] + i.reference[p] - v[p] - i.floating[d], P = v[p] - i.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
     let j = I ? I[A] : 0;
     (!j || !await (l.isElement == null ? void 0 : l.isElement(I))) && (j = s.floating[A] || i.floating[d]);
-    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[S], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ke(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
+    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[S], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ge(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
     return {
       [p]: v[p] + W,
       data: {
@@ -6342,7 +6342,7 @@ async function Eu(e, t) {
     placement: n,
     platform: a,
     elements: o
-  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = he(n), s = Ke(n), r = Ge(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, f = i && r ? -1 : 1, u = Ie(t, e);
+  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = he(n), s = Ge(n), r = Ke(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, f = i && r ? -1 : 1, u = Ie(t, e);
   let {
     mainAxis: v,
     crossAxis: p,
@@ -6409,7 +6409,7 @@ const Lu = function(e) {
       } = Ie(e, t), c = {
         x: n,
         y: a
-      }, f = await Fn(t, r), u = Ge(he(o)), v = Rt(u);
+      }, f = await Fn(t, r), u = Ke(he(o)), v = Rt(u);
       let p = c[v], d = c[u];
       if (i) {
         const m = v === "y" ? "top" : "left", _ = v === "y" ? "bottom" : "right", S = p + f[m], A = p - f[_];
@@ -6450,7 +6450,7 @@ const Lu = function(e) {
       } = Ie(e, t), f = {
         x: n,
         y: a
-      }, u = Ge(o), v = Rt(u);
+      }, u = Ke(o), v = Rt(u);
       let p = f[v], d = f[u];
       const b = Ie(s, t), m = typeof b == "number" ? {
         mainAxis: b,
@@ -6779,7 +6779,7 @@ function Hn(e, t) {
     a = un(a, t);
   return a && (_e(a) === "html" || _e(a) === "body" && ce(a).position === "static" && !zt(a)) ? n : a || Ju(e) || n;
 }
-const Ku = async function(e) {
+const Gu = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -6795,7 +6795,7 @@ const Ku = async function(e) {
     }
   };
 };
-function Gu(e) {
+function Ku(e) {
   return ce(e).direction === "rtl";
 }
 const Yu = {
@@ -6803,12 +6803,12 @@ const Yu = {
   getDocumentElement: Ce,
   getClippingRect: Hu,
   getOffsetParent: Hn,
-  getElementRects: Ku,
+  getElementRects: Gu,
   getClientRects: Ru,
   getDimensions: Wu,
   getScale: Ne,
   isElement: ve,
-  isRTL: Gu
+  isRTL: Ku
 }, Zu = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
     platform: Yu,
@@ -7226,7 +7226,7 @@ const Ht = /* @__PURE__ */ J(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @_
   VJoyFunnel: $i,
   VJoyHeader: Li,
   VJoyHighlight: Fi,
-  VJoyIcon: K,
+  VJoyIcon: G,
   VJoyIndicator: Tn,
   VJoyIndicators: Di,
   VJoyInput: Yi,
@@ -7363,7 +7363,7 @@ export {
   $i as VJoyFunnel,
   Li as VJoyHeader,
   Fi as VJoyHighlight,
-  K as VJoyIcon,
+  G as VJoyIcon,
   Tn as VJoyIndicator,
   Di as VJoyIndicators,
   Yi as VJoyInput,