vue-micro-router 1.0.60 → 1.0.62

package/dist/index.mjs

@@ -1,70 +1,70 @@
-import { shallowReactive as F, computed as C, defineAsyncComponent as Pe, reactive as we, nextTick as te, ref as ne, inject as V, watch as X, onMounted as Q, onBeforeUnmount as De, provide as O, toRefs as Ue, toRef as Ye, defineComponent as ie, openBlock as G, createBlock as z, resolveDynamicComponent as Ae, mergeProps as Ce, Teleport as Fe, createElementVNode as q, withModifiers as ce, normalizeStyle as Ie, normalizeClass as k, createElementBlock as j, createCommentVNode as Xe, renderSlot as Re, Fragment as oe, createVNode as Te, TransitionGroup as Le, withCtx as fe, renderList as ge, unref as Y } from "vue";
+import { shallowReactive as X, computed as R, defineAsyncComponent as Pe, reactive as we, nextTick as te, ref as ne, inject as V, watch as F, onMounted as Q, onBeforeUnmount as De, provide as O, toRefs as Ue, toRef as Ye, defineComponent as ie, openBlock as N, createBlock as z, resolveDynamicComponent as Ae, mergeProps as Ce, Teleport as Xe, createElementVNode as q, withModifiers as ce, normalizeStyle as _e, normalizeClass as k, createElementBlock as j, createCommentVNode as Fe, renderSlot as Re, Fragment as oe, createVNode as Te, TransitionGroup as Me, withCtx as fe, renderList as ge, unref as Y } from "vue";
 import { i as Ee, s as Se, g as H, w as ae, p as I, b as W, n as $, u as xe } from "./use-audio-manager.mjs";
