@vanjana/vue-ui 0.1.99 → 0.1.101

package/dist/vanjana-vue-ui.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as M, defineComponent as T, computed as E, normalizeClass as z, createBlock as j, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as D, useSlots as Ut, ref as C, onMounted as De, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Wt, mergeProps as gn, shallowRef as bn, getCurrentScope as yn, onScopeDispose as wn, shallowReadonly as Ve, render as $t, resolveDirective as Nt, withDirectives as ct, withKeys as lt, provide as _n, inject as Kt, vModelText as xn, toRef as nt, normalizeProps as kn, guardReactiveProps as Vn, TransitionGroup as En, isRef as Cn, createApp as Ln, h as $n } from "vue";
+import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as j, defineComponent as T, computed as E, normalizeClass as z, createBlock as M, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as D, useSlots as Ut, ref as C, onMounted as De, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Wt, mergeProps as gn, shallowRef as bn, getCurrentScope as yn, onScopeDispose as wn, shallowReadonly as Ve, render as $t, resolveDirective as Nt, withDirectives as ct, withKeys as lt, provide as _n, inject as Kt, vModelText as xn, toRef as nt, normalizeProps as kn, guardReactiveProps as Vn, TransitionGroup as En, isRef as Cn, createApp as Ln, h as $n } from "vue";
 import { useRouter as Sn, useRoute as Rn } from "vue-router";
 const B = (e, n) => {
   const t = e.__vccOpts || e;
@@ -9,10 +9,10 @@ const B = (e, n) => {
 function Dn(e, n) {
   return f(), g("div", An, [
     x("div", On, [
-      M(e.$slots, "left", {}, void 0, !0)
+      j(e.$slots, "left", {}, void 0, !0)
     ]),
     x("div", Bn, [
-      M(e.$slots, "default", {}, void 0, !0)
+      j(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -30,7 +30,7 @@ const be = /* @__PURE__ */ T({
       class: z(o.value)
     }, null, 2));
   }
-}), Mn = ["disabled"], jn = /* @__PURE__ */ T({
+}), jn = ["disabled"], Mn = /* @__PURE__ */ T({
   __name: "button",
   props: {
     label: {},
@@ -46,15 +46,15 @@ const be = /* @__PURE__ */ T({
       class: z(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (f(), j(be, {
+      e.icon ? (f(), M(be, {
         key: 0,
         icon: e.icon,
         size: S(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
       Ue(" " + D(e.label), 1)
-    ], 10, Mn));
+    ], 10, jn));
   }
-}), ut = /* @__PURE__ */ B(jn, [["__scopeId", "data-v-f31c33cf"]]), Fn = {
+}), ut = /* @__PURE__ */ B(Mn, [["__scopeId", "data-v-f31c33cf"]]), Fn = {
   key: 0,
   class: "header-actions"
 }, zn = { key: 0 }, In = /* @__PURE__ */ T({
@@ -71,14 +71,14 @@ const be = /* @__PURE__ */ T({
       x("header", null, [
         x("h3", null, D(e.header), 1),
         S(n).headerActions ? (f(), g("span", Fn, [
-          M(t.$slots, "headerActions", {}, void 0, !0)
+          j(t.$slots, "headerActions", {}, void 0, !0)
         ])) : L("", !0)
       ]),
       x("main", null, [
-        M(t.$slots, "default", {}, void 0, !0)
+        j(t.$slots, "default", {}, void 0, !0)
       ]),
       S(n).footer ? (f(), g("footer", zn, [
-        M(t.$slots, "footer", {}, void 0, !0)
+        j(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
@@ -205,7 +205,7 @@ const be = /* @__PURE__ */ T({
             ref: s,
             style: G(P.value)
           }, [
-            M(R.$slots, "default", {}, void 0, !0)
+            j(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
         O(we, {
@@ -223,7 +223,7 @@ const be = /* @__PURE__ */ T({
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
         p.value > 1 ? (f(), g("div", Un, [
-          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), j(we, {
+          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), M(we, {
             key: Te - 1,
             class: z(["indicator", { active: Te - 1 === c.value }]),
             onClick: (Ai) => U(Te - 1),
@@ -487,7 +487,7 @@ const be = /* @__PURE__ */ T({
       document.removeEventListener("keydown", s);
     }), (u, d) => {
       const v = K("VjIcon"), m = K("VjButton"), p = K("VjCard");
-      return f(), j(Pe, { to: "body" }, [
+      return f(), M(Pe, { to: "body" }, [
         O(Oe, { name: "dialog-fade" }, {
           default: W(() => [
             l.value ? (f(), g("div", {
@@ -517,7 +517,7 @@ const be = /* @__PURE__ */ T({
                       ]),
                       default: W(() => [
                         x("div", uo, [
-                          e.component ? (f(), j(Wt(e.component), gn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), g("div", fo, D(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
+                          e.component ? (f(), M(Wt(e.component), gn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), g("div", fo, D(e.message), 1)) : j(u.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -526,8 +526,8 @@ const be = /* @__PURE__ */ T({
                         name: "footer",
                         fn: W(() => [
                           x("div", vo, [
-                            M(u.$slots, "footer", {}, () => [
-                              e.showCancel ? (f(), j(m, {
+                            j(u.$slots, "footer", {}, () => [
+                              e.showCancel ? (f(), M(m, {
                                 key: 0,
                                 secondary: "",
                                 onClick: r,
@@ -638,13 +638,13 @@ const be = /* @__PURE__ */ T({
 function St(e, n, t) {
   return J(e, $e(n, t));
 }
-function Me(e, n) {
+function je(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function pe(e) {
   return e.split("-")[0];
 }
-function je(e) {
+function Me(e) {
   return e.split("-")[1];
 }
 function qt(e) {
@@ -662,7 +662,7 @@ function Jt(e) {
 }
 function Vo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = je(e), l = Jt(e), a = Yt(l);
+  const o = Me(e), l = Jt(e), a = Yt(l);
   let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[a] > n.floating[a] && (i = Ne(i)), [i, Ne(i)];
 }
@@ -687,7 +687,7 @@ function $o(e, n, t) {
   }
 }
 function So(e, n, t, o) {
-  const l = je(e);
+  const l = Me(e);
   let a = $o(pe(e), t === "start", o);
   return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(it)))), a;
 }
@@ -767,7 +767,7 @@ function At(e, n, t) {
         y: o.y
       };
   }
-  switch (je(n)) {
+  switch (Me(n)) {
     case "start":
       m[i] -= v * (t && s ? -1 : 1);
       break;
@@ -854,7 +854,7 @@ async function ft(e, n) {
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: m = 0
-  } = Me(n, e), p = To(m), h = r[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+  } = je(n, e), p = To(m), h = r[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
     element: (t = await (a.isElement == null ? void 0 : a.isElement(h))) == null || t ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(r.floating)),
     boundary: s,
     rootBoundary: u,
@@ -904,7 +904,7 @@ const Oo = function(e) {
         fallbackAxisSideDirection: p = "none",
         flipAlignment: _ = !0,
         ...h
-      } = Me(e, n);
+      } = je(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
       const y = pe(l), w = fe(r), b = pe(r) === r, $ = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), P = v || (b || !_ ? [Ne(r)] : Eo(r)), I = p !== "none";
@@ -970,7 +970,7 @@ async function Do(e, n) {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), r = je(t), c = fe(t) === "y", s = Bo.has(i) ? -1 : 1, u = a && c ? -1 : 1, d = Me(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), r = Me(t), c = fe(t) === "y", s = Bo.has(i) ? -1 : 1, u = a && c ? -1 : 1, d = je(n, e);
   let {
     mainAxis: v,
     crossAxis: m,
@@ -1014,7 +1014,7 @@ const Po = function(e) {
       };
     }
   };
-}, Mo = function(e) {
+}, jo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1039,7 +1039,7 @@ const Po = function(e) {
           }
         },
         ...c
-      } = Me(e, n), s = {
+      } = je(e, n), s = {
         x: t,
         y: o
       }, u = await ft(n, c), d = fe(pe(l)), v = qt(d);
@@ -1070,7 +1070,7 @@ const Po = function(e) {
       };
     }
   };
-}, jo = function(e) {
+}, Mo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1085,7 +1085,7 @@ const Po = function(e) {
         apply: c = () => {
         },
         ...s
-      } = Me(e, n), u = await ft(n, s), d = pe(l), v = je(l), m = fe(l) === "y", {
+      } = je(e, n), u = await ft(n, s), d = pe(l), v = Me(l), m = fe(l) === "y", {
         width: p,
         height: _
       } = a.floating;
@@ -1598,7 +1598,7 @@ function Qe(e, n, t, o) {
     }), d?.(), (y = m) == null || y.disconnect(), m = null, c && cancelAnimationFrame(p);
   };
 }
-const Ze = Po, et = Mo, tt = Oo, ul = jo, an = (e, n, t) => {
+const Ze = Po, et = jo, tt = Oo, ul = Mo, an = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
     platform: rl,
     ...t
@@ -1614,7 +1614,7 @@ const Ze = Po, et = Mo, tt = Oo, ul = jo, an = (e, n, t) => {
 function dl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Mt(e) {
+function jt(e) {
   if (dl(e)) {
     const n = e.$el;
     return vt(n) && xe(n) === "#comment" ? null : n;
@@ -1627,7 +1627,7 @@ function Ae(e) {
 function sn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function jt(e, n) {
+function Mt(e, n) {
   const t = sn(e);
   return Math.round(n * t) / t;
 }
@@ -1645,7 +1645,7 @@ function gt(e, n, t) {
   }), c = E(() => {
     var k;
     return (k = Ae(t.transform)) != null ? k : !0;
-  }), s = E(() => Mt(e.value)), u = E(() => Mt(n.value)), d = C(0), v = C(0), m = C(r.value), p = C(i.value), _ = bn({}), h = C(!1), y = E(() => {
+  }), s = E(() => jt(e.value)), u = E(() => jt(n.value)), d = C(0), v = C(0), m = C(r.value), p = C(i.value), _ = bn({}), h = C(!1), y = E(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -1653,7 +1653,7 @@ function gt(e, n, t) {
     };
     if (!u.value)
       return k;
-    const V = jt(u.value, d.value), A = jt(u.value, v.value);
+    const V = Mt(u.value, d.value), A = Mt(u.value, v.value);
     return c.value ? {
       ...k,
       transform: "translate(" + V + "px, " + A + "px)",
@@ -1747,7 +1747,7 @@ const fl = /* @__PURE__ */ T({
           }, null, 8, ["icon"]),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              t.value ? (f(), j(m, {
+              t.value ? (f(), M(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
@@ -1757,7 +1757,7 @@ const fl = /* @__PURE__ */ T({
                 onClickCapture: s
               }, {
                 default: W(() => [
-                  M(u.$slots, "default", {}, void 0, !0)
+                  j(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
@@ -1765,7 +1765,7 @@ const fl = /* @__PURE__ */ T({
             _: 3
           })
         ], 2),
-        (f(), j(Pe, { to: "body" }, [
+        (f(), M(Pe, { to: "body" }, [
           t.value ? (f(), g("div", {
             key: 0,
             class: "menu-backdrop",
@@ -1790,13 +1790,13 @@ const fl = /* @__PURE__ */ T({
     const n = e, t = q.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
       const i = K("router-link");
-      return f(), j(i, {
+      return f(), M(i, {
         to: e.to,
         class: z(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (f(), j(be, {
+          e.icon ? (f(), M(be, {
             key: 0,
             icon: e.icon,
             size: S(t)
@@ -1821,7 +1821,7 @@ const fl = /* @__PURE__ */ T({
       disabled: e.disabled
     }, [
       x("span", gl, [
-        e.icon ? (f(), j(be, {
+        e.icon ? (f(), M(be, {
           key: 0,
           icon: e.icon,
           size: S(n)
@@ -1833,7 +1833,7 @@ const fl = /* @__PURE__ */ T({
 }), yl = /* @__PURE__ */ B(bl, [["__scopeId", "data-v-07850995"]]), wl = {}, _l = { class: "menu" };
 function xl(e, n) {
   return f(), g("div", _l, [
-    M(e.$slots, "default", {}, void 0, !0)
+    j(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const kl = /* @__PURE__ */ B(wl, [["render", xl], ["__scopeId", "data-v-259fec08"]]), Vl = {
@@ -2083,7 +2083,7 @@ const un = {
       n.tooltip && n.tooltip.parentElement && n.tooltip.parentElement.removeChild(n.tooltip), n.onPointerEnter && e.removeEventListener("pointerenter", n.onPointerEnter), n.onPointerLeave && e.removeEventListener("pointerleave", n.onPointerLeave), n.onFocus && e.removeEventListener("focus", n.onFocus), n.onBlur && e.removeEventListener("blur", n.onBlur), n.onPointerDown && e.removeEventListener("pointerdown", n.onPointerDown), n.docHandler && document.removeEventListener("pointerdown", n.docHandler), e.__vjTooltip = void 0;
     }
   }
-}, Dl = { class: "notification__icon" }, Pl = { class: "notification__message" }, Ml = { class: "notification__title" }, jl = { class: "notification__text" }, Fl = /* @__PURE__ */ T({
+}, Dl = { class: "notification__icon" }, Pl = { class: "notification__message" }, jl = { class: "notification__title" }, Ml = { class: "notification__text" }, Fl = /* @__PURE__ */ T({
   __name: "notification",
   props: {
     type: {},
@@ -2114,8 +2114,8 @@ const un = {
         O(be, { icon: l.value }, null, 8, ["icon"])
       ]),
       x("div", Pl, [
-        x("div", Ml, D(e.title), 1),
-        x("div", jl, D(e.message), 1)
+        x("div", jl, D(e.title), 1),
+        x("div", Ml, D(e.message), 1)
       ]),
       O(ut, {
         class: "notification__close compact",
@@ -2154,7 +2154,7 @@ const un = {
       return ct((f(), g("div", zl, [
         x("header", null, [
           x("div", Il, [
-            e.backLabel ? (f(), j(c, {
+            e.backLabel ? (f(), M(c, {
               key: 0,
               tertiary: "",
               icon: S(F).BACK,
@@ -2167,14 +2167,14 @@ const un = {
             ])
           ]),
           x("div", Wl, [
-            M(i.$slots, "headerActions", {}, void 0, !0)
+            j(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         x("main", {
           class: z({ scrollable: e.scrollable })
         }, [
           a.value ? (f(), g("div", Nl, [
-            M(i.$slots, "error", {}, () => [
+            j(i.$slots, "error", {}, () => [
               O(yt, {
                 type: "error",
                 title: a.value,
@@ -2183,17 +2183,17 @@ const un = {
             ], !0)
           ])) : L("", !0),
           a.value ? L("", !0) : (f(), g("div", Kl, [
-            M(i.$slots, "default", {}, void 0, !0)
+            j(i.$slots, "default", {}, void 0, !0)
           ])),
           a.value ? L("", !0) : (f(), g("div", Xl, [
-            M(i.$slots, "actions", {}, void 0, !0)
+            j(i.$slots, "actions", {}, void 0, !0)
           ])),
           i.$slots.flexFooter ? (f(), g("footer", Gl, [
-            M(i.$slots, "flexFooter", {}, void 0, !0)
+            j(i.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
         i.$slots.footer ? (f(), g("footer", ql, [
-          M(i.$slots, "footer", {}, void 0, !0)
+          j(i.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
         [s, { active: o.value, text: t.loadingMessage }]
@@ -2245,7 +2245,7 @@ const un = {
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        M(y.$slots, "info", {
+        j(y.$slots, "info", {
           current: i.value,
           totalPages: a.value,
           goTo: v
@@ -2373,7 +2373,7 @@ const un = {
         }, null, 4)
       ], 512),
       x("div", ua, [
-        M(s.$slots, "default", {}, void 0, !0)
+        j(s.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -2391,7 +2391,7 @@ const un = {
     return De(() => {
       t?.registerTab(n.name, n.label);
     }), (l, a) => o.value ? (f(), g("div", va, [
-      M(l.$slots, "default")
+      j(l.$slots, "default")
     ])) : L("", !0);
   }
 }), pa = ["onKeydown"], ha = /* @__PURE__ */ T({
@@ -2451,7 +2451,7 @@ const un = {
       ], 64))
     ], 34));
   }
-}), Mi = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-cdc52c5b"]]), ga = "200% 200%", ba = /* @__PURE__ */ T({
+}), ji = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-cdc52c5b"]]), ga = "200% 200%", ba = /* @__PURE__ */ T({
   __name: "skeleton",
   props: {
     width: {},
@@ -2505,7 +2505,7 @@ const un = {
   }
 };
 let Xe = {};
-function ji(e) {
+function Mi(e) {
   Xe = {
     ...Xe,
     ...e,
@@ -2595,7 +2595,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           class: "form-field__label-outline"
         }, D(e.label), 9, ka)) : L("", !0),
         x("div", Va, [
-          M(p.$slots, "control", {
+          j(p.$slots, "control", {
             id: i.value,
             value: l.value,
             onInput: d,
@@ -2655,7 +2655,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
       class: "form-layout",
       style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      M(a.$slots, "default", {}, void 0, !0)
+      j(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), Ra = /* @__PURE__ */ B(Sa, [["__scopeId", "data-v-96f62ab7"]]), Ta = {
@@ -2670,13 +2670,13 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
   setup(e) {
     return (n, t) => (f(), g(Z, null, [
       e.title ? (f(), g("h3", Ta, D(e.title), 1)) : L("", !0),
-      M(n.$slots, "default", {}, void 0, !0)
+      j(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
 }), Oa = /* @__PURE__ */ B(Aa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], Da = { class: "select-value" }, Pa = {
   key: 1,
   class: "select-placeholder"
-}, Ma = { class: "select-options" }, ja = ["onClick", "onMouseenter"], Fa = /* @__PURE__ */ T({
+}, ja = { class: "select-options" }, Ma = ["onClick", "onMouseenter"], Fa = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ ee({
@@ -2746,21 +2746,21 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (f(), j(P, {
+            t.icon ? (f(), M(P, {
               key: 0,
               icon: t.icon,
               size: S(q).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
             x("span", Da, [
-              v.value ? M(b.$slots, "selected", {
+              v.value ? j(b.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
                 Ue(D(u(v.value)), 1)
               ], !0) : (f(), g("span", Pa, D(e.placeholder), 1))
             ]),
-            t.clearable && v.value && !e.disabled ? (f(), j(P, {
+            t.clearable && v.value && !e.disabled ? (f(), M(P, {
               key: 1,
               icon: S(F).CLOSE,
               size: S(q).S,
@@ -2782,27 +2782,27 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
                 style: G(S(s)),
                 class: "select-dropdown"
               }, [
-                x("div", Ma, [
+                x("div", ja, [
                   (f(!0), g(Z, null, ge(e.options, (I, k) => (f(), g("div", {
                     key: String(d(I)),
                     class: z(["select-option", { selected: m(I), highlighted: a.value === k }]),
                     onClick: (V) => h(I),
                     onMouseenter: (V) => a.value = k
                   }, [
-                    M(b.$slots, "option", {
+                    j(b.$slots, "option", {
                       option: I,
                       selected: m(I)
                     }, () => [
                       Ue(D(u(I)), 1)
                     ], !0)
-                  ], 42, ja))), 128))
+                  ], 42, Ma))), 128))
                 ])
               ], 4)) : L("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (f(), j(Pe, { to: "body" }, [
+        (f(), M(Pe, { to: "body" }, [
           l.value ? (f(), g("div", {
             key: 0,
             class: "select-backdrop",
@@ -2841,7 +2841,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
     const a = (i) => {
       l.value = i, o("update:modelValue", i);
     };
-    return (i, r) => (f(), j(ze, {
+    return (i, r) => (f(), M(ze, {
       modelValue: l.value,
       "onUpdate:modelValue": a,
       label: t.label,
@@ -2874,14 +2874,14 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           i.$slots.selected ? {
             name: "selected",
             fn: W(({ option: d }) => [
-              M(i.$slots, "selected", { option: d })
+              j(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
           i.$slots.option ? {
             name: "option",
             fn: W(({ option: d }) => [
-              M(i.$slots, "option", { option: d })
+              j(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -3049,7 +3049,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
       const c = typeof r == "number" ? r : Number(r ?? 0);
       a.value = Number.isNaN(c) ? 0 : c, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (r, c) => (f(), j(ze, {
+    return (r, c) => (f(), M(ze, {
       modelValue: a.value,
       "onUpdate:modelValue": i,
       label: t.label,
@@ -3108,7 +3108,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
     return (s, u) => {
       const d = K("VjIcon");
       return f(), g("div", Ga, [
-        e.icon ? (f(), j(d, {
+        e.icon ? (f(), M(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S,
@@ -3123,7 +3123,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           disabled: e.disabled,
           rows: e.rows
         }, null, 40, qa),
-        e.clearable && !e.disabled ? (f(), j(d, {
+        e.clearable && !e.disabled ? (f(), M(d, {
           key: 1,
           class: z(["clear-icon", { invisible: c.value }]),
           icon: S(F).CLOSE,
@@ -3158,7 +3158,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (f(), j(ze, {
+    return (u, d) => (f(), M(ze, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3222,7 +3222,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
     return (s, u) => {
       const d = K("VjIcon");
       return f(), g("div", Qa, [
-        e.icon ? (f(), j(d, {
+        e.icon ? (f(), M(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S
@@ -3236,7 +3236,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled
         }, null, 40, Za),
-        e.clearable && !e.disabled ? (f(), j(d, {
+        e.clearable && !e.disabled ? (f(), M(d, {
           key: 1,
           class: z(["clear-icon", { invisible: c.value }]),
           icon: S(F).CLOSE,
@@ -3268,7 +3268,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
     const t = e, o = n, l = (s) => o("update:modelValue", s), a = (s) => o("input", s), i = (s) => o("focus", s), r = (s) => o("blur", s), c = (s) => {
       l(s ?? "");
     };
-    return (s, u) => (f(), j(ze, {
+    return (s, u) => (f(), M(ze, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3340,7 +3340,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
     }), (v, m) => {
       const p = K("VjIcon"), _ = K("RouterLink"), h = K("VjMenu");
       return f(), g("li", ni, [
-        e.to ? (f(), j(_, {
+        e.to ? (f(), M(_, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
@@ -3370,7 +3370,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           ], 8, ai),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              o.value ? (f(), j(h, {
+              o.value ? (f(), M(h, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: a,
@@ -3380,14 +3380,14 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
                 onClick: N(s, ["stop"])
               }, {
                 default: W(() => [
-                  M(v.$slots, "default", {}, void 0, !0)
+                  j(v.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
             ]),
             _: 3
           }),
-          (f(), j(Pe, { to: "body" }, [
+          (f(), M(Pe, { to: "body" }, [
             o.value ? (f(), g("div", {
               key: 0,
               class: "menu-backdrop",
@@ -3411,13 +3411,13 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
         class: z(["shell-navigation", { "with-labels": t.value }])
       }, [
         x("ul", ci, [
-          S(n).hasParent && S(n).backRoute.value ? (f(), j(a, {
+          S(n).hasParent && S(n).backRoute.value ? (f(), M(a, {
             key: 0,
             to: S(n).backRoute.value,
             label: "BACK",
             icon: S(F).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), j(a, {
+          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), M(a, {
             key: i.name,
             to: { name: i.name },
             label: i.meta.label,
@@ -3425,7 +3425,7 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
         o.$slots.fixed ? (f(), g("ul", ui, [
-          M(o.$slots, "fixed", {}, void 0, !0)
+          j(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
@@ -3455,30 +3455,30 @@ const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-f
             x("h1", null, D(e.title), 1)
           ]),
           x("div", pi, [
-            M(i.$slots, "header-actions", {}, void 0, !0)
+            j(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         x("div", {
           class: z(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), j(S(pn), { key: 0 }, rt({ _: 2 }, [
+          e.showNavigation ? (f(), M(S(pn), { key: 0 }, rt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: W(() => [
-                M(i.$slots, "navigation-fixed", {}, void 0, !0)
+                j(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : L("", !0),
           x("main", null, [
-            M(i.$slots, "default", {}, () => [
+            j(i.$slots, "default", {}, () => [
               O(c)
             ], !0)
           ]),
           x("aside", {
             class: z({ "aside-visible": o.value })
           }, [
-            (f(), j(Wt(t.value), kn(Vn(a.value)), null, 16))
+            (f(), M(Wt(t.value), kn(Vn(a.value)), null, 16))
           ], 2)
         ], 2),
         r[0] || (r[0] = x("footer", null, null, -1))
@@ -3556,11 +3556,11 @@ const Ht = new bi(), yi = { class: "notifications" }, wi = /* @__PURE__ */ T({
   __name: "notifications",
   setup(e) {
     const n = Ht.getNotifications(), t = (o) => Ht.remove(o);
-    return (o, l) => (f(), j(Pe, { to: "body" }, [
+    return (o, l) => (f(), M(Pe, { to: "body" }, [
       x("div", yi, [
         O(En, { name: "notification" }, {
           default: W(() => [
-            (f(!0), g(Z, null, ge(S(n), (a) => (f(), j(yt, {
+            (f(!0), g(Z, null, ge(S(n), (a) => (f(), M(yt, {
               key: a.id,
               type: a.type,
               title: a.title,
@@ -3647,6 +3647,10 @@ const hn = (e) => (Le.push(e), () => {
 class Ri {
   containerElement = null;
   apps = [];
+  mainApp = null;
+  init(n) {
+    this.mainApp = n;
+  }
   ensureContainer() {
     return this.containerElement || (this.containerElement = document.createElement("div"), this.containerElement.id = "vj-dialog-container", document.body.appendChild(this.containerElement)), this.containerElement;
   }
@@ -3686,7 +3690,7 @@ class Ri {
           });
         }
       });
-      r.component("VjCard", at), r.component("VjIcon", be), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
+      this.mainApp && Object.assign(r.config.globalProperties, this.mainApp.config.globalProperties), r.component("VjCard", at), r.component("VjIcon", be), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
     });
   }
   confirm(n) {
@@ -3775,7 +3779,7 @@ export {
   wo as ChipSelector,
   dt as Dialog,
   vl as DotMenu,
-  Mi as EditableLabel,
+  ji as EditableLabel,
   Cl as FocusFirstDirective,
   ze as FormField,
   Ra as FormLayout,
@@ -3813,7 +3817,7 @@ export {
   Wi as VjComponents,
   xi as VjNavigationProviderKey,
   Vl as compactDirective,
-  ji as configureVueUI,
+  Mi as configureVueUI,
   Ti as dialogService,
   It as getVueUIConfig,
   Ht as notificationService,