vue-micro-router 1.0.55 → 1.0.56

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { shallowReactive as U, computed as C, defineAsyncComponent as me, reactive as pe, nextTick as k, ref as ee, inject as x, watch as X, onMounted as q, onBeforeUnmount as he, provide as N, toRefs as Ne, toRef as Oe, defineComponent as oe, openBlock as G, createBlock as F, resolveDynamicComponent as ye, mergeProps as Pe, Teleport as Ke, createElementVNode as j, withModifiers as le, normalizeStyle as be, normalizeClass as Q, createElementBlock as V, createCommentVNode as We, renderSlot as we, Fragment as te, createVNode as Re, TransitionGroup as Se, withCtx as ce, renderList as ue, unref as Y } from "vue";
+import { shallowReactive as U, computed as A, defineAsyncComponent as me, reactive as pe, nextTick as k, ref as ee, inject as x, watch as X, onMounted as q, onBeforeUnmount as he, provide as N, toRefs as Ne, toRef as Oe, defineComponent as oe, openBlock as G, createBlock as F, resolveDynamicComponent as ye, mergeProps as Pe, Teleport as Ke, createElementVNode as j, withModifiers as le, normalizeStyle as be, normalizeClass as Q, createElementBlock as V, createCommentVNode as We, renderSlot as we, Fragment as te, createVNode as Re, TransitionGroup as Se, withCtx as ce, renderList as ue, unref as Y } from "vue";
 import { i as De, s as Ce, g as H, w as ne, p as B, b as K, n as W, u as $e } from "./use-audio-manager.mjs";
 const Me = Symbol("micro-router");
 function vt() {
@@ -26,41 +26,41 @@ function Ue(e, o) {
   let u = !1;
   const s = U(/* @__PURE__ */ new Map()), f = U(
     /* @__PURE__ */ new Map()
-  ), a = C(() => {
+  ), a = A(() => {
     const l = [];
     for (const r of s.values())
       r.activated && l.push(r);
     return l;
-  }), d = a, A = C(
+  }), d = a, R = A(
     () => a.value.some((l) => l.name !== n)
-  ), L = C(() => {
+  ), L = A(() => {
     const l = a.value.find((r) => r.name !== n);
     return (l == null ? void 0 : l.name) ?? n;
   });
   function M(l, r, P) {
-    var y, S, p;
+    var h, C, m;
     if (!(r && u)) {
       r && (u = !0);
       try {
-        const h = s.get(l);
-        if (!h) return;
+        const y = s.get(l);
+        if (!y) return;
         const v = s.get(n), D = l === n || l === i;
         if (r)
-          (y = o == null ? void 0 : o.trackGuiEnter) == null || y.call(o, l), D ? s.forEach((w) => {
+          (h = o == null ? void 0 : o.trackGuiEnter) == null || h.call(o, l), D ? s.forEach((w) => {
             var b;
             w.name !== n && w.activated && ((b = o == null ? void 0 : o.trackGuiLeave) == null || b.call(o, w.name), s.set(w.name, {
               ...w,
               activated: !1,
               attrs: void 0
             }));
-          }) : v != null && v.activated && ((S = o == null ? void 0 : o.trackGuiLeave) == null || S.call(o, n), s.set(n, { ...v, activated: !1 })), P && f.set(l, { ...P }), s.set(l, {
-            ...h,
+          }) : v != null && v.activated && ((C = o == null ? void 0 : o.trackGuiLeave) == null || C.call(o, n), s.set(n, { ...v, activated: !1 })), P && f.set(l, { ...P }), s.set(l, {
+            ...y,
             activated: !0,
-            componentKey: (h.componentKey || 0) + 1,
+            componentKey: (y.componentKey || 0) + 1,
             attrs: P ? { ...P } : void 0
           });
         else {
-          (p = o == null ? void 0 : o.trackGuiLeave) == null || p.call(o, l), f.delete(l), s.set(l, { ...h, activated: !1, attrs: void 0 });
+          (m = o == null ? void 0 : o.trackGuiLeave) == null || m.call(o, l), f.delete(l), s.set(l, { ...y, activated: !1, attrs: void 0 });
           const w = s.get(n);
           if (!D && w && !w.activated) {
             if (w.name === i) return;
@@ -88,19 +88,19 @@ function Ue(e, o) {
   function g(l) {
     return f.get(l);
   }
-  function m(l, r) {
+  function p(l, r) {
     const P = f.get(l);
     f.set(l, { ...P, ...r });
   }
   return {
     resolveControls: d,
-    activeControl: A,
+    activeControl: R,
     currentControl: L,
     toggleControl: M,
     registerControl: _,
     registerControls: T,
     getControlAttrs: g,
-    updateControlAttrs: m,
+    updateControlAttrs: p,
     cleanup: c.cleanup
   };
 }
@@ -257,23 +257,23 @@ function Ve(e) {
     dialogs: U(/* @__PURE__ */ new Map()),
     /** Attrs stored separately for useMicroState access inside dialog components */
     dialogAttrs: U(/* @__PURE__ */ new Map())
-  }), c = C(() => {
-    const g = [], m = /* @__PURE__ */ new Set();
+  }), c = A(() => {
+    const g = [], p = /* @__PURE__ */ new Set();
     for (const l of t.dialogStack) {
       const r = t.dialogs.get(l);
-      r && (r.activated || r.closing) && (g.push(r), m.add(l));
+      r && (r.activated || r.closing) && (g.push(r), p.add(l));
     }
     for (const l of t.dialogs.values())
-      l.closing && !m.has(l.path) && g.push(l);
+      l.closing && !p.has(l.path) && g.push(l);
     return g;
   }), u = n.schedule;
-  function s(g, m) {
-    return { path: g, attrs: m };
+  function s(g, p) {
+    return { path: g, attrs: p };
   }
-  function f({ path: g, open: m, attrs: l }) {
+  function f({ path: g, open: p, attrs: l }) {
     const r = t.dialogs.get(g);
     return r && k(() => {
-      if (m)
+      if (p)
         t.fromDialog = t.activeDialog, t.toDialog = g, t.dialogStack.includes(g) || t.dialogStack.push(g), t.activeDialog = g, l && t.dialogAttrs.set(g, { ...l }), t.dialogs.set(g, {
           ...r,
           activated: !0,
@@ -291,27 +291,27 @@ function Ve(e) {
         t.fromDialog = t.activeDialog;
         const P = t.dialogStack.indexOf(g);
         P > -1 && t.dialogStack.splice(P, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const y = r.transitionDuration ?? (r.transition === "slide" ? 500 : 300);
+        const h = r.transitionDuration ?? (r.transition === "slide" ? 500 : 300);
         t.dialogs.set(g, {
           ...r,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), u(() => {
-          const S = t.dialogs.get(g);
-          S && !S.activated && t.dialogs.set(g, { ...S, closing: !1 });
-        }, y + 200);
+          const C = t.dialogs.get(g);
+          C && !C.activated && t.dialogs.set(g, { ...C, closing: !1 });
+        }, h + 200);
       }
     }), s(g, l);
   }
-  function a(g, m) {
+  function a(g, p) {
     var l;
-    if (i) return s(g, m);
+    if (i) return s(g, p);
     i = !0;
     try {
       const r = t.activeDialog || "";
       (l = e == null ? void 0 : e.trackDialogEnter) == null || l.call(e, g, r, g);
-      const P = f({ path: g, open: !0, attrs: m });
+      const P = f({ path: g, open: !0, attrs: p });
       return u(() => {
         i = !1;
       }, 300), P;
@@ -320,24 +320,24 @@ function Ve(e) {
     }
   }
   function d(g) {
-    var m;
-    (m = e == null ? void 0 : e.trackDialogLeave) == null || m.call(e, g, g, ""), t.dialogAttrs.delete(g), f({ path: g, open: !1 });
+    var p;
+    (p = e == null ? void 0 : e.trackDialogLeave) == null || p.call(e, g, g, ""), t.dialogAttrs.delete(g), f({ path: g, open: !1 });
   }
-  function A() {
-    const g = [], m = [];
+  function R() {
+    const g = [], p = [];
     t.dialogs.forEach((l, r) => {
-      var P, y;
+      var P, h;
       if (l.activated) {
         (P = e == null ? void 0 : e.trackDialogLeave) == null || P.call(e, r, r, "");
-        const S = (y = l.attrs) == null ? void 0 : y.onClose;
-        typeof S == "function" && m.push(S), t.dialogs.set(r, {
+        const C = (h = l.attrs) == null ? void 0 : h.onClose;
+        typeof C == "function" && p.push(C), t.dialogs.set(r, {
           ...l,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), g.push(r);
       }
-    }), m.forEach((l) => l()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
+    }), p.forEach((l) => l()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
       g.forEach((l) => {
         const r = t.dialogs.get(l);
         r && !r.activated && t.dialogs.set(l, { ...r, closing: !1 });
@@ -346,11 +346,11 @@ function Ve(e) {
   }
   function L(g) {
     t.dialogs.has(g.path) && console.warn(`[vue-micro-router] Dialog "${g.path}" already registered. Overwriting.`);
-    let { component: m } = g;
-    De(m) && (m = me(m)), t.dialogs.set(g.path, {
+    let { component: p } = g;
+    De(p) && (p = me(p)), t.dialogs.set(g.path, {
       persistent: !0,
       ...g,
-      component: Ce(m)
+      component: Ce(p)
     });
   }
   function M(g) {
@@ -359,18 +359,18 @@ function Ve(e) {
   function _(g) {
     return t.dialogAttrs.get(g);
   }
-  function T(g, m) {
+  function T(g, p) {
     const l = t.dialogAttrs.get(g);
-    t.dialogAttrs.set(g, { ...l, ...m });
+    t.dialogAttrs.set(g, { ...l, ...p });
   }
   return {
-    activeDialog: C(() => t.activeDialog),
-    fromDialog: C(() => t.fromDialog),
-    toDialog: C(() => t.toDialog),
+    activeDialog: A(() => t.activeDialog),
+    fromDialog: A(() => t.fromDialog),
+    toDialog: A(() => t.toDialog),
     resolveDialogs: c,
     openDialog: a,
     closeDialog: d,
-    closeAllDialogs: A,
+    closeAllDialogs: R,
     registerDialog: L,
     registerDialogs: M,
     getDialogAttrs: _,
@@ -429,31 +429,31 @@ function qe(e, o) {
   const n = e.maxEntries ?? 50, i = [];
   let t = -1, c = !1;
   const u = ee(0);
-  function s(g, m) {
-    !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 > n && (i.shift(), t--), u.value++);
+  function s(g, p) {
+    !e.enabled || c || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: p ? { ...p } : void 0 }), t = i.length - 1, i.length > n && (i.shift(), t--), u.value++);
   }
-  const f = C(() => (u.value, [...i])), a = C(() => (u.value, t > 0)), d = C(() => (u.value, t < i.length - 1));
-  async function A(g) {
+  const f = A(() => (u.value, [...i])), a = A(() => (u.value, t > 0)), d = A(() => (u.value, t < i.length - 1));
+  async function R(g) {
     if (g < 0 || g >= i.length) return;
-    const m = i[g];
-    if (m) {
+    const p = i[g];
+    if (p) {
       t = g, c = !0, u.value++;
       try {
-        await o(m.path);
+        await o(p.path);
       } finally {
         c = !1;
       }
     }
   }
   async function L() {
-    a.value && await A(t - 1);
+    a.value && await R(t - 1);
   }
   async function M() {
-    d.value && await A(t + 1);
+    d.value && await R(t + 1);
   }
   async function _(g) {
-    const m = t + g;
-    await A(m);
+    const p = t + g;
+    await R(p);
   }
   function T() {
     i.length = 0, t = -1, u.value++;
@@ -508,8 +508,8 @@ function Qe(e) {
               f.slice(0, a + 1)
             );
             if (e.getActivePath() === d) continue;
-            const A = a === f.length - 1;
-            await e.pushCore(d, A ? c : void 0), A || await fe(o);
+            const R = a === f.length - 1;
+            await e.pushCore(d, R ? c : void 0), R || await fe(o);
           }
         else {
           const a = f.filter(
@@ -520,8 +520,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 fe(o);
+            const R = d === a.length - 1;
+            await e.pushCore(a[d], R ? c : void 0), R || await fe(o);
           }
         }
         e.scheduleUnlock();
@@ -564,138 +564,138 @@ function Ze(e, o) {
     routeKeys: U(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: U(/* @__PURE__ */ new Map())
-  }), d = /* @__PURE__ */ new Map(), A = C(() => {
-    const p = B(a.activePath), h = [];
-    for (const v of p) {
+  }), d = /* @__PURE__ */ new Map(), R = A(() => {
+    const m = B(a.activePath), y = [];
+    for (const v of m) {
       const D = s.routes.get(v);
       if (!D) continue;
-      const w = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, E = `${D.path}-${w}`, R = d.get(v);
-      if (R && R.key === E && R.componentKey === b)
-        h.push(R);
+      const w = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, E = `${D.path}-${w}`, S = d.get(v);
+      if (S && S.key === E && S.componentKey === b)
+        y.push(S);
       else {
         const O = { ...D, key: E, componentKey: b };
-        d.set(v, O), h.push(O);
+        d.set(v, O), y.push(O);
       }
     }
     for (const v of d.keys())
-      p.includes(v) || d.delete(v);
-    return h;
+      m.includes(v) || d.delete(v);
+    return y;
   });
-  function L(p, h) {
+  function L(m, y) {
     var O, I;
-    const v = B(a.activePath), D = Math.min(p, v.length - 1);
+    const v = B(a.activePath), D = Math.min(m, v.length - 1);
     if (D <= 0) return;
     const w = v.slice(0, -D), b = K(w);
     for (let $ = v.length - D; $ < v.length; $++)
       a.routeAttrs.delete(v[$]);
     const E = w.at(-1);
-    if (E && h) {
+    if (E && y) {
       const $ = a.routeAttrs.get(E);
-      a.routeAttrs.set(E, { ...$, ...h }), a.componentKeys.set(
+      a.routeAttrs.set(E, { ...$, ...y }), a.componentKeys.set(
         E,
         (a.componentKeys.get(E) || 0) + 1
       );
     }
-    const R = a.activePath;
-    (O = o == null ? void 0 : o.trackPageLeave) == null || O.call(o, R, R, b), a.fromPath = R, a.toPath = b, a.activePath = b, (I = o == null ? void 0 : o.trackPageEnter) == null || I.call(o, b, R, b);
+    const S = a.activePath;
+    (O = o == null ? void 0 : o.trackPageLeave) == null || O.call(o, S, S, b), a.fromPath = S, a.toPath = b, a.activePath = b, (I = o == null ? void 0 : o.trackPageEnter) == null || I.call(o, b, S, b);
   }
-  async function M(p, h) {
+  async function M(m, y) {
     var b, E;
-    const v = W(p), D = B(v);
+    const v = W(m), D = B(v);
     await Promise.all(
-      D.map((R) => s.asyncLoaders.get(R)).filter((R) => !!R).map((R) => ne(R))
+      D.map((S) => s.asyncLoaders.get(S)).filter((S) => !!S).map((S) => ne(S))
     );
     const w = a.activePath;
-    w !== v && ((b = o == null ? void 0 : o.trackPageLeave) == null || b.call(o, w, w, v)), a.fromPath = w, a.toPath = v, a.activePath = v, h && _(v, h), (E = o == null ? void 0 : o.trackPageEnter) == null || E.call(o, v, w, v);
+    w !== v && ((b = o == null ? void 0 : o.trackPageLeave) == null || b.call(o, w, w, v)), a.fromPath = w, a.toPath = v, a.activePath = v, y && _(v, y), (E = o == null ? void 0 : o.trackPageEnter) == null || E.call(o, v, w, v);
   }
-  function _(p, h) {
-    const v = B(p).at(-1);
+  function _(m, y) {
+    const v = B(m).at(-1);
     if (!v) return;
     const D = a.routeAttrs.get(v);
-    a.routeAttrs.set(v, { ...D, ...h });
+    a.routeAttrs.set(v, { ...D, ...y });
   }
-  function T(p, h) {
-    const v = a.routeAttrs.get(p);
-    a.routeAttrs.set(p, { ...v, ...h });
+  function T(m, y) {
+    const v = a.routeAttrs.get(m);
+    a.routeAttrs.set(m, { ...v, ...y });
   }
-  function g(p) {
-    return a.routeAttrs.get(p);
+  function g(m) {
+    return a.routeAttrs.get(m);
   }
-  async function m(p, h) {
-    if (!p && p !== 0) return;
-    if (typeof p == "number" && p < 0) {
-      L(Math.abs(p), h);
+  async function p(m, y) {
+    if (!m && m !== 0) return;
+    if (typeof m == "number" && m < 0) {
+      L(Math.abs(m), y);
       return;
     }
-    const v = p.toString();
+    const v = m.toString();
     if (v.startsWith("/")) {
-      const E = B(v), R = B(a.activePath);
-      if (E.length < R.length && E.every(($, se) => R[se] === $)) {
-        if (R.length - E.length === 1)
-          L(1, h);
+      const E = B(v), S = B(a.activePath);
+      if (E.length < S.length && E.every(($, se) => S[se] === $)) {
+        if (S.length - E.length === 1)
+          L(1, y);
         else {
-          const se = R.slice(0, E.length + 1), Ie = K(se);
-          for (let re = E.length + 1; re < R.length; re++)
-            a.routeAttrs.delete(R[re]);
-          a.activePath = Ie, await k(), L(1, h);
+          const se = S.slice(0, E.length + 1), Ie = K(se);
+          for (let re = E.length + 1; re < S.length; re++)
+            a.routeAttrs.delete(S[re]);
+          a.activePath = Ie, await k(), L(1, y);
         }
         return;
       }
       const I = E.at(-1);
-      I && R.at(-1) === I && a.routeKeys.set(
+      I && S.at(-1) === I && a.routeKeys.set(
         I,
         (a.routeKeys.get(I) || 0) + 1
-      ), await M(v, h);
+      ), await M(v, y);
       return;
     }
     const D = B(a.activePath), w = D.indexOf(v);
     if (w !== -1) {
       const E = D.length - (w + 1);
       if (E === 1)
-        L(1, h);
+        L(1, y);
       else if (E > 1) {
-        const R = D.slice(0, w + 2), O = K(R);
+        const S = D.slice(0, w + 2), O = K(S);
         for (let I = w + 2; I < D.length; I++)
           a.routeAttrs.delete(D[I]);
-        a.activePath = O, await k(), L(1, h);
+        a.activePath = O, await k(), L(1, y);
       } else
         a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await M(
           K(D.slice(0, w + 1)),
-          h
+          y
         );
       return;
     }
     const b = K([...D, v]);
-    await M(b, h);
+    await M(b, y);
   }
-  function l(p) {
-    if (typeof p == "number" && p < 0) {
-      const w = B(a.activePath), b = Math.min(Math.abs(p), w.length - 1);
+  function l(m) {
+    if (typeof m == "number" && m < 0) {
+      const w = B(a.activePath), b = Math.min(Math.abs(m), w.length - 1);
       return b <= 0 ? a.activePath : K(w.slice(0, -b));
     }
-    const h = p.toString();
-    if (h.startsWith("/")) return W(h);
-    const v = B(a.activePath), D = v.indexOf(h);
-    return D !== -1 ? K(v.slice(0, D + 1)) : K([...v, h]);
+    const y = m.toString();
+    if (y.startsWith("/")) return W(y);
+    const v = B(a.activePath), D = v.indexOf(y);
+    return D !== -1 ? K(v.slice(0, D + 1)) : K([...v, y]);
   }
-  const r = { getRoute: (p) => s.routes.get(p) };
-  async function P(p, h) {
+  const r = { getRoute: (m) => s.routes.get(m) };
+  async function P(m, y) {
     var v;
     if (!f.value) {
       f.value = !0;
       try {
         const D = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, w = s.routes.size > 0;
-        if ((D || w) && p) {
-          const R = l(p), O = W(a.activePath);
-          if (!await Ee(R, O, t, r)) {
+        if ((D || w) && m) {
+          const S = l(m), O = W(a.activePath);
+          if (!await Ee(S, O, t, r)) {
             f.value = !1;
             return;
           }
         }
         const b = W(a.activePath);
-        await m(p, h);
+        await p(m, y);
         const E = W(a.activePath);
-        y == null || y.record(E, h), He(E, b, t.afterEach), s.preloadAdjacent(B(a.activePath)), u.schedule(() => {
+        h == null || h.record(E, y), He(E, b, t.afterEach), s.preloadAdjacent(B(a.activePath)), u.schedule(() => {
           f.value = !1;
         }, i);
       } catch (D) {
@@ -703,19 +703,19 @@ function Ze(e, o) {
       }
     }
   }
-  const y = c.enabled ? qe(c, async (p) => {
-    const h = B(a.activePath), v = B(p);
-    if (v.length < h.length && v.every((w, b) => h[b] === w)) {
-      const w = h.length - v.length;
+  const h = c.enabled ? qe(c, async (m) => {
+    const y = B(a.activePath), v = B(m);
+    if (v.length < y.length && v.every((w, b) => y[b] === w)) {
+      const w = y.length - v.length;
       await P(-w);
     } else
-      await P(p);
+      await P(m);
   }) : void 0;
-  y && y.record(W(n));
-  const S = Qe({
+  h && h.record(W(n));
+  const C = Qe({
     getActivePath: () => a.activePath,
-    pushCore: m,
-    runGuards: (p, h) => Ee(p, h, t, r),
+    pushCore: p,
+    runGuards: (m, y) => Ee(m, y, t, r),
     scheduleUnlock: () => u.schedule(() => {
       f.value = !1;
     }, i),
@@ -729,24 +729,24 @@ function Ze(e, o) {
     stepDelay: i
   });
   return {
-    activePath: C(() => a.activePath),
-    fromPath: C(() => a.fromPath),
-    toPath: C(() => a.toPath),
-    activePage: C(() => H(a.activePath)),
-    fromPage: C(() => H(a.fromPath)),
-    toPage: C(() => H(a.toPath)),
-    isNavigating: C(() => f.value),
-    resolveRoutes: A,
+    activePath: A(() => a.activePath),
+    fromPath: A(() => a.fromPath),
+    toPath: A(() => a.toPath),
+    activePage: A(() => H(a.activePath)),
+    fromPage: A(() => H(a.fromPath)),
+    toPage: A(() => H(a.toPath)),
+    isNavigating: A(() => f.value),
+    resolveRoutes: R,
     push: P,
-    stepWisePush: S.stepWisePush,
-    stepWiseBack: S.stepWiseBack,
+    stepWisePush: C.stepWisePush,
+    stepWiseBack: C.stepWiseBack,
     registerRoute: s.registerRoute,
     registerRoutes: s.registerRoutes,
     updateRouteAttrs: T,
     getRouteAttrs: g,
     preloadRoute: s.preloadRoute,
     routes: s.routes,
-    history: y,
+    history: h,
     cleanup: u.cleanup
   };
 }
@@ -848,8 +848,8 @@ function et(e) {
   }, s = H(e.defaultPath);
   return X(n.activePage, (a, d) => {
     if (!d) return;
-    const A = t.currentControl.value;
-    d === s && a !== s && o.trackGuiLeave(A), a === s && d !== s && o.trackGuiEnter(A);
+    const R = t.currentControl.value;
+    d === s && a !== s && o.trackGuiLeave(R), a === s && d !== s && o.trackGuiEnter(R);
   }), c && e.defaultBgm && e.bgmStartRef && X(e.bgmStartRef, (a) => {
     a && !c.isStarted() && c.playSoundSync(e.defaultBgm, !0);
   }, { flush: "sync" }), q(async () => {
@@ -952,12 +952,12 @@ function tt(e, o) {
   if (!e.enabled) return;
   const n = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
   let c = 0, u = 0, s = 0, f = !1, a = null, d = null;
-  function A() {
+  function R() {
     const l = o.containerRef.value;
     return l ? "$el" in l ? l.$el : l : null;
   }
   function L() {
-    const l = A();
+    const l = R();
     if (!l) return { current: null, previous: null };
     const r = l.querySelectorAll(".route-page");
     return r.length < 2 ? { current: r[r.length - 1] ?? null, previous: null } : {
@@ -966,13 +966,13 @@ function tt(e, o) {
     };
   }
   function M(l) {
-    var S;
+    var C;
     if (!o.canGoBack() || l.clientX > n) return;
     const { current: r, previous: P } = L();
     if (!r) return;
     f = !0, c = l.clientX, u = l.clientY, s = Date.now(), a = r, d = P;
-    const y = A();
-    (S = y == null ? void 0 : y.setPointerCapture) == null || S.call(y, l.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
+    const h = R();
+    (C = h == null ? void 0 : h.setPointerCapture) == null || C.call(h, l.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
   }
   function _(l) {
     if (!f || !a) return;
@@ -981,34 +981,34 @@ function tt(e, o) {
       g();
       return;
     }
-    const y = r / window.innerWidth;
+    const h = r / window.innerWidth;
     if (a.style.transform = `translateX(${r}px)`, d) {
-      const S = -20 + 20 * y;
-      d.style.transform = `translateX(${S}%)`;
+      const C = -20 + 20 * h;
+      d.style.transform = `translateX(${C}%)`;
     }
   }
   function T(l) {
     if (!f || !a) return;
     if (!a.isConnected) {
-      m(), f = !1;
+      p(), f = !1;
       return;
     }
-    const r = l.clientX - c, P = Date.now() - s, y = r / P;
-    r / window.innerWidth > i || y > 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(), o.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)), f = !1;
+    const r = l.clientX - c, P = Date.now() - s, h = r / P;
+    r / window.innerWidth > i || h > 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(() => {
+      p(), o.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(p, 200)), f = !1;
   }
   function g() {
-    f && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), d && (d.style.transition = "transform 0.15s ease-out", d.style.transform = "translateX(-20%)"), setTimeout(m, 150), f = !1);
+    f && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), d && (d.style.transition = "transform 0.15s ease-out", d.style.transform = "translateX(-20%)"), setTimeout(p, 150), f = !1);
   }
-  function m() {
+  function p() {
     a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), d && (d.style.willChange = "", d.style.transition = "", d.style.transform = ""), a = null, d = null;
   }
   q(() => {
-    const l = A();
+    const l = R();
     l != null && l.addEventListener && (l.addEventListener("pointerdown", M, { passive: !0 }), l.addEventListener("pointermove", _, { passive: !0 }), l.addEventListener("pointerup", T, { passive: !0 }), l.addEventListener("pointercancel", g, { passive: !0 }));
   }), he(() => {
-    const l = A();
+    const l = R();
     l != null && l.removeEventListener && (l.removeEventListener("pointerdown", M), l.removeEventListener("pointermove", _), l.removeEventListener("pointerup", T), l.removeEventListener("pointercancel", g));
   });
 }
@@ -1051,7 +1051,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
   setup(e, { emit: o }) {
     const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: c } = J();
     let u = !1;
-    const s = ee(null), f = ee(null), a = C(() => n.dialog.transition ?? "scale"), d = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), L = C(() => n.dialog.seamless ?? !1);
+    const s = ee(null), f = ee(null), a = A(() => n.dialog.transition ?? "scale"), d = A(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), R = A(() => n.dialog.position ?? "standard"), L = A(() => n.dialog.seamless ?? !1);
     function M() {
       return s.value ? Array.from(
         s.value.querySelectorAll(st)
@@ -1070,8 +1070,8 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         r.preventDefault(), (v = s.value) == null || v.focus();
         return;
       }
-      const y = P[0], S = P[P.length - 1], p = document.activeElement, h = !!((D = s.value) != null && D.contains(p));
-      r.shiftKey ? (!h || p === y) && (r.preventDefault(), S.focus()) : (!h || p === S) && (r.preventDefault(), y.focus());
+      const h = P[0], C = P[P.length - 1], m = document.activeElement, y = !!((D = s.value) != null && D.contains(m));
+      r.shiftKey ? (!y || m === h) && (r.preventDefault(), C.focus()) : (!y || m === C) && (r.preventDefault(), h.focus());
     }
     function T(r) {
       n.dialog.persistent || r.target === r.currentTarget && i("close", n.dialog.path);
@@ -1086,7 +1086,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         P.remove(), r();
       }, 50);
     }
-    function m() {
+    function p() {
       u || (u = !0, f.value = document.activeElement, at(), k(() => {
         s.value && g(() => {
           if (!s.value) return;
@@ -1095,17 +1095,20 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       }));
     }
     function l() {
+      var m;
       if (!u) return;
       u = !1, it();
       const r = f.value;
-      f.value = null, r && typeof r.focus == "function" && document.contains(r) && r.focus();
+      f.value = null;
+      const P = document.activeElement, h = !!((m = s.value) != null && m.contains(P)), C = !P || P === document.body;
+      r && typeof r.focus == "function" && document.contains(r) && (h || C) && r.focus();
     }
     return N(Te, n.dialog.path), N(ae, () => t(n.dialog.path)), N(ie, (r) => {
       c(n.dialog.path, r);
     }), X(
       () => n.dialog.activated,
       (r) => {
-        r && m();
+        r && p();
       }
     ), X(
       () => n.dialog.closing,
@@ -1113,13 +1116,13 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         !r && !n.dialog.activated && u && l();
       }
     ), q(() => {
-      n.dialog.activated && m();
+      n.dialog.activated && p();
     }), he(() => {
       u && l();
     }), (r, P) => (G(), F(Ke, { to: "body" }, [
       j("div", {
         class: Q(["micro-dialog-portal", [
-          `micro-dialog--${A.value}`,
+          `micro-dialog--${R.value}`,
           e.dialog.fullscreen && "micro-dialog--fullscreen",
           L.value && "micro-dialog--seamless"
         ]]),
@@ -1189,9 +1192,9 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     nested: { type: Boolean }
   },
   setup(e) {
-    var m, l;
+    var p, l;
     const o = e, n = et(o.config);
-    (m = o.plugins) != null && m.length && nt(o.plugins, n);
+    (p = o.plugins) != null && p.length && nt(o.plugins, n);
     const {
       resolveRoutes: i,
       resolveDialogs: t,
@@ -1200,17 +1203,17 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       toPath: s,
       isNavigating: f,
       closeDialog: a
-    } = n, d = ee(null), A = C(() => {
+    } = n, d = ee(null), R = A(() => {
       const r = u.value.split("/").filter(Boolean), P = new Set(s.value.split("/").filter(Boolean));
-      return r.some((y) => P.has(y));
-    }), L = C(() => c.value.length > 0), M = C(() => {
+      return r.some((h) => P.has(h));
+    }), L = A(() => c.value.length > 0), M = A(() => {
       const r = i.value.at(-1);
       return (r == null ? void 0 : r.transition) ?? "slide";
-    }), _ = C(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), T = C(() => {
+    }), _ = A(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), T = A(() => {
       const r = i.value.at(-1);
       return r != null && r.transitionDuration ? r.transitionDuration : M.value === "fade" ? 300 : 500;
-    }), g = C(
-      () => A.value && M.value !== "none"
+    }), g = A(
+      () => R.value && M.value !== "none"
     );
     return (l = o.config.gesture) != null && l.enabled && tt(o.config.gesture, {
       containerRef: d,
@@ -1224,23 +1227,23 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         css: g.value
       }, {
         default: ce(() => [
-          (G(!0), V(te, null, ue(Y(i), (y, S) => (G(), F(ut, {
-            key: y.key || y.path,
-            "route-path": y.path,
+          (G(!0), V(te, null, ue(Y(i), (h, C) => (G(), F(ut, {
+            key: h.key || h.path,
+            "route-path": h.path,
             class: Q({
-              deactivate: Y(i).length > 1 && S !== Y(i).length - 1,
+              deactivate: Y(i).length > 1 && C !== Y(i).length - 1,
               "micro-router--navigating": Y(f)
             }),
             style: be({
               transition: g.value ? `transform ${T.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${T.value}ms ease` : "none",
-              zIndex: 10 + S,
+              zIndex: 10 + C,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
             })
           }, {
             default: ce(() => [
-              (G(), F(ye(y.component), Pe({
-                key: y.componentKey
-              }, { ref_for: !0 }, Y(n).getRouteAttrs(y.path)), null, 16))
+              (G(), F(ye(h.component), Pe({
+                key: h.componentKey
+              }, { ref_for: !0 }, Y(n).getRouteAttrs(h.path)), null, 16))
             ]),
             _: 2
           }, 1032, ["route-path", "class", "style"]))), 128))
@@ -1255,18 +1258,18 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       }, [
         Re(Se, { name: "control-fade" }, {
           default: ce(() => [
-            (G(!0), V(te, null, ue(Y(c), (y) => (G(), F(ot, {
-              key: y.name + "-" + (y.componentKey || 0),
-              control: y
+            (G(!0), V(te, null, ue(Y(c), (h) => (G(), F(ot, {
+              key: h.name + "-" + (h.componentKey || 0),
+              control: h
             }, null, 8, ["control"]))), 128))
           ]),
           _: 1
         })
       ], 2),
-      (G(!0), V(te, null, ue(Y(t), (y, S) => (G(), F(rt, {
-        key: "dialog-" + y.path,
-        dialog: y,
-        "stack-index": S,
+      (G(!0), V(te, null, ue(Y(t), (h, C) => (G(), F(rt, {
+        key: "dialog-" + h.path,
+        dialog: h,
+        "stack-index": C,
         onClose: Y(a)
       }, null, 8, ["dialog", "stack-index", "onClose"]))), 128))
     ], 64));

package/package.json

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