vue-micro-router 1.0.46 → 1.0.48

package/dist/index.mjs

@@ -1,139 +1,139 @@
-import { shallowReactive as Y, computed as C, defineAsyncComponent as me, reactive as pe, nextTick as Z, ref as ne, inject as x, watch as U, onMounted as H, onBeforeUnmount as he, provide as N, toRefs as Oe, toRef as Ke, defineComponent as oe, openBlock as G, createBlock as F, resolveDynamicComponent as ye, mergeProps as Pe, Teleport as We, createElementBlock as V, withModifiers as le, normalizeStyle as Me, normalizeClass as J, createCommentVNode as Re, createElementVNode as k, renderSlot as we, Fragment as ee, createVNode as Ee, TransitionGroup as Se, withCtx as ce, renderList as ue, unref as X } from "vue";
-import { i as De, s as Ce, g as j, w as te, p as B, b as K, n as W, u as $e } from "./use-audio-manager.mjs";
-const Le = Symbol("micro-router");
+import { shallowReactive as Y, computed as R, defineAsyncComponent as me, reactive as pe, nextTick as k, ref as ne, inject as x, watch as U, 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 ee, createVNode as Re, TransitionGroup as Se, withCtx as ce, renderList as ue, unref as X } from "vue";
+import { i as De, s as Ce, g as H, w as te, p as B, b as K, n as W, u as $e } from "./use-audio-manager.mjs";
+const Me = Symbol("micro-router");
 function vt() {
   return Symbol("micro-router-nested");
 }