-const Be = Symbol("micro-router");
-function Et() {
+const Ie = Symbol("micro-router");
+function bt() {
   return Symbol("micro-router-nested");
 }
-const me = Symbol("micro-router-root"), Ge = Symbol("micro-route-path"), Ne = Symbol("micro-dialog-path"), Oe = Symbol("micro-control-name"), se = Symbol("micro-attrs-read"), re = Symbol("micro-attrs-write"), ze = 550;
+const me = Symbol("micro-router-root"), Be = Symbol("micro-route-path"), Ne = Symbol("micro-dialog-path"), Ge = Symbol("micro-control-name"), se = Symbol("micro-attrs-read"), re = Symbol("micro-attrs-write"), ze = 550;
 function be() {
   const e = /* @__PURE__ */ new Set();
-  function n(i, t) {
+  function o(i, t) {
     const l = setTimeout(() => {
       e.delete(l), i();
     }, t);
     return e.add(l), l;
   }
-  function o() {
+  function n() {
     e.forEach(clearTimeout), e.clear();
   }
-  return { schedule: n, cleanup: o };
+  return { schedule: o, cleanup: n };
 }
 function de(e) {
-  return new Promise((n) => setTimeout(n, e));
+  return new Promise((o) => setTimeout(o, e));
 }
-function Ve(e, n) {
-  const o = e.defaultControlName, i = e.onboardingControlName, t = 300, l = be();
+function Ve(e, o) {
+  const n = e.defaultControlName, i = e.onboardingControlName, t = 300, l = be();
   let u = !1;
-  const r = F(/* @__PURE__ */ new Map()), c = F(
+  const r = X(/* @__PURE__ */ new Map()), c = X(
     /* @__PURE__ */ new Map()
-  ), a = C(() => {
+  ), a = R(() => {
     const s = [];
     for (const f of r.values())
       f.activated && s.push(f);
     return s;
-  }), d = a, R = C(
-    () => a.value.some((s) => s.name !== o)
-  ), T = C(() => {
-    const s = a.value.find((f) => f.name !== o);
-    return (s == null ? void 0 : s.name) ?? o;
+  }), v = a, C = R(
+    () => a.value.some((s) => s.name !== n)
+  ), M = R(() => {
+    const s = a.value.find((f) => f.name !== n);
+    return (s == null ? void 0 : s.name) ?? n;
   });
-  function M(s, f, p) {
-    var v, A, y;
+  function T(s, f, A) {
+    var d, w, y;
     if (!(f && u)) {
       f && (u = !0);
       try {
         const h = r.get(s);
         if (!h) return;
-        const m = r.get(o), D = s === o || s === i;
+        const m = r.get(n), D = s === n || s === i;
         if (f)
-          (v = n == null ? void 0 : n.trackGuiEnter) == null || v.call(n, s), D ? r.forEach((w) => {
-            var b;
-            w.name !== o && w.activated && ((b = n == null ? void 0 : n.trackGuiLeave) == null || b.call(n, w.name), r.set(w.name, {
-              ...w,
+          (d = o == null ? void 0 : o.trackGuiEnter) == null || d.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, {
+              ...P,
               activated: !1,
               attrs: void 0
             }));
-          }) : m != null && m.activated && ((A = n == null ? void 0 : n.trackGuiLeave) == null || A.call(n, o), r.set(o, { ...m, activated: !1 })), p && c.set(s, { ...p }), r.set(s, {
+          }) : m != null && m.activated && ((w = o == null ? void 0 : o.trackGuiLeave) == null || w.call(o, n), r.set(n, { ...m, activated: !1 })), A && c.set(s, { ...A }), r.set(s, {
             ...h,
             activated: !0,
             componentKey: (h.componentKey || 0) + 1,
-            attrs: p ? { ...p } : void 0
+            attrs: A ? { ...A } : void 0
           });
         else {
-          (y = n == null ? void 0 : n.trackGuiLeave) == null || y.call(n, s), c.delete(s), r.set(s, { ...h, activated: !1, attrs: void 0 });
-          const w = r.get(o);
-          if (!D && w && !w.activated) {
-            if (w.name === i) return;
-            r.set(o, { ...w, activated: !0 });
+          (y = o == null ? void 0 : o.trackGuiLeave) == null || y.call(o, s), c.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 });
           }
         }
       } finally {
@@ -88,51 +88,51 @@ function Ve(e, n) {
   function g(s) {
     return c.get(s);
   }
-  function P(s, f) {
-    const p = c.get(s);
-    c.set(s, { ...p, ...f });
+  function p(s, f) {
+    const A = c.get(s);
+    c.set(s, { ...A, ...f });
   }
   return {
-    resolveControls: d,
-    activeControl: R,
-    currentControl: T,
-    toggleControl: M,
+    resolveControls: v,
+    activeControl: C,
+    currentControl: M,
+    toggleControl: T,
     registerControl: L,
     registerControls: _,
     getControlAttrs: g,
-    updateControlAttrs: P,
+    updateControlAttrs: p,
     cleanup: l.cleanup
   };
 }
 const ve = "micro-router-inspector", je = "micro-router-events";
 async function qe(e) {
   if (typeof import.meta < "u") return;
-  let n;
+  let o;
   try {
-    n = (await import(
+    o = (await import(
       /* @vite-ignore */
       "@vue/devtools-api"
     )).setupDevtoolsPlugin;
   } catch {
     return;
   }
-  n && n(
+  o && o(
     {
       id: "vue-micro-router",
       label: "Micro Router",
       packageName: "vue-micro-router",
       homepage: "https://github.com/danh121097/vue-micro-router"
     },
-    (o) => {
-      o.addInspector({
+    (n) => {
+      n.addInspector({
         id: ve,
         label: "Micro Router",
         icon: "route"
-      }), o.addTimelineLayer({
+      }), n.addTimelineLayer({
         id: je,
         label: "Micro Router",
         color: 4372611
-      }), o.on.getInspectorTree((i) => {
+      }), n.on.getInspectorTree((i) => {
         i.inspectorId === ve && (i.rootNodes = [
           {
             id: "routes",
@@ -159,7 +159,7 @@ async function qe(e) {
             }))
           }
         ]);
-      }), o.on.getInspectorState((i) => {
+      }), n.on.getInspectorState((i) => {
         if (i.inspectorId === ve) {
           if (i.nodeId === "routes")
             i.state = {
@@ -201,10 +201,10 @@ async function qe(e) {
   );
 }
 function He(e) {
-  const n = e.activePath.value.split("/").filter(Boolean), o = {};
-  for (const r of n) {
+  const o = e.activePath.value.split("/").filter(Boolean), n = {};
+  for (const r of o) {
     const c = e.getRouteAttrs(r);
-    c && (o[r] = { ...c });
+    c && (n[r] = { ...c });
   }
   const i = [], t = {};
   for (const r of e.resolveDialogs.value) {
@@ -221,48 +221,66 @@ function He(e) {
   }
   return {
     version: 1,
-    navigation: { activePath: e.activePath.value, routeAttrs: o },
+    navigation: { activePath: e.activePath.value, routeAttrs: n },
     dialogs: { stack: i, attrs: t },
     controls: { active: l, attrs: u }
   };
 }
-async function Je(e, n) {
-  if (n.version !== 1) {
-    console.warn("[vue-micro-router] Unknown serialized state version:", n.version);
+async function Je(e, o) {
+  if (o.version !== 1) {
+    console.warn("[vue-micro-router] Unknown serialized state version:", o.version);
     return;
   }
-  const { activePath: o, routeAttrs: i } = n.navigation;
-  await e.push(o);
+  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 n.dialogs.stack) {
-    const l = n.dialogs.attrs[t];
+  for (const t of o.dialogs.stack) {
+    const l = o.dialogs.attrs[t];
     e.openDialog(t, l);
   }
-  for (const t of n.controls.active) {
-    const l = n.controls.attrs[t];
+  for (const t of o.controls.active) {
+    const l = o.controls.attrs[t];
     e.toggleControl(t, !0, l);
   }
 }
-const Qe = /* @__PURE__ */ new Set(["A", "BUTTON", "INPUT", "SELECT", "TEXTAREA"]), Ze = /iPhone|iPad|iPod|Android/i;
+const Qe = /* @__PURE__ */ new Set(["A", "BUTTON", "INPUT", "SELECT", "TEXTAREA"]), Ze = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA"]), ke = "input[autofocus],textarea[autofocus]", et = /iPhone|iPad|iPod|Android/i, tt = 12;
 let B = null, J = null, pe = !1;
-function ke(e) {
+function Oe(e) {
   return !(!Qe.has(e.tagName) && !e.hasAttribute("tabindex") || e.tagName === "A" && !e.hasAttribute("href") || e.hidden || e.closest("[hidden],[inert]") || e.getAttribute("aria-hidden") === "true" || e.getAttribute("tabindex") === "-1" || e.hasAttribute("disabled") || e instanceof HTMLInputElement && e.type === "hidden");
 }
-function Me(e) {
+function nt(e) {
   return Array.from(
     e.querySelectorAll("*")
-  ).filter(ke);
+  ).filter(Oe);
 }
-function et(e) {
-  return Me(e).find((n) => n.hasAttribute("autofocus"));
+function ot(e) {
+  return Array.from(e.querySelectorAll(ke)).find(
+    (o) => Ze.has(o.tagName) && Oe(o)
+  );
 }
-function tt(e) {
-  const n = Me(e);
-  return n.find((o) => o.hasAttribute("autofocus")) ?? n[0] ?? e;
+function at(e, o = !0, n = !0, i = () => !0) {
+  let t = !1;
+  const l = (u = 0) => {
+    const r = e();
+    if (t || !r || !i()) return;
+    const c = ot(r);
+    if (c) {
+      c.focus(), n && he();
+      return;
+    }
+    if (o && u < tt) {
+      requestAnimationFrame(() => l(u + 1));
+      return;
+    }
+    n && he();
+  };
+  return requestAnimationFrame(() => l()), () => {
+    t = !0;
+  };
 }
-function nt() {
-  typeof document > "u" || typeof navigator > "u" || !Ze.test(navigator.userAgent) || (pe = !0, B == null || B.remove(), B = document.createElement("input"), B.setAttribute("aria-hidden", "true"), B.setAttribute("tabindex", "-1"), B.style.cssText = [
+function it() {
+  typeof document > "u" || typeof navigator > "u" || !et.test(navigator.userAgent) || (pe = !0, B == null || B.remove(), B = document.createElement("input"), B.setAttribute("aria-label", "Keyboard input"), B.setAttribute("tabindex", "-1"), B.setAttribute("autocomplete", "off"), B.style.cssText = [
     "position:fixed",
     "top:0",
     "left:0",
@@ -281,8 +299,8 @@ function nt() {
 function he() {
   !pe && !B || (pe = !1, J && (clearTimeout(J), J = null), B == null || B.remove(), B = null);
 }
-function ot(e) {
-  const o = be();
+function st(e) {
+  const n = be();
   let i = !1;
   const t = we({
     activeDialog: "",
@@ -291,26 +309,26 @@ function ot(e) {
     /** Open order stack — last entry = topmost dialog. Used for z-index and focus management. */
     dialogStack: [],
     /** Dialog definitions. Re-set on open/close to trigger shallowReactive reactivity. */
-    dialogs: F(/* @__PURE__ */ new Map()),
+    dialogs: X(/* @__PURE__ */ new Map()),
     /** Attrs stored separately for useMicroState access inside dialog components */
-    dialogAttrs: F(/* @__PURE__ */ new Map())
-  }), l = C(() => {
-    const g = [], P = /* @__PURE__ */ new Set();
+    dialogAttrs: X(/* @__PURE__ */ new Map())
+  }), l = R(() => {
+    const g = [], p = /* @__PURE__ */ new Set();
     for (const s of t.dialogStack) {
       const f = t.dialogs.get(s);
-      f && (f.activated || f.closing) && (g.push(f), P.add(s));
+      f && (f.activated || f.closing) && (g.push(f), p.add(s));
     }
     for (const s of t.dialogs.values())
-      s.closing && !P.has(s.path) && g.push(s);
+      s.closing && !p.has(s.path) && g.push(s);
     return g;
-  }), u = o.schedule;
-  function r(g, P) {
-    return { path: g, attrs: P };
+  }), u = n.schedule;
+  function r(g, p) {
+    return { path: g, attrs: p };
   }
-  function c({ path: g, open: P, attrs: s }) {
+  function c({ path: g, open: p, attrs: s }) {
     const f = t.dialogs.get(g);
     return f && te(() => {
-      if (P)
+      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, {
           ...f,
           activated: !0,
@@ -320,107 +338,107 @@ function ot(e) {
             path: g,
             ...s,
             onClose: () => {
-              d(g), s != null && s.onClose && typeof s.onClose == "function" && s.onClose();
+              v(g), s != null && s.onClose && typeof s.onClose == "function" && s.onClose();
             }
           }
         });
       else {
         t.fromDialog = t.activeDialog;
-        const p = t.dialogStack.indexOf(g);
-        p > -1 && t.dialogStack.splice(p, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const v = f.transitionDuration ?? (f.transition === "slide" ? 500 : 300);
+        const A = t.dialogStack.indexOf(g);
+        A > -1 && t.dialogStack.splice(A, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
+        const d = f.transitionDuration ?? (f.transition === "slide" ? 500 : 300);
         t.dialogs.set(g, {
           ...f,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), u(() => {
-          const A = t.dialogs.get(g);
-          A && !A.activated && t.dialogs.set(g, { ...A, closing: !1 });
-        }, v + 200);
+          const w = t.dialogs.get(g);
+          w && !w.activated && t.dialogs.set(g, { ...w, closing: !1 });
+        }, d + 200);
       }
     }), r(g, s);
   }
-  function a(g, P) {
+  function a(g, p) {
     var s, f;
-    if (i) return r(g, P);
-    (s = t.dialogs.get(g)) != null && s.focusInput && nt(), i = !0;
+    if (i) return r(g, p);
+    (s = t.dialogs.get(g)) != null && s.focusInput && it(), i = !0;
     try {
-      const p = t.activeDialog || "";
-      (f = e == null ? void 0 : e.trackDialogEnter) == null || f.call(e, g, p, g);
-      const v = c({ path: g, open: !0, attrs: P });
+      const A = t.activeDialog || "";
+      (f = e == null ? void 0 : e.trackDialogEnter) == null || f.call(e, g, A, g);
+      const d = c({ path: g, open: !0, attrs: p });
       return u(() => {
         i = !1;
-      }, 300), v;
-    } catch (p) {
-      throw i = !1, p;
+      }, 300), d;
+    } catch (A) {
+      throw i = !1, A;
     }
   }
-  function d(g) {
-    var P;
-    (P = e == null ? void 0 : e.trackDialogLeave) == null || P.call(e, g, g, ""), t.dialogAttrs.delete(g), c({ path: g, open: !1 });
+  function v(g) {
+    var p;
+    (p = e == null ? void 0 : e.trackDialogLeave) == null || p.call(e, g, g, ""), t.dialogAttrs.delete(g), c({ path: g, open: !1 });
   }
-  function R() {
-    const g = [], P = [];
+  function C() {
+    const g = [], p = [];
     t.dialogs.forEach((s, f) => {
-      var p, v;
+      var A, d;
       if (s.activated) {
-        (p = e == null ? void 0 : e.trackDialogLeave) == null || p.call(e, f, f, "");
-        const A = (v = s.attrs) == null ? void 0 : v.onClose;
-        typeof A == "function" && P.push(A), t.dialogs.set(f, {
+        (A = e == null ? void 0 : e.trackDialogLeave) == null || A.call(e, f, f, "");
+        const w = (d = s.attrs) == null ? void 0 : d.onClose;
+        typeof w == "function" && p.push(w), t.dialogs.set(f, {
           ...s,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), g.push(f);
       }
-    }), P.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
+    }), p.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
       g.forEach((s) => {
         const f = t.dialogs.get(s);
         f && !f.activated && t.dialogs.set(s, { ...f, closing: !1 });
       });
     }, 500);
   }
-  function T(g) {
+  function M(g) {
     t.dialogs.has(g.path) && console.warn(`[vue-micro-router] Dialog "${g.path}" already registered. Overwriting.`);
-    let { component: P } = g;
-    Ee(P) && (P = Pe(P)), t.dialogs.set(g.path, {
+    let { component: p } = g;
+    Ee(p) && (p = Pe(p)), t.dialogs.set(g.path, {
       persistent: !0,
       ...g,
-      component: Se(P)
+      component: Se(p)
     });
   }
-  function M(g) {
-    g.forEach(T);
+  function T(g) {
+    g.forEach(M);
   }
   function L(g) {
     return t.dialogAttrs.get(g);
   }
-  function _(g, P) {
+  function _(g, p) {
     const s = t.dialogAttrs.get(g);
-    t.dialogAttrs.set(g, { ...s, ...P });
+    t.dialogAttrs.set(g, { ...s, ...p });
   }
   return {
-    activeDialog: C(() => t.activeDialog),
-    fromDialog: C(() => t.fromDialog),
-    toDialog: C(() => t.toDialog),
+    activeDialog: R(() => t.activeDialog),
+    fromDialog: R(() => t.fromDialog),
+    toDialog: R(() => t.toDialog),
     resolveDialogs: l,
     openDialog: a,
-    closeDialog: d,
-    closeAllDialogs: R,
-    registerDialog: T,
-    registerDialogs: M,
+    closeDialog: v,
+    closeAllDialogs: C,
+    registerDialog: M,
+    registerDialogs: T,
     getDialogAttrs: L,
     updateDialogAttrs: _,
-    cleanup: o.cleanup
+    cleanup: n.cleanup
   };
 }
 const Ke = 5e3;
-async function ye(e, n, o, i) {
+async function ye(e, o, n, i) {
   let t;
   try {
     const l = await Promise.race([
-      Promise.resolve(e(n, o)),
+      Promise.resolve(e(o, n)),
       new Promise((u, r) => {
         t = setTimeout(() => r(new Error("Navigation guard timed out")), i);
       })
@@ -430,102 +448,102 @@ async function ye(e, n, o, i) {
     return clearTimeout(t), !1;
   }
 }
-async function at(e, n, o, i = Ke) {
+async function rt(e, o, n, i = Ke) {
   for (const t of e)
-    if (!await ye(t, n, o, i)) return !1;
+    if (!await ye(t, o, n, i)) return !1;
   return !0;
 }
-async function _e(e, n, o, i) {
+async function Le(e, o, n, i) {
   var r;
-  const t = o.guardTimeout ?? Ke;
-  if ((r = o.beforeEach) != null && r.length && !await at(o.beforeEach, e, n, t))
+  const t = n.guardTimeout ?? Ke;
+  if ((r = n.beforeEach) != null && r.length && !await rt(n.beforeEach, e, o, t))
     return !1;
   const l = H(e);
   if (l) {
     const c = i.getRoute(l);
-    if (c != null && c.beforeEnter && !await ye(c.beforeEnter, e, n, t))
+    if (c != null && c.beforeEnter && !await ye(c.beforeEnter, e, o, t))
       return !1;
   }
-  const u = H(n);
+  const u = H(o);
   if (u) {
     const c = i.getRoute(u);
-    if (c != null && c.beforeLeave && !await ye(c.beforeLeave, e, n, t))
+    if (c != null && c.beforeLeave && !await ye(c.beforeLeave, e, o, t))
       return !1;
   }
   return !0;
 }
-function it(e, n, o) {
-  if (o != null && o.length)
-    for (const i of o)
+function lt(e, o, n) {
+  if (n != null && n.length)
+    for (const i of n)
       try {
-        i(e, n);
+        i(e, o);
       } catch {
       }
 }
-function st(e, n) {
-  const o = e.maxEntries ?? 50, i = [];
+function ut(e, o) {
+  const n = e.maxEntries ?? 50, i = [];
   let t = -1, l = !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 > o && (i.shift(), t--), u.value++);
+  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--), u.value++);
   }
-  const c = C(() => (u.value, [...i])), a = C(() => (u.value, t > 0)), d = C(() => (u.value, t < i.length - 1));
-  async function R(g) {
+  const c = R(() => (u.value, [...i])), a = R(() => (u.value, t > 0)), v = R(() => (u.value, t < i.length - 1));
+  async function C(g) {
     if (g < 0 || g >= i.length) return;
-    const P = i[g];
-    if (P) {
+    const p = i[g];
+    if (p) {
       t = g, l = !0, u.value++;
       try {
-        await n(P.path);
+        await o(p.path);
       } finally {
         l = !1;
       }
     }
   }
-  async function T() {
-    a.value && await R(t - 1);
-  }
   async function M() {
-    d.value && await R(t + 1);
+    a.value && await C(t - 1);
+  }
+  async function T() {
+    v.value && await C(t + 1);
   }
   async function L(g) {
-    const P = t + g;
-    await R(P);
+    const p = t + g;
+    await C(p);
   }
   function _() {
     i.length = 0, t = -1, u.value++;
   }
-  return { entries: c, canGoBack: a, canGoForward: d, back: T, forward: M, go: L, clear: _, record: r };
+  return { entries: c, canGoBack: a, canGoForward: v, back: M, forward: T, go: L, clear: _, record: r };
 }
-function rt() {
-  const e = F(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Map();
-  function o(u) {
+function ct() {
+  const e = X(/* @__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;
-    Ee(r) && (n.set(u.path, r), r = Pe(r)), e.set(u.path, {
+    Ee(r) && (o.set(u.path, r), r = Pe(r)), e.set(u.path, {
       ...u,
       component: Se(r)
-    }), u.preload === "eager" && n.has(u.path) && ae(n.get(u.path));
+    }), u.preload === "eager" && o.has(u.path) && ae(o.get(u.path));
   }
   function i(u) {
-    u.forEach(o);
+    u.forEach(n);
   }
   async function t(u) {
-    const r = n.get(u);
+    const r = o.get(u);
     r && await ae(r);
   }
   function l(u) {
     for (const [r, c] of e.entries())
       if (c.preload === "adjacent" && !u.includes(r)) {
-        const a = n.get(r);
+        const a = o.get(r);
         a && ae(a);
       }
   }
-  return { routes: e, asyncLoaders: n, registerRoute: o, registerRoutes: i, preloadRoute: t, preloadAdjacent: l };
+  return { routes: e, asyncLoaders: o, registerRoute: n, registerRoutes: i, preloadRoute: t, preloadAdjacent: l };
 }
-function lt(e) {
-  const n = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
-  async function o(t, l) {
+function ft(e) {
+  const o = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
+  async function n(t, l) {
     if (!t || e.isLocked()) return;
     const u = $(t);
     if (e.getActivePath() !== u) {
@@ -541,24 +559,24 @@ function lt(e) {
         const r = I(e.getActivePath()), c = I(u);
         if (t.startsWith("/"))
           for (let a = 0; a < c.length; a++) {
-            const d = W(
+            const v = W(
               c.slice(0, a + 1)
             );
-            if (e.getActivePath() === d) continue;
-            const R = a === c.length - 1;
-            await e.pushCore(d, R ? l : void 0), R || await de(n);
+            if (e.getActivePath() === v) continue;
+            const C = a === c.length - 1;
+            await e.pushCore(v, C ? l : void 0), C || await de(o);
           }
         else {
           const a = c.filter(
-            (d) => !r.includes(d)
+            (v) => !r.includes(v)
           );
           if (a.length === 0) {
             await e.pushCore(t, l), e.scheduleUnlock();
             return;
           }
-          for (let d = 0; d < a.length; d++) {
-            const R = d === a.length - 1;
-            await e.pushCore(a[d], R ? l : void 0), R || await de(n);
+          for (let v = 0; v < a.length; v++) {
+            const C = v === a.length - 1;
+            await e.pushCore(a[v], C ? l : void 0), C || await de(o);
           }
         }
         e.scheduleUnlock();
@@ -581,69 +599,69 @@ function lt(e) {
           }
         }
         for (let r = 0; r < u; r++)
-          await e.pushCore(-1), r < u - 1 && await de(n);
+          await e.pushCore(-1), r < u - 1 && await de(o);
         e.scheduleUnlock();
       } catch (r) {
         throw e.unlock(), r;
       }
     }
   }
-  return { stepWisePush: o, stepWiseBack: i };
+  return { stepWisePush: n, stepWiseBack: i };
 }
-function ut(e, n) {
-  const o = e.defaultPath, i = e.stepDelay ?? ze, t = e.guards ?? {}, l = e.history ?? {}, u = be(), r = rt(), c = ne(!1), a = we({
-    activePath: o,
-    fromPath: o,
-    toPath: o,
+function gt(e, o) {
+  const n = e.defaultPath, i = e.stepDelay ?? ze, t = e.guards ?? {}, l = e.history ?? {}, u = be(), r = ct(), c = ne(!1), a = we({
+    activePath: n,
+    fromPath: n,
+    toPath: n,
     /** Attrs stored separately — changes here do NOT invalidate resolveRoutes computed */
-    routeAttrs: F(/* @__PURE__ */ new Map()),
+    routeAttrs: X(/* @__PURE__ */ new Map()),
     /** Version stamp per segment — incremented on re-navigation to same segment (forces transition) */
-    routeKeys: F(/* @__PURE__ */ new Map()),
+    routeKeys: X(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
-    componentKeys: F(/* @__PURE__ */ new Map())
-  }), d = /* @__PURE__ */ new Map(), R = C(() => {
+    componentKeys: X(/* @__PURE__ */ new Map())
+  }), v = /* @__PURE__ */ new Map(), C = R(() => {
     const y = I(a.activePath), h = [];
     for (const m of y) {
       const D = r.routes.get(m);
       if (!D) continue;
-      const w = a.routeKeys.get(m) || 0, b = a.componentKeys.get(m) || 0, S = `${D.path}-${w}`, E = d.get(m);
-      if (E && E.key === S && E.componentKey === b)
+      const P = a.routeKeys.get(m) || 0, S = a.componentKeys.get(m) || 0, b = `${D.path}-${P}`, E = v.get(m);
+      if (E && E.key === b && E.componentKey === S)
         h.push(E);
       else {
-        const K = { ...D, key: S, componentKey: b };
-        d.set(m, K), h.push(K);
+        const K = { ...D, key: b, componentKey: S };
+        v.set(m, K), h.push(K);
       }
     }
-    for (const m of d.keys())
-      y.includes(m) || d.delete(m);
+    for (const m of v.keys())
+      y.includes(m) || v.delete(m);
     return h;
   });
-  function T(y, h) {
-    var K, N;
+  function M(y, h) {
+    var K, G;
     const m = I(a.activePath), D = Math.min(y, m.length - 1);
     if (D <= 0) return;
-    const w = m.slice(0, -D), b = W(w);
+    const P = m.slice(0, -D), S = W(P);
     for (let U = m.length - D; U < m.length; U++)
       a.routeAttrs.delete(m[U]);
-    const S = w.at(-1);
-    if (S && h) {
-      const U = a.routeAttrs.get(S);
-      a.routeAttrs.set(S, { ...U, ...h }), a.componentKeys.set(
-        S,
-        (a.componentKeys.get(S) || 0) + 1
+    const b = P.at(-1);
+    if (b && h) {
+      const U = a.routeAttrs.get(b);
+      a.routeAttrs.set(b, { ...U, ...h }), a.componentKeys.set(
+        b,
+        (a.componentKeys.get(b) || 0) + 1
       );
     }
     const E = a.activePath;
-    (K = n == null ? void 0 : n.trackPageLeave) == null || K.call(n, E, E, b), a.fromPath = E, a.toPath = b, a.activePath = b, (N = n == null ? void 0 : n.trackPageEnter) == null || N.call(n, b, E, b);
+    (K = o == null ? void 0 : o.trackPageLeave) == null || K.call(o, E, E, S), a.fromPath = E, a.toPath = S, a.activePath = S, (G = o == null ? void 0 : o.trackPageEnter) == null || G.call(o, S, E, S);
   }
-  async function M(y, h) {
-    var b, S;
+  async function T(y, h) {
+    var S, b;
     const m = $(y), D = I(m);
     await Promise.all(
       D.map((E) => r.asyncLoaders.get(E)).filter((E) => !!E).map((E) => ae(E))
     );
-    const w = a.activePath;
-    w !== m && ((b = n == null ? void 0 : n.trackPageLeave) == null || b.call(n, w, w, m)), a.fromPath = w, a.toPath = m, a.activePath = m, h && L(m, h), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, m, w, m);
+    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), (b = o == null ? void 0 : o.trackPageEnter) == null || b.call(o, m, P, m);
   }
   function L(y, h) {
     const m = I(y).at(-1);
@@ -658,57 +676,57 @@ function ut(e, n) {
   function g(y) {
     return a.routeAttrs.get(y);
   }
-  async function P(y, h) {
+  async function p(y, h) {
     if (!y && y !== 0) return;
     if (typeof y == "number" && y < 0) {
-      T(Math.abs(y), h);
+      M(Math.abs(y), h);
       return;
     }
     const m = y.toString();
     if (m.startsWith("/")) {
-      const S = I(m), E = I(a.activePath);
-      if (S.length < E.length && S.every((U, le) => E[le] === U)) {
-        if (E.length - S.length === 1)
-          T(1, h);
+      const b = I(m), E = I(a.activePath);
+      if (b.length < E.length && b.every((U, le) => E[le] === U)) {
+        if (E.length - b.length === 1)
+          M(1, h);
         else {
-          const le = E.slice(0, S.length + 1), $e = W(le);
-          for (let ue = S.length + 1; ue < E.length; ue++)
+          const le = E.slice(0, b.length + 1), $e = W(le);
+          for (let ue = b.length + 1; ue < E.length; ue++)
             a.routeAttrs.delete(E[ue]);
-          a.activePath = $e, await te(), T(1, h);
+          a.activePath = $e, await te(), M(1, h);
         }
         return;
       }
-      const N = S.at(-1);
-      N && E.at(-1) === N && a.routeKeys.set(
-        N,
-        (a.routeKeys.get(N) || 0) + 1
-      ), await M(m, h);
+      const G = b.at(-1);
+      G && E.at(-1) === G && a.routeKeys.set(
+        G,
+        (a.routeKeys.get(G) || 0) + 1
+      ), await T(m, h);
       return;
     }
-    const D = I(a.activePath), w = D.indexOf(m);
-    if (w !== -1) {
-      const S = D.length - (w + 1);
-      if (S === 1)
-        T(1, h);
-      else if (S > 1) {
-        const E = D.slice(0, w + 2), K = W(E);
-        for (let N = w + 2; N < D.length; N++)
-          a.routeAttrs.delete(D[N]);
-        a.activePath = K, await te(), T(1, h);
+    const D = I(a.activePath), P = D.indexOf(m);
+    if (P !== -1) {
+      const b = D.length - (P + 1);
+      if (b === 1)
+        M(1, h);
+      else if (b > 1) {
+        const E = D.slice(0, P + 2), K = W(E);
+        for (let G = P + 2; G < D.length; G++)
+          a.routeAttrs.delete(D[G]);
+        a.activePath = K, await te(), M(1, h);
       } else
-        a.routeKeys.set(m, (a.routeKeys.get(m) || 0) + 1), await M(
-          W(D.slice(0, w + 1)),
+        a.routeKeys.set(m, (a.routeKeys.get(m) || 0) + 1), await T(
+          W(D.slice(0, P + 1)),
           h
         );
       return;
     }
-    const b = W([...D, m]);
-    await M(b, h);
+    const S = W([...D, m]);
+    await T(S, h);
   }
   function s(y) {
     if (typeof y == "number" && y < 0) {
-      const w = I(a.activePath), b = Math.min(Math.abs(y), w.length - 1);
-      return b <= 0 ? a.activePath : W(w.slice(0, -b));
+      const P = I(a.activePath), S = Math.min(Math.abs(y), P.length - 1);
+      return S <= 0 ? a.activePath : W(P.slice(0, -S));
     }
     const h = y.toString();
     if (h.startsWith("/")) return $(h);
@@ -716,23 +734,23 @@ function ut(e, n) {
     return D !== -1 ? W(m.slice(0, D + 1)) : W([...m, h]);
   }
   const f = { getRoute: (y) => r.routes.get(y) };
-  async function p(y, h) {
+  async function A(y, h) {
     var m;
     if (!c.value) {
       c.value = !0;
       try {
-        const D = (((m = t.beforeEach) == null ? void 0 : m.length) ?? 0) > 0, w = r.routes.size > 0;
-        if ((D || w) && y) {
+        const D = (((m = t.beforeEach) == null ? void 0 : m.length) ?? 0) > 0, P = r.routes.size > 0;
+        if ((D || P) && y) {
           const E = s(y), K = $(a.activePath);
-          if (!await _e(E, K, t, f)) {
+          if (!await Le(E, K, t, f)) {
             c.value = !1;
             return;
           }
         }
-        const b = $(a.activePath);
-        await P(y, h);
         const S = $(a.activePath);
-        v == null || v.record(S, h), it(S, b, t.afterEach), r.preloadAdjacent(I(a.activePath)), u.schedule(() => {
+        await p(y, h);
+        const b = $(a.activePath);
+        d == null || d.record(b, h), lt(b, S, t.afterEach), r.preloadAdjacent(I(a.activePath)), u.schedule(() => {
           c.value = !1;
         }, i);
       } catch (D) {
@@ -740,19 +758,19 @@ function ut(e, n) {
       }
     }
   }
-  const v = l.enabled ? st(l, async (y) => {
+  const d = l.enabled ? ut(l, async (y) => {
     const h = I(a.activePath), m = I(y);
-    if (m.length < h.length && m.every((w, b) => h[b] === w)) {
-      const w = h.length - m.length;
-      await p(-w);
+    if (m.length < h.length && m.every((P, S) => h[S] === P)) {
+      const P = h.length - m.length;
+      await A(-P);
     } else
-      await p(y);
+      await A(y);
   }) : void 0;
-  v && v.record($(o));
-  const A = lt({
+  d && d.record($(n));
+  const w = ft({
     getActivePath: () => a.activePath,
-    pushCore: P,
-    runGuards: (y, h) => _e(y, h, t, f),
+    pushCore: p,
+    runGuards: (y, h) => Le(y, h, t, f),
     scheduleUnlock: () => u.schedule(() => {
       c.value = !1;
     }, i),
@@ -766,30 +784,30 @@ function ut(e, n) {
     stepDelay: i
   });
   return {
-    activePath: C(() => a.activePath),
-    fromPath: C(() => a.fromPath),
-    toPath: C(() => a.toPath),
-    activePage: C(() => H(a.activePath)),
-    fromPage: C(() => H(a.fromPath)),
-    toPage: C(() => H(a.toPath)),
-    isNavigating: C(() => c.value),
-    resolveRoutes: R,
-    push: p,
-    stepWisePush: A.stepWisePush,
-    stepWiseBack: A.stepWiseBack,
+    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)),
+    isNavigating: R(() => c.value),
+    resolveRoutes: C,
+    push: A,
+    stepWisePush: w.stepWisePush,
+    stepWiseBack: w.stepWiseBack,
     registerRoute: r.registerRoute,
     registerRoutes: r.registerRoutes,
     updateRouteAttrs: _,
     getRouteAttrs: g,
     preloadRoute: r.preloadRoute,
     routes: r.routes,
-    history: v,
+    history: d,
     cleanup: u.cleanup
   };
 }
 const x = () => {
 };
-function ct(e) {
+function dt(e) {
   return {
     trackPageEnter: (e == null ? void 0 : e.trackPageEnter) ?? x,
     trackPageLeave: (e == null ? void 0 : e.trackPageLeave) ?? x,
@@ -800,55 +818,55 @@ function ct(e) {
     cleanupAllSessions: (e == null ? void 0 : e.cleanupAllSessions) ?? x
   };
 }
-function ft(e) {
-  const n = ct(e.tracker), o = ut(
+function vt(e) {
+  const o = dt(e.tracker), n = gt(
     {
       defaultPath: e.defaultPath,
       stepDelay: e.stepDelay,
       guards: e.guards,
       history: e.history
     },
-    n
-  ), i = ot(n), t = Ve(
+    o
+  ), i = st(o), t = Ve(
     {
       defaultControlName: e.defaultControlName,
       onboardingControlName: e.onboardingControlName
     },
-    n
+    o
   ), l = e.volumeRef ? xe({
     volumeRef: e.volumeRef,
     defaultBgm: e.defaultBgm
   }) : null, u = {
     // Navigation
-    activePath: o.activePath,
-    fromPath: o.fromPath,
-    toPath: o.toPath,
-    activePage: o.activePage,
-    fromPage: o.fromPage,
-    toPage: o.toPage,
-    isNavigating: o.isNavigating,
-    resolveRoutes: o.resolveRoutes,
-    push: async (a, d) => {
-      await o.push(a, d), l && l.updateBackgroundMusic(o.activePath.value, o.routes);
+    activePath: n.activePath,
+    fromPath: n.fromPath,
+    toPath: n.toPath,
+    activePage: n.activePage,
+    fromPage: n.fromPage,
+    toPage: n.toPage,
+    isNavigating: n.isNavigating,
+    resolveRoutes: n.resolveRoutes,
+    push: async (a, v) => {
+      await n.push(a, v), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
-    stepWisePush: async (a, d) => {
-      await o.stepWisePush(a, d), l && l.updateBackgroundMusic(o.activePath.value, o.routes);
+    stepWisePush: async (a, v) => {
+      await n.stepWisePush(a, v), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
     stepWiseBack: async (a) => {
-      await o.stepWiseBack(a), l && l.updateBackgroundMusic(o.activePath.value, o.routes);
+      await n.stepWiseBack(a), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
-    registerRoute: o.registerRoute,
-    registerRoutes: o.registerRoutes,
-    updateRouteAttrs: o.updateRouteAttrs,
-    getRouteAttrs: o.getRouteAttrs,
-    preloadRoute: o.preloadRoute,
+    registerRoute: n.registerRoute,
+    registerRoutes: n.registerRoutes,
+    updateRouteAttrs: n.updateRouteAttrs,
+    getRouteAttrs: n.getRouteAttrs,
+    preloadRoute: n.preloadRoute,
     // History (conditional — only if enabled)
-    ...o.history ? {
-      canGoBack: o.history.canGoBack,
-      canGoForward: o.history.canGoForward,
-      historyBack: o.history.back,
-      historyForward: o.history.forward,
-      historyGo: o.history.go
+    ...n.history ? {
+      canGoBack: n.history.canGoBack,
+      canGoForward: n.history.canGoForward,
+      historyBack: n.history.back,
+      historyForward: n.history.forward,
+      historyGo: n.history.go
     } : {},
     // Dialogs
     activeDialog: i.activeDialog,
@@ -883,42 +901,42 @@ function ft(e) {
       updateBackgroundMusic: l.updateBackgroundMusic
     } : {}
   }, r = H(e.defaultPath);
-  return X(o.activePage, (a, d) => {
-    if (!d) return;
-    const R = t.currentControl.value;
-    d === r && a !== r && n.trackGuiLeave(R), a === r && d !== r && n.trackGuiEnter(R);
-  }), l && e.defaultBgm && e.bgmStartRef && X(e.bgmStartRef, (a) => {
+  return F(n.activePage, (a, v) => {
+    if (!v) return;
+    const C = t.currentControl.value;
+    v === r && a !== r && o.trackGuiLeave(C), a === r && v !== r && o.trackGuiEnter(C);
+  }), l && e.defaultBgm && e.bgmStartRef && F(e.bgmStartRef, (a) => {
     a && !l.isStarted() && l.playSoundSync(e.defaultBgm, !0);
   }, { flush: "sync" }), Q(async () => {
-    await te(), t.toggleControl(e.defaultControlName, !0), n.trackPageEnter(
-      o.activePath.value,
+    await te(), t.toggleControl(e.defaultControlName, !0), o.trackPageEnter(
+      n.activePath.value,
       void 0,
-      o.activePath.value
+      n.activePath.value
     ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), qe(u);
   }), De(() => {
-    n.cleanupAllSessions(), o.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
-  }), O(Be, u), V(me, null) || O(me, u), u;
+    o.cleanupAllSessions(), n.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
+  }), O(Ie, u), V(me, null) || O(me, u), u;
 }
 function Z(e) {
-  const n = e != null && e.root ? me : Be, o = V(n);
-  if (!o)
+  const o = e != null && e.root ? me : Ie, n = V(o);
+  if (!n)
     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 o;
+  return n;
 }
-function St(e) {
-  const n = V(se), o = V(re);
-  !n && !e && console.warn(
+function Tt(e) {
+  const o = V(se), n = V(re);
+  !o && !e && console.warn(
     "[vue-micro-router] useMicroState() called without provider and no defaults. Ensure component is inside <RoutePage>, <MicroDialog>, or <MicroControlWrapper>."
   );
-  const i = (n == null ? void 0 : n()) ?? {}, t = e ? { ...e } : {};
+  const i = (o == null ? void 0 : o()) ?? {}, t = e ? { ...e } : {};
   for (const r of Object.keys(i))
     t[r] = i[r];
   const l = we(t);
-  o && X(
+  n && F(
     l,
-    (r) => o({ ...r }),
+    (r) => n({ ...r }),
     { deep: !0, flush: "post" }
   );
   const u = Ue(l);
@@ -928,73 +946,73 @@ function St(e) {
     }
   });
 }
-function bt(e) {
-  const n = V(Ge);
-  if (!n) {
+function Mt(e) {
+  const o = V(Be);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useRouteLifecycle() must be called inside a route component rendered by <MicroRouterView>."
     );
     return;
   }
-  const { activePage: o } = Z();
-  let i = o.value === n;
+  const { activePage: n } = Z();
+  let i = n.value === o;
   i && Q(() => {
     var t;
     return (t = e.onRouteEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
+  }), F(n, (t) => {
     var u, r;
-    const l = t === n;
+    const l = t === o;
     l && !i ? (u = e.onRouteEnter) == null || u.call(e) : !l && i && ((r = e.onRouteLeave) == null || r.call(e)), i = l;
   });
 }
-function Mt(e) {
-  const n = V(Ne);
-  if (!n) {
+function Lt(e) {
+  const o = V(Ne);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useDialogLifecycle() must be called inside a dialog component rendered by <MicroDialog>."
     );
     return;
   }
-  const { activeDialog: o } = Z();
-  let i = o.value === n;
+  const { activeDialog: n } = Z();
+  let i = n.value === o;
   i && Q(() => {
     var t;
     return (t = e.onDialogEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
+  }), F(n, (t) => {
     var u, r;
-    const l = t === n;
+    const l = t === o;
     l && !i ? (u = e.onDialogEnter) == null || u.call(e) : !l && i && ((r = e.onDialogLeave) == null || r.call(e)), i = l;
   });
 }
-function Tt(e) {
-  const n = V(Oe);
-  if (!n) {
+function _t(e) {
+  const o = V(Ge);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useControlLifecycle() must be called inside a control component rendered by <MicroControlWrapper>."
     );
     return;
   }
-  const { currentControl: o } = Z();
-  let i = o.value === n;
+  const { currentControl: n } = Z();
+  let i = n.value === o;
   i && Q(() => {
     var t;
     return (t = e.onControlEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
+  }), F(n, (t) => {
     var u, r;
-    const l = t === n;
+    const l = t === o;
     l && !i ? (u = e.onControlEnter) == null || u.call(e) : !l && i && ((r = e.onControlLeave) == null || r.call(e)), i = l;
   });
 }
-function gt(e, n) {
+function mt(e, o) {
   if (!e.enabled) return;
-  const o = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
-  let l = 0, u = 0, r = 0, c = !1, a = null, d = null;
-  function R() {
-    const s = n.containerRef.value;
+  const n = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
+  let l = 0, u = 0, r = 0, c = !1, a = null, v = null;
+  function C() {
+    const s = o.containerRef.value;
     return s ? "$el" in s ? s.$el : s : null;
   }
-  function T() {
-    const s = R();
+  function M() {
+    const s = C();
     if (!s) return { current: null, previous: null };
     const f = s.querySelectorAll(".route-page");
     return f.length < 2 ? { current: f[f.length - 1] ?? null, previous: null } : {
@@ -1002,14 +1020,14 @@ function gt(e, n) {
       previous: f[f.length - 2]
     };
   }
-  function M(s) {
-    var A;
-    if (!n.canGoBack() || s.clientX > o) return;
-    const { current: f, previous: p } = T();
+  function T(s) {
+    var w;
+    if (!o.canGoBack() || s.clientX > n) return;
+    const { current: f, previous: A } = M();
     if (!f) return;
-    c = !0, l = s.clientX, u = s.clientY, r = Date.now(), a = f, d = p;
-    const v = R();
-    (A = v == null ? void 0 : v.setPointerCapture) == null || A.call(v, s.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
+    c = !0, l = s.clientX, u = s.clientY, r = Date.now(), a = f, v = A;
+    const d = C();
+    (w = d == null ? void 0 : d.setPointerCapture) == null || w.call(d, s.pointerId), a.style.willChange = "transform", v && (v.style.willChange = "transform", v.style.transition = "none"), a.style.transition = "none";
   }
   function L(s) {
     if (!c || !a) return;
@@ -1018,184 +1036,179 @@ function gt(e, n) {
       g();
       return;
     }
-    const v = f / window.innerWidth;
-    if (a.style.transform = `translateX(${f}px)`, d) {
-      const A = -20 + 20 * v;
-      d.style.transform = `translateX(${A}%)`;
+    const d = f / window.innerWidth;
+    if (a.style.transform = `translateX(${f}px)`, v) {
+      const w = -20 + 20 * d;
+      v.style.transform = `translateX(${w}%)`;
     }
   }
   function _(s) {
     if (!c || !a) return;
     if (!a.isConnected) {
-      P(), c = !1;
+      p(), c = !1;
       return;
     }
-    const f = s.clientX - l, p = Date.now() - r, v = f / p;
-    f / window.innerWidth > i || v > 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)), c = !1;
+    const f = s.clientX - l, A = Date.now() - r, d = f / A;
+    f / window.innerWidth > i || d > 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)), c = !1;
   }
   function g() {
-    c && (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), c = !1);
+    c && (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), c = !1);
   }
-  function P() {
-    a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), d && (d.style.willChange = "", d.style.transition = "", d.style.transform = ""), a = null, d = null;
+  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;
   }
   Q(() => {
-    const s = R();
-    s != null && s.addEventListener && (s.addEventListener("pointerdown", M, { passive: !0 }), s.addEventListener("pointermove", L, { passive: !0 }), s.addEventListener("pointerup", _, { passive: !0 }), s.addEventListener("pointercancel", g, { passive: !0 }));
+    const s = C();
+    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 }));
   }), De(() => {
-    const s = R();
-    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", M), s.removeEventListener("pointermove", L), s.removeEventListener("pointerup", _), s.removeEventListener("pointercancel", g));
+    const s = C();
+    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", T), s.removeEventListener("pointermove", L), s.removeEventListener("pointerup", _), s.removeEventListener("pointercancel", g));
   });
 }
-function Lt(e) {
+function It(e) {
   return { ...e };
 }
-function dt(e, n) {
-  var o, i, t;
+function pt(e, o) {
+  var n, i, t;
   for (const l of e)
-    (o = l.routes) != null && o.length && n.registerRoutes(l.routes), (i = l.dialogs) != null && i.length && n.registerDialogs(l.dialogs), (t = l.controls) != null && t.length && n.registerControls(l.controls);
+    (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);
 }
-const vt = /* @__PURE__ */ ie({
+const ht = /* @__PURE__ */ ie({
   __name: "MicroControlWrapper",
   props: {
     control: {}
   },
   setup(e) {
-    const n = e, { getControlAttrs: o, updateControlAttrs: i } = Z();
-    return O(Oe, n.control.name), O(se, () => o(n.control.name)), O(re, (t) => {
-      i(n.control.name, t);
-    }), (t, l) => (G(), z(Ae(e.control.component), Ce({
+    const o = e, { getControlAttrs: n, updateControlAttrs: i } = Z();
+    return O(Ge, o.control.name), O(se, () => n(o.control.name)), O(re, (t) => {
+      i(o.control.name, t);
+    }), (t, l) => (N(), z(Ae(e.control.component), Ce({
       key: e.control.componentKey || 0
     }, e.control.attrs), null, 16));
   }
 });
 let ee = 0, We = "";
-function mt() {
+function yt() {
   ee === 0 && (We = document.body.style.overflow, document.body.style.overflow = "hidden"), ee++;
 }
-function pt() {
+function Pt() {
   ee = Math.max(0, ee - 1), ee === 0 && (document.body.style.overflow = We);
 }
-const ht = 12, yt = /* @__PURE__ */ ie({
+const wt = /* @__PURE__ */ ie({
   __name: "MicroDialog",
   props: {
     dialog: {},
     stackIndex: {}
   },
   emits: ["close"],
-  setup(e, { emit: n }) {
-    const o = e, i = n, { getDialogAttrs: t, updateDialogAttrs: l } = Z();
-    let u = !1, r = 0;
-    const c = ne(null), a = ne(null), d = C(() => o.dialog.transition ?? "scale"), R = C(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : d.value === "slide" ? 500 : 300), T = C(() => o.dialog.position ?? "standard"), M = C(() => o.dialog.seamless ?? !1);
-    function L() {
-      return c.value ? Me(c.value) : [];
+  setup(e, { emit: o }) {
+    const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = Z();
+    let u = !1, r = 0, c = null;
+    const a = ne(null), v = ne(null), C = R(() => n.dialog.transition ?? "scale"), M = R(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : C.value === "slide" ? 500 : 300), T = R(() => n.dialog.position ?? "standard"), L = R(() => n.dialog.seamless ?? !1);
+    function _() {
+      return a.value ? nt(a.value) : [];
     }
-    function _(p) {
-      var D, w;
-      if (p.key === "Escape") {
-        if (o.dialog.persistent) return;
-        p.preventDefault(), p.stopPropagation(), i("close", o.dialog.path);
+    function g(d) {
+      var P, S;
+      if (d.key === "Escape") {
+        if (n.dialog.persistent) return;
+        d.preventDefault(), d.stopPropagation(), i("close", n.dialog.path);
         return;
       }
-      if (p.key !== "Tab") return;
-      const v = L();
-      if (v.length === 0) {
-        p.preventDefault(), (D = c.value) == null || D.focus();
+      if (d.key !== "Tab") return;
+      const w = _();
+      if (w.length === 0) {
+        d.preventDefault(), (P = a.value) == null || P.focus();
         return;
       }
-      const A = v[0], y = v[v.length - 1], h = document.activeElement, m = !!((w = c.value) != null && w.contains(h));
-      p.shiftKey ? (!m || h === A) && (p.preventDefault(), y.focus()) : (!m || h === y) && (p.preventDefault(), A.focus());
+      const y = w[0], h = w[w.length - 1], m = document.activeElement, D = !!((S = a.value) != null && S.contains(m));
+      d.shiftKey ? (!D || m === y) && (d.preventDefault(), h.focus()) : (!D || m === h) && (d.preventDefault(), y.focus());
     }
-    function g(p) {
-      o.dialog.persistent || p.target === p.currentTarget && i("close", o.dialog.path);
+    function p(d) {
+      n.dialog.persistent || d.target === d.currentTarget && i("close", n.dialog.path);
     }
-    function P(p) {
-      const v = ++r, A = (y = 0) => {
-        if (!c.value || !o.dialog.activated || v !== r) return;
-        const h = et(c.value);
-        if (h) {
-          h.focus(), he();
-          return;
-        }
-        if (p && y < ht) {
-          requestAnimationFrame(() => A(y + 1));
-          return;
-        }
-        tt(c.value).focus(), he();
-      };
-      te(() => A());
+    function s(d) {
+      const w = ++r;
+      c == null || c(), te(() => {
+        c = at(
+          () => a.value,
+          d,
+          !0,
+          () => n.dialog.activated && w === r
+        );
+      });
     }
-    function s() {
+    function f() {
       if (u) {
-        P(o.dialog.focusInput ?? !1);
+        s(n.dialog.focusInput ?? !1);
         return;
       }
-      u = !0, a.value = document.activeElement, mt(), P(o.dialog.focusInput ?? !1);
+      u = !0, v.value = document.activeElement, yt(), s(n.dialog.focusInput ?? !1);
     }
-    function f() {
-      var h;
+    function A() {
+      var m;
       if (!u) return;
-      r++, u = !1, pt();
-      const p = a.value;
-      a.value = null;
-      const v = document.activeElement, A = !!((h = c.value) != null && h.contains(v)), y = !v || v === document.body;
-      p && typeof p.focus == "function" && document.contains(p) && (A || y) && p.focus();
+      r++, c == null || c(), c = null, u = !1, Pt();
+      const d = v.value;
+      v.value = null;
+      const w = document.activeElement, y = !!((m = a.value) != null && m.contains(w)), h = !w || w === document.body;
+      d && typeof d.focus == "function" && document.contains(d) && (y || h) && d.focus();
     }
-    return O(Ne, o.dialog.path), O(se, () => t(o.dialog.path)), O(re, (p) => {
-      l(o.dialog.path, p);
-    }), X(
-      () => o.dialog.activated,
-      (p) => {
-        p && s();
+    return O(Ne, n.dialog.path), O(se, () => t(n.dialog.path)), O(re, (d) => {
+      l(n.dialog.path, d);
+    }), F(
+      () => n.dialog.activated,
+      (d) => {
+        d && f();
       }
-    ), X(
-      () => o.dialog.closing,
-      (p) => {
-        !p && !o.dialog.activated && u && f();
+    ), F(
+      () => n.dialog.closing,
+      (d) => {
+        !d && !n.dialog.activated && u && A();
       }
     ), Q(() => {
-      o.dialog.activated && s();
+      n.dialog.activated && f();
     }), De(() => {
-      u && f();
-    }), (p, v) => (G(), z(Fe, { to: "body" }, [
+      u && A();
+    }), (d, w) => (N(), z(Xe, { to: "body" }, [
       q("div", {
         class: k(["micro-dialog-portal", [
           `micro-dialog--${T.value}`,
           e.dialog.fullscreen && "micro-dialog--fullscreen",
-          M.value && "micro-dialog--seamless"
+          L.value && "micro-dialog--seamless"
         ]]),
-        style: Ie({
+        style: _e({
           zIndex: 100 + e.stackIndex,
-          "--dialog-duration": `${R.value}ms`
+          "--dialog-duration": `${M.value}ms`
         }),
-        onClick: ce(g, ["self"])
+        onClick: ce(p, ["self"])
       }, [
-        M.value ? Xe("", !0) : (G(), j("div", {
+        L.value ? Fe("", !0) : (N(), j("div", {
           key: 0,
           class: k(["micro-dialog-backdrop", e.dialog.closing && "micro-dialog-backdrop--closing"])
         }, null, 2)),
         q("div", {
           ref_key: "wrapperRef",
-          ref: c,
+          ref: a,
           role: "dialog",
           "aria-modal": "true",
           tabindex: "-1",
           class: k(["micro-dialog", [
-            `dialog-transition-${d.value}`,
+            `dialog-transition-${C.value}`,
             e.dialog.closing && "micro-dialog--closing"
           ]]),
-          onClick: ce(g, ["self"]),
-          onKeydown: _
+          onClick: ce(p, ["self"]),
+          onKeydown: g
         }, [
           q("div", {
             class: "micro-dialog__content",
-            onClick: v[0] || (v[0] = ce(() => {
+            onClick: w[0] || (w[0] = ce(() => {
             }, ["stop"]))
           }, [
-            Re(p.$slots, "default"),
-            (G(), z(Ae(e.dialog.component), Ce({
+            Re(d.$slots, "default"),
+            (N(), z(Ae(e.dialog.component), Ce({
               key: e.dialog.componentKey
             }, e.dialog.attrs), null, 16))
           ])
@@ -1203,28 +1216,28 @@ const ht = 12, yt = /* @__PURE__ */ ie({
       ], 6)
     ]));
   }
-}), Pt = { class: "route-page" }, wt = { class: "route-page__body" }, Dt = /* @__PURE__ */ ie({
+}), Dt = { class: "route-page" }, At = { class: "route-page__body" }, Ct = /* @__PURE__ */ ie({
   __name: "RoutePage",
   props: {
     routePath: {}
   },
   setup(e) {
-    const n = e;
-    if (n.routePath) {
-      const o = n.routePath;
-      O(Ge, o);
+    const o = e;
+    if (o.routePath) {
+      const n = o.routePath;
+      O(Be, n);
       const { updateRouteAttrs: i, getRouteAttrs: t } = Z();
-      O(se, () => t(o)), O(re, (l) => {
-        i(o, l);
+      O(se, () => t(n)), O(re, (l) => {
+        i(n, l);
       });
     }
-    return (o, i) => (G(), j("div", Pt, [
-      q("div", wt, [
-        Re(o.$slots, "default")
+    return (n, i) => (N(), j("div", Dt, [
+      q("div", At, [
+        Re(n.$slots, "default")
       ])
     ]));
   }
-}), At = { class: "micro-router-content-layer" }, _t = /* @__PURE__ */ ie({
+}), Rt = { class: "micro-router-content-layer" }, Bt = /* @__PURE__ */ ie({
   __name: "MicroRouterView",
   props: {
     config: {},
@@ -1232,9 +1245,9 @@ const ht = 12, yt = /* @__PURE__ */ ie({
     nested: { type: Boolean }
   },
   setup(e) {
-    var P, s;
-    const n = e, o = ft(n.config);
-    (P = n.plugins) != null && P.length && dt(n.plugins, o);
+    var p, s;
+    const o = e, n = vt(o.config);
+    (p = o.plugins) != null && p.length && pt(o.plugins, n);
     const {
       resolveRoutes: i,
       resolveDialogs: t,
@@ -1243,73 +1256,73 @@ const ht = 12, yt = /* @__PURE__ */ ie({
       toPath: r,
       isNavigating: c,
       closeDialog: a
-    } = o, d = ne(null), R = C(() => {
-      const f = u.value.split("/").filter(Boolean), p = new Set(r.value.split("/").filter(Boolean));
-      return f.some((v) => p.has(v));
-    }), T = C(() => l.value.length > 0), M = C(() => {
+    } = n, v = ne(null), C = R(() => {
+      const f = u.value.split("/").filter(Boolean), A = new Set(r.value.split("/").filter(Boolean));
+      return f.some((d) => A.has(d));
+    }), M = R(() => l.value.length > 0), T = R(() => {
       const f = i.value.at(-1);
       return (f == null ? void 0 : f.transition) ?? "slide";
-    }), L = C(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), _ = C(() => {
+    }), L = R(() => T.value === "none" ? "" : T.value === "fade" ? "page-fade" : "page-slide"), _ = R(() => {
       const f = i.value.at(-1);
-      return f != null && f.transitionDuration ? f.transitionDuration : M.value === "fade" ? 300 : 500;
-    }), g = C(
-      () => R.value && M.value !== "none"
+      return f != null && f.transitionDuration ? f.transitionDuration : T.value === "fade" ? 300 : 500;
+    }), g = R(
+      () => C.value && T.value !== "none"
     );
-    return (s = n.config.gesture) != null && s.enabled && gt(n.config.gesture, {
-      containerRef: d,
-      goBack: () => o.push(-1),
+    return (s = o.config.gesture) != null && s.enabled && mt(o.config.gesture, {
+      containerRef: v,
+      goBack: () => n.push(-1),
       canGoBack: () => i.value.length > 1
-    }), (f, p) => (G(), j(oe, null, [
-      Te(Le, {
+    }), (f, A) => (N(), j(oe, null, [
+      Te(Me, {
         ref_key: "pageContainerRef",
-        ref: d,
+        ref: v,
         name: L.value,
         css: g.value
       }, {
         default: fe(() => [
-          (G(!0), j(oe, null, ge(Y(i), (v, A) => (G(), z(Dt, {
-            key: v.key || v.path,
-            "route-path": v.path,
+          (N(!0), j(oe, null, ge(Y(i), (d, w) => (N(), z(Ct, {
+            key: d.key || d.path,
+            "route-path": d.path,
             class: k({
-              deactivate: Y(i).length > 1 && A !== Y(i).length - 1,
+              deactivate: Y(i).length > 1 && w !== Y(i).length - 1,
               "micro-router--navigating": Y(c)
             }),
-            style: Ie({
+            style: _e({
               transition: g.value ? `transform ${_.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${_.value}ms ease` : "none",
-              zIndex: 10 + A,
+              zIndex: 10 + w,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
             })
           }, {
             default: fe(() => [
-              (G(), z(Ae(v.component), Ce({
-                key: v.componentKey
-              }, { ref_for: !0 }, Y(o).getRouteAttrs(v.path)), null, 16))
+              (N(), z(Ae(d.component), Ce({
+                key: d.componentKey
+              }, { ref_for: !0 }, Y(n).getRouteAttrs(d.path)), null, 16))
             ]),
             _: 2
           }, 1032, ["route-path", "class", "style"]))), 128))
         ]),
         _: 1
       }, 8, ["name", "css"]),
-      q("div", At, [
+      q("div", Rt, [
         Re(f.$slots, "default")
       ]),
       q("div", {
-        class: k(["micro-router-gui-layer", { "gui-visible": T.value }])
+        class: k(["micro-router-gui-layer", { "gui-visible": M.value }])
       }, [
-        Te(Le, { name: "control-fade" }, {
+        Te(Me, { name: "control-fade" }, {
           default: fe(() => [
-            (G(!0), j(oe, null, ge(Y(l), (v) => (G(), z(vt, {
-              key: v.name + "-" + (v.componentKey || 0),
-              control: v
+            (N(!0), j(oe, null, ge(Y(l), (d) => (N(), z(ht, {
+              key: d.name + "-" + (d.componentKey || 0),
+              control: d
             }, null, 8, ["control"]))), 128))
           ]),
           _: 1
         })
       ], 2),
-      (G(!0), j(oe, null, ge(Y(t), (v, A) => (G(), z(yt, {
-        key: "dialog-" + v.path,
-        dialog: v,
-        "stack-index": A,
+      (N(!0), j(oe, null, ge(Y(t), (d, w) => (N(), z(wt, {
+        key: "dialog-" + d.path,
+        dialog: d,
+        "stack-index": w,
         onClose: Y(a)
       }, null, 8, ["dialog", "stack-index", "onClose"]))), 128))
     ], 64));
@@ -1318,34 +1331,34 @@ const ht = 12, yt = /* @__PURE__ */ ie({
 export {
   se as MICRO_ATTRS_READ_KEY,
   re as MICRO_ATTRS_WRITE_KEY,
-  Oe as MICRO_CONTROL_NAME_KEY,
+  Ge as MICRO_CONTROL_NAME_KEY,
   Ne as MICRO_DIALOG_PATH_KEY,
-  Be as MICRO_ROUTER_KEY,
+  Ie as MICRO_ROUTER_KEY,
   me as MICRO_ROUTER_ROOT_KEY,
-  Ge as MICRO_ROUTE_PATH_KEY,
-  vt as MicroControlWrapper,
-  yt as MicroDialogComponent,
-  _t as MicroRouterView,
-  Dt as RoutePage,
+  Be as MICRO_ROUTE_PATH_KEY,
+  ht as MicroControlWrapper,
+  wt as MicroDialogComponent,
+  Bt as MicroRouterView,
+  Ct as RoutePage,
   ze as STEP_DELAY,
   W as buildPathFromSegments,
-  Et as createRouterKey,
-  Lt as defineFeaturePlugin,
+  bt as createRouterKey,
+  It as defineFeaturePlugin,
   H as getLastSegment,
   Ee as isAsyncLoader,
   $ as normalizePath,
   I as parsePathSegments,
-  dt as registerFeaturePlugins,
+  pt as registerFeaturePlugins,
   Se as safeMarkRaw,
-  Tt as useControlLifecycle,
+  _t as useControlLifecycle,
   Ve as useControlManager,
-  Mt as useDialogLifecycle,
-  ot as useDialogManager,
-  gt as useGestureNavigation,
-  ft as useGlobalMicroRouter,
+  Lt as useDialogLifecycle,
+  st as useDialogManager,
+  mt as useGestureNavigation,
+  vt as useGlobalMicroRouter,
   Z as useMicroRouter,
-  St as useMicroState,
-  ut as useNavigation,
-  ct as usePageTracker,
-  bt as useRouteLifecycle
+  Tt as useMicroState,
+  gt as useNavigation,
+  dt as usePageTracker,
+  Mt as useRouteLifecycle
 };