vue-micro-router 1.0.45 → 1.0.47

package/dist/index.d.ts

@@ -349,7 +349,7 @@ export declare interface MicroDialog {
     transitionDuration?: number;
     /** Animation type: 'fade' (pure opacity), 'scale' (pop), 'slide' (page-style) */
     transition?: TransitionType;
-    /** If true (default), dialog has transparent background and no shadow */
+    /** If true, dialog has no backdrop overlay (see-through to app behind). Default: false */
     seamless?: boolean;
     /** Prime mobile keyboard on open — set true for dialogs with autofocus inputs */
     focusInput?: boolean;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-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 { 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 Se, TransitionGroup as Ee, 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");
 function vt() {
@@ -7,9 +7,9 @@ function vt() {
 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;
 function Ae() {
   const e = /* @__PURE__ */ new Set();
-  function o(i, t) {
+  function o(s, t) {
     const l = setTimeout(() => {
-      e.delete(l), i();
+      e.delete(l), s();
     }, t);
     return e.add(l), l;
   }
@@ -22,48 +22,48 @@ function fe(e) {
   return new Promise((o) => setTimeout(o, e));
 }
 function Ue(e, o) {
-  const n = e.defaultControlName, i = e.onboardingControlName, t = 300, l = Ae();
+  const n = e.defaultControlName, s = e.onboardingControlName, t = 300, l = Ae();
   let c = !1;
   const r = Y(/* @__PURE__ */ new Map()), f = Y(
     /* @__PURE__ */ new Map()
   ), a = C(() => {
-    const s = [];
+    const i = [];
     for (const d of r.values())
-      d.activated && s.push(d);
-    return s;
+      d.activated && i.push(d);
+    return i;
   }), v = a, A = C(
-    () => a.value.some((s) => s.name !== n)
+    () => a.value.some((i) => i.name !== n)
   ), b = C(() => {
-    const s = a.value.find((d) => d.name !== n);
-    return (s == null ? void 0 : s.name) ?? n;
+    const i = a.value.find((d) => d.name !== n);
+    return (i == null ? void 0 : i.name) ?? n;
   });
-  function T(s, d, u) {
+  function T(i, d, u) {
     var w, M, y;
     if (!(d && c)) {
       d && (c = !0);
       try {
-        const h = r.get(s);
+        const h = r.get(i);
         if (!h) return;
-        const m = r.get(n), D = s === n || s === i;
+        const m = r.get(n), D = i === n || i === s;
         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, {
+          (w = o == null ? void 0 : o.trackGuiEnter) == null || w.call(o, i), D ? r.forEach((P) => {
+            var E;
+            P.name !== n && P.activated && ((E = o == null ? void 0 : o.trackGuiLeave) == null || E.call(o, 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, {
+          }) : 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(i, { ...u }), r.set(i, {
             ...h,
             activated: !0,
             componentKey: (h.componentKey || 0) + 1,
             attrs: u ? { ...u } : 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 });
+          (y = o == null ? void 0 : o.trackGuiLeave) == null || y.call(o, i), f.delete(i), r.set(i, { ...h, activated: !1, attrs: void 0 });
           const P = r.get(n);
           if (!D && P && !P.activated) {
-            if (P.name === i) return;
+            if (P.name === s) return;
             r.set(n, { ...P, activated: !0 });
           }
         }
@@ -74,23 +74,23 @@ function Ue(e, o) {
       }
     }
   }
-  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,
+  function L(i) {
+    r.has(i.name) && console.warn(`[vue-micro-router] Control "${i.name}" already registered. Overwriting.`);
+    let { component: d } = i;
+    De(d) && (d = me(d)), r.set(i.name, {
+      ...i,
       component: Ce(d)
     });
   }
-  function _(s) {
-    s.forEach(L);
+  function _(i) {
+    i.forEach(L);
   }
-  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, d) {
+    const u = f.get(i);
+    f.set(i, { ...u, ...d });
   }
   return {
     resolveControls: v,
@@ -132,8 +132,8 @@ async function ze(e) {
         id: Xe,
         label: "Micro Router",
         color: 4372611
-      }), n.on.getInspectorTree((i) => {
-        i.inspectorId === ge && (i.rootNodes = [
+      }), n.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 = {
+      }), n.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) ?? {} }
@@ -206,10 +206,10 @@ function Fe(e) {
     const f = e.getRouteAttrs(r);
     f && (n[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 });
   }
@@ -222,7 +222,7 @@ function Fe(e) {
   return {
     version: 1,
     navigation: { activePath: e.activePath.value, routeAttrs: n },
-    dialogs: { stack: i, attrs: t },
+    dialogs: { stack: s, attrs: t },
     controls: { active: l, attrs: c }
   };
 }
@@ -231,9 +231,9 @@ async function Ve(e, o) {
     console.warn("[vue-micro-router] Unknown serialized state version:", o.version);
     return;
   }
-  const { activePath: n, routeAttrs: i } = o.navigation;
+  const { activePath: n, routeAttrs: s } = o.navigation;
   await e.push(n);
-  for (const [t, l] of Object.entries(i))
+  for (const [t, l] of Object.entries(s))
     e.updateRouteAttrs(t, l);
   for (const t of o.dialogs.stack) {
     const l = o.dialogs.attrs[t];
@@ -246,7 +246,7 @@ async function Ve(e, o) {
 }
 function xe(e) {
   const n = Ae();
-  let i = !1;
+  let s = !1;
   const t = pe({
     activeDialog: "",
     fromDialog: "",
@@ -258,27 +258,31 @@ function xe(e) {
     /** 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);
+    const g = [], p = /* @__PURE__ */ new Set();
+    for (const i of t.dialogStack) {
+      const d = t.dialogs.get(i);
+      d && (d.activated || d.closing) && (g.push(d), p.add(i));
+    }
+    for (const i of t.dialogs.values())
+      i.closing && !p.has(i.path) && g.push(i);
     return g;
   }), c = n.schedule;
   function r(g, p) {
     return { path: g, attrs: p };
   }
-  function f({ path: g, open: p, attrs: s }) {
+  function f({ path: g, open: p, attrs: i }) {
     const d = t.dialogs.get(g);
     return d && Z(() => {
       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, {
+        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, {
           ...d,
           activated: !0,
           componentKey: (d.componentKey || 0) + 1,
           attrs: {
             path: g,
-            ...s,
+            ...i,
             onClose: () => {
-              v(g), s != null && s.onClose && typeof s.onClose == "function" && s.onClose();
+              v(g), i != null && i.onClose && typeof i.onClose == "function" && i.onClose();
             }
           }
         });
@@ -297,21 +301,21 @@ function xe(e) {
           M && !M.activated && t.dialogs.set(g, { ...M, closing: !1 });
         }, w + 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);
+      (i = e == null ? void 0 : e.trackDialogEnter) == null || i.call(e, g, d, g);
       const u = f({ path: g, open: !0, attrs: p });
       return c(() => {
-        i = !1;
+        s = !1;
       }, 300), u;
     } catch (d) {
-      throw i = !1, d;
+      throw s = !1, d;
     }
   }
   function v(g) {
@@ -320,22 +324,22 @@ function xe(e) {
   }
   function A() {
     const g = [], p = [];
-    t.dialogs.forEach((s, d) => {
+    t.dialogs.forEach((i, d) => {
       var u, w;
-      if (s.activated) {
+      if (i.activated) {
         (u = e == null ? void 0 : e.trackDialogLeave) == null || u.call(e, d, d, "");
-        const M = (w = s.attrs) == null ? void 0 : w.onClose;
+        const M = (w = i.attrs) == null ? void 0 : w.onClose;
         typeof M == "function" && p.push(M), t.dialogs.set(d, {
-          ...s,
+          ...i,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), g.push(d);
       }
-    }), 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 = [], c(() => {
+      g.forEach((i) => {
+        const d = t.dialogs.get(i);
+        d && !d.activated && t.dialogs.set(i, { ...d, closing: !1 });
       });
     }, 500);
   }
@@ -355,8 +359,8 @@ function xe(e) {
     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),
@@ -374,13 +378,13 @@ function xe(e) {
   };
 }
 const Ge = 5e3;
-async function ve(e, o, n, i) {
+async function ve(e, o, n, 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);
+        t = setTimeout(() => r(new Error("Navigation guard timed out")), s);
       })
     ]);
     return clearTimeout(t), l !== !1;
@@ -388,25 +392,25 @@ async function ve(e, o, n, i) {
     return clearTimeout(t), !1;
   }
 }
-async function je(e, o, n, i = Ge) {
+async function je(e, o, n, s = Ge) {
   for (const t of e)
-    if (!await ve(t, o, n, i)) return !1;
+    if (!await ve(t, o, n, s)) return !1;
   return !0;
 }
-async function be(e, o, n, i) {
+async function be(e, o, n, s) {
   var r;
   const t = n.guardTimeout ?? Ge;
   if ((r = n.beforeEach) != null && r.length && !await je(n.beforeEach, e, o, t))
     return !1;
   const l = j(e);
   if (l) {
-    const f = i.getRoute(l);
+    const f = s.getRoute(l);
     if (f != null && f.beforeEnter && !await ve(f.beforeEnter, e, o, t))
       return !1;
   }
   const c = j(o);
   if (c) {
-    const f = i.getRoute(c);
+    const f = s.getRoute(c);
     if (f != null && f.beforeLeave && !await ve(f.beforeLeave, e, o, t))
       return !1;
   }
@@ -414,23 +418,23 @@ async function be(e, o, n, i) {
 }
 function He(e, o, n) {
   if (n != null && n.length)
-    for (const i of n)
+    for (const s of n)
       try {
-        i(e, o);
+        s(e, o);
       } catch {
       }
 }
 function qe(e, o) {
-  const n = e.maxEntries ?? 50, i = [];
+  const n = e.maxEntries ?? 50, s = [];
   let t = -1, l = !1;
   const c = 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 || l || (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 > n && (s.shift(), t--), c.value++);
   }
-  const f = C(() => (c.value, [...i])), a = C(() => (c.value, t > 0)), v = C(() => (c.value, t < i.length - 1));
+  const f = C(() => (c.value, [...s])), a = C(() => (c.value, t > 0)), v = C(() => (c.value, t < s.length - 1));
   async function A(g) {
-    if (g < 0 || g >= i.length) return;
-    const p = i[g];
+    if (g < 0 || g >= s.length) return;
+    const p = s[g];
     if (p) {
       t = g, l = !0, c.value++;
       try {
@@ -451,7 +455,7 @@ function qe(e, o) {
     await A(p);
   }
   function _() {
-    i.length = 0, t = -1, c.value++;
+    s.length = 0, t = -1, c.value++;
   }
   return { entries: f, canGoBack: a, canGoForward: v, back: b, forward: T, go: L, clear: _, record: r };
 }
@@ -465,7 +469,7 @@ function Je() {
       component: Ce(r)
     }), c.preload === "eager" && o.has(c.path) && te(o.get(c.path));
   }
-  function i(c) {
+  function s(c) {
     c.forEach(n);
   }
   async function t(c) {
@@ -479,7 +483,7 @@ function Je() {
         a && te(a);
       }
   }
-  return { routes: e, asyncLoaders: o, registerRoute: n, registerRoutes: i, preloadRoute: t, preloadAdjacent: l };
+  return { routes: e, asyncLoaders: o, registerRoute: n, registerRoutes: s, preloadRoute: t, preloadAdjacent: l };
 }
 function Qe(e) {
   const o = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
@@ -525,7 +529,7 @@ 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)) {
@@ -546,10 +550,10 @@ function Qe(e) {
       }
     }
   }
-  return { stepWisePush: n, stepWiseBack: i };
+  return { stepWisePush: n, stepWiseBack: s };
 }
 function Ze(e, o) {
-  const n = e.defaultPath, i = e.stepDelay ?? Ye, t = e.guards ?? {}, l = e.history ?? {}, c = Ae(), r = Je();
+  const n = e.defaultPath, s = e.stepDelay ?? Ye, t = e.guards ?? {}, l = e.history ?? {}, c = Ae(), r = Je();
   let f = !1;
   const a = pe({
     activePath: n,
@@ -566,11 +570,11 @@ function Ze(e, o) {
     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)
+      const P = a.routeKeys.get(m) || 0, E = a.componentKeys.get(m) || 0, S = `${D.path}-${P}`, R = v.get(m);
+      if (R && R.key === S && R.componentKey === E)
         h.push(R);
       else {
-        const O = { ...D, key: E, componentKey: S };
+        const O = { ...D, key: S, componentKey: E };
         v.set(m, O), h.push(O);
       }
     }
@@ -582,28 +586,28 @@ function Ze(e, o) {
     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);
+    const P = m.slice(0, -D), E = 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 S = P.at(-1);
+    if (S && h) {
+      const $ = a.routeAttrs.get(S);
+      a.routeAttrs.set(S, { ...$, ...h }), 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);
+    (O = o == null ? void 0 : o.trackPageLeave) == null || O.call(o, R, R, E), a.fromPath = R, a.toPath = E, a.activePath = E, (I = o == null ? void 0 : o.trackPageEnter) == null || I.call(o, E, R, E);
   }
   async function T(y, h) {
-    var S, E;
+    var E, S;
     const m = W(y), D = B(m);
     await Promise.all(
       D.map((R) => r.asyncLoaders.get(R)).filter((R) => !!R).map((R) => te(R))
     );
     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 !== m && ((E = o == null ? void 0 : o.trackPageLeave) == null || E.call(o, P, P, m)), a.fromPath = P, a.toPath = m, a.activePath = m, h && L(m, h), (S = o == null ? void 0 : o.trackPageEnter) == null || S.call(o, m, P, m);
   }
   function L(y, h) {
     const m = B(y).at(-1);
@@ -626,19 +630,19 @@ function Ze(e, o) {
     }
     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)
+      const S = B(m), R = B(a.activePath);
+      if (S.length < R.length && S.every(($, se) => R[se] === $)) {
+        if (R.length - S.length === 1)
           b(1, h);
         else {
-          const se = R.slice(0, E.length + 1), Ne = K(se);
-          for (let re = E.length + 1; re < R.length; re++)
+          const se = R.slice(0, S.length + 1), Ne = K(se);
+          for (let re = S.length + 1; re < R.length; re++)
             a.routeAttrs.delete(R[re]);
           a.activePath = Ne, await Z(), b(1, h);
         }
         return;
       }
-      const I = E.at(-1);
+      const I = S.at(-1);
       I && R.at(-1) === I && a.routeKeys.set(
         I,
         (a.routeKeys.get(I) || 0) + 1
@@ -647,10 +651,10 @@ function Ze(e, o) {
     }
     const D = B(a.activePath), P = D.indexOf(m);
     if (P !== -1) {
-      const E = D.length - (P + 1);
-      if (E === 1)
+      const S = D.length - (P + 1);
+      if (S === 1)
         b(1, h);
-      else if (E > 1) {
+      else if (S > 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]);
@@ -662,13 +666,13 @@ function Ze(e, o) {
         );
       return;
     }
-    const S = K([...D, m]);
-    await T(S, h);
+    const E = K([...D, m]);
+    await T(E, h);
   }
-  function s(y) {
+  function i(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));
+      const P = B(a.activePath), E = Math.min(Math.abs(y), P.length - 1);
+      return E <= 0 ? a.activePath : K(P.slice(0, -E));
     }
     const h = y.toString();
     if (h.startsWith("/")) return W(h);
@@ -683,18 +687,18 @@ function Ze(e, o) {
       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);
+          const R = i(y), O = W(a.activePath);
           if (!await be(R, O, t, d)) {
             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(y, h);
+        const S = W(a.activePath);
+        w == null || w.record(S, h), He(S, E, t.afterEach), r.preloadAdjacent(B(a.activePath)), c.schedule(() => {
           f = !1;
-        }, i);
+        }, s);
       } catch (D) {
         throw f = !1, D;
       }
@@ -702,7 +706,7 @@ function Ze(e, o) {
   }
   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)) {
+    if (m.length < h.length && m.every((P, E) => h[E] === P)) {
       const P = h.length - m.length;
       await u(-P);
     } else
@@ -715,7 +719,7 @@ function Ze(e, o) {
     runGuards: (y, h) => be(y, h, t, d),
     scheduleUnlock: () => c.schedule(() => {
       f = !1;
-    }, i),
+    }, s),
     lock: () => {
       f = !0;
     },
@@ -723,7 +727,7 @@ function Ze(e, o) {
       f = !1;
     },
     isLocked: () => f,
-    stepDelay: i
+    stepDelay: s
   });
   return {
     activePath: C(() => a.activePath),
@@ -768,7 +772,7 @@ function et(e) {
       history: e.history
     },
     o
-  ), i = xe(o), t = Ue(
+  ), s = xe(o), t = Ue(
     {
       defaultControlName: e.defaultControlName,
       onboardingControlName: e.onboardingControlName
@@ -809,17 +813,17 @@ function et(e) {
       historyGo: n.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,
@@ -854,7 +858,7 @@ function et(e) {
       n.activePath.value
     ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), ze(c);
   }), he(() => {
-    o.cleanupAllSessions(), n.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
+    o.cleanupAllSessions(), n.cleanup(), s.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
   }), N(Le, c), x(de, null) || N(de, c), c;
 }
 function q(e) {
@@ -870,9 +874,9 @@ function mt(e) {
   !o && !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 s = (o == null ? void 0 : o()) ?? {}, t = e ? { ...e } : {};
+  for (const r of Object.keys(s))
+    t[r] = s[r];
   const l = pe(t);
   n && U(
     l,
@@ -895,14 +899,14 @@ function pt(e) {
     return;
   }
   const { activePage: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  let s = n.value === o;
+  s && H(() => {
     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;
+    l && !s ? (c = e.onRouteEnter) == null || c.call(e) : !l && s && ((r = e.onRouteLeave) == null || r.call(e)), s = l;
   });
 }
 function ht(e) {
@@ -914,14 +918,14 @@ function ht(e) {
     return;
   }
   const { activeDialog: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  let s = n.value === o;
+  s && H(() => {
     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;
+    l && !s ? (c = e.onDialogEnter) == null || c.call(e) : !l && s && ((r = e.onDialogLeave) == null || r.call(e)), s = l;
   });
 }
 function yt(e) {
@@ -933,46 +937,46 @@ function yt(e) {
     return;
   }
   const { currentControl: n } = q();
-  let i = n.value === o;
-  i && H(() => {
+  let s = n.value === o;
+  s && H(() => {
     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;
+    l && !s ? (c = e.onControlEnter) == null || c.call(e) : !l && s && ((r = e.onControlLeave) == null || r.call(e)), s = l;
   });
 }
 function tt(e, o) {
   if (!e.enabled) return;
-  const n = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
+  const n = e.edgeWidth ?? 20, s = 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 i = o.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");
+    const i = A();
+    if (!i) return { current: null, previous: null };
+    const d = i.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]
     };
   }
-  function T(s) {
+  function T(i) {
     var M;
-    if (!o.canGoBack() || s.clientX > n) return;
+    if (!o.canGoBack() || i.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;
+    f = !0, l = i.clientX, c = i.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";
+    (M = w == null ? void 0 : w.setPointerCapture) == null || M.call(w, i.pointerId), a.style.willChange = "transform", v && (v.style.willChange = "transform", v.style.transition = "none"), a.style.transition = "none";
   }
-  function L(s) {
+  function L(i) {
     if (!f || !a) return;
-    const d = Math.max(0, s.clientX - l);
-    if (Math.abs(s.clientY - c) > d * 1.5) {
+    const d = Math.max(0, i.clientX - l);
+    if (Math.abs(i.clientY - c) > d * 1.5) {
       g();
       return;
     }
@@ -982,14 +986,14 @@ function tt(e, o) {
       v.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(() => {
+    const d = i.clientX - l, u = Date.now() - r, w = d / u;
+    d / window.innerWidth > s || 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;
   }
@@ -1000,20 +1004,20 @@ function tt(e, o) {
     a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), v && (v.style.willChange = "", v.style.transition = "", v.style.transform = ""), a = null, v = 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 }));
+    const i = A();
+    i != null && i.addEventListener && (i.addEventListener("pointerdown", T, { passive: !0 }), i.addEventListener("pointermove", L, { 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 = A();
+    i != null && i.removeEventListener && (i.removeEventListener("pointerdown", T), i.removeEventListener("pointermove", L), i.removeEventListener("pointerup", _), i.removeEventListener("pointercancel", g));
   });
 }
 function Pt(e) {
   return { ...e };
 }
 function nt(e, o) {
-  var n, i, t;
+  var n, s, 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);
+    (n = l.routes) != null && n.length && o.registerRoutes(l.routes), (s = l.dialogs) != null && s.length && o.registerDialogs(l.dialogs), (t = l.controls) != null && t.length && o.registerControls(l.controls);
 }
 const ot = /* @__PURE__ */ oe({
   __name: "MicroControlWrapper",
@@ -1021,9 +1025,9 @@ const ot = /* @__PURE__ */ oe({
     control: {}
   },
   setup(e) {
-    const o = e, { getControlAttrs: n, updateControlAttrs: i } = q();
+    const o = e, { getControlAttrs: n, updateControlAttrs: s } = q();
     return N(Be, o.control.name), N(ae, () => n(o.control.name)), N(ie, (t) => {
-      i(o.control.name, t);
+      s(o.control.name, t);
     }), (t, l) => (G(), F(ye(e.control.component), Pe({
       key: e.control.componentKey || 0
     }, e.control.attrs), null, 16));
@@ -1044,9 +1048,9 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
   },
   emits: ["close"],
   setup(e, { emit: o }) {
-    const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = q();
+    const n = e, s = 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 ?? !0), T = C(
+    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
     );
     function L() {
@@ -1058,7 +1062,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       var D, P;
       if (u.key === "Escape") {
         if (n.dialog.persistent) return;
-        u.preventDefault(), u.stopPropagation(), i("close", n.dialog.path);
+        u.preventDefault(), u.stopPropagation(), s("close", n.dialog.path);
         return;
       }
       if (u.key !== "Tab") return;
@@ -1071,14 +1075,14 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
       u.shiftKey ? (!m || h === M) && (u.preventDefault(), y.focus()) : (!m || h === y) && (u.preventDefault(), M.focus());
     }
     function g(u) {
-      n.dialog.persistent || u.target === u.currentTarget && i("close", n.dialog.path);
+      n.dialog.persistent || u.target === u.currentTarget && s("close", n.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 s() {
+    function i() {
       c || (c = !0, f.value = document.activeElement, at(), Z(() => {
         if (!r.value) return;
         (L()[0] ?? r.value).focus(), p();
@@ -1095,7 +1099,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     }), U(
       () => n.dialog.activated,
       (u) => {
-        u && s();
+        u && i();
       }
     ), U(
       () => n.dialog.closing,
@@ -1103,7 +1107,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         !u && !n.dialog.activated && c && d();
       }
     ), H(() => {
-      n.dialog.activated && s();
+      n.dialog.activated && i();
     }), he(() => {
       c && d();
     }), (u, w) => (G(), F(We, { to: "body" }, [
@@ -1161,12 +1165,12 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     if (o.routePath) {
       const n = o.routePath;
       N(Te, n);
-      const { updateRouteAttrs: i, getRouteAttrs: t } = q();
+      const { updateRouteAttrs: s, getRouteAttrs: t } = q();
       N(ae, () => t(n)), N(ie, (l) => {
-        i(n, l);
+        s(n, l);
       });
     }
-    return (n, i) => (G(), V("div", lt, [
+    return (n, s) => (G(), V("div", lt, [
       k("div", ct, [
         we(n.$slots, "default")
       ])
@@ -1184,39 +1188,39 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
     const o = e, n = et(o.config);
     (g = o.plugins) != null && g.length && nt(o.plugins, n);
     const {
-      resolveRoutes: i,
+      resolveRoutes: s,
       resolveDialogs: t,
       resolveControls: l,
       fromPath: c,
       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));
+      const i = c.value.split("/").filter(Boolean), d = new Set(r.value.split("/").filter(Boolean));
+      return i.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";
+      const i = s.value.at(-1);
+      return (i == null ? void 0 : i.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;
+      const i = s.value.at(-1);
+      return i != null && i.transitionDuration ? i.transitionDuration : b.value === "fade" ? 300 : 500;
     }), _ = C(() => v.value && b.value !== "none");
     return (p = o.config.gesture) != null && p.enabled && tt(o.config.gesture, {
       containerRef: a,
       goBack: () => n.push(-1),
-      canGoBack: () => i.value.length > 1
-    }), (s, d) => (G(), V(ee, null, [
-      Ee(Se, {
+      canGoBack: () => s.value.length > 1
+    }), (i, d) => (G(), V(ee, null, [
+      Se(Ee, {
         ref_key: "pageContainerRef",
         ref: a,
         name: T.value,
         css: _.value
       }, {
         default: ce(() => [
-          (G(!0), V(ee, null, ue(X(i), (u, w) => (G(), F(ut, {
+          (G(!0), V(ee, null, ue(X(s), (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
+              deactive: X(s).length > 1 && w !== 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",
@@ -1235,12 +1239,12 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
         _: 1
       }, 8, ["name", "css"]),
       k("div", ft, [
-        we(s.$slots, "default")
+        we(i.$slots, "default")
       ]),
       k("div", {
         class: J(["micro-router-gui-layer", { "gui-visible": A.value }])
       }, [
-        Ee(Se, { name: "control-fade" }, {
+        Se(Ee, { name: "control-fade" }, {
           default: ce(() => [
             (G(!0), V(ee, null, ue(X(l), (u) => (G(), F(ot, {
               key: u.name + "-" + (u.componentKey || 0),

package/dist/styles.css

@@ -1 +1 @@
-.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;max-width:100%;width:100%;max-height:100dvh;will-change:opacity,transform}.micro-dialog__content{position:relative;pointer-events:auto}.micro-dialog--fullscreen .micro-dialog{width:100vw;height:100dvh}.micro-dialog--fullscreen .micro-dialog__content{width:100%;height:100dvh;overflow:hidden}.micro-dialog--closing{pointer-events:none}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-fade-in .25s ease-out forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-fade-out .2s ease-in forwards}.dialog-transition-scale:not(.micro-dialog--closing){animation:_dialog-scale-pop-in .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-scale.micro-dialog--closing{animation:_dialog-scale-pop-out .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-slide:not(.micro-dialog--closing){animation:_dialog-slide-in var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}.dialog-transition-slide.micro-dialog--closing{animation:_dialog-slide-out var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}
+.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;width:100%;max-width:100%;max-height:100dvh;will-change:opacity,transform}.micro-dialog__content{position:relative;pointer-events:auto}.micro-dialog--fullscreen .micro-dialog{width:100vw;height:100dvh}.micro-dialog--fullscreen .micro-dialog__content{width:100%;height:100dvh;overflow:hidden}.micro-dialog--closing{pointer-events:none}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-fade-in .25s ease-out forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-fade-out .2s ease-in forwards}.dialog-transition-scale:not(.micro-dialog--closing){animation:_dialog-scale-pop-in .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-scale.micro-dialog--closing{animation:_dialog-scale-pop-out .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-slide:not(.micro-dialog--closing){animation:_dialog-slide-in var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}.dialog-transition-slide.micro-dialog--closing{animation:_dialog-slide-out var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}

package/package.json

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