-const de = Symbol("micro-router-root"), Te = Symbol("micro-route-path"), _e = Symbol("micro-dialog-path"), Be = Symbol("micro-control-name"), ae = Symbol("micro-attrs-read"), ie = Symbol("micro-attrs-write"), Ye = 550;
+const de = Symbol("micro-router-root"), Le = Symbol("micro-route-path"), Te = Symbol("micro-dialog-path"), _e = Symbol("micro-control-name"), ae = Symbol("micro-attrs-read"), ie = Symbol("micro-attrs-write"), Ye = 550;
 function Ae() {
   const e = /* @__PURE__ */ new Set();
-  function o(i, t) {
-    const l = setTimeout(() => {
-      e.delete(l), i();
+  function n(s, t) {
+    const c = setTimeout(() => {
+      e.delete(c), s();
     }, t);
-    return e.add(l), l;
+    return e.add(c), c;
   }
-  function n() {
+  function o() {
     e.forEach(clearTimeout), e.clear();
   }
-  return { schedule: o, cleanup: n };
+  return { schedule: n, cleanup: o };
 }
 function fe(e) {
-  return new Promise((o) => setTimeout(o, e));
+  return new Promise((n) => setTimeout(n, e));
 }
-function Ue(e, o) {
-  const n = e.defaultControlName, i = e.onboardingControlName, t = 300, l = Ae();
-  let c = !1;
+function Ue(e, n) {
+  const o = e.defaultControlName, s = e.onboardingControlName, t = 300, c = Ae();
+  let u = !1;
   const r = Y(/* @__PURE__ */ new Map()), f = Y(
     /* @__PURE__ */ new Map()
-  ), a = C(() => {
-    const s = [];
-    for (const d of r.values())
-      d.activated && s.push(d);
-    return s;
-  }), v = a, A = C(
-    () => a.value.some((s) => s.name !== n)
-  ), b = C(() => {
-    const s = a.value.find((d) => d.name !== n);
-    return (s == null ? void 0 : s.name) ?? n;
+  ), a = R(() => {
+    const i = [];
+    for (const l of r.values())
+      l.activated && i.push(l);
+    return i;
+  }), d = a, C = R(
+    () => a.value.some((i) => i.name !== o)
+  ), b = R(() => {
+    const i = a.value.find((l) => l.name !== o);
+    return (i == null ? void 0 : i.name) ?? o;
   });
-  function T(s, d, u) {
-    var w, M, y;
-    if (!(d && c)) {
-      d && (c = !0);
+  function L(i, l, m) {
+    var D, M, h;
+    if (!(l && u)) {
+      l && (u = !0);
       try {
-        const h = r.get(s);
-        if (!h) return;
-        const m = r.get(n), D = s === n || s === i;
-        if (d)
-          (w = o == null ? void 0 : o.trackGuiEnter) == null || w.call(o, s), D ? r.forEach((P) => {
-            var S;
-            P.name !== n && P.activated && ((S = o == null ? void 0 : o.trackGuiLeave) == null || S.call(o, P.name), r.set(P.name, {
+        const y = r.get(i);
+        if (!y) return;
+        const v = r.get(o), w = i === o || i === s;
+        if (l)
+          (D = n == null ? void 0 : n.trackGuiEnter) == null || D.call(n, i), w ? r.forEach((P) => {
+            var E;
+            P.name !== o && P.activated && ((E = n == null ? void 0 : n.trackGuiLeave) == null || E.call(n, P.name), r.set(P.name, {
               ...P,
               activated: !1,
               attrs: void 0
             }));
-          }) : m != null && m.activated && ((M = o == null ? void 0 : o.trackGuiLeave) == null || M.call(o, n), r.set(n, { ...m, activated: !1 })), u && f.set(s, { ...u }), r.set(s, {
-            ...h,
+          }) : v != null && v.activated && ((M = n == null ? void 0 : n.trackGuiLeave) == null || M.call(n, o), r.set(o, { ...v, activated: !1 })), m && f.set(i, { ...m }), r.set(i, {
+            ...y,
             activated: !0,
-            componentKey: (h.componentKey || 0) + 1,
-            attrs: u ? { ...u } : void 0
+            componentKey: (y.componentKey || 0) + 1,
+            attrs: m ? { ...m } : void 0
           });
         else {
-          (y = o == null ? void 0 : o.trackGuiLeave) == null || y.call(o, s), f.delete(s), r.set(s, { ...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 });
+          (h = n == null ? void 0 : n.trackGuiLeave) == null || h.call(n, i), f.delete(i), r.set(i, { ...y, activated: !1, attrs: void 0 });
+          const P = r.get(o);
+          if (!w && P && !P.activated) {
+            if (P.name === s) return;
+            r.set(o, { ...P, activated: !0 });
           }
         }
       } finally {
-        d && l.schedule(() => {
-          c = !1;
+        l && c.schedule(() => {
+          u = !1;
         }, t);
       }
     }
   }
-  function L(s) {
-    r.has(s.name) && console.warn(`[vue-micro-router] Control "${s.name}" already registered. Overwriting.`);
-    let { component: d } = s;
-    De(d) && (d = me(d)), r.set(s.name, {
-      ...s,
-      component: Ce(d)
+  function T(i) {
+    r.has(i.name) && console.warn(`[vue-micro-router] Control "${i.name}" already registered. Overwriting.`);
+    let { component: l } = i;
+    De(l) && (l = me(l)), r.set(i.name, {
+      ...i,
+      component: Ce(l)
     });
   }
-  function _(s) {
-    s.forEach(L);
+  function _(i) {
+    i.forEach(T);
   }
-  function g(s) {
-    return f.get(s);
+  function g(i) {
+    return f.get(i);
   }
-  function p(s, d) {
-    const u = f.get(s);
-    f.set(s, { ...u, ...d });
+  function p(i, l) {
+    const m = f.get(i);
+    f.set(i, { ...m, ...l });
   }
   return {
-    resolveControls: v,
-    activeControl: A,
+    resolveControls: d,
+    activeControl: C,
     currentControl: b,
-    toggleControl: T,
-    registerControl: L,
+    toggleControl: L,
+    registerControl: T,
     registerControls: _,
     getControlAttrs: g,
     updateControlAttrs: p,
-    cleanup: l.cleanup
+    cleanup: c.cleanup
   };
 }
 const ge = "micro-router-inspector", Xe = "micro-router-events";
 async function ze(e) {
   if (typeof import.meta < "u") return;
-  let o;
+  let n;
   try {
-    o = (await import(
+    n = (await import(
       /* @vite-ignore */
       "@vue/devtools-api"
     )).setupDevtoolsPlugin;
   } catch {
     return;
   }
-  o && o(
+  n && n(
     {
       id: "vue-micro-router",
       label: "Micro Router",
       packageName: "vue-micro-router",
       homepage: "https://github.com/danh121097/vue-micro-router"
     },
-    (n) => {
-      n.addInspector({
+    (o) => {
+      o.addInspector({
         id: ge,
         label: "Micro Router",
         icon: "route"
-      }), n.addTimelineLayer({
+      }), o.addTimelineLayer({
         id: Xe,
         label: "Micro Router",
         color: 4372611
-      }), n.on.getInspectorTree((i) => {
-        i.inspectorId === ge && (i.rootNodes = [
+      }), o.on.getInspectorTree((s) => {
+        s.inspectorId === ge && (s.rootNodes = [
           {
             id: "routes",
             label: `Routes (${e.resolveRoutes.value.length} active)`,
@@ -159,10 +159,10 @@ async function ze(e) {
             }))
           }
         ]);
-      }), n.on.getInspectorState((i) => {
-        if (i.inspectorId === ge) {
-          if (i.nodeId === "routes")
-            i.state = {
+      }), o.on.getInspectorState((s) => {
+        if (s.inspectorId === ge) {
+          if (s.nodeId === "routes")
+            s.state = {
               Navigation: [
                 { key: "activePath", value: e.activePath.value },
                 { key: "fromPath", value: e.fromPath.value },
@@ -170,25 +170,25 @@ async function ze(e) {
                 { key: "activePage", value: e.activePage.value }
               ]
             };
-          else if (i.nodeId.startsWith("route-")) {
-            const t = i.nodeId.replace("route-", "");
-            i.state = {
+          else if (s.nodeId.startsWith("route-")) {
+            const t = s.nodeId.replace("route-", "");
+            s.state = {
               Route: [
                 { key: "path", value: t },
                 { key: "attrs", value: e.getRouteAttrs(t) ?? {} }
               ]
             };
-          } else if (i.nodeId.startsWith("dialog-")) {
-            const t = i.nodeId.replace("dialog-", "");
-            i.state = {
+          } else if (s.nodeId.startsWith("dialog-")) {
+            const t = s.nodeId.replace("dialog-", "");
+            s.state = {
               Dialog: [
                 { key: "path", value: t },
                 { key: "attrs", value: e.getDialogAttrs(t) ?? {} }
               ]
             };
-          } else if (i.nodeId.startsWith("control-")) {
-            const t = i.nodeId.replace("control-", "");
-            i.state = {
+          } else if (s.nodeId.startsWith("control-")) {
+            const t = s.nodeId.replace("control-", "");
+            s.state = {
               Control: [
                 { key: "name", value: t },
                 { key: "attrs", value: e.getControlAttrs(t) ?? {} }
@@ -201,52 +201,52 @@ async function ze(e) {
   );
 }
 function Fe(e) {
-  const o = e.activePath.value.split("/").filter(Boolean), n = {};
-  for (const r of o) {
+  const n = e.activePath.value.split("/").filter(Boolean), o = {};
+  for (const r of n) {
     const f = e.getRouteAttrs(r);
-    f && (n[r] = { ...f });
+    f && (o[r] = { ...f });
   }
-  const i = [], t = {};
+  const s = [], t = {};
   for (const r of e.resolveDialogs.value) {
     if (r.closing) continue;
-    i.push(r.path);
+    s.push(r.path);
     const f = e.getDialogAttrs(r.path);
     f && (t[r.path] = { ...f });
   }
-  const l = [], c = {};
+  const c = [], u = {};
   for (const r of e.resolveControls.value) {
-    l.push(r.name);
+    c.push(r.name);
     const f = e.getControlAttrs(r.name);
-    f && (c[r.name] = { ...f });
+    f && (u[r.name] = { ...f });
   }
   return {
     version: 1,
-    navigation: { activePath: e.activePath.value, routeAttrs: n },
-    dialogs: { stack: i, attrs: t },
-    controls: { active: l, attrs: c }
+    navigation: { activePath: e.activePath.value, routeAttrs: o },
+    dialogs: { stack: s, attrs: t },
+    controls: { active: c, attrs: u }
   };
 }
-async function Ve(e, o) {
-  if (o.version !== 1) {
-    console.warn("[vue-micro-router] Unknown serialized state version:", o.version);
+async function xe(e, n) {
+  if (n.version !== 1) {
+    console.warn("[vue-micro-router] Unknown serialized state version:", n.version);
     return;
   }
-  const { activePath: n, routeAttrs: i } = o.navigation;
-  await e.push(n);
-  for (const [t, l] of Object.entries(i))
-    e.updateRouteAttrs(t, l);
-  for (const t of o.dialogs.stack) {
-    const l = o.dialogs.attrs[t];
-    e.openDialog(t, l);
+  const { activePath: o, routeAttrs: s } = n.navigation;
+  await e.push(o);
+  for (const [t, c] of Object.entries(s))
+    e.updateRouteAttrs(t, c);
+  for (const t of n.dialogs.stack) {
+    const c = n.dialogs.attrs[t];
+    e.openDialog(t, c);
   }
-  for (const t of o.controls.active) {
-    const l = o.controls.attrs[t];
-    e.toggleControl(t, !0, l);
+  for (const t of n.controls.active) {
+    const c = n.controls.attrs[t];
+    e.toggleControl(t, !0, c);
   }
 }
-function xe(e) {
-  const n = Ae();
-  let i = !1;
+function Ve(e) {
+  const o = Ae();
+  let s = !1;
   const t = pe({
     activeDialog: "",
     fromDialog: "",
@@ -257,85 +257,89 @@ function xe(e) {
     dialogs: Y(/* @__PURE__ */ new Map()),
     /** Attrs stored separately for useMicroState access inside dialog components */
     dialogAttrs: Y(/* @__PURE__ */ new Map())
-  }), l = C(() => {
-    const g = [];
-    for (const p of t.dialogs.values())
-      (p.activated || p.closing) && g.push(p);
+  }), c = R(() => {
+    const g = [], p = /* @__PURE__ */ new Set();
+    for (const i of t.dialogStack) {
+      const l = t.dialogs.get(i);
+      l && (l.activated || l.closing) && (g.push(l), p.add(i));
+    }
+    for (const i of t.dialogs.values())
+      i.closing && !p.has(i.path) && g.push(i);
     return g;
-  }), c = n.schedule;
+  }), u = o.schedule;
   function r(g, p) {
     return { path: g, attrs: p };
   }
-  function f({ path: g, open: p, attrs: s }) {
-    const d = t.dialogs.get(g);
-    return d && Z(() => {
+  function f({ path: g, open: p, attrs: i }) {
+    const l = t.dialogs.get(g);
+    return l && k(() => {
       if (p)
-        t.fromDialog = t.activeDialog, t.toDialog = g, t.dialogStack.includes(g) || t.dialogStack.push(g), t.activeDialog = g, s && t.dialogAttrs.set(g, { ...s }), t.dialogs.set(g, {
-          ...d,
+        t.fromDialog = t.activeDialog, t.toDialog = g, t.dialogStack.includes(g) || t.dialogStack.push(g), t.activeDialog = g, i && t.dialogAttrs.set(g, { ...i }), t.dialogs.set(g, {
+          ...l,
           activated: !0,
-          componentKey: (d.componentKey || 0) + 1,
+          componentKey: (l.componentKey || 0) + 1,
           attrs: {
             path: g,
-            ...s,
+            ...i,
             onClose: () => {
-              v(g), s != null && s.onClose && typeof s.onClose == "function" && s.onClose();
+              d(g), i != null && i.onClose && typeof i.onClose == "function" && i.onClose();
             }
           }
         });
       else {
         t.fromDialog = t.activeDialog;
-        const u = t.dialogStack.indexOf(g);
-        u > -1 && t.dialogStack.splice(u, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const w = d.transitionDuration ?? (d.transition === "slide" ? 500 : 300);
+        const m = t.dialogStack.indexOf(g);
+        m > -1 && t.dialogStack.splice(m, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
+        const D = l.transitionDuration ?? (l.transition === "slide" ? 500 : 300);
         t.dialogs.set(g, {
-          ...d,
+          ...l,
           activated: !1,
           closing: !0,
           attrs: void 0
-        }), c(() => {
+        }), u(() => {
           const M = t.dialogs.get(g);
           M && !M.activated && t.dialogs.set(g, { ...M, closing: !1 });
-        }, w + 200);
+        }, D + 200);
       }
-    }), r(g, s);
+    }), r(g, i);
   }
   function a(g, p) {
-    var s;
-    if (i) return r(g, p);
-    i = !0;
+    var i;
+    if (s) return r(g, p);
+    s = !0;
     try {
-      const d = t.activeDialog || "";
-      (s = e == null ? void 0 : e.trackDialogEnter) == null || s.call(e, g, d, g);
-      const u = f({ path: g, open: !0, attrs: p });
-      return c(() => {
-        i = !1;
-      }, 300), u;
-    } catch (d) {
-      throw i = !1, d;
+      const l = t.activeDialog || "";
+      (i = e == null ? void 0 : e.trackDialogEnter) == null || i.call(e, g, l, g);
+      const m = f({ path: g, open: !0, attrs: p });
+      return u(() => {
+        s = !1;
+      }, 300), m;
+    } catch (l) {
+      throw s = !1, l;
     }
   }
-  function v(g) {
+  function d(g) {
     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() {
+  function C() {
     const g = [], p = [];
-    t.dialogs.forEach((s, d) => {
-      var u, w;
-      if (s.activated) {
-        (u = e == null ? void 0 : e.trackDialogLeave) == null || u.call(e, d, d, "");
-        const M = (w = s.attrs) == null ? void 0 : w.onClose;
-        typeof M == "function" && p.push(M), t.dialogs.set(d, {
-          ...s,
+    t.dialogs.forEach((i, l) => {
+      var m, D;
+      if (i.activated) {
+        (m = e == null ? void 0 : e.trackDialogLeave) == null || m.call(e, l, l, "");
+        const M = (D = i.attrs) == null ? void 0 : D.onClose;
+        typeof M == "function" && p.push(M), t.dialogs.set(l, {
+          ...i,
           activated: !1,
           closing: !0,
           attrs: void 0
-        }), g.push(d);
+        }), g.push(l);
       }
-    }), p.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], c(() => {
-      g.forEach((s) => {
-        const d = t.dialogs.get(s);
-        d && !d.activated && t.dialogs.set(s, { ...d, closing: !1 });
+    }), p.forEach((i) => i()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
+      g.forEach((i) => {
+        const l = t.dialogs.get(i);
+        l && !l.activated && t.dialogs.set(i, { ...l, closing: !1 });
       });
     }, 500);
   }
@@ -348,175 +352,175 @@ function xe(e) {
       component: Ce(p)
     });
   }
-  function T(g) {
+  function L(g) {
     g.forEach(b);
   }
-  function L(g) {
+  function T(g) {
     return t.dialogAttrs.get(g);
   }
   function _(g, p) {
-    const s = t.dialogAttrs.get(g);
-    t.dialogAttrs.set(g, { ...s, ...p });
+    const i = t.dialogAttrs.get(g);
+    t.dialogAttrs.set(g, { ...i, ...p });
   }
   return {
-    activeDialog: C(() => t.activeDialog),
-    fromDialog: C(() => t.fromDialog),
-    toDialog: C(() => t.toDialog),
-    resolveDialogs: l,
+    activeDialog: R(() => t.activeDialog),
+    fromDialog: R(() => t.fromDialog),
+    toDialog: R(() => t.toDialog),
+    resolveDialogs: c,
     openDialog: a,
-    closeDialog: v,
-    closeAllDialogs: A,
+    closeDialog: d,
+    closeAllDialogs: C,
     registerDialog: b,
-    registerDialogs: T,
-    getDialogAttrs: L,
+    registerDialogs: L,
+    getDialogAttrs: T,
     updateDialogAttrs: _,
-    cleanup: n.cleanup
+    cleanup: o.cleanup
   };
 }
-const Ge = 5e3;
-async function ve(e, o, n, i) {
+const Be = 5e3;
+async function ve(e, n, o, s) {
   let t;
   try {
-    const l = await Promise.race([
-      Promise.resolve(e(o, n)),
-      new Promise((c, r) => {
-        t = setTimeout(() => r(new Error("Navigation guard timed out")), i);
+    const c = await Promise.race([
+      Promise.resolve(e(n, o)),
+      new Promise((u, r) => {
+        t = setTimeout(() => r(new Error("Navigation guard timed out")), s);
       })
     ]);
-    return clearTimeout(t), l !== !1;
+    return clearTimeout(t), c !== !1;
   } catch {
     return clearTimeout(t), !1;
   }
 }
-async function je(e, o, n, i = Ge) {
+async function je(e, n, o, s = Be) {
   for (const t of e)
-    if (!await ve(t, o, n, i)) return !1;
+    if (!await ve(t, n, o, s)) return !1;
   return !0;
 }
-async function be(e, o, n, i) {
+async function Ee(e, n, o, s) {
   var r;
-  const t = n.guardTimeout ?? Ge;
-  if ((r = n.beforeEach) != null && r.length && !await je(n.beforeEach, e, o, t))
+  const t = o.guardTimeout ?? Be;
+  if ((r = o.beforeEach) != null && r.length && !await je(o.beforeEach, e, n, t))
     return !1;
-  const l = j(e);
-  if (l) {
-    const f = i.getRoute(l);
-    if (f != null && f.beforeEnter && !await ve(f.beforeEnter, e, o, t))
+  const c = H(e);
+  if (c) {
+    const f = s.getRoute(c);
+    if (f != null && f.beforeEnter && !await ve(f.beforeEnter, e, n, t))
       return !1;
   }
-  const c = j(o);
-  if (c) {
-    const f = i.getRoute(c);
-    if (f != null && f.beforeLeave && !await ve(f.beforeLeave, e, o, t))
+  const u = H(n);
+  if (u) {
+    const f = s.getRoute(u);
+    if (f != null && f.beforeLeave && !await ve(f.beforeLeave, e, n, t))
       return !1;
   }
   return !0;
 }
-function He(e, o, n) {
-  if (n != null && n.length)
-    for (const i of n)
+function He(e, n, o) {
+  if (o != null && o.length)
+    for (const s of o)
       try {
-        i(e, o);
+        s(e, n);
       } catch {
       }
 }
-function qe(e, o) {
-  const n = e.maxEntries ?? 50, i = [];
-  let t = -1, l = !1;
-  const c = ne(0);
+function qe(e, n) {
+  const o = e.maxEntries ?? 50, s = [];
+  let t = -1, c = !1;
+  const u = ne(0);
   function r(g, p) {
-    !e.enabled || l || (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--), c.value++);
+    !e.enabled || c || (t < s.length - 1 && s.splice(t + 1), s.push({ path: g, timestamp: Date.now(), props: p ? { ...p } : void 0 }), t = s.length - 1, s.length > o && (s.shift(), t--), u.value++);
   }
-  const f = C(() => (c.value, [...i])), a = C(() => (c.value, t > 0)), v = C(() => (c.value, t < i.length - 1));
-  async function A(g) {
-    if (g < 0 || g >= i.length) return;
-    const p = i[g];
+  const f = R(() => (u.value, [...s])), a = R(() => (u.value, t > 0)), d = R(() => (u.value, t < s.length - 1));
+  async function C(g) {
+    if (g < 0 || g >= s.length) return;
+    const p = s[g];
     if (p) {
-      t = g, l = !0, c.value++;
+      t = g, c = !0, u.value++;
       try {
-        await o(p.path);
+        await n(p.path);
       } finally {
-        l = !1;
+        c = !1;
       }
     }
   }
   async function b() {
-    a.value && await A(t - 1);
+    a.value && await C(t - 1);
   }
-  async function T() {
-    v.value && await A(t + 1);
+  async function L() {
+    d.value && await C(t + 1);
   }
-  async function L(g) {
+  async function T(g) {
     const p = t + g;
-    await A(p);
+    await C(p);
   }
   function _() {
-    i.length = 0, t = -1, c.value++;
+    s.length = 0, t = -1, u.value++;
   }
-  return { entries: f, canGoBack: a, canGoForward: v, back: b, forward: T, go: L, clear: _, record: r };
+  return { entries: f, canGoBack: a, canGoForward: d, back: b, forward: L, go: T, clear: _, record: r };
 }
 function Je() {
-  const e = Y(/* @__PURE__ */ new Map()), o = /* @__PURE__ */ new Map();
-  function n(c) {
-    e.has(c.path) && console.warn(`[vue-micro-router] Route "${c.path}" already registered. Overwriting.`);
-    let { component: r } = c;
-    De(r) && (o.set(c.path, r), r = me(r)), e.set(c.path, {
-      ...c,
+  const e = Y(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Map();
+  function o(u) {
+    e.has(u.path) && console.warn(`[vue-micro-router] Route "${u.path}" already registered. Overwriting.`);
+    let { component: r } = u;
+    De(r) && (n.set(u.path, r), r = me(r)), e.set(u.path, {
+      ...u,
       component: Ce(r)
-    }), c.preload === "eager" && o.has(c.path) && te(o.get(c.path));
+    }), u.preload === "eager" && n.has(u.path) && te(n.get(u.path));
   }
-  function i(c) {
-    c.forEach(n);
+  function s(u) {
+    u.forEach(o);
   }
-  async function t(c) {
-    const r = o.get(c);
+  async function t(u) {
+    const r = n.get(u);
     r && await te(r);
   }
-  function l(c) {
+  function c(u) {
     for (const [r, f] of e.entries())
-      if (f.preload === "adjacent" && !c.includes(r)) {
-        const a = o.get(r);
+      if (f.preload === "adjacent" && !u.includes(r)) {
+        const a = n.get(r);
         a && te(a);
       }
   }
-  return { routes: e, asyncLoaders: o, registerRoute: n, registerRoutes: i, preloadRoute: t, preloadAdjacent: l };
+  return { routes: e, asyncLoaders: n, registerRoute: o, registerRoutes: s, preloadRoute: t, preloadAdjacent: c };
 }
 function Qe(e) {
-  const o = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
-  async function n(t, l) {
+  const n = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
+  async function o(t, c) {
     if (!t || e.isLocked()) return;
-    const c = W(t);
-    if (e.getActivePath() !== c) {
+    const u = W(t);
+    if (e.getActivePath() !== u) {
       e.lock();
       try {
         if (e.runGuards) {
           const a = W(e.getActivePath());
-          if (!await e.runGuards(c, a)) {
+          if (!await e.runGuards(u, a)) {
             e.unlock();
             return;
           }
         }
-        const r = B(e.getActivePath()), f = B(c);
+        const r = B(e.getActivePath()), f = B(u);
         if (t.startsWith("/"))
           for (let a = 0; a < f.length; a++) {
-            const v = K(
+            const d = K(
               f.slice(0, a + 1)
             );
-            if (e.getActivePath() === v) continue;
-            const A = a === f.length - 1;
-            await e.pushCore(v, A ? l : void 0), A || await fe(o);
+            if (e.getActivePath() === d) continue;
+            const C = a === f.length - 1;
+            await e.pushCore(d, C ? c : void 0), C || await fe(n);
           }
         else {
           const a = f.filter(
-            (v) => !r.includes(v)
+            (d) => !r.includes(d)
           );
           if (a.length === 0) {
-            await e.pushCore(t, l), e.scheduleUnlock();
+            await e.pushCore(t, c), e.scheduleUnlock();
             return;
           }
-          for (let v = 0; v < a.length; v++) {
-            const A = v === a.length - 1;
-            await e.pushCore(a[v], A ? l : void 0), A || await fe(o);
+          for (let d = 0; d < a.length; d++) {
+            const C = d === a.length - 1;
+            await e.pushCore(a[d], C ? c : void 0), C || await fe(n);
           }
         }
         e.scheduleUnlock();
@@ -525,197 +529,197 @@ function Qe(e) {
       }
     }
   }
-  async function i(t) {
+  async function s(t) {
     if (t < 1 || e.isLocked()) return;
-    const l = B(e.getActivePath()), c = Math.min(t, l.length - 1);
-    if (!(c < 1)) {
+    const c = B(e.getActivePath()), u = Math.min(t, c.length - 1);
+    if (!(u < 1)) {
       e.lock();
       try {
         if (e.runGuards) {
-          const r = l.slice(0, l.length - c), f = K(r), a = W(e.getActivePath());
+          const r = c.slice(0, c.length - u), f = K(r), a = W(e.getActivePath());
           if (!await e.runGuards(f, a)) {
             e.unlock();
             return;
           }
         }
-        for (let r = 0; r < c; r++)
-          await e.pushCore(-1), r < c - 1 && await fe(o);
+        for (let r = 0; r < u; r++)
+          await e.pushCore(-1), r < u - 1 && await fe(n);
         e.scheduleUnlock();
       } catch (r) {
         throw e.unlock(), r;
       }
     }
   }
-  return { stepWisePush: n, stepWiseBack: i };
+  return { stepWisePush: o, stepWiseBack: s };
 }
-function Ze(e, o) {
-  const n = e.defaultPath, i = e.stepDelay ?? Ye, t = e.guards ?? {}, l = e.history ?? {}, c = Ae(), r = Je();
+function Ze(e, n) {
+  const o = e.defaultPath, s = e.stepDelay ?? Ye, t = e.guards ?? {}, c = e.history ?? {}, u = Ae(), r = Je();
   let f = !1;
   const a = pe({
-    activePath: n,
-    fromPath: n,
-    toPath: n,
+    activePath: o,
+    fromPath: o,
+    toPath: o,
     /** Attrs stored separately — changes here do NOT invalidate resolveRoutes computed */
     routeAttrs: Y(/* @__PURE__ */ new Map()),
     /** Version stamp per segment — incremented on re-navigation to same segment (forces transition) */
     routeKeys: Y(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: Y(/* @__PURE__ */ new Map())
-  }), v = /* @__PURE__ */ new Map(), A = C(() => {
-    const y = B(a.activePath), h = [];
-    for (const m of y) {
-      const D = r.routes.get(m);
-      if (!D) continue;
-      const P = a.routeKeys.get(m) || 0, S = a.componentKeys.get(m) || 0, E = `${D.path}-${P}`, R = v.get(m);
-      if (R && R.key === E && R.componentKey === S)
-        h.push(R);
+  }), d = /* @__PURE__ */ new Map(), C = R(() => {
+    const h = B(a.activePath), y = [];
+    for (const v of h) {
+      const w = r.routes.get(v);
+      if (!w) continue;
+      const P = a.routeKeys.get(v) || 0, E = a.componentKeys.get(v) || 0, S = `${w.path}-${P}`, A = d.get(v);
+      if (A && A.key === S && A.componentKey === E)
+        y.push(A);
       else {
-        const O = { ...D, key: E, componentKey: S };
-        v.set(m, O), h.push(O);
+        const O = { ...w, key: S, componentKey: E };
+        d.set(v, O), y.push(O);
       }
     }
-    for (const m of v.keys())
-      y.includes(m) || v.delete(m);
-    return h;
+    for (const v of d.keys())
+      h.includes(v) || d.delete(v);
+    return y;
   });
-  function b(y, h) {
+  function b(h, y) {
     var O, I;
-    const m = B(a.activePath), D = Math.min(y, m.length - 1);
-    if (D <= 0) return;
-    const P = m.slice(0, -D), S = K(P);
-    for (let $ = m.length - D; $ < m.length; $++)
-      a.routeAttrs.delete(m[$]);
-    const E = P.at(-1);
-    if (E && h) {
-      const $ = a.routeAttrs.get(E);
-      a.routeAttrs.set(E, { ...$, ...h }), a.componentKeys.set(
-        E,
-        (a.componentKeys.get(E) || 0) + 1
+    const v = B(a.activePath), w = Math.min(h, v.length - 1);
+    if (w <= 0) return;
+    const P = v.slice(0, -w), E = K(P);
+    for (let $ = v.length - w; $ < v.length; $++)
+      a.routeAttrs.delete(v[$]);
+    const S = P.at(-1);
+    if (S && y) {
+      const $ = a.routeAttrs.get(S);
+      a.routeAttrs.set(S, { ...$, ...y }), a.componentKeys.set(
+        S,
+        (a.componentKeys.get(S) || 0) + 1
       );
     }
-    const R = a.activePath;
-    (O = o == null ? void 0 : o.trackPageLeave) == null || O.call(o, R, R, S), a.fromPath = R, a.toPath = S, a.activePath = S, (I = o == null ? void 0 : o.trackPageEnter) == null || I.call(o, S, R, S);
+    const A = a.activePath;
+    (O = n == null ? void 0 : n.trackPageLeave) == null || O.call(n, A, A, E), a.fromPath = A, a.toPath = E, a.activePath = E, (I = n == null ? void 0 : n.trackPageEnter) == null || I.call(n, E, A, E);
   }
-  async function T(y, h) {
-    var S, E;
-    const m = W(y), D = B(m);
+  async function L(h, y) {
+    var E, S;
+    const v = W(h), w = B(v);
     await Promise.all(
-      D.map((R) => r.asyncLoaders.get(R)).filter((R) => !!R).map((R) => te(R))
+      w.map((A) => r.asyncLoaders.get(A)).filter((A) => !!A).map((A) => te(A))
     );
     const P = a.activePath;
-    P !== m && ((S = o == null ? void 0 : o.trackPageLeave) == null || S.call(o, P, P, m)), a.fromPath = P, a.toPath = m, a.activePath = m, h && L(m, h), (E = o == null ? void 0 : o.trackPageEnter) == null || E.call(o, m, P, m);
+    P !== v && ((E = n == null ? void 0 : n.trackPageLeave) == null || E.call(n, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, y && T(v, y), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, v, P, v);
   }
-  function L(y, h) {
-    const m = B(y).at(-1);
-    if (!m) return;
-    const D = a.routeAttrs.get(m);
-    a.routeAttrs.set(m, { ...D, ...h });
+  function T(h, y) {
+    const v = B(h).at(-1);
+    if (!v) return;
+    const w = a.routeAttrs.get(v);
+    a.routeAttrs.set(v, { ...w, ...y });
   }
-  function _(y, h) {
-    const m = a.routeAttrs.get(y);
-    a.routeAttrs.set(y, { ...m, ...h });
+  function _(h, y) {
+    const v = a.routeAttrs.get(h);
+    a.routeAttrs.set(h, { ...v, ...y });
   }
-  function g(y) {
-    return a.routeAttrs.get(y);
+  function g(h) {
+    return a.routeAttrs.get(h);
   }
-  async function p(y, h) {
-    if (!y && y !== 0) return;
-    if (typeof y == "number" && y < 0) {
-      b(Math.abs(y), h);
+  async function p(h, y) {
+    if (!h && h !== 0) return;
+    if (typeof h == "number" && h < 0) {
+      b(Math.abs(h), y);
       return;
     }
-    const m = y.toString();
-    if (m.startsWith("/")) {
-      const E = B(m), R = B(a.activePath);
-      if (E.length < R.length && E.every(($, se) => R[se] === $)) {
-        if (R.length - E.length === 1)
-          b(1, h);
+    const v = h.toString();
+    if (v.startsWith("/")) {
+      const S = B(v), A = B(a.activePath);
+      if (S.length < A.length && S.every(($, se) => A[se] === $)) {
+        if (A.length - S.length === 1)
+          b(1, y);
         else {
-          const se = R.slice(0, E.length + 1), Ne = K(se);
-          for (let re = E.length + 1; re < R.length; re++)
-            a.routeAttrs.delete(R[re]);
-          a.activePath = Ne, await Z(), b(1, h);
+          const se = A.slice(0, S.length + 1), Ie = K(se);
+          for (let re = S.length + 1; re < A.length; re++)
+            a.routeAttrs.delete(A[re]);
+          a.activePath = Ie, await k(), b(1, y);
         }
         return;
       }
-      const I = E.at(-1);
-      I && R.at(-1) === I && a.routeKeys.set(
+      const I = S.at(-1);
+      I && A.at(-1) === I && a.routeKeys.set(
         I,
         (a.routeKeys.get(I) || 0) + 1
-      ), await T(m, h);
+      ), await L(v, y);
       return;
     }
-    const D = B(a.activePath), P = D.indexOf(m);
+    const w = B(a.activePath), P = w.indexOf(v);
     if (P !== -1) {
-      const E = D.length - (P + 1);
-      if (E === 1)
-        b(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++)
-          a.routeAttrs.delete(D[I]);
-        a.activePath = O, await Z(), b(1, h);
+      const S = w.length - (P + 1);
+      if (S === 1)
+        b(1, y);
+      else if (S > 1) {
+        const A = w.slice(0, P + 2), O = K(A);
+        for (let I = P + 2; I < w.length; I++)
+          a.routeAttrs.delete(w[I]);
+        a.activePath = O, await k(), b(1, y);
       } else
-        a.routeKeys.set(m, (a.routeKeys.get(m) || 0) + 1), await T(
-          K(D.slice(0, P + 1)),
-          h
+        a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await L(
+          K(w.slice(0, P + 1)),
+          y
         );
       return;
     }
-    const S = K([...D, m]);
-    await T(S, h);
+    const E = K([...w, v]);
+    await L(E, y);
   }
-  function s(y) {
-    if (typeof y == "number" && y < 0) {
-      const P = B(a.activePath), S = Math.min(Math.abs(y), P.length - 1);
-      return S <= 0 ? a.activePath : K(P.slice(0, -S));
+  function i(h) {
+    if (typeof h == "number" && h < 0) {
+      const P = B(a.activePath), E = Math.min(Math.abs(h), P.length - 1);
+      return E <= 0 ? a.activePath : K(P.slice(0, -E));
     }
-    const h = y.toString();
-    if (h.startsWith("/")) return W(h);
-    const m = B(a.activePath), D = m.indexOf(h);
-    return D !== -1 ? K(m.slice(0, D + 1)) : K([...m, h]);
+    const y = h.toString();
+    if (y.startsWith("/")) return W(y);
+    const v = B(a.activePath), w = v.indexOf(y);
+    return w !== -1 ? K(v.slice(0, w + 1)) : K([...v, y]);
   }
-  const d = { getRoute: (y) => r.routes.get(y) };
-  async function u(y, h) {
-    var m;
+  const l = { getRoute: (h) => r.routes.get(h) };
+  async function m(h, y) {
+    var v;
     if (!f) {
       f = !0;
       try {
-        const D = (((m = t.beforeEach) == null ? void 0 : m.length) ?? 0) > 0, P = r.routes.size > 0;
-        if ((D || P) && y) {
-          const R = s(y), O = W(a.activePath);
-          if (!await be(R, O, t, d)) {
+        const w = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, P = r.routes.size > 0;
+        if ((w || P) && h) {
+          const A = i(h), O = W(a.activePath);
+          if (!await Ee(A, O, t, l)) {
             f = !1;
             return;
           }
         }
-        const S = W(a.activePath);
-        await p(y, h);
         const E = W(a.activePath);
-        w == null || w.record(E, h), He(E, S, t.afterEach), r.preloadAdjacent(B(a.activePath)), c.schedule(() => {
+        await p(h, y);
+        const S = W(a.activePath);
+        D == null || D.record(S, y), He(S, E, t.afterEach), r.preloadAdjacent(B(a.activePath)), u.schedule(() => {
           f = !1;
-        }, i);
-      } catch (D) {
-        throw f = !1, D;
+        }, s);
+      } catch (w) {
+        throw f = !1, w;
       }
     }
   }
-  const w = l.enabled ? qe(l, async (y) => {
-    const h = B(a.activePath), m = B(y);
-    if (m.length < h.length && m.every((P, S) => h[S] === P)) {
-      const P = h.length - m.length;
-      await u(-P);
+  const D = c.enabled ? qe(c, async (h) => {
+    const y = B(a.activePath), v = B(h);
+    if (v.length < y.length && v.every((P, E) => y[E] === P)) {
+      const P = y.length - v.length;
+      await m(-P);
     } else
-      await u(y);
+      await m(h);
   }) : void 0;
-  w && w.record(W(n));
+  D && D.record(W(o));
   const M = Qe({
     getActivePath: () => a.activePath,
     pushCore: p,
-    runGuards: (y, h) => be(y, h, t, d),
-    scheduleUnlock: () => c.schedule(() => {
+    runGuards: (h, y) => Ee(h, y, t, l),
+    scheduleUnlock: () => u.schedule(() => {
       f = !1;
-    }, i),
+    }, s),
     lock: () => {
       f = !0;
     },
@@ -723,17 +727,17 @@ function Ze(e, o) {
       f = !1;
     },
     isLocked: () => f,
-    stepDelay: i
+    stepDelay: s
   });
   return {
-    activePath: C(() => a.activePath),
-    fromPath: C(() => a.fromPath),
-    toPath: C(() => a.toPath),
-    activePage: C(() => j(a.activePath)),
-    fromPage: C(() => j(a.fromPath)),
-    toPage: C(() => j(a.toPath)),
-    resolveRoutes: A,
-    push: u,
+    activePath: R(() => a.activePath),
+    fromPath: R(() => a.fromPath),
+    toPath: R(() => a.toPath),
+    activePage: R(() => H(a.activePath)),
+    fromPage: R(() => H(a.fromPath)),
+    toPage: R(() => H(a.toPath)),
+    resolveRoutes: C,
+    push: m,
     stepWisePush: M.stepWisePush,
     stepWiseBack: M.stepWiseBack,
     registerRoute: r.registerRoute,
@@ -742,8 +746,8 @@ function Ze(e, o) {
     getRouteAttrs: g,
     preloadRoute: r.preloadRoute,
     routes: r.routes,
-    history: w,
-    cleanup: c.cleanup
+    history: D,
+    cleanup: u.cleanup
   };
 }
 const z = () => {
@@ -760,66 +764,66 @@ function ke(e) {
   };
 }
 function et(e) {
-  const o = ke(e.tracker), n = Ze(
+  const n = ke(e.tracker), o = Ze(
     {
       defaultPath: e.defaultPath,
       stepDelay: e.stepDelay,
       guards: e.guards,
       history: e.history
     },
-    o
-  ), i = xe(o), t = Ue(
+    n
+  ), s = Ve(n), t = Ue(
     {
       defaultControlName: e.defaultControlName,
       onboardingControlName: e.onboardingControlName
     },
-    o
-  ), l = e.volumeRef ? $e({
+    n
+  ), c = e.volumeRef ? $e({
     volumeRef: e.volumeRef,
     defaultBgm: e.defaultBgm
-  }) : null, c = {
+  }) : null, u = {
     // Navigation
-    activePath: n.activePath,
-    fromPath: n.fromPath,
-    toPath: n.toPath,
-    activePage: n.activePage,
-    fromPage: n.fromPage,
-    toPage: n.toPage,
-    resolveRoutes: n.resolveRoutes,
-    push: async (a, v) => {
-      await n.push(a, v), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
+    activePath: o.activePath,
+    fromPath: o.fromPath,
+    toPath: o.toPath,
+    activePage: o.activePage,
+    fromPage: o.fromPage,
+    toPage: o.toPage,
+    resolveRoutes: o.resolveRoutes,
+    push: async (a, d) => {
+      await o.push(a, d), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
     },
-    stepWisePush: async (a, v) => {
-      await n.stepWisePush(a, v), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
+    stepWisePush: async (a, d) => {
+      await o.stepWisePush(a, d), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
     },
     stepWiseBack: async (a) => {
-      await n.stepWiseBack(a), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
+      await o.stepWiseBack(a), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
     },
-    registerRoute: n.registerRoute,
-    registerRoutes: n.registerRoutes,
-    updateRouteAttrs: n.updateRouteAttrs,
-    getRouteAttrs: n.getRouteAttrs,
-    preloadRoute: n.preloadRoute,
+    registerRoute: o.registerRoute,
+    registerRoutes: o.registerRoutes,
+    updateRouteAttrs: o.updateRouteAttrs,
+    getRouteAttrs: o.getRouteAttrs,
+    preloadRoute: o.preloadRoute,
     // History (conditional — only if enabled)
-    ...n.history ? {
-      canGoBack: n.history.canGoBack,
-      canGoForward: n.history.canGoForward,
-      historyBack: n.history.back,
-      historyForward: n.history.forward,
-      historyGo: n.history.go
+    ...o.history ? {
+      canGoBack: o.history.canGoBack,
+      canGoForward: o.history.canGoForward,
+      historyBack: o.history.back,
+      historyForward: o.history.forward,
+      historyGo: o.history.go
     } : {},
     // Dialogs
-    activeDialog: i.activeDialog,
-    fromDialog: i.fromDialog,
-    toDialog: i.toDialog,
-    resolveDialogs: i.resolveDialogs,
-    openDialog: i.openDialog,
-    closeDialog: i.closeDialog,
-    closeAllDialogs: i.closeAllDialogs,
-    registerDialog: i.registerDialog,
-    registerDialogs: i.registerDialogs,
-    getDialogAttrs: i.getDialogAttrs,
-    updateDialogAttrs: i.updateDialogAttrs,
+    activeDialog: s.activeDialog,
+    fromDialog: s.fromDialog,
+    toDialog: s.toDialog,
+    resolveDialogs: s.resolveDialogs,
+    openDialog: s.openDialog,
+    closeDialog: s.closeDialog,
+    closeAllDialogs: s.closeAllDialogs,
+    registerDialog: s.registerDialog,
+    registerDialogs: s.registerDialogs,
+    getDialogAttrs: s.getDialogAttrs,
+    updateDialogAttrs: s.updateDialogAttrs,
     // Controls
     resolveControls: t.resolveControls,
     activeControl: t.activeControl,
@@ -830,190 +834,190 @@ function et(e) {
     getControlAttrs: t.getControlAttrs,
     updateControlAttrs: t.updateControlAttrs,
     // Serialization
-    serialize: () => Fe(c),
-    restore: (a) => Ve(c, a),
+    serialize: () => Fe(u),
+    restore: (a) => xe(u, a),
     // Audio (conditional — only if volumeRef provided in config)
-    ...l ? {
-      playSound: l.playSound,
-      stopSound: l.stopSound,
-      pauseSound: l.pauseSound,
-      resumeSound: l.resumeSound,
-      updateBackgroundMusic: l.updateBackgroundMusic
+    ...c ? {
+      playSound: c.playSound,
+      stopSound: c.stopSound,
+      pauseSound: c.pauseSound,
+      resumeSound: c.resumeSound,
+      updateBackgroundMusic: c.updateBackgroundMusic
     } : {}
-  }, r = j(e.defaultPath);
-  return U(n.activePage, (a, v) => {
-    if (!v) return;
-    const A = t.currentControl.value;
-    v === r && a !== r && o.trackGuiLeave(A), a === r && v !== r && o.trackGuiEnter(A);
-  }), l && e.defaultBgm && e.bgmStartRef && U(e.bgmStartRef, (a) => {
-    a && !l.isStarted() && l.playSoundSync(e.defaultBgm, !0);
-  }, { flush: "sync" }), H(async () => {
-    await Z(), t.toggleControl(e.defaultControlName, !0), o.trackPageEnter(
-      n.activePath.value,
+  }, r = H(e.defaultPath);
+  return U(o.activePage, (a, d) => {
+    if (!d) return;
+    const C = t.currentControl.value;
+    d === r && a !== r && n.trackGuiLeave(C), a === r && d !== r && n.trackGuiEnter(C);
+  }), c && e.defaultBgm && e.bgmStartRef && U(e.bgmStartRef, (a) => {
+    a && !c.isStarted() && c.playSoundSync(e.defaultBgm, !0);
+  }, { flush: "sync" }), q(async () => {
+    await k(), t.toggleControl(e.defaultControlName, !0), n.trackPageEnter(
+      o.activePath.value,
       void 0,
-      n.activePath.value
-    ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), ze(c);
+      o.activePath.value
+    ), c && document.addEventListener("visibilitychange", c.handleVisibilityChange), ze(u);
   }), he(() => {
-    o.cleanupAllSessions(), n.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
-  }), N(Le, c), x(de, null) || N(de, c), c;
+    n.cleanupAllSessions(), o.cleanup(), s.cleanup(), t.cleanup(), c && (document.removeEventListener("visibilitychange", c.handleVisibilityChange), c.cleanup());
+  }), N(Me, u), x(de, null) || N(de, u), u;
 }
-function q(e) {
-  const o = e != null && e.root ? de : Le, n = x(o);
-  if (!n)
+function J(e) {
+  const n = e != null && e.root ? de : Me, o = x(n);
+  if (!o)
     throw new Error(
       e != null && e.root ? "[vue-micro-router] useMicroRouter({ root: true }) failed — no root <MicroRouterView> found." : "[vue-micro-router] useMicroRouter() must be called inside <MicroRouterView>. Did you forget to wrap your app with <MicroRouterView>?"
     );
-  return n;
+  return o;
 }
 function mt(e) {
-  const o = x(ae), n = x(ie);
-  !o && !e && console.warn(
+  const n = x(ae), o = x(ie);
+  !n && !e && console.warn(
     "[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];
-  const l = pe(t);
-  n && U(
-    l,
-    (r) => n({ ...r }),
+  const s = (n == null ? void 0 : n()) ?? {}, t = e ? { ...e } : {};
+  for (const r of Object.keys(s))
+    t[r] = s[r];
+  const c = pe(t);
+  o && U(
+    c,
+    (r) => o({ ...r }),
     { deep: !0, flush: "post" }
   );
-  const c = Oe(l);
-  return new Proxy(c, {
+  const u = Ne(c);
+  return new Proxy(u, {
     get(r, f, a) {
-      return typeof f == "string" && !(f in r) && (r[f] = Ke(l, f)), Reflect.get(r, f, a);
+      return typeof f == "string" && !(f in r) && (r[f] = Oe(c, f)), Reflect.get(r, f, a);
     }
   });
 }
 function pt(e) {
-  const o = x(Te);
-  if (!o) {
+  const n = x(Le);
+  if (!n) {
     console.warn(
       "[vue-micro-router] useRouteLifecycle() must be called inside a route component rendered by <MicroRouterView>."
     );
     return;
   }
-  const { activePage: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  const { activePage: o } = J();
+  let s = o.value === n;
+  s && q(() => {
     var t;
     return (t = e.onRouteEnter) == null ? void 0 : t.call(e);
-  }), U(n, (t) => {
-    var c, r;
-    const l = t === o;
-    l && !i ? (c = e.onRouteEnter) == null || c.call(e) : !l && i && ((r = e.onRouteLeave) == null || r.call(e)), i = l;
+  }), U(o, (t) => {
+    var u, r;
+    const c = t === n;
+    c && !s ? (u = e.onRouteEnter) == null || u.call(e) : !c && s && ((r = e.onRouteLeave) == null || r.call(e)), s = c;
   });
 }
 function ht(e) {
-  const o = x(_e);
-  if (!o) {
+  const n = x(Te);
+  if (!n) {
     console.warn(
       "[vue-micro-router] useDialogLifecycle() must be called inside a dialog component rendered by <MicroDialog>."
     );
     return;
   }
-  const { activeDialog: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  const { activeDialog: o } = J();
+  let s = o.value === n;
+  s && q(() => {
     var t;
     return (t = e.onDialogEnter) == null ? void 0 : t.call(e);
-  }), U(n, (t) => {
-    var c, r;
-    const l = t === o;
-    l && !i ? (c = e.onDialogEnter) == null || c.call(e) : !l && i && ((r = e.onDialogLeave) == null || r.call(e)), i = l;
+  }), U(o, (t) => {
+    var u, r;
+    const c = t === n;
+    c && !s ? (u = e.onDialogEnter) == null || u.call(e) : !c && s && ((r = e.onDialogLeave) == null || r.call(e)), s = c;
   });
 }
 function yt(e) {
-  const o = x(Be);
-  if (!o) {
+  const n = x(_e);
+  if (!n) {
     console.warn(
       "[vue-micro-router] useControlLifecycle() must be called inside a control component rendered by <MicroControlWrapper>."
     );
     return;
   }
-  const { currentControl: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  const { currentControl: o } = J();
+  let s = o.value === n;
+  s && q(() => {
     var t;
     return (t = e.onControlEnter) == null ? void 0 : t.call(e);
-  }), U(n, (t) => {
-    var c, r;
-    const l = t === o;
-    l && !i ? (c = e.onControlEnter) == null || c.call(e) : !l && i && ((r = e.onControlLeave) == null || r.call(e)), i = l;
+  }), U(o, (t) => {
+    var u, r;
+    const c = t === n;
+    c && !s ? (u = e.onControlEnter) == null || u.call(e) : !c && s && ((r = e.onControlLeave) == null || r.call(e)), s = c;
   });
 }
-function tt(e, o) {
+function tt(e, n) {
   if (!e.enabled) return;
-  const n = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
-  let l = 0, c = 0, r = 0, f = !1, a = null, v = null;
-  function A() {
-    const s = o.containerRef.value;
-    return s ? "$el" in s ? s.$el : s : null;
+  const o = e.edgeWidth ?? 20, s = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
+  let c = 0, u = 0, r = 0, f = !1, a = null, d = null;
+  function C() {
+    const i = n.containerRef.value;
+    return i ? "$el" in i ? i.$el : i : null;
   }
   function b() {
-    const s = A();
-    if (!s) return { current: null, previous: null };
-    const d = s.querySelectorAll(".route-page");
-    return d.length < 2 ? { current: d[d.length - 1] ?? null, previous: null } : {
-      current: d[d.length - 1],
-      previous: d[d.length - 2]
+    const i = C();
+    if (!i) return { current: null, previous: null };
+    const l = i.querySelectorAll(".route-page");
+    return l.length < 2 ? { current: l[l.length - 1] ?? null, previous: null } : {
+      current: l[l.length - 1],
+      previous: l[l.length - 2]
     };
   }
-  function T(s) {
+  function L(i) {
     var M;
-    if (!o.canGoBack() || s.clientX > n) return;
-    const { current: d, previous: u } = b();
-    if (!d) return;
-    f = !0, l = s.clientX, c = s.clientY, r = Date.now(), a = d, v = u;
-    const w = A();
-    (M = w == null ? void 0 : w.setPointerCapture) == null || M.call(w, s.pointerId), a.style.willChange = "transform", v && (v.style.willChange = "transform", v.style.transition = "none"), a.style.transition = "none";
+    if (!n.canGoBack() || i.clientX > o) return;
+    const { current: l, previous: m } = b();
+    if (!l) return;
+    f = !0, c = i.clientX, u = i.clientY, r = Date.now(), a = l, d = m;
+    const D = C();
+    (M = D == null ? void 0 : D.setPointerCapture) == null || M.call(D, i.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
   }
-  function L(s) {
+  function T(i) {
     if (!f || !a) return;
-    const d = Math.max(0, s.clientX - l);
-    if (Math.abs(s.clientY - c) > d * 1.5) {
+    const l = Math.max(0, i.clientX - c);
+    if (Math.abs(i.clientY - u) > l * 1.5) {
       g();
       return;
     }
-    const w = d / window.innerWidth;
-    if (a.style.transform = `translateX(${d}px)`, v) {
-      const M = -20 + 20 * w;
-      v.style.transform = `translateX(${M}%)`;
+    const D = l / window.innerWidth;
+    if (a.style.transform = `translateX(${l}px)`, d) {
+      const M = -20 + 20 * D;
+      d.style.transform = `translateX(${M}%)`;
     }
   }
-  function _(s) {
+  function _(i) {
     if (!f || !a) return;
     if (!a.isConnected) {
       p(), f = !1;
       return;
     }
-    const d = s.clientX - l, u = Date.now() - r, w = d / u;
-    d / window.innerWidth > i || w > t ? (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(100%)", v && (v.style.transition = "transform 0.2s ease-out", v.style.transform = "translateX(0)"), setTimeout(() => {
-      p(), o.goBack();
-    }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", v && (v.style.transition = "transform 0.2s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(p, 200)), f = !1;
+    const l = i.clientX - c, m = Date.now() - r, D = l / m;
+    l / window.innerWidth > s || 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(() => {
+      p(), 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(p, 200)), f = !1;
   }
   function g() {
-    f && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), v && (v.style.transition = "transform 0.15s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(p, 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 p() {
-    a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), v && (v.style.willChange = "", v.style.transition = "", v.style.transform = ""), a = null, v = null;
+    a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), d && (d.style.willChange = "", d.style.transition = "", d.style.transform = ""), a = null, d = null;
   }
-  H(() => {
-    const s = A();
-    s != null && s.addEventListener && (s.addEventListener("pointerdown", T, { passive: !0 }), s.addEventListener("pointermove", L, { passive: !0 }), s.addEventListener("pointerup", _, { passive: !0 }), s.addEventListener("pointercancel", g, { passive: !0 }));
+  q(() => {
+    const i = C();
+    i != null && i.addEventListener && (i.addEventListener("pointerdown", L, { passive: !0 }), i.addEventListener("pointermove", T, { passive: !0 }), i.addEventListener("pointerup", _, { passive: !0 }), i.addEventListener("pointercancel", g, { passive: !0 }));
   }), he(() => {
-    const s = A();
-    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", T), s.removeEventListener("pointermove", L), s.removeEventListener("pointerup", _), s.removeEventListener("pointercancel", g));
+    const i = C();
+    i != null && i.removeEventListener && (i.removeEventListener("pointerdown", L), i.removeEventListener("pointermove", T), i.removeEventListener("pointerup", _), i.removeEventListener("pointercancel", g));
   });
 }
 function Pt(e) {
   return { ...e };
 }
-function nt(e, o) {
-  var n, i, t;
-  for (const l of e)
-    (n = l.routes) != null && n.length && o.registerRoutes(l.routes), (i = l.dialogs) != null && i.length && o.registerDialogs(l.dialogs), (t = l.controls) != null && t.length && o.registerControls(l.controls);
+function nt(e, n) {
+  var o, s, t;
+  for (const c of e)
+    (o = c.routes) != null && o.length && n.registerRoutes(c.routes), (s = c.dialogs) != null && s.length && n.registerDialogs(c.dialogs), (t = c.controls) != null && t.length && n.registerControls(c.controls);
 }
 const ot = /* @__PURE__ */ oe({
   __name: "MicroControlWrapper",
@@ -1021,20 +1025,20 @@ const ot = /* @__PURE__ */ oe({
     control: {}
   },
   setup(e) {
-    const o = e, { getControlAttrs: n, updateControlAttrs: i } = q();
-    return N(Be, o.control.name), N(ae, () => n(o.control.name)), N(ie, (t) => {
-      i(o.control.name, t);
-    }), (t, l) => (G(), F(ye(e.control.component), Pe({
+    const n = e, { getControlAttrs: o, updateControlAttrs: s } = J();
+    return N(_e, n.control.name), N(ae, () => o(n.control.name)), N(ie, (t) => {
+      s(n.control.name, t);
+    }), (t, c) => (G(), F(ye(e.control.component), Pe({
       key: e.control.componentKey || 0
     }, e.control.attrs), null, 16));
   }
 });
-let Q = 0, Ie = "";
+let Z = 0, Ge = "";
 function at() {
-  Q === 0 && (Ie = document.body.style.overflow, document.body.style.overflow = "hidden"), Q++;
+  Z === 0 && (Ge = document.body.style.overflow, document.body.style.overflow = "hidden"), Z++;
 }
 function it() {
-  Q = Math.max(0, Q - 1), Q === 0 && (document.body.style.overflow = Ie);
+  Z = Math.max(0, Z - 1), Z === 0 && (document.body.style.overflow = Ge);
 }
 const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', rt = /* @__PURE__ */ oe({
   __name: "MicroDialog",
@@ -1043,112 +1047,109 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     stackIndex: {}
   },
   emits: ["close"],
-  setup(e, { emit: o }) {
-    const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = q();
-    let c = !1;
-    const r = ne(null), f = ne(null), a = C(() => n.dialog.transition ?? "scale"), v = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), b = C(() => n.dialog.seamless ?? !1), T = C(
-      () => n.dialog.activated || !!n.dialog.closing
-    );
+  setup(e, { emit: n }) {
+    const o = e, s = n, { getDialogAttrs: t, updateDialogAttrs: c } = J();
+    let u = !1;
+    const r = ne(null), f = ne(null), a = R(() => o.dialog.transition ?? "scale"), d = R(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : a.value === "slide" ? 500 : 300), C = R(() => o.dialog.position ?? "standard"), b = R(() => o.dialog.seamless ?? !1);
     function L() {
       return r.value ? Array.from(
         r.value.querySelectorAll(st)
-      ).filter((u) => u.offsetParent !== null) : [];
+      ).filter((l) => l.offsetParent !== null) : [];
     }
-    function _(u) {
-      var D, P;
-      if (u.key === "Escape") {
-        if (n.dialog.persistent) return;
-        u.preventDefault(), u.stopPropagation(), i("close", n.dialog.path);
+    function T(l) {
+      var v, w;
+      if (l.key === "Escape") {
+        if (o.dialog.persistent) return;
+        l.preventDefault(), l.stopPropagation(), s("close", o.dialog.path);
         return;
       }
-      if (u.key !== "Tab") return;
-      const w = L();
-      if (w.length === 0) {
-        u.preventDefault(), (D = r.value) == null || D.focus();
+      if (l.key !== "Tab") return;
+      const m = L();
+      if (m.length === 0) {
+        l.preventDefault(), (v = r.value) == null || v.focus();
         return;
       }
-      const M = w[0], y = w[w.length - 1], h = document.activeElement, m = !!((P = r.value) != null && P.contains(h));
-      u.shiftKey ? (!m || h === M) && (u.preventDefault(), y.focus()) : (!m || h === y) && (u.preventDefault(), M.focus());
+      const D = m[0], M = m[m.length - 1], h = document.activeElement, y = !!((w = r.value) != null && w.contains(h));
+      l.shiftKey ? (!y || h === D) && (l.preventDefault(), M.focus()) : (!y || h === M) && (l.preventDefault(), D.focus());
     }
-    function g(u) {
-      n.dialog.persistent || u.target === u.currentTarget && i("close", n.dialog.path);
+    function _(l) {
+      o.dialog.persistent || l.target === l.currentTarget && s("close", o.dialog.path);
     }
-    function p() {
-      if (!n.dialog.focusInput || !r.value) return;
-      const u = document.createElement("input");
-      u.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", r.value.appendChild(u), u.focus(), setTimeout(() => u.remove(), 50);
+    function g() {
+      if (!o.dialog.focusInput || !r.value) return;
+      const l = document.createElement("input");
+      l.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", r.value.appendChild(l), l.focus(), setTimeout(() => l.remove(), 50);
     }
-    function s() {
-      c || (c = !0, f.value = document.activeElement, at(), Z(() => {
+    function p() {
+      u || (u = !0, f.value = document.activeElement, at(), k(() => {
         if (!r.value) return;
-        (L()[0] ?? r.value).focus(), p();
+        (L()[0] ?? r.value).focus(), g();
       }));
     }
-    function d() {
-      if (!c) return;
-      c = !1, it();
-      const u = f.value;
-      f.value = null, u && typeof u.focus == "function" && document.contains(u) && u.focus();
+    function i() {
+      if (!u) return;
+      u = !1, it();
+      const l = f.value;
+      f.value = null, l && typeof l.focus == "function" && document.contains(l) && l.focus();
     }
-    return N(_e, n.dialog.path), N(ae, () => t(n.dialog.path)), N(ie, (u) => {
-      l(n.dialog.path, u);
+    return N(Te, o.dialog.path), N(ae, () => t(o.dialog.path)), N(ie, (l) => {
+      c(o.dialog.path, l);
     }), U(
-      () => n.dialog.activated,
-      (u) => {
-        u && s();
+      () => o.dialog.activated,
+      (l) => {
+        l && p();
       }
     ), U(
-      () => n.dialog.closing,
-      (u) => {
-        !u && !n.dialog.activated && c && d();
+      () => o.dialog.closing,
+      (l) => {
+        !l && !o.dialog.activated && u && i();
       }
-    ), H(() => {
-      n.dialog.activated && s();
+    ), q(() => {
+      o.dialog.activated && p();
     }), he(() => {
-      c && d();
-    }), (u, w) => (G(), F(We, { to: "body" }, [
-      T.value ? (G(), V("div", {
-        key: 0,
-        class: J(["micro-dialog-portal", [
-          `micro-dialog--${A.value}`,
+      u && i();
+    }), (l, m) => (G(), F(Ke, { to: "body" }, [
+      j("div", {
+        class: Q(["micro-dialog-portal", [
+          `micro-dialog--${C.value}`,
           e.dialog.fullscreen && "micro-dialog--fullscreen",
           b.value && "micro-dialog--seamless"
         ]]),
-        style: Me({
+        style: be({
           zIndex: 100 + e.stackIndex,
-          "--dialog-duration": `${v.value}ms`
+          "--dialog-duration": `${d.value}ms`
         }),
-        onClick: le(g, ["self"])
+        onClick: le(_, ["self"])
       }, [
-        b.value ? Re("", !0) : (G(), V("div", {
+        b.value ? We("", !0) : (G(), V("div", {
           key: 0,
-          class: J(["micro-dialog-backdrop", e.dialog.closing && "micro-dialog-backdrop--closing"])
+          class: Q(["micro-dialog-backdrop", e.dialog.closing && "micro-dialog-backdrop--closing"])
         }, null, 2)),
-        k("div", {
+        j("div", {
           ref_key: "wrapperRef",
           ref: r,
           role: "dialog",
           "aria-modal": "true",
           tabindex: "-1",
-          class: J(["micro-dialog", [
+          class: Q(["micro-dialog", [
             `dialog-transition-${a.value}`,
             e.dialog.closing && "micro-dialog--closing"
           ]]),
-          onClick: le(g, ["self"]),
-          onKeydown: _
+          onClick: le(_, ["self"]),
+          onKeydown: T
         }, [
-          k("div", {
+          j("div", {
             class: "micro-dialog__content",
-            onClick: w[0] || (w[0] = le(() => {
+            onClick: m[0] || (m[0] = le(() => {
             }, ["stop"]))
           }, [
-            we(u.$slots, "default"),
+            we(l.$slots, "default"),
             (G(), F(ye(e.dialog.component), Pe({
               key: e.dialog.componentKey
             }, e.dialog.attrs), null, 16))
           ])
         ], 34)
-      ], 6)) : Re("", !0)
+      ], 6)
     ]));
   }
 }), lt = { class: "route-page" }, ct = { class: "route-page__body" }, ut = /* @__PURE__ */ oe({
@@ -1157,18 +1158,18 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     routePath: {}
   },
   setup(e) {
-    const o = e;
-    if (o.routePath) {
-      const n = o.routePath;
-      N(Te, n);
-      const { updateRouteAttrs: i, getRouteAttrs: t } = q();
-      N(ae, () => t(n)), N(ie, (l) => {
-        i(n, l);
+    const n = e;
+    if (n.routePath) {
+      const o = n.routePath;
+      N(Le, o);
+      const { updateRouteAttrs: s, getRouteAttrs: t } = J();
+      N(ae, () => t(o)), N(ie, (c) => {
+        s(o, c);
       });
     }
-    return (n, i) => (G(), V("div", lt, [
-      k("div", ct, [
-        we(n.$slots, "default")
+    return (o, s) => (G(), V("div", lt, [
+      j("div", ct, [
+        we(o.$slots, "default")
       ])
     ]));
   }
@@ -1181,79 +1182,79 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
   },
   setup(e) {
     var g, p;
-    const o = e, n = et(o.config);
-    (g = o.plugins) != null && g.length && nt(o.plugins, n);
+    const n = e, o = et(n.config);
+    (g = n.plugins) != null && g.length && nt(n.plugins, o);
     const {
-      resolveRoutes: i,
+      resolveRoutes: s,
       resolveDialogs: t,
-      resolveControls: l,
-      fromPath: c,
+      resolveControls: c,
+      fromPath: u,
       toPath: r,
       closeDialog: f
-    } = n, a = ne(null), v = C(() => {
-      const s = c.value.split("/").filter(Boolean), d = new Set(r.value.split("/").filter(Boolean));
-      return s.some((u) => d.has(u));
-    }), A = C(() => l.value.length > 0), b = C(() => {
-      const s = i.value.at(-1);
-      return (s == null ? void 0 : s.transition) ?? "slide";
-    }), T = C(() => b.value === "none" ? "" : b.value === "fade" ? "page-fade" : "page-slide"), L = C(() => {
-      const s = i.value.at(-1);
-      return s != null && s.transitionDuration ? s.transitionDuration : b.value === "fade" ? 300 : 500;
-    }), _ = C(() => v.value && b.value !== "none");
-    return (p = o.config.gesture) != null && p.enabled && tt(o.config.gesture, {
+    } = o, a = ne(null), d = R(() => {
+      const i = u.value.split("/").filter(Boolean), l = new Set(r.value.split("/").filter(Boolean));
+      return i.some((m) => l.has(m));
+    }), C = R(() => c.value.length > 0), b = R(() => {
+      const i = s.value.at(-1);
+      return (i == null ? void 0 : i.transition) ?? "slide";
+    }), L = R(() => b.value === "none" ? "" : b.value === "fade" ? "page-fade" : "page-slide"), T = R(() => {
+      const i = s.value.at(-1);
+      return i != null && i.transitionDuration ? i.transitionDuration : b.value === "fade" ? 300 : 500;
+    }), _ = R(() => d.value && b.value !== "none");
+    return (p = n.config.gesture) != null && p.enabled && tt(n.config.gesture, {
       containerRef: a,
-      goBack: () => n.push(-1),
-      canGoBack: () => i.value.length > 1
-    }), (s, d) => (G(), V(ee, null, [
-      Ee(Se, {
+      goBack: () => o.push(-1),
+      canGoBack: () => s.value.length > 1
+    }), (i, l) => (G(), V(ee, null, [
+      Re(Se, {
         ref_key: "pageContainerRef",
         ref: a,
-        name: T.value,
+        name: L.value,
         css: _.value
       }, {
         default: ce(() => [
-          (G(!0), V(ee, null, ue(X(i), (u, w) => (G(), F(ut, {
-            key: u.key || u.path,
-            "route-path": u.path,
-            class: J({
-              deactive: X(i).length > 1 && w !== X(i).length - 1
+          (G(!0), V(ee, null, ue(X(s), (m, D) => (G(), F(ut, {
+            key: m.key || m.path,
+            "route-path": m.path,
+            class: Q({
+              deactive: X(s).length > 1 && D !== X(s).length - 1
             }),
-            style: Me({
-              transition: _.value ? `transform ${L.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${L.value}ms ease` : "none",
-              zIndex: w,
+            style: be({
+              transition: _.value ? `transform ${T.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${T.value}ms ease` : "none",
+              zIndex: D,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
             })
           }, {
             default: ce(() => [
-              (G(), F(ye(u.component), Pe({
-                key: u.componentKey
-              }, { ref_for: !0 }, X(n).getRouteAttrs(u.path)), null, 16))
+              (G(), F(ye(m.component), Pe({
+                key: m.componentKey
+              }, { ref_for: !0 }, X(o).getRouteAttrs(m.path)), null, 16))
             ]),
             _: 2
           }, 1032, ["route-path", "class", "style"]))), 128))
         ]),
         _: 1
       }, 8, ["name", "css"]),
-      k("div", ft, [
-        we(s.$slots, "default")
+      j("div", ft, [
+        we(i.$slots, "default")
       ]),
-      k("div", {
-        class: J(["micro-router-gui-layer", { "gui-visible": A.value }])
+      j("div", {
+        class: Q(["micro-router-gui-layer", { "gui-visible": C.value }])
       }, [
-        Ee(Se, { name: "control-fade" }, {
+        Re(Se, { name: "control-fade" }, {
           default: ce(() => [
-            (G(!0), V(ee, null, ue(X(l), (u) => (G(), F(ot, {
-              key: u.name + "-" + (u.componentKey || 0),
-              control: u
+            (G(!0), V(ee, null, ue(X(c), (m) => (G(), F(ot, {
+              key: m.name + "-" + (m.componentKey || 0),
+              control: m
             }, null, 8, ["control"]))), 128))
           ]),
           _: 1
         })
       ], 2),
-      (G(!0), V(ee, null, ue(X(t), (u, w) => (G(), F(rt, {
-        key: "dialog-" + u.path,
-        dialog: u,
-        "stack-index": w,
+      (G(!0), V(ee, null, ue(X(t), (m, D) => (G(), F(rt, {
+        key: "dialog-" + m.path,
+        dialog: m,
+        "stack-index": D,
         onClose: X(f)
       }, null, 8, ["dialog", "stack-index", "onClose"]))), 128))
     ], 64));
@@ -1262,11 +1263,11 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
 export {
   ae as MICRO_ATTRS_READ_KEY,
   ie as MICRO_ATTRS_WRITE_KEY,
-  Be as MICRO_CONTROL_NAME_KEY,
-  _e as MICRO_DIALOG_PATH_KEY,
-  Le as MICRO_ROUTER_KEY,
+  _e as MICRO_CONTROL_NAME_KEY,
+  Te as MICRO_DIALOG_PATH_KEY,
+  Me as MICRO_ROUTER_KEY,
   de as MICRO_ROUTER_ROOT_KEY,
-  Te as MICRO_ROUTE_PATH_KEY,
+  Le as MICRO_ROUTE_PATH_KEY,
   ot as MicroControlWrapper,
   rt as MicroDialogComponent,
   wt as MicroRouterView,
@@ -1275,7 +1276,7 @@ export {
   K as buildPathFromSegments,
   vt as createRouterKey,
   Pt as defineFeaturePlugin,
-  j as getLastSegment,
+  H as getLastSegment,
   De as isAsyncLoader,
   W as normalizePath,
   B as parsePathSegments,
@@ -1284,10 +1285,10 @@ export {
   yt as useControlLifecycle,
   Ue as useControlManager,
   ht as useDialogLifecycle,
-  xe as useDialogManager,
+  Ve as useDialogManager,
   tt as useGestureNavigation,
   et as useGlobalMicroRouter,
-  q as useMicroRouter,
+  J as useMicroRouter,
   mt as useMicroState,
   Ze as useNavigation,
   ke as usePageTracker,