vue-micro-router 1.0.53 → 1.0.55

package/dist/index.mjs

@@ -24,62 +24,62 @@ function fe(e) {
 function Ue(e, o) {
   const n = e.defaultControlName, i = e.onboardingControlName, t = 300, c = Ae();
   let u = !1;
-  const r = U(/* @__PURE__ */ new Map()), f = U(
+  const s = U(/* @__PURE__ */ new Map()), f = U(
     /* @__PURE__ */ new Map()
   ), a = C(() => {
     const l = [];
-    for (const s of r.values())
-      s.activated && l.push(s);
+    for (const r of s.values())
+      r.activated && l.push(r);
     return l;
   }), d = a, A = C(
     () => a.value.some((l) => l.name !== n)
   ), L = C(() => {
-    const l = a.value.find((s) => s.name !== n);
+    const l = a.value.find((r) => r.name !== n);
     return (l == null ? void 0 : l.name) ?? n;
   });
-  function M(l, s, w) {
+  function M(l, r, P) {
     var y, S, p;
-    if (!(s && u)) {
-      s && (u = !0);
+    if (!(r && u)) {
+      r && (u = !0);
       try {
-        const h = r.get(l);
+        const h = s.get(l);
         if (!h) return;
-        const v = r.get(n), D = l === n || l === i;
-        if (s)
-          (y = o == null ? void 0 : o.trackGuiEnter) == null || y.call(o, l), D ? r.forEach((P) => {
+        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) => {
             var b;
-            P.name !== n && P.activated && ((b = o == null ? void 0 : o.trackGuiLeave) == null || b.call(o, P.name), r.set(P.name, {
-              ...P,
+            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), r.set(n, { ...v, activated: !1 })), w && f.set(l, { ...w }), r.set(l, {
+          }) : 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,
             activated: !0,
             componentKey: (h.componentKey || 0) + 1,
-            attrs: w ? { ...w } : void 0
+            attrs: P ? { ...P } : void 0
           });
         else {
-          (p = o == null ? void 0 : o.trackGuiLeave) == null || p.call(o, l), f.delete(l), r.set(l, { ...h, activated: !1, attrs: void 0 });
-          const P = r.get(n);
-          if (!D && P && !P.activated) {
-            if (P.name === i) return;
-            r.set(n, { ...P, activated: !0 });
+          (p = o == null ? void 0 : o.trackGuiLeave) == null || p.call(o, l), f.delete(l), s.set(l, { ...h, activated: !1, attrs: void 0 });
+          const w = s.get(n);
+          if (!D && w && !w.activated) {
+            if (w.name === i) return;
+            s.set(n, { ...w, activated: !0 });
           }
         }
       } finally {
-        s && c.schedule(() => {
+        r && c.schedule(() => {
           u = !1;
         }, t);
       }
     }
   }
   function _(l) {
-    r.has(l.name) && console.warn(`[vue-micro-router] Control "${l.name}" already registered. Overwriting.`);
-    let { component: s } = l;
-    De(s) && (s = me(s)), r.set(l.name, {
+    s.has(l.name) && console.warn(`[vue-micro-router] Control "${l.name}" already registered. Overwriting.`);
+    let { component: r } = l;
+    De(r) && (r = me(r)), s.set(l.name, {
       ...l,
-      component: Ce(s)
+      component: Ce(r)
     });
   }
   function T(l) {
@@ -88,9 +88,9 @@ function Ue(e, o) {
   function g(l) {
     return f.get(l);
   }
-  function m(l, s) {
-    const w = f.get(l);
-    f.set(l, { ...w, ...s });
+  function m(l, r) {
+    const P = f.get(l);
+    f.set(l, { ...P, ...r });
   }
   return {
     resolveControls: d,
@@ -202,22 +202,22 @@ async function ze(e) {
 }
 function Fe(e) {
   const o = e.activePath.value.split("/").filter(Boolean), n = {};
-  for (const r of o) {
-    const f = e.getRouteAttrs(r);
-    f && (n[r] = { ...f });
+  for (const s of o) {
+    const f = e.getRouteAttrs(s);
+    f && (n[s] = { ...f });
   }
   const i = [], t = {};
-  for (const r of e.resolveDialogs.value) {
-    if (r.closing) continue;
-    i.push(r.path);
-    const f = e.getDialogAttrs(r.path);
-    f && (t[r.path] = { ...f });
+  for (const s of e.resolveDialogs.value) {
+    if (s.closing) continue;
+    i.push(s.path);
+    const f = e.getDialogAttrs(s.path);
+    f && (t[s.path] = { ...f });
   }
   const c = [], u = {};
-  for (const r of e.resolveControls.value) {
-    c.push(r.name);
-    const f = e.getControlAttrs(r.name);
-    f && (u[r.name] = { ...f });
+  for (const s of e.resolveControls.value) {
+    c.push(s.name);
+    const f = e.getControlAttrs(s.name);
+    f && (u[s.name] = { ...f });
   }
   return {
     version: 1,
@@ -260,25 +260,25 @@ function Ve(e) {
   }), c = C(() => {
     const g = [], m = /* @__PURE__ */ new Set();
     for (const l of t.dialogStack) {
-      const s = t.dialogs.get(l);
-      s && (s.activated || s.closing) && (g.push(s), m.add(l));
+      const r = t.dialogs.get(l);
+      r && (r.activated || r.closing) && (g.push(r), m.add(l));
     }
     for (const l of t.dialogs.values())
       l.closing && !m.has(l.path) && g.push(l);
     return g;
   }), u = n.schedule;
-  function r(g, m) {
+  function s(g, m) {
     return { path: g, attrs: m };
   }
   function f({ path: g, open: m, attrs: l }) {
-    const s = t.dialogs.get(g);
-    return s && k(() => {
+    const r = t.dialogs.get(g);
+    return r && k(() => {
       if (m)
         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, {
-          ...s,
+          ...r,
           activated: !0,
           closing: !1,
-          componentKey: (s.componentKey || 0) + 1,
+          componentKey: (r.componentKey || 0) + 1,
           attrs: {
             path: g,
             ...l,
@@ -289,11 +289,11 @@ function Ve(e) {
         });
       else {
         t.fromDialog = t.activeDialog;
-        const w = t.dialogStack.indexOf(g);
-        w > -1 && t.dialogStack.splice(w, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const y = s.transitionDuration ?? (s.transition === "slide" ? 500 : 300);
+        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);
         t.dialogs.set(g, {
-          ...s,
+          ...r,
           activated: !1,
           closing: !0,
           attrs: void 0
@@ -302,21 +302,21 @@ function Ve(e) {
           S && !S.activated && t.dialogs.set(g, { ...S, closing: !1 });
         }, y + 200);
       }
-    }), r(g, l);
+    }), s(g, l);
   }
   function a(g, m) {
     var l;
-    if (i) return r(g, m);
+    if (i) return s(g, m);
     i = !0;
     try {
-      const s = t.activeDialog || "";
-      (l = e == null ? void 0 : e.trackDialogEnter) == null || l.call(e, g, s, g);
-      const w = f({ path: g, open: !0, attrs: m });
+      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 });
       return u(() => {
         i = !1;
-      }, 300), w;
-    } catch (s) {
-      throw i = !1, s;
+      }, 300), P;
+    } catch (r) {
+      throw i = !1, r;
     }
   }
   function d(g) {
@@ -325,22 +325,22 @@ function Ve(e) {
   }
   function A() {
     const g = [], m = [];
-    t.dialogs.forEach((l, s) => {
-      var w, y;
+    t.dialogs.forEach((l, r) => {
+      var P, y;
       if (l.activated) {
-        (w = e == null ? void 0 : e.trackDialogLeave) == null || w.call(e, s, s, "");
+        (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(s, {
+        typeof S == "function" && m.push(S), t.dialogs.set(r, {
           ...l,
           activated: !1,
           closing: !0,
           attrs: void 0
-        }), g.push(s);
+        }), g.push(r);
       }
     }), m.forEach((l) => l()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
       g.forEach((l) => {
-        const s = t.dialogs.get(l);
-        s && !s.activated && t.dialogs.set(l, { ...s, closing: !1 });
+        const r = t.dialogs.get(l);
+        r && !r.activated && t.dialogs.set(l, { ...r, closing: !1 });
       });
     }, 500);
   }
@@ -384,8 +384,8 @@ async function ve(e, o, n, i) {
   try {
     const c = await Promise.race([
       Promise.resolve(e(o, n)),
-      new Promise((u, r) => {
-        t = setTimeout(() => r(new Error("Navigation guard timed out")), i);
+      new Promise((u, s) => {
+        t = setTimeout(() => s(new Error("Navigation guard timed out")), i);
       })
     ]);
     return clearTimeout(t), c !== !1;
@@ -399,9 +399,9 @@ async function je(e, o, n, i = Be) {
   return !0;
 }
 async function Ee(e, o, n, i) {
-  var r;
+  var s;
   const t = n.guardTimeout ?? Be;
-  if ((r = n.beforeEach) != null && r.length && !await je(n.beforeEach, e, o, t))
+  if ((s = n.beforeEach) != null && s.length && !await je(n.beforeEach, e, o, t))
     return !1;
   const c = H(e);
   if (c) {
@@ -429,7 +429,7 @@ function qe(e, o) {
   const n = e.maxEntries ?? 50, i = [];
   let t = -1, c = !1;
   const u = ee(0);
-  function r(g, m) {
+  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++);
   }
   const f = C(() => (u.value, [...i])), a = C(() => (u.value, t > 0)), d = C(() => (u.value, t < i.length - 1));
@@ -458,29 +458,29 @@ function qe(e, o) {
   function T() {
     i.length = 0, t = -1, u.value++;
   }
-  return { entries: f, canGoBack: a, canGoForward: d, back: L, forward: M, go: _, clear: T, record: r };
+  return { entries: f, canGoBack: a, canGoForward: d, back: L, forward: M, go: _, clear: T, record: s };
 }
 function Je() {
   const e = U(/* @__PURE__ */ new Map()), o = /* @__PURE__ */ new Map();
   function n(u) {
     e.has(u.path) && console.warn(`[vue-micro-router] Route "${u.path}" already registered. Overwriting.`);
-    let { component: r } = u;
-    De(r) && (o.set(u.path, r), r = me(r)), e.set(u.path, {
+    let { component: s } = u;
+    De(s) && (o.set(u.path, s), s = me(s)), e.set(u.path, {
       ...u,
-      component: Ce(r)
+      component: Ce(s)
     }), u.preload === "eager" && o.has(u.path) && ne(o.get(u.path));
   }
   function i(u) {
     u.forEach(n);
   }
   async function t(u) {
-    const r = o.get(u);
-    r && await ne(r);
+    const s = o.get(u);
+    s && await ne(s);
   }
   function c(u) {
-    for (const [r, f] of e.entries())
-      if (f.preload === "adjacent" && !u.includes(r)) {
-        const a = o.get(r);
+    for (const [s, f] of e.entries())
+      if (f.preload === "adjacent" && !u.includes(s)) {
+        const a = o.get(s);
         a && ne(a);
       }
   }
@@ -501,7 +501,7 @@ function Qe(e) {
             return;
           }
         }
-        const r = B(e.getActivePath()), f = B(u);
+        const s = B(e.getActivePath()), f = B(u);
         if (t.startsWith("/"))
           for (let a = 0; a < f.length; a++) {
             const d = K(
@@ -513,7 +513,7 @@ function Qe(e) {
           }
         else {
           const a = f.filter(
-            (d) => !r.includes(d)
+            (d) => !s.includes(d)
           );
           if (a.length === 0) {
             await e.pushCore(t, c), e.scheduleUnlock();
@@ -525,8 +525,8 @@ function Qe(e) {
           }
         }
         e.scheduleUnlock();
-      } catch (r) {
-        throw e.unlock(), r;
+      } catch (s) {
+        throw e.unlock(), s;
       }
     }
   }
@@ -537,24 +537,24 @@ function Qe(e) {
       e.lock();
       try {
         if (e.runGuards) {
-          const r = c.slice(0, c.length - u), f = K(r), a = W(e.getActivePath());
+          const s = c.slice(0, c.length - u), f = K(s), a = W(e.getActivePath());
           if (!await e.runGuards(f, a)) {
             e.unlock();
             return;
           }
         }
-        for (let r = 0; r < u; r++)
-          await e.pushCore(-1), r < u - 1 && await fe(o);
+        for (let s = 0; s < u; s++)
+          await e.pushCore(-1), s < u - 1 && await fe(o);
         e.scheduleUnlock();
-      } catch (r) {
-        throw e.unlock(), r;
+      } catch (s) {
+        throw e.unlock(), s;
       }
     }
   }
   return { stepWisePush: n, stepWiseBack: i };
 }
 function Ze(e, o) {
-  const n = e.defaultPath, i = e.stepDelay ?? Ye, t = e.guards ?? {}, c = e.history ?? {}, u = Ae(), r = Je(), f = ee(!1), a = pe({
+  const n = e.defaultPath, i = e.stepDelay ?? Ye, t = e.guards ?? {}, c = e.history ?? {}, u = Ae(), s = Je(), f = ee(!1), a = pe({
     activePath: n,
     fromPath: n,
     toPath: n,
@@ -567,9 +567,9 @@ function Ze(e, o) {
   }), d = /* @__PURE__ */ new Map(), A = C(() => {
     const p = B(a.activePath), h = [];
     for (const v of p) {
-      const D = r.routes.get(v);
+      const D = s.routes.get(v);
       if (!D) continue;
-      const P = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, E = `${D.path}-${P}`, R = d.get(v);
+      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);
       else {
@@ -585,10 +585,10 @@ function Ze(e, o) {
     var O, I;
     const v = B(a.activePath), D = Math.min(p, v.length - 1);
     if (D <= 0) return;
-    const P = v.slice(0, -D), b = K(P);
+    const w = v.slice(0, -D), b = K(w);
     for (let $ = v.length - D; $ < v.length; $++)
       a.routeAttrs.delete(v[$]);
-    const E = P.at(-1);
+    const E = w.at(-1);
     if (E && h) {
       const $ = a.routeAttrs.get(E);
       a.routeAttrs.set(E, { ...$, ...h }), a.componentKeys.set(
@@ -603,10 +603,10 @@ function Ze(e, o) {
     var b, E;
     const v = W(p), D = B(v);
     await Promise.all(
-      D.map((R) => r.asyncLoaders.get(R)).filter((R) => !!R).map((R) => ne(R))
+      D.map((R) => s.asyncLoaders.get(R)).filter((R) => !!R).map((R) => ne(R))
     );
-    const P = a.activePath;
-    P !== v && ((b = o == null ? void 0 : o.trackPageLeave) == null || b.call(o, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, h && _(v, h), (E = o == null ? void 0 : o.trackPageEnter) == null || E.call(o, v, P, v);
+    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);
   }
   function _(p, h) {
     const v = B(p).at(-1);
@@ -648,19 +648,19 @@ function Ze(e, o) {
       ), await M(v, h);
       return;
     }
-    const D = B(a.activePath), P = D.indexOf(v);
-    if (P !== -1) {
-      const E = D.length - (P + 1);
+    const D = B(a.activePath), w = D.indexOf(v);
+    if (w !== -1) {
+      const E = D.length - (w + 1);
       if (E === 1)
         L(1, h);
       else if (E > 1) {
-        const R = D.slice(0, P + 2), O = K(R);
-        for (let I = P + 2; I < D.length; I++)
+        const R = D.slice(0, w + 2), O = K(R);
+        for (let I = w + 2; I < D.length; I++)
           a.routeAttrs.delete(D[I]);
         a.activePath = O, await k(), L(1, h);
       } else
         a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await M(
-          K(D.slice(0, P + 1)),
+          K(D.slice(0, w + 1)),
           h
         );
       return;
@@ -670,24 +670,24 @@ function Ze(e, o) {
   }
   function l(p) {
     if (typeof p == "number" && p < 0) {
-      const P = B(a.activePath), b = Math.min(Math.abs(p), P.length - 1);
-      return b <= 0 ? a.activePath : K(P.slice(0, -b));
+      const w = B(a.activePath), b = Math.min(Math.abs(p), 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 s = { getRoute: (p) => r.routes.get(p) };
-  async function w(p, h) {
+  const r = { getRoute: (p) => s.routes.get(p) };
+  async function P(p, h) {
     var v;
     if (!f.value) {
       f.value = !0;
       try {
-        const D = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, P = r.routes.size > 0;
-        if ((D || P) && p) {
+        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, s)) {
+          if (!await Ee(R, O, t, r)) {
             f.value = !1;
             return;
           }
@@ -695,7 +695,7 @@ function Ze(e, o) {
         const b = W(a.activePath);
         await m(p, h);
         const E = W(a.activePath);
-        y == null || y.record(E, h), He(E, b, t.afterEach), r.preloadAdjacent(B(a.activePath)), u.schedule(() => {
+        y == null || y.record(E, h), He(E, b, t.afterEach), s.preloadAdjacent(B(a.activePath)), u.schedule(() => {
           f.value = !1;
         }, i);
       } catch (D) {
@@ -705,17 +705,17 @@ 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((P, b) => h[b] === P)) {
-      const P = h.length - v.length;
-      await w(-P);
+    if (v.length < h.length && v.every((w, b) => h[b] === w)) {
+      const w = h.length - v.length;
+      await P(-w);
     } else
-      await w(p);
+      await P(p);
   }) : void 0;
   y && y.record(W(n));
   const S = Qe({
     getActivePath: () => a.activePath,
     pushCore: m,
-    runGuards: (p, h) => Ee(p, h, t, s),
+    runGuards: (p, h) => Ee(p, h, t, r),
     scheduleUnlock: () => u.schedule(() => {
       f.value = !1;
     }, i),
@@ -737,15 +737,15 @@ function Ze(e, o) {
     toPage: C(() => H(a.toPath)),
     isNavigating: C(() => f.value),
     resolveRoutes: A,
-    push: w,
+    push: P,
     stepWisePush: S.stepWisePush,
     stepWiseBack: S.stepWiseBack,
-    registerRoute: r.registerRoute,
-    registerRoutes: r.registerRoutes,
+    registerRoute: s.registerRoute,
+    registerRoutes: s.registerRoutes,
     updateRouteAttrs: T,
     getRouteAttrs: g,
-    preloadRoute: r.preloadRoute,
-    routes: r.routes,
+    preloadRoute: s.preloadRoute,
+    routes: s.routes,
     history: y,
     cleanup: u.cleanup
   };
@@ -845,11 +845,11 @@ function et(e) {
       resumeSound: c.resumeSound,
       updateBackgroundMusic: c.updateBackgroundMusic
     } : {}
-  }, r = H(e.defaultPath);
+  }, s = H(e.defaultPath);
   return X(n.activePage, (a, d) => {
     if (!d) return;
     const A = t.currentControl.value;
-    d === r && a !== r && o.trackGuiLeave(A), a === r && d !== r && o.trackGuiEnter(A);
+    d === s && a !== s && o.trackGuiLeave(A), a === s && d !== s && o.trackGuiEnter(A);
   }), c && e.defaultBgm && e.bgmStartRef && X(e.bgmStartRef, (a) => {
     a && !c.isStarted() && c.playSoundSync(e.defaultBgm, !0);
   }, { flush: "sync" }), q(async () => {
@@ -876,18 +876,18 @@ function mt(e) {
     "[vue-micro-router] useMicroState() called without provider and no defaults. Ensure component is inside <RoutePage>, <MicroDialog>, or <MicroControlWrapper>."
   );
   const i = (o == null ? void 0 : o()) ?? {}, t = e ? { ...e } : {};
-  for (const r of Object.keys(i))
-    t[r] = i[r];
+  for (const s of Object.keys(i))
+    t[s] = i[s];
   const c = pe(t);
   n && X(
     c,
-    (r) => n({ ...r }),
+    (s) => n({ ...s }),
     { deep: !0, flush: "post" }
   );
   const u = Ne(c);
   return new Proxy(u, {
-    get(r, f, a) {
-      return typeof f == "string" && !(f in r) && (r[f] = Oe(c, f)), Reflect.get(r, f, a);
+    get(s, f, a) {
+      return typeof f == "string" && !(f in s) && (s[f] = Oe(c, f)), Reflect.get(s, f, a);
     }
   });
 }
@@ -905,9 +905,9 @@ function pt(e) {
     var t;
     return (t = e.onRouteEnter) == null ? void 0 : t.call(e);
   }), X(n, (t) => {
-    var u, r;
+    var u, s;
     const c = t === o;
-    c && !i ? (u = e.onRouteEnter) == null || u.call(e) : !c && i && ((r = e.onRouteLeave) == null || r.call(e)), i = c;
+    c && !i ? (u = e.onRouteEnter) == null || u.call(e) : !c && i && ((s = e.onRouteLeave) == null || s.call(e)), i = c;
   });
 }
 function ht(e) {
@@ -924,9 +924,9 @@ function ht(e) {
     var t;
     return (t = e.onDialogEnter) == null ? void 0 : t.call(e);
   }), X(n, (t) => {
-    var u, r;
+    var u, s;
     const c = t === o;
-    c && !i ? (u = e.onDialogEnter) == null || u.call(e) : !c && i && ((r = e.onDialogLeave) == null || r.call(e)), i = c;
+    c && !i ? (u = e.onDialogEnter) == null || u.call(e) : !c && i && ((s = e.onDialogLeave) == null || s.call(e)), i = c;
   });
 }
 function yt(e) {
@@ -943,15 +943,15 @@ function yt(e) {
     var t;
     return (t = e.onControlEnter) == null ? void 0 : t.call(e);
   }), X(n, (t) => {
-    var u, r;
+    var u, s;
     const c = t === o;
-    c && !i ? (u = e.onControlEnter) == null || u.call(e) : !c && i && ((r = e.onControlLeave) == null || r.call(e)), i = c;
+    c && !i ? (u = e.onControlEnter) == null || u.call(e) : !c && i && ((s = e.onControlLeave) == null || s.call(e)), i = c;
   });
 }
 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, r = 0, f = !1, a = null, d = null;
+  let c = 0, u = 0, s = 0, f = !1, a = null, d = null;
   function A() {
     const l = o.containerRef.value;
     return l ? "$el" in l ? l.$el : l : null;
@@ -959,30 +959,30 @@ function tt(e, o) {
   function L() {
     const l = A();
     if (!l) return { current: null, previous: null };
-    const s = l.querySelectorAll(".route-page");
-    return s.length < 2 ? { current: s[s.length - 1] ?? null, previous: null } : {
-      current: s[s.length - 1],
-      previous: s[s.length - 2]
+    const r = l.querySelectorAll(".route-page");
+    return r.length < 2 ? { current: r[r.length - 1] ?? null, previous: null } : {
+      current: r[r.length - 1],
+      previous: r[r.length - 2]
     };
   }
   function M(l) {
     var S;
     if (!o.canGoBack() || l.clientX > n) return;
-    const { current: s, previous: w } = L();
-    if (!s) return;
-    f = !0, c = l.clientX, u = l.clientY, r = Date.now(), a = s, d = w;
+    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";
   }
   function _(l) {
     if (!f || !a) return;
-    const s = Math.max(0, l.clientX - c);
-    if (Math.abs(l.clientY - u) > s * 1.5) {
+    const r = Math.max(0, l.clientX - c);
+    if (Math.abs(l.clientY - u) > r * 1.5) {
       g();
       return;
     }
-    const y = s / window.innerWidth;
-    if (a.style.transform = `translateX(${s}px)`, d) {
+    const y = r / window.innerWidth;
+    if (a.style.transform = `translateX(${r}px)`, d) {
       const S = -20 + 20 * y;
       d.style.transform = `translateX(${S}%)`;
     }
@@ -993,8 +993,8 @@ function tt(e, o) {
       m(), f = !1;
       return;
     }
-    const s = l.clientX - c, w = Date.now() - r, y = s / w;
-    s / 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(() => {
+    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;
   }
@@ -1051,65 +1051,72 @@ 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 r = 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 = 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);
     function M() {
-      return r.value ? Array.from(
-        r.value.querySelectorAll(st)
-      ).filter((s) => s.offsetParent !== null) : [];
+      return s.value ? Array.from(
+        s.value.querySelectorAll(st)
+      ).filter((r) => r.offsetParent !== null) : [];
     }
-    function _(s) {
+    function _(r) {
       var v, D;
-      if (s.key === "Escape") {
+      if (r.key === "Escape") {
         if (n.dialog.persistent) return;
-        s.preventDefault(), s.stopPropagation(), i("close", n.dialog.path);
+        r.preventDefault(), r.stopPropagation(), i("close", n.dialog.path);
         return;
       }
-      if (s.key !== "Tab") return;
-      const w = M();
-      if (w.length === 0) {
-        s.preventDefault(), (v = r.value) == null || v.focus();
+      if (r.key !== "Tab") return;
+      const P = M();
+      if (P.length === 0) {
+        r.preventDefault(), (v = s.value) == null || v.focus();
         return;
       }
-      const y = w[0], S = w[w.length - 1], p = document.activeElement, h = !!((D = r.value) != null && D.contains(p));
-      s.shiftKey ? (!h || p === y) && (s.preventDefault(), S.focus()) : (!h || p === S) && (s.preventDefault(), y.focus());
+      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());
     }
-    function T(s) {
-      n.dialog.persistent || s.target === s.currentTarget && i("close", n.dialog.path);
+    function T(r) {
+      n.dialog.persistent || r.target === r.currentTarget && i("close", n.dialog.path);
     }
-    function g() {
-      if (!n.dialog.focusInput || !r.value) return;
-      const s = document.createElement("input");
-      s.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", r.value.appendChild(s), s.focus(), setTimeout(() => s.remove(), 50);
+    function g(r) {
+      if (!n.dialog.focusInput || !s.value) {
+        r();
+        return;
+      }
+      const P = document.createElement("input");
+      P.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", s.value.appendChild(P), P.focus(), setTimeout(() => {
+        P.remove(), r();
+      }, 50);
     }
     function m() {
       u || (u = !0, f.value = document.activeElement, at(), k(() => {
-        if (!r.value) return;
-        (M()[0] ?? r.value).focus(), g();
+        s.value && g(() => {
+          if (!s.value) return;
+          (M()[0] ?? s.value).focus();
+        });
       }));
     }
     function l() {
       if (!u) return;
       u = !1, it();
-      const s = f.value;
-      f.value = null, s && typeof s.focus == "function" && document.contains(s) && s.focus();
+      const r = f.value;
+      f.value = null, r && typeof r.focus == "function" && document.contains(r) && r.focus();
     }
-    return N(Te, n.dialog.path), N(ae, () => t(n.dialog.path)), N(ie, (s) => {
-      c(n.dialog.path, s);
+    return N(Te, n.dialog.path), N(ae, () => t(n.dialog.path)), N(ie, (r) => {
+      c(n.dialog.path, r);
     }), X(
       () => n.dialog.activated,
-      (s) => {
-        s && m();
+      (r) => {
+        r && m();
       }
     ), X(
       () => n.dialog.closing,
-      (s) => {
-        !s && !n.dialog.activated && u && l();
+      (r) => {
+        !r && !n.dialog.activated && u && l();
       }
     ), q(() => {
       n.dialog.activated && m();
     }), he(() => {
       u && l();
-    }), (s, w) => (G(), F(Ke, { to: "body" }, [
+    }), (r, P) => (G(), F(Ke, { to: "body" }, [
       j("div", {
         class: Q(["micro-dialog-portal", [
           `micro-dialog--${A.value}`,
@@ -1128,7 +1135,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         }, null, 2)),
         j("div", {
           ref_key: "wrapperRef",
-          ref: r,
+          ref: s,
           role: "dialog",
           "aria-modal": "true",
           tabindex: "-1",
@@ -1141,10 +1148,10 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         }, [
           j("div", {
             class: "micro-dialog__content",
-            onClick: w[0] || (w[0] = le(() => {
+            onClick: P[0] || (P[0] = le(() => {
             }, ["stop"]))
           }, [
-            we(s.$slots, "default"),
+            we(r.$slots, "default"),
             (G(), F(ye(e.dialog.component), Pe({
               key: e.dialog.componentKey
             }, e.dialog.attrs), null, 16))
@@ -1190,18 +1197,18 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       resolveDialogs: t,
       resolveControls: c,
       fromPath: u,
-      toPath: r,
+      toPath: s,
       isNavigating: f,
       closeDialog: a
     } = n, d = ee(null), A = C(() => {
-      const s = u.value.split("/").filter(Boolean), w = new Set(r.value.split("/").filter(Boolean));
-      return s.some((y) => w.has(y));
+      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(() => {
-      const s = i.value.at(-1);
-      return (s == null ? void 0 : s.transition) ?? "slide";
+      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(() => {
-      const s = i.value.at(-1);
-      return s != null && s.transitionDuration ? s.transitionDuration : M.value === "fade" ? 300 : 500;
+      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"
     );
@@ -1209,7 +1216,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       containerRef: d,
       goBack: () => n.push(-1),
       canGoBack: () => i.value.length > 1
-    }), (s, w) => (G(), V(te, null, [
+    }), (r, P) => (G(), V(te, null, [
       Re(Se, {
         ref_key: "pageContainerRef",
         ref: d,
@@ -1241,7 +1248,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         _: 1
       }, 8, ["name", "css"]),
       j("div", ft, [
-        we(s.$slots, "default")
+        we(r.$slots, "default")
       ]),
       j("div", {
         class: Q(["micro-router-gui-layer", { "gui-visible": L.value }])

package/package.json

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