@maltjoy/core-vue 3.23.0 → 3.24.0

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,12 +991,12 @@ 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));
   }
-}), jo = ["aria-checked", "aria-hidden"], $o = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Io = { class: "joy-checkbox__content" }, Eo = /* @__PURE__ */ L({
+}), jo = { class: "joy-checkbox__wrapper" }, $o = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Io = { class: "joy-checkbox__content" }, Eo = /* @__PURE__ */ L({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1065,11 +1065,7 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
     };
     return t({
       isIndeterminate: l
-    }), (f, u) => (y(), g("div", {
-      class: "joy-checkbox__wrapper",
-      "aria-checked": e.checked,
-      "aria-hidden": e.disabled
-    }, [
+    }), (f, u) => (y(), g("div", jo, [
       h("label", {
         class: T([
           "joy-checkbox",
@@ -1089,12 +1085,10 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
             ref: i,
             type: "checkbox",
             class: "joy-checkbox__input",
-            role: "checkbox",
             name: e.name,
             disabled: e.disabled,
             checked: e.checked,
             required: e.required,
-            "aria-checked": e.checked,
             value: e.value,
             indeterminate: l.value,
             onChange: u[0] || (u[0] = //@ts-ignore
@@ -1114,10 +1108,10 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
           ])
         ])
       ], 2)
-    ], 8, jo));
+    ]));
   }
 });
-const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["aria-expanded"], Ao = ["id"], Bo = { class: "joy-collapse-item__header-right" }, No = ["aria-labelledby"], Jo = /* @__PURE__ */ L({
+const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-386bbe13"]]), Lo = ["aria-expanded"], Ao = ["id"], Bo = { class: "joy-collapse-item__header-right" }, No = ["aria-labelledby"], Jo = /* @__PURE__ */ L({
   __name: "VJoyCollapseItem",
   props: {
     header: {
@@ -1183,7 +1177,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 +1188,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 +1269,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 +1277,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 +1319,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 +1342,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 +1483,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 +1515,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 +2194,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 +2455,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 +2475,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 +2492,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 +2704,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 +2716,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 +2728,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 +2864,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 +2888,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 +2997,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 +3158,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 +3198,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 +3366,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 +3451,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 +3504,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 +3696,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 +3711,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 +3738,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 +3815,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 +3836,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 +3909,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 +4028,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 +4392,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 +4422,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 +4449,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 +4588,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 +4597,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 +4824,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 +4968,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 +5066,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 +5077,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 +5096,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 +5280,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 +5344,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 +5352,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 +5360,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 +5472,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 +5569,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 +5601,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 +5647,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 +5854,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 +5992,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 +6001,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 +6034,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 +6072,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 +6105,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 +6246,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 +6336,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 +6403,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 +6444,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 +6773,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 +6789,7 @@ const Ku = async function(e) {
     }
   };
 };
-function Gu(e) {
+function Ku(e) {
   return ce(e).direction === "rtl";
 }
 const Yu = {
@@ -6803,12 +6797,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 +7220,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 +7357,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,