vue-micro-router 1.0.25 → 1.0.26

package/dist/index.mjs

@@ -4,7 +4,7 @@ const Ee = Symbol("micro-router");
 function ct() {
   return Symbol("micro-router-nested");
 }
-const ce = Symbol("micro-router-root"), Se = Symbol("micro-route-path"), Me = Symbol("micro-dialog-path"), be = Symbol("micro-control-name"), te = Symbol("micro-attrs-read"), ne = Symbol("micro-attrs-write"), Ke = 550;
+const ce = Symbol("micro-router-root"), Se = Symbol("micro-route-path"), Le = Symbol("micro-dialog-path"), Me = Symbol("micro-control-name"), te = Symbol("micro-attrs-read"), ne = Symbol("micro-attrs-write"), Ke = 550;
 function K(e) {
   return e.startsWith("/") ? e : `/${e}`;
 }
@@ -43,24 +43,24 @@ function $e(e, n) {
     for (const f of r.values())
       f.activated && s.push(f);
     return s;
-  }), d = a, A = R(
+  }), d = a, D = R(
     () => a.value.some((s) => s.name !== o)
-  ), b = R(() => {
+  ), M = R(() => {
     const s = a.value.find((f) => f.name !== o);
     return (s == null ? void 0 : s.name) ?? o;
   });
   function T(s, f, y) {
-    var D, _, p;
+    var C, _, p;
     if (!(f && l)) {
       f && (l = !0);
       try {
         const h = r.get(s);
         if (!h) return;
-        const v = r.get(o), C = s === o || s === i;
+        const v = r.get(o), A = s === o || s === i;
         if (f)
-          (D = n == null ? void 0 : n.trackGuiEnter) == null || D.call(n, s), C ? r.forEach((P) => {
-            var M;
-            P.name !== o && P.activated && ((M = n == null ? void 0 : n.trackGuiLeave) == null || M.call(n, P.name), r.set(P.name, {
+          (C = n == null ? void 0 : n.trackGuiEnter) == null || C.call(n, s), A ? r.forEach((P) => {
+            var L;
+            P.name !== o && P.activated && ((L = n == null ? void 0 : n.trackGuiLeave) == null || L.call(n, P.name), r.set(P.name, {
               ...P,
               activated: !1,
               attrs: void 0
@@ -74,7 +74,7 @@ function $e(e, n) {
         else {
           (p = n == null ? void 0 : n.trackGuiLeave) == null || p.call(n, s), u.delete(s), r.set(s, { ...h, activated: !1, attrs: void 0 });
           const P = r.get(o);
-          if (!C && P && !P.activated) {
+          if (!A && P && !P.activated) {
             if (P.name === i) return;
             r.set(o, { ...P, activated: !0 });
           }
@@ -94,7 +94,7 @@ function $e(e, n) {
       component: ye(f)
     });
   }
-  function L(s) {
+  function b(s) {
     s.forEach(w);
   }
   function g(s) {
@@ -106,11 +106,11 @@ function $e(e, n) {
   }
   return {
     resolveControls: d,
-    activeControl: A,
-    currentControl: b,
+    activeControl: D,
+    currentControl: M,
     toggleControl: T,
     registerControl: w,
-    registerControls: L,
+    registerControls: b,
     getControlAttrs: g,
     updateControlAttrs: m,
     cleanup: c.cleanup
@@ -298,7 +298,7 @@ function Ve(e) {
         t.fromDialog = t.activeDialog;
         const y = t.dialogStack.indexOf(g);
         y > -1 && t.dialogStack.splice(y, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const D = f.transitionDuration ?? (f.transition === "slide" ? 500 : 300);
+        const C = f.transitionDuration ?? (f.transition === "slide" ? 500 : 300);
         t.dialogs.set(g, {
           ...f,
           activated: !1,
@@ -307,7 +307,7 @@ function Ve(e) {
         }), l(() => {
           const _ = t.dialogs.get(g);
           _ && !_.activated && t.dialogs.set(g, { ..._, closing: !1 });
-        }, D + 200);
+        }, C + 200);
       }
     }), r(g, s);
   }
@@ -330,13 +330,13 @@ function Ve(e) {
     var m;
     (m = e == null ? void 0 : e.trackDialogLeave) == null || m.call(e, g, g, ""), t.dialogAttrs.delete(g), u({ path: g, open: !1 });
   }
-  function A() {
+  function D() {
     const g = [], m = [];
     t.dialogs.forEach((s, f) => {
-      var y, D;
+      var y, C;
       if (s.activated) {
         (y = e == null ? void 0 : e.trackDialogLeave) == null || y.call(e, f, f, "");
-        const _ = (D = s.attrs) == null ? void 0 : D.onClose;
+        const _ = (C = s.attrs) == null ? void 0 : C.onClose;
         typeof _ == "function" && m.push(_), t.dialogs.set(f, {
           ...s,
           activated: !1,
@@ -351,7 +351,7 @@ function Ve(e) {
       });
     }, 500);
   }
-  function b(g) {
+  function M(g) {
     t.dialogs.has(g.path) && console.warn(`[vue-micro-router] Dialog "${g.path}" already registered. Overwriting.`);
     let { component: m } = g;
     Pe(m) && (m = ge(m)), t.dialogs.set(g.path, {
@@ -361,12 +361,12 @@ function Ve(e) {
     });
   }
   function T(g) {
-    g.forEach(b);
+    g.forEach(M);
   }
   function w(g) {
     return t.dialogAttrs.get(g);
   }
-  function L(g, m) {
+  function b(g, m) {
     const s = t.dialogAttrs.get(g);
     t.dialogAttrs.set(g, { ...s, ...m });
   }
@@ -377,15 +377,15 @@ function Ve(e) {
     resolveDialogs: c,
     openDialog: a,
     closeDialog: d,
-    closeAllDialogs: A,
-    registerDialog: b,
+    closeAllDialogs: D,
+    registerDialog: M,
     registerDialogs: T,
     getDialogAttrs: w,
-    updateDialogAttrs: L,
+    updateDialogAttrs: b,
     cleanup: o.cleanup
   };
 }
-const Le = 5e3;
+const be = 5e3;
 async function ue(e, n, o, i) {
   let t;
   try {
@@ -400,14 +400,14 @@ async function ue(e, n, o, i) {
     return clearTimeout(t), !1;
   }
 }
-async function Fe(e, n, o, i = Le) {
+async function Fe(e, n, o, i = be) {
   for (const t of e)
     if (!await ue(t, n, o, i)) return !1;
   return !0;
 }
 async function Ce(e, n, o, i) {
   var r;
-  const t = o.guardTimeout ?? Le;
+  const t = o.guardTimeout ?? be;
   if ((r = o.beforeEach) != null && r.length && !await Fe(o.beforeEach, e, n, t))
     return !1;
   const c = x(e);
@@ -440,7 +440,7 @@ function je(e, n) {
     !e.enabled || c || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: m ? { ...m } : void 0 }), t = i.length - 1, i.length > o && (i.shift(), t--), l.value++);
   }
   const u = R(() => (l.value, [...i])), a = R(() => (l.value, t > 0)), d = R(() => (l.value, t < i.length - 1));
-  async function A(g) {
+  async function D(g) {
     if (g < 0 || g >= i.length) return;
     const m = i[g];
     if (m) {
@@ -452,20 +452,20 @@ function je(e, n) {
       }
     }
   }
-  async function b() {
-    a.value && await A(t - 1);
+  async function M() {
+    a.value && await D(t - 1);
   }
   async function T() {
-    d.value && await A(t + 1);
+    d.value && await D(t + 1);
   }
   async function w(g) {
     const m = t + g;
-    await A(m);
+    await D(m);
   }
-  function L() {
+  function b() {
     i.length = 0, t = -1, l.value++;
   }
-  return { entries: u, canGoBack: a, canGoForward: d, back: b, forward: T, go: w, clear: L, record: r };
+  return { entries: u, canGoBack: a, canGoForward: d, back: M, forward: T, go: w, clear: b, record: r };
 }
 function He() {
   const e = $(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Map();
@@ -515,8 +515,8 @@ function qe(e) {
               u.slice(0, a + 1)
             );
             if (e.getActivePath() === d) continue;
-            const A = a === u.length - 1;
-            await e.pushCore(d, A ? c : void 0), A || await se(n);
+            const D = a === u.length - 1;
+            await e.pushCore(d, D ? c : void 0), D || await se(n);
           }
         else {
           const a = u.filter(
@@ -527,8 +527,8 @@ function qe(e) {
             return;
           }
           for (let d = 0; d < a.length; d++) {
-            const A = d === a.length - 1;
-            await e.pushCore(a[d], A ? c : void 0), A || await se(n);
+            const D = d === a.length - 1;
+            await e.pushCore(a[d], D ? c : void 0), D || await se(n);
           }
         }
         e.scheduleUnlock();
@@ -573,16 +573,16 @@ function Je(e, n) {
     routeKeys: $(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: $(/* @__PURE__ */ new Map())
-  }), d = /* @__PURE__ */ new Map(), A = R(() => {
+  }), d = /* @__PURE__ */ new Map(), D = R(() => {
     const p = G(a.activePath), h = [];
     for (const v of p) {
-      const C = r.routes.get(v);
-      if (!C) continue;
-      const P = a.routeKeys.get(v) || 0, M = a.componentKeys.get(v) || 0, S = `${C.path}-${P}`, E = d.get(v);
-      if (E && E.key === S && E.componentKey === M)
+      const A = r.routes.get(v);
+      if (!A) continue;
+      const P = a.routeKeys.get(v) || 0, L = a.componentKeys.get(v) || 0, S = `${A.path}-${P}`, E = d.get(v);
+      if (E && E.key === S && E.componentKey === L)
         h.push(E);
       else {
-        const N = { ...C, key: S, componentKey: M };
+        const N = { ...A, key: S, componentKey: L };
         d.set(v, N), h.push(N);
       }
     }
@@ -590,12 +590,12 @@ function Je(e, n) {
       p.includes(v) || d.delete(v);
     return h;
   });
-  function b(p, h) {
+  function M(p, h) {
     var N, O;
-    const v = G(a.activePath), C = Math.min(p, v.length - 1);
-    if (C <= 0) return;
-    const P = v.slice(0, -C), M = W(P);
-    v.slice(-C).forEach((F) => {
+    const v = G(a.activePath), A = Math.min(p, v.length - 1);
+    if (A <= 0) return;
+    const P = v.slice(0, -A), L = W(P);
+    v.slice(-A).forEach((F) => {
       a.routeAttrs.delete(F);
     });
     const S = P.at(-1);
@@ -607,24 +607,24 @@ function Je(e, n) {
       );
     }
     const E = a.activePath;
-    (N = n == null ? void 0 : n.trackPageLeave) == null || N.call(n, E, E, M), a.fromPath = E, a.toPath = M, a.activePath = M, (O = n == null ? void 0 : n.trackPageEnter) == null || O.call(n, M, E, M);
+    (N = n == null ? void 0 : n.trackPageLeave) == null || N.call(n, E, E, L), a.fromPath = E, a.toPath = L, a.activePath = L, (O = n == null ? void 0 : n.trackPageEnter) == null || O.call(n, L, E, L);
   }
   async function T(p, h) {
-    var M, S;
-    const v = K(p), C = G(v);
+    var L, S;
+    const v = K(p), A = G(v);
     await Promise.all(
-      C.map((E) => r.asyncLoaders.get(E)).filter((E) => !!E).map((E) => k(E))
+      A.map((E) => r.asyncLoaders.get(E)).filter((E) => !!E).map((E) => k(E))
     );
     const P = a.activePath;
-    P !== v && ((M = n == null ? void 0 : n.trackPageLeave) == null || M.call(n, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, h && w(v, h), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, v, P, v);
+    P !== v && ((L = n == null ? void 0 : n.trackPageLeave) == null || L.call(n, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, h && w(v, h), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, v, P, v);
   }
   function w(p, h) {
     const v = G(p).at(-1);
     if (!v) return;
-    const C = a.routeAttrs.get(v);
-    a.routeAttrs.set(v, { ...C, ...h });
+    const A = a.routeAttrs.get(v);
+    a.routeAttrs.set(v, { ...A, ...h });
   }
-  function L(p, h) {
+  function b(p, h) {
     const v = a.routeAttrs.get(p);
     a.routeAttrs.set(p, { ...v, ...h });
   }
@@ -634,7 +634,7 @@ function Je(e, n) {
   async function m(p, h) {
     if (!p && p !== 0) return;
     if (typeof p == "number" && p < 0) {
-      b(Math.abs(p), h);
+      M(Math.abs(p), h);
       return;
     }
     const v = p.toString();
@@ -642,12 +642,12 @@ function Je(e, n) {
       const S = G(v), E = G(a.activePath);
       if (S.length < E.length && S.every((F, oe) => E[oe] === F)) {
         if (E.length - S.length === 1)
-          b(1, h);
+          M(1, h);
         else {
           const oe = E.slice(0, S.length + 1), _e = W(oe);
           E.slice(S.length + 1).forEach((Te) => {
             a.routeAttrs.delete(Te);
-          }), a.activePath = _e, await J(), b(1, h);
+          }), a.activePath = _e, await J(), M(1, h);
         }
         return;
       }
@@ -658,35 +658,35 @@ function Je(e, n) {
       ), await T(v, h);
       return;
     }
-    const C = G(a.activePath), P = C.indexOf(v);
+    const A = G(a.activePath), P = A.indexOf(v);
     if (P !== -1) {
-      const S = C.length - (P + 1);
+      const S = A.length - (P + 1);
       if (S === 1)
-        b(1, h);
+        M(1, h);
       else if (S > 1) {
-        const E = C.slice(0, P + 2), N = W(E);
-        C.slice(P + 2).forEach((O) => {
+        const E = A.slice(0, P + 2), N = W(E);
+        A.slice(P + 2).forEach((O) => {
           a.routeAttrs.delete(O);
-        }), a.activePath = N, await J(), b(1, h);
+        }), a.activePath = N, await J(), M(1, h);
       } else
         a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await T(
-          W(C.slice(0, P + 1)),
+          W(A.slice(0, P + 1)),
           h
         );
       return;
     }
-    const M = W([...C, v]);
-    await T(M, h);
+    const L = W([...A, v]);
+    await T(L, h);
   }
   function s(p) {
     if (typeof p == "number" && p < 0) {
-      const P = G(a.activePath), M = Math.min(Math.abs(p), P.length - 1);
-      return M <= 0 ? a.activePath : W(P.slice(0, -M));
+      const P = G(a.activePath), L = Math.min(Math.abs(p), P.length - 1);
+      return L <= 0 ? a.activePath : W(P.slice(0, -L));
     }
     const h = p.toString();
     if (h.startsWith("/")) return K(h);
-    const v = G(a.activePath), C = v.indexOf(h);
-    return W(C !== -1 ? v.slice(0, C + 1) : [...v, h]);
+    const v = G(a.activePath), A = v.indexOf(h);
+    return W(A !== -1 ? v.slice(0, A + 1) : [...v, h]);
   }
   const f = { getRoute: (p) => r.routes.get(p) };
   async function y(p, h) {
@@ -694,34 +694,34 @@ function Je(e, n) {
     if (!u) {
       u = !0;
       try {
-        const C = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, P = r.routes.size > 0;
-        if ((C || P) && p) {
+        const A = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, P = r.routes.size > 0;
+        if ((A || P) && p) {
           const E = s(p), N = K(a.activePath);
           if (!await Ce(E, N, t, f)) {
             u = !1;
             return;
           }
         }
-        const M = K(a.activePath);
+        const L = K(a.activePath);
         await m(p, h);
         const S = K(a.activePath);
-        D == null || D.record(S, h), xe(S, M, t.afterEach), r.preloadAdjacent(G(a.activePath)), l.schedule(() => {
+        C == null || C.record(S, h), xe(S, L, t.afterEach), r.preloadAdjacent(G(a.activePath)), l.schedule(() => {
           u = !1;
         }, i);
-      } catch (C) {
-        throw u = !1, C;
+      } catch (A) {
+        throw u = !1, A;
       }
     }
   }
-  const D = c.enabled ? je(c, async (p) => {
+  const C = c.enabled ? je(c, async (p) => {
     const h = G(a.activePath), v = G(p);
-    if (v.length < h.length && v.every((P, M) => h[M] === P)) {
+    if (v.length < h.length && v.every((P, L) => h[L] === P)) {
       const P = h.length - v.length;
       await y(-P);
     } else
       await y(p);
   }) : void 0;
-  D && D.record(K(o));
+  C && C.record(K(o));
   const _ = qe({
     getActivePath: () => a.activePath,
     pushCore: m,
@@ -745,17 +745,17 @@ function Je(e, n) {
     activePage: R(() => x(a.activePath)),
     fromPage: R(() => x(a.fromPath)),
     toPage: R(() => x(a.toPath)),
-    resolveRoutes: A,
+    resolveRoutes: D,
     push: y,
     stepWisePush: _.stepWisePush,
     stepWiseBack: _.stepWiseBack,
     registerRoute: r.registerRoute,
     registerRoutes: r.registerRoutes,
-    updateRouteAttrs: L,
+    updateRouteAttrs: b,
     getRouteAttrs: g,
     preloadRoute: r.preloadRoute,
     routes: r.routes,
-    history: D,
+    history: C,
     cleanup: l.cleanup
   };
 }
@@ -847,13 +847,24 @@ function Ze(e) {
       updateBackgroundMusic: c.updateBackgroundMusic
     } : {}
   }, r = x(e.defaultPath);
-  return Y(o.activePage, (a, d) => {
+  if (Y(o.activePage, (a, d) => {
     if (!d) return;
-    const A = t.currentControl.value;
-    d === r && a !== r && n.trackGuiLeave(A), a === r && d !== r && n.trackGuiEnter(A);
-  }), c && Y(o.activePath, (a) => {
-    c.updateBackgroundMusic(a, o.routes);
-  }, { immediate: !0 }), j(async () => {
+    const D = t.currentControl.value;
+    d === r && a !== r && n.trackGuiLeave(D), a === r && d !== r && n.trackGuiEnter(D);
+  }), c) {
+    let a = !1;
+    Y(o.activePath, (D) => {
+      c.updateBackgroundMusic(D, o.routes);
+    });
+    const d = () => {
+      a || (a = !0, c.updateBackgroundMusic(
+        o.activePath.value,
+        o.routes
+      ), document.removeEventListener("click", d), document.removeEventListener("touchstart", d));
+    };
+    document.addEventListener("click", d, { once: !0 }), document.addEventListener("touchstart", d, { once: !0 });
+  }
+  return j(async () => {
     await J(), t.toggleControl(e.defaultControlName, !0), n.trackPageEnter(
       o.activePath.value,
       void 0,
@@ -912,7 +923,7 @@ function gt(e) {
   });
 }
 function ft(e) {
-  const n = V(Me);
+  const n = V(Le);
   if (!n) {
     console.warn(
       "[vue-micro-router] useDialogLifecycle() must be called inside a dialog component rendered by <MicroDialog>."
@@ -931,7 +942,7 @@ function ft(e) {
   });
 }
 function dt(e) {
-  const n = V(be);
+  const n = V(Me);
   if (!n) {
     console.warn(
       "[vue-micro-router] useControlLifecycle() must be called inside a control component rendered by <MicroControlWrapper>."
@@ -953,12 +964,12 @@ function ke(e, n) {
   if (!e.enabled) return;
   const o = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
   let c = 0, l = 0, r = 0, u = !1, a = null, d = null;
-  function A() {
+  function D() {
     const s = n.containerRef.value;
     return s ? "$el" in s ? s.$el : s : null;
   }
-  function b() {
-    const s = A();
+  function M() {
+    const s = D();
     if (!s) return { current: null, previous: null };
     const f = s.querySelectorAll(".route-page");
     return f.length < 2 ? { current: f[f.length - 1] ?? null, previous: null } : {
@@ -969,11 +980,11 @@ function ke(e, n) {
   function T(s) {
     var _;
     if (!n.canGoBack() || s.clientX > o) return;
-    const { current: f, previous: y } = b();
+    const { current: f, previous: y } = M();
     if (!f) return;
     u = !0, c = s.clientX, l = s.clientY, r = Date.now(), a = f, d = y;
-    const D = A();
-    (_ = D == null ? void 0 : D.setPointerCapture) == null || _.call(D, s.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
+    const C = D();
+    (_ = C == null ? void 0 : C.setPointerCapture) == null || _.call(C, s.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
   }
   function w(s) {
     if (!u || !a) return;
@@ -982,20 +993,20 @@ function ke(e, n) {
       g();
       return;
     }
-    const D = f / window.innerWidth;
+    const C = f / window.innerWidth;
     if (a.style.transform = `translateX(${f}px)`, d) {
-      const _ = -20 + 20 * D;
+      const _ = -20 + 20 * C;
       d.style.transform = `translateX(${_}%)`;
     }
   }
-  function L(s) {
+  function b(s) {
     if (!u || !a) return;
     if (!a.isConnected) {
       m(), u = !1;
       return;
     }
-    const f = s.clientX - c, y = Date.now() - r, D = f / y;
-    f / window.innerWidth > i || D > t ? (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(100%)", d && (d.style.transition = "transform 0.2s ease-out", d.style.transform = "translateX(0)"), setTimeout(() => {
+    const f = s.clientX - c, y = Date.now() - r, C = f / y;
+    f / window.innerWidth > i || C > t ? (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(100%)", d && (d.style.transition = "transform 0.2s ease-out", d.style.transform = "translateX(0)"), setTimeout(() => {
       m(), n.goBack();
     }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", d && (d.style.transition = "transform 0.2s ease-out", d.style.transform = "translateX(-20%)"), setTimeout(m, 200)), u = !1;
   }
@@ -1006,11 +1017,11 @@ function ke(e, n) {
     a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), d && (d.style.willChange = "", d.style.transition = "", d.style.transform = ""), a = null, d = null;
   }
   j(() => {
-    const s = A();
-    s != null && s.addEventListener && (s.addEventListener("pointerdown", T, { passive: !0 }), s.addEventListener("pointermove", w, { passive: !0 }), s.addEventListener("pointerup", L, { passive: !0 }), s.addEventListener("pointercancel", g, { passive: !0 }));
+    const s = D();
+    s != null && s.addEventListener && (s.addEventListener("pointerdown", T, { passive: !0 }), s.addEventListener("pointermove", w, { passive: !0 }), s.addEventListener("pointerup", b, { passive: !0 }), s.addEventListener("pointercancel", g, { passive: !0 }));
   }), Ae(() => {
-    const s = A();
-    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", T), s.removeEventListener("pointermove", w), s.removeEventListener("pointerup", L), s.removeEventListener("pointercancel", g));
+    const s = D();
+    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", T), s.removeEventListener("pointermove", w), s.removeEventListener("pointerup", b), s.removeEventListener("pointercancel", g));
   });
 }
 function vt(e) {
@@ -1028,7 +1039,7 @@ const tt = /* @__PURE__ */ ee({
   },
   setup(e) {
     const n = e, { getControlAttrs: o, updateControlAttrs: i } = H();
-    return B(be, n.control.name), B(te, () => o(n.control.name)), B(ne, (t) => {
+    return B(Me, n.control.name), B(te, () => o(n.control.name)), B(ne, (t) => {
       i(n.control.name, t);
     }), (t, c) => (I(), z(ve(e.control.component), me({
       key: e.control.componentKey || 0
@@ -1043,18 +1054,18 @@ const tt = /* @__PURE__ */ ee({
   emits: ["close"],
   setup(e, { emit: n }) {
     const o = e, i = n, { getDialogAttrs: t, updateDialogAttrs: c } = H(), l = de(null);
-    B(Me, o.dialog.path), B(te, () => t(o.dialog.path)), B(ne, (w) => {
+    B(Le, o.dialog.path), B(te, () => t(o.dialog.path)), B(ne, (w) => {
       c(o.dialog.path, w);
     });
     const r = R(() => o.dialog.transition ?? "scale"), u = R(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : r.value === "slide" ? 500 : 300), a = R(() => o.dialog.position ?? "standard"), d = R(() => o.dialog.seamless ?? !0);
-    function A(w) {
+    function D(w) {
       if (o.dialog.persistent) {
         w.preventDefault();
         return;
       }
       w.preventDefault(), i("close", o.dialog.path);
     }
-    function b(w) {
+    function M(w) {
       o.dialog.persistent || w.target === l.value && i("close", o.dialog.path);
     }
     function T() {
@@ -1073,12 +1084,12 @@ const tt = /* @__PURE__ */ ee({
     ), Y(
       () => o.dialog.closing,
       (w) => {
-        var L;
-        !w && !o.dialog.activated && ((L = l.value) != null && L.open) && l.value.close();
+        var b;
+        !w && !o.dialog.activated && ((b = l.value) != null && b.open) && l.value.close();
       }
     ), j(() => {
       o.dialog.activated && l.value && !l.value.open && (l.value.showModal(), T());
-    }), (w, L) => (I(), z(Ne, { to: "body" }, [
+    }), (w, b) => (I(), z(Ne, { to: "body" }, [
       Q("dialog", {
         ref_key: "dialogRef",
         ref: l,
@@ -1101,12 +1112,12 @@ const tt = /* @__PURE__ */ ee({
           padding: "0",
           inset: "0"
         }),
-        onCancel: A,
-        onClick: b
+        onCancel: D,
+        onClick: M
       }, [
         Q("div", {
           class: "micro-dialog__content",
-          onClick: L[0] || (L[0] = Oe(() => {
+          onClick: b[0] || (b[0] = Oe(() => {
           }, ["stop"]))
         }, [
           he(w.$slots, "default"),
@@ -1159,13 +1170,13 @@ const tt = /* @__PURE__ */ ee({
     } = o, a = de(null), d = R(() => {
       const s = l.value.split("/").filter(Boolean), f = r.value.split("/").filter(Boolean);
       return s.some((y) => f.includes(y));
-    }), A = R(() => c.value.length > 0), b = R(() => {
+    }), D = R(() => c.value.length > 0), M = R(() => {
       const s = i.value.at(-1);
       return (s == null ? void 0 : s.transition) ?? "slide";
-    }), T = R(() => b.value === "none" ? "" : b.value === "fade" ? "page-fade" : "page-slide"), w = R(() => {
+    }), T = R(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), w = R(() => {
       const s = i.value.at(-1);
-      return s != null && s.transitionDuration ? s.transitionDuration : b.value === "fade" ? 300 : 500;
-    }), L = R(() => d.value && b.value !== "none");
+      return s != null && s.transitionDuration ? s.transitionDuration : M.value === "fade" ? 300 : 500;
+    }), b = R(() => d.value && M.value !== "none");
     return (m = n.config.gesture) != null && m.enabled && ke(n.config.gesture, {
       containerRef: a,
       goBack: () => o.push(-1),
@@ -1175,18 +1186,18 @@ const tt = /* @__PURE__ */ ee({
         ref_key: "pageContainerRef",
         ref: a,
         name: T.value,
-        css: L.value
+        css: b.value
       }, {
         default: ae(() => [
-          (I(!0), q(Z, null, ie(U(i), (y, D) => (I(), z(it, {
+          (I(!0), q(Z, null, ie(U(i), (y, C) => (I(), z(it, {
             key: y.key || y.path,
             "route-path": y.path,
             class: le({
-              deactive: U(i).length > 1 && D !== U(i).length - 1
+              deactive: U(i).length > 1 && C !== U(i).length - 1
             }),
             style: Re({
-              transition: L.value ? `transform ${w.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${w.value}ms ease` : "none",
-              zIndex: D,
+              transition: b.value ? `transform ${w.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${w.value}ms ease` : "none",
+              zIndex: C,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
             })
           }, {
@@ -1204,7 +1215,7 @@ const tt = /* @__PURE__ */ ee({
         he(s.$slots, "default")
       ]),
       Q("div", {
-        class: le(["micro-router-gui-layer", { "gui-visible": A.value }])
+        class: le(["micro-router-gui-layer", { "gui-visible": D.value }])
       }, [
         we(De, { name: "control-fade" }, {
           default: ae(() => [
@@ -1216,10 +1227,10 @@ const tt = /* @__PURE__ */ ee({
           _: 1
         })
       ], 2),
-      (I(!0), q(Z, null, ie(U(t), (y, D) => (I(), z(nt, {
+      (I(!0), q(Z, null, ie(U(t), (y, C) => (I(), z(nt, {
         key: "dialog-" + y.path,
         dialog: y,
-        "stack-index": D,
+        "stack-index": C,
         onClose: U(u)
       }, null, 8, ["dialog", "stack-index", "onClose"]))), 128))
     ], 64));
@@ -1228,8 +1239,8 @@ const tt = /* @__PURE__ */ ee({
 export {
   te as MICRO_ATTRS_READ_KEY,
   ne as MICRO_ATTRS_WRITE_KEY,
-  be as MICRO_CONTROL_NAME_KEY,
-  Me as MICRO_DIALOG_PATH_KEY,
+  Me as MICRO_CONTROL_NAME_KEY,
+  Le as MICRO_DIALOG_PATH_KEY,
   Ee as MICRO_ROUTER_KEY,
   ce as MICRO_ROUTER_ROOT_KEY,
   Se as MICRO_ROUTE_PATH_KEY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-micro-router",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "type": "module",
   "description": "Mobile-app-style navigation for Vue 3 — animated page stacks, modal dialogs, HUD controls. No URL routing.",
   "author": {