@lazycatcloud/vue-router-stack 0.0.6 → 0.0.7

package/dist/vue-router-stack.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),k=require("vue-router"),Y={};function X(e="route"){const a=(Y[e]??0)+1;return Y[e]=a,`${e}-${a}`}const Q="slide",oe="cubic-bezier(0.3, 0, 0.66, 1)";function ne(e){return e}const ae=({direction:e})=>e==="back"?{leaving:[{transform:"translateX(0)"},{transform:"translateX(100%)"}]}:{entering:[{transform:"translateX(100%)"},{transform:"translateX(0)"}]},ce=()=>({entering:[{opacity:0},{opacity:1}],leaving:[{opacity:1},{opacity:0}]}),ie=({direction:e})=>{const a=e==="back";return{entering:a?[{transform:"scale(0.98)",opacity:0},{transform:"scale(1)",opacity:1}]:[{transform:"scale(1.04)",opacity:0},{transform:"scale(1)",opacity:1}],leaving:a?[{transform:"scale(1)",opacity:1},{transform:"scale(1.04)",opacity:0}]:[{transform:"scale(1)",opacity:1},{transform:"scale(0.98)",opacity:0}]}},se=()=>({}),ue={slide:ae,fade:ce,scale:ie,none:se};function le(e,a){const c=a[e];return c||a[Q]}function Z(e,a,c){if(!a||!e.animate||Number(c.duration)<=0)return Promise.resolve();const l=e.animate(a,c);return l.finished.then(()=>l.cancel())}async function de(e,a){const c=e(a),l={duration:a.duration,easing:a.easing,fill:"both",...c.options};await Promise.all([Z(a.enteringElement,c.entering,l),Z(a.leavingElement,c.leaving,l)])}const C=Symbol("stack-router");function fe(){const e=window.history.state;return typeof(e==null?void 0:e.position)=="number"?e.position:window.history.length}function q(e,a){return a||(e==="pop"?"back":e==="replace"?"none":"forward")}function he(e){const a=k.createRouter(e),c=[],l=u.shallowRef(),f=e.transitionDuration??210,g=e.transitionEasing??oe,w=e.transition??Q,y={...ue,...e.transitions},P=e.maxStackSize??30;let h=-1,s,E=!1;const b=(n,r,i,d,m=!1,R="stack")=>{s={action:n,direction:q(n,r),source:R,delta:i,reuse:d==null?void 0:d.reuse,transition:d==null?void 0:d.transition,duration:d==null?void 0:d.duration,easing:d==null?void 0:d.easing,resetRoot:m}},K=(n,r)=>{const i=(s==null?void 0:s.action)??"push",d=q(i,s==null?void 0:s.direction),m=l.value,R=i==="push"&&d==="forward",M=T(n);return{id:X("route"),key:n.fullPath,fullPath:n.fullPath,pathname:n.path,params:n.params,query:n.query,action:i,direction:d,reuse:(s==null?void 0:s.reuse)??!1,source:(s==null?void 0:s.source)??"stack",entryDirection:d,lastPathname:(m==null?void 0:m.pathname)||(r.name?r.path:void 0),pushedByRoute:R?m==null?void 0:m.pathname:m==null?void 0:m.pushedByRoute,position:fe(),delta:s==null?void 0:s.delta,transition:(s==null?void 0:s.transition)??w,transitionDuration:(s==null?void 0:s.duration)??f,transitionEasing:(s==null?void 0:s.easing)??g,cache:M}},T=n=>{const r=n.meta.stack;return n.meta.stackCache!==!1&&(r==null?void 0:r.cache)!==!1},W=()=>{if(P<=0||c.length<=P)return;const n=c.length-P;c.splice(0,n),h=Math.max(0,h-n)},G=n=>{if(n.action==="pop"){let r=-1;if(n.direction==="forward"||(n.delta??0)>0){for(let i=h+1;i<c.length;i++)if(c[i].key===n.key){r=i;break}}else for(let i=h-1;i>=0;i--)if(c[i].key===n.key){r=i;break}if(r>=0){const i=c[r];c[r]={...i,...n,id:i.id,reuse:i.reuse,source:n.source,entryDirection:i.entryDirection,transition:i.transition,transitionDuration:i.transitionDuration,transitionEasing:i.transitionEasing},h=r}else c.push({...n,direction:"none",entryDirection:"none",transition:"none",isStackFallback:!0}),h=c.length-1}else if(n.action==="replace"){if(s!=null&&s.resetRoot){c.splice(0,c.length,n),h=0,l.value=c[h];return}h>=0?c[h]=n:(c.push(n),h=0)}else h<c.length-1&&c.splice(h+1),c.push(n),h=c.length-1;W(),l.value=c[h]};e.history.listen((n,r,i)=>{const d="delta"in i?i.delta:void 0,m=i.direction==="back"?"back":i.direction==="forward"?"forward":void 0;s?(s.delta=d,s.direction=q(s.action,s.direction??m)):b(i.type==="pop"?"pop":i.type,m,d,void 0,!1,"external")}),a.beforeEach(n=>!((s==null?void 0:s.action)==="pop"&&E&&!c.some(r=>r.fullPath===n.fullPath))),a.afterEach((n,r,i)=>{if(i){s=void 0;return}G(K(n,r)),s=void 0});const L=a.push.bind(a),I=a.replace.bind(a),$=a.back.bind(a),x=a.forward.bind(a),z=a.go.bind(a),A=(n,r)=>(b("push",(r==null?void 0:r.direction)??"forward",void 0,r),L(n)),j=(n,r)=>(b("replace",(r==null?void 0:r.direction)??"root",void 0,r),I(n)),B=(n,r)=>{const i=a.resolve(n).fullPath;let d=-1;for(let R=h;R>=0;R--)if(c[R].fullPath===i){d=R;break}if(d<0)return!1;const m=d-h;return m===0||(b("pop",(r==null?void 0:r.direction)??"back",m,r),z(m)),!0},V=(n,r)=>{const i=a.resolve(n).fullPath;if(h>=0&&a.currentRoute.value.fullPath===i){const d=c[h],m={...d,id:X("route"),action:"replace",direction:(r==null?void 0:r.direction)??"root",source:"stack",entryDirection:(r==null?void 0:r.direction)??"root",delta:void 0,reuse:(r==null?void 0:r.reuse)??d.reuse,transition:(r==null?void 0:r.transition)??d.transition,transitionDuration:(r==null?void 0:r.duration)??d.transitionDuration,transitionEasing:(r==null?void 0:r.easing)??d.transitionEasing,cache:!0,isStackFallback:!1};return c.splice(0,c.length,m),h=0,E=!0,l.value=m,Promise.resolve(void 0)}return b("replace",(r==null?void 0:r.direction)??"root",void 0,r,!0),E=!0,I(n)},_=()=>{b("pop","back",-1),$()},H=()=>{b("pop","forward",1),x()},p=a;p.push=A,p.replace=j,p.popTo=B,p.resetRoot=V,p.back=_,p.forward=H;const t={router:p,transitionDuration:f,transitionEasing:g,transition:w,transitions:y,maxStackSize:P,shouldTransition:e.shouldTransition,current:l,get history(){return c},canGoBack:(n=1)=>h-n>=0,push:A,replace:j,popTo:B,resetRoot:V,back:_,forward:H},o=a.install.bind(a);return a.install=n=>{n.provide(C,t),o(n)},p}const v="onPageWillEnter",J="onPageDidEnter",N="onPageWillLeave",O="onPageDidLeave";function me(e,a,c){if(!c)throw new Error(`${e} must be called inside setup().`);const l=c.proxy,f=l[e]??[];f.push(()=>{c.isUnmounted||a()}),l[e]=f,c.exposed&&(c.exposed[e]=f)}function F(e){return(a,c=u.getCurrentInstance())=>me(e,a,c)}const ye=F(v),ke=F(J),Re=F(N),be=F(O);function pe(){const e=u.inject(C);if(!e)throw new Error("useStackRouter must be used after createStackRouter().");return{router:e.router,canGoBack:e.canGoBack,push:e.push,replace:e.replace,popTo:e.popTo,resetRoot:e.resetRoot,back:e.back,forward:e.forward}}function ee(){const e=u.inject(C);if(!e)throw new Error("RouterOutlet must be used with createStackRouter().");return e}function S(e,a){const c=e.value;if(!c)return;const l=c[a];Array.isArray(l)?l.forEach(f=>f()):typeof l=="function"&&l.call(c)}function D(e){e.classList.remove("rs-page-hidden","rs-page-invisible"),e.removeAttribute("aria-hidden")}function U(e){e.classList.add("rs-page-hidden"),e.setAttribute("aria-hidden","true")}function te(e){var a;return(a=e.components)==null?void 0:a.default}function Pe(e){const a=te(e);return a!==void 0&&typeof a=="object"&&"name"in a&&a.name==="RouterView"}const we=u.defineComponent({name:"RouterOutlet",setup(){const e=ee(),a=k.useRoute(),c=u.inject(k.routeLocationKey),l=u.inject(k.matchedRouteKey,void 0),f=u.computed(()=>{const t=l==null?void 0:l.value;if(!t)return 0;const o=a.matched.findIndex(n=>n===t);return o>=0?o+1:0}),g=u.computed(()=>a.matched[f.value]),w=u.computed(()=>{for(let t=f.value;t<a.matched.length;t++){const o=a.matched[t];if(!Pe(o))return o}return g.value}),y=u.shallowRef([]),P=u.ref("");let h=0;u.provide(k.matchedRouteKey,w);const s=t=>y.value.find(o=>o.id===t),E=t=>y.value.find(o=>o.routeIds.has(t)),b=t=>y.value.find(o=>o.routeKey===t),K=t=>t.action==="push"&&t.direction==="forward"&&!t.reuse&&y.value.some(o=>o.routeKey===t.key),T=t=>{y.value.forEach(o=>{o.pageElement&&(o===t?D(o.pageElement):U(o.pageElement))})},W=t=>{const o=e.history.findIndex(r=>r.id===t.routeInfo.id);if(o<0)return;const n=new Set(e.history.slice(0,o+1).map(r=>r.id));y.value.forEach(r=>{r.routeIds=new Set([...r.routeIds].filter(i=>n.has(i)))}),y.value=y.value.filter(r=>r===t||r.routeIds.size>0)},G=t=>{y.value=y.value.filter(o=>o!==t)},L=t=>{const o=new Set(e.history.map(n=>n.id));y.value.forEach(n=>{n.routeIds=new Set([...n.routeIds].filter(r=>o.has(r)))}),y.value=y.value.filter(n=>n===t||n.routeInfo.cache&&n.routeIds.size>0)},I=t=>{var n;const o=t.props.default;return o?o===!0?((n=e.current.value)==null?void 0:n.params)??{}:typeof o=="function"?o(c):o:{}},$=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transition??t.routeInfo.transition??e.transition:t.routeInfo.transition??e.transition,x=t=>t.entryDirection==="none"||t.entryDirection==="root"||t.transition==="none",z=(t,o)=>t.routeInfo.direction==="forward"?x(t.routeInfo):x(o.routeInfo),A=(t,o)=>!(t.routeInfo.isStackFallback||t.routeInfo.direction==="none"||t.routeInfo.direction==="root"||t.routeInfo.action==="pop"&&z(t,o)),j=(t,o)=>{var r;const n=A(t,o);return((r=e.shouldTransition)==null?void 0:r.call(e,{action:t.routeInfo.action,direction:t.routeInfo.direction,source:t.routeInfo.source,entering:t.routeInfo,leaving:o.routeInfo,defaultResult:n}))??n},B=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionDuration??t.routeInfo.transitionDuration??e.transitionDuration:t.routeInfo.transitionDuration??e.transitionDuration,V=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionEasing??t.routeInfo.transitionEasing??e.transitionEasing:t.routeInfo.transitionEasing??e.transitionEasing,_=async(t,o)=>{const n=++h;await u.nextTick();const r=t.pageElement;if(!r)return;if(S(t.componentRef,v),!o||o===t||!o.pageElement){D(r),S(t.componentRef,J),L(t),T(t);return}const i=o.pageElement,d=j(t,o),m=d?$(t,o):"none",R=d?B(t,o):0,M=V(t,o),re=le(m||Q,e.transitions);S(o.componentRef,N),D(r),D(i),await de(re,{direction:t.routeInfo.direction,action:t.routeInfo.action,routeInfo:t.routeInfo,enteringElement:r,leavingElement:i,duration:R,easing:M}),n===h&&(U(i),S(o.componentRef,O),S(t.componentRef,J),t.routeInfo.action==="pop"?W(t):t.routeInfo.action==="replace"&&G(o),L(t),T(t))},H=async()=>{const t=w.value,o=e.current.value;if(!t||!o)return;const n=te(t);if(!n)return;const r=s(P.value);let i=E(o.id);!i&&!K(o)&&(i=b(o.key)),i?(i.routeIds.add(o.id),i.routeKey=o.key,i.routeInfo=o,i.matchedRoute=t,i.component=n,i.props=I(t),i.mounted=!0):(i={id:X("view"),routeKey:o.key,routeIds:new Set([o.id]),routeInfo:o,matchedRoute:t,component:n,props:I(t),componentRef:u.ref(),mounted:!0},y.value=[...y.value,i]),P.value=i.id,await _(i,r)};return u.watch(()=>{var t;return[(t=e.current.value)==null?void 0:t.id,w.value]},()=>{H()},{immediate:!0}),u.onUnmounted(()=>{h++,y.value=[]}),{injectedRoute:c,viewItems:y,registerStackPage:(t,o)=>{t.pageElement=o,t.id===P.value?D(o):U(o)}}},render(){return u.h("div",{class:"rs-outlet"},this.viewItems.filter(e=>e.mounted).map(e=>u.h(e.component,{key:e.id,ref:e.componentRef,...e.props,registerStackPage:a=>this.registerStackPage(e,a)})))}}),Ee=u.defineComponent({name:"RouterPage",props:{registerStackPage:{type:Function,default:void 0}},setup(e,{attrs:a,slots:c}){const l=u.ref();return u.onMounted(()=>{var f;l.value&&((f=e.registerStackPage)==null||f.call(e,l.value))}),()=>{var f;return u.h("section",{...a,ref:l,class:["rs-page",a.class]},(f=c.default)==null?void 0:f.call(c))}}}),Ie=u.defineComponent({name:"StackRouterDebugPanel",props:{initialOpen:{type:Boolean,default:!1}},setup(e){const a=ee(),c=u.ref(e.initialOpen);return()=>{const l=a.current.value;return u.h("aside",{class:"rs-debug-panel"},[u.h("button",{class:"rs-debug-toggle",type:"button",onClick:()=>{c.value=!c.value}},c.value?"Stack x":"Stack"),c.value?u.h("section",{class:"rs-debug-body"},[u.h("header",[u.h("strong","Router Stack"),u.h("span",`${a.history.length} pages`)]),u.h("dl",[u.h("dt","current"),u.h("dd",(l==null?void 0:l.fullPath)??"-"),u.h("dt","canGoBack"),u.h("dd",String(a.canGoBack()))]),u.h("ol",a.history.map(f=>u.h("li",{key:f.id,class:{"rs-debug-active":f.id===(l==null?void 0:l.id),"rs-debug-no-cache":!f.cache}},[u.h("code",f.fullPath),u.h("span",[`${f.action}/${f.direction}`,` source:${f.source}`,` entry:${f.entryDirection}`,` cache:${f.cache?"yes":"no"}`,` transition:${f.transition??"-"}`])])))]):void 0])}}});Object.defineProperty(exports,"RouterLink",{enumerable:!0,get:()=>k.RouterLink});Object.defineProperty(exports,"RouterView",{enumerable:!0,get:()=>k.RouterView});Object.defineProperty(exports,"createMemoryHistory",{enumerable:!0,get:()=>k.createMemoryHistory});Object.defineProperty(exports,"createWebHashHistory",{enumerable:!0,get:()=>k.createWebHashHistory});Object.defineProperty(exports,"createWebHistory",{enumerable:!0,get:()=>k.createWebHistory});Object.defineProperty(exports,"useRoute",{enumerable:!0,get:()=>k.useRoute});Object.defineProperty(exports,"useRouter",{enumerable:!0,get:()=>k.useRouter});exports.RouterOutlet=we;exports.RouterPage=Ee;exports.StackRouterDebugPanel=Ie;exports.createStackRouter=he;exports.defineStackTransition=ne;exports.onPageDidEnter=ke;exports.onPageDidLeave=be;exports.onPageWillEnter=ye;exports.onPageWillLeave=Re;exports.stackRouterKey=C;exports.useStackRouter=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),k=require("vue-router"),Y={};function X(e="route"){const o=(Y[e]??0)+1;return Y[e]=o,`${e}-${o}`}const Q="slide",oe="cubic-bezier(0.3, 0, 0.66, 1)";function ne(e){return e}const ae=({direction:e})=>e==="back"?{leaving:[{transform:"translateX(0)"},{transform:"translateX(100%)"}]}:{entering:[{transform:"translateX(100%)"},{transform:"translateX(0)"}]},ce=()=>({entering:[{opacity:0},{opacity:1}],leaving:[{opacity:1},{opacity:0}]}),ie=({direction:e})=>{const o=e==="back";return{entering:o?[{transform:"scale(0.98)",opacity:0},{transform:"scale(1)",opacity:1}]:[{transform:"scale(1.04)",opacity:0},{transform:"scale(1)",opacity:1}],leaving:o?[{transform:"scale(1)",opacity:1},{transform:"scale(1.04)",opacity:0}]:[{transform:"scale(1)",opacity:1},{transform:"scale(0.98)",opacity:0}]}},se=()=>({}),ue={slide:ae,fade:ce,scale:ie,none:se};function le(e,o){const c=o[e];return c||o[Q]}function Z(e,o,c){if(!o||!e.animate||Number(c.duration)<=0)return Promise.resolve();const l=e.animate(o,c);return l.finished.then(()=>l.cancel())}async function de(e,o){const c=e(o),l={duration:o.duration,easing:o.easing,fill:"both",...c.options};await Promise.all([Z(o.enteringElement,c.entering,l),Z(o.leavingElement,c.leaving,l)])}const C=Symbol("stack-router");function fe(){const e=window.history.state;return typeof(e==null?void 0:e.position)=="number"?e.position:window.history.length}function q(e,o){return o||(e==="pop"?"back":e==="replace"?"none":"forward")}function he(e){const o=k.createRouter(e),c=[],l=u.shallowRef(),f=e.transitionDuration??210,T=e.transitionEasing??oe,w=e.transition??Q,y={...ue,...e.transitions},P=e.maxStackSize??30;let h=-1,s,E=!1;const b=(a,r,i,d,m=!1,R="stack")=>{s={action:a,direction:q(a,r),source:R,delta:i,reuse:d==null?void 0:d.reuse,transition:d==null?void 0:d.transition,duration:d==null?void 0:d.duration,easing:d==null?void 0:d.easing,resetRoot:m}},K=(a,r)=>{const i=(s==null?void 0:s.action)??"push",d=q(i,s==null?void 0:s.direction),m=l.value,R=i==="push"&&d==="forward",M=g(a);return{id:X("route"),key:a.fullPath,fullPath:a.fullPath,pathname:a.path,params:a.params,query:a.query,action:i,direction:d,reuse:(s==null?void 0:s.reuse)??!1,source:(s==null?void 0:s.source)??"stack",entryDirection:d,lastPathname:(m==null?void 0:m.pathname)||(r.name?r.path:void 0),pushedByRoute:R?m==null?void 0:m.pathname:m==null?void 0:m.pushedByRoute,position:fe(),delta:s==null?void 0:s.delta,transition:(s==null?void 0:s.transition)??w,transitionDuration:(s==null?void 0:s.duration)??f,transitionEasing:(s==null?void 0:s.easing)??T,cache:M}},g=a=>{const r=a.meta.stack;return a.meta.stackCache!==!1&&(r==null?void 0:r.cache)!==!1},W=()=>{if(P<=0||c.length<=P)return;const a=c.length-P;c.splice(0,a),h=Math.max(0,h-a)},G=a=>{if(a.action==="pop"){let r=-1;if(a.direction==="forward"||(a.delta??0)>0){for(let i=h+1;i<c.length;i++)if(c[i].key===a.key){r=i;break}}else for(let i=h-1;i>=0;i--)if(c[i].key===a.key){r=i;break}if(r>=0){const i=c[r];c[r]={...i,...a,id:i.id,reuse:i.reuse,source:a.source,entryDirection:i.entryDirection,transition:i.transition,transitionDuration:i.transitionDuration,transitionEasing:i.transitionEasing},h=r}else c.push({...a,direction:"none",entryDirection:"none",transition:"none",isStackFallback:!0}),h=c.length-1}else if(a.action==="replace"){if(s!=null&&s.resetRoot){c.splice(0,c.length,a),h=0,l.value=c[h];return}h>=0?c[h]=a:(c.push(a),h=0)}else h<c.length-1&&c.splice(h+1),c.push(a),h=c.length-1;W(),l.value=c[h]};e.history.listen((a,r,i)=>{const d="delta"in i?i.delta:void 0,m=i.direction==="back"?"back":i.direction==="forward"?"forward":void 0;s?(s.delta=d,s.direction=q(s.action,s.direction??m)):b(i.type==="pop"?"pop":i.type,m,d,void 0,!1,"external")}),o.beforeEach(a=>!((s==null?void 0:s.action)==="pop"&&E&&!c.some(r=>r.fullPath===a.fullPath))),o.afterEach((a,r,i)=>{if(i){s=void 0;return}G(K(a,r)),s=void 0});const L=o.push.bind(o),I=o.replace.bind(o),$=o.back.bind(o),x=o.forward.bind(o),z=o.go.bind(o),A=(a,r)=>(b("push",(r==null?void 0:r.direction)??"forward",void 0,r),L(a)),j=(a,r)=>(b("replace",(r==null?void 0:r.direction)??"root",void 0,r),I(a)),B=(a,r)=>{const i=o.resolve(a).fullPath;let d=-1;for(let R=h;R>=0;R--)if(c[R].fullPath===i){d=R;break}if(d<0)return!1;const m=d-h;return m===0||(b("pop",(r==null?void 0:r.direction)??"back",m,r),z(m)),!0},H=(a,r)=>{const i=o.resolve(a).fullPath;if(h>=0&&o.currentRoute.value.fullPath===i){const d=c[h],m={...d,id:X("route"),action:"replace",direction:(r==null?void 0:r.direction)??"root",source:"stack",entryDirection:(r==null?void 0:r.direction)??"root",delta:void 0,reuse:(r==null?void 0:r.reuse)??d.reuse,transition:(r==null?void 0:r.transition)??d.transition,transitionDuration:(r==null?void 0:r.duration)??d.transitionDuration,transitionEasing:(r==null?void 0:r.easing)??d.transitionEasing,cache:!0,isStackFallback:!1};return c.splice(0,c.length,m),h=0,E=!0,l.value=m,Promise.resolve(void 0)}return b("replace",(r==null?void 0:r.direction)??"root",void 0,r,!0),E=!0,I(a)},V=()=>{b("pop","back",-1),$()},_=()=>{b("pop","forward",1),x()},p=o;p.push=A,p.replace=j,p.popTo=B,p.resetRoot=H,p.back=V,p.forward=_;const t={router:p,transitionDuration:f,transitionEasing:T,transition:w,transitions:y,maxStackSize:P,shouldTransition:e.shouldTransition,current:l,get history(){return c},canGoBack:(a=1)=>h-a>=0,push:A,replace:j,popTo:B,resetRoot:H,back:V,forward:_},n=o.install.bind(o);return o.install=a=>{a.provide(C,t),n(a)},p}const v="onPageWillEnter",J="onPageDidEnter",N="onPageWillLeave",O="onPageDidLeave";function me(e,o,c){if(!c)throw new Error(`${e} must be called inside setup().`);const l=c.proxy,f=l[e]??[];f.push(()=>{c.isUnmounted||o()}),l[e]=f,c.exposed&&(c.exposed[e]=f)}function F(e){return(o,c=u.getCurrentInstance())=>me(e,o,c)}const ye=F(v),ke=F(J),Re=F(N),be=F(O);function pe(){const e=u.inject(C);if(!e)throw new Error("useStackRouter must be used after createStackRouter().");return{router:e.router,canGoBack:e.canGoBack,push:e.push,replace:e.replace,popTo:e.popTo,resetRoot:e.resetRoot,back:e.back,forward:e.forward}}function ee(){const e=u.inject(C);if(!e)throw new Error("RouterOutlet must be used with createStackRouter().");return e}function S(e,o){const c=e.value;if(!c)return;const l=c[o];Array.isArray(l)?l.forEach(f=>f()):typeof l=="function"&&l.call(c)}function D(e){e.classList.remove("rs-page-hidden","rs-page-invisible"),e.removeAttribute("aria-hidden")}function U(e){const o=e.ownerDocument.activeElement;o instanceof HTMLElement&&e.contains(o)&&o.blur(),e.classList.add("rs-page-hidden"),e.setAttribute("aria-hidden","true")}function te(e){var o;return(o=e.components)==null?void 0:o.default}function Pe(e){const o=te(e);return o!==void 0&&typeof o=="object"&&"name"in o&&o.name==="RouterView"}const we=u.defineComponent({name:"RouterOutlet",setup(){const e=ee(),o=k.useRoute(),c=u.inject(k.routeLocationKey),l=u.inject(k.matchedRouteKey,void 0),f=u.computed(()=>{const t=l==null?void 0:l.value;if(!t)return 0;const n=o.matched.findIndex(a=>a===t);return n>=0?n+1:0}),T=u.computed(()=>o.matched[f.value]),w=u.computed(()=>{for(let t=f.value;t<o.matched.length;t++){const n=o.matched[t];if(!Pe(n))return n}return T.value}),y=u.shallowRef([]),P=u.ref("");let h=0;u.provide(k.matchedRouteKey,w);const s=t=>y.value.find(n=>n.id===t),E=t=>y.value.find(n=>n.routeIds.has(t)),b=t=>y.value.find(n=>n.routeKey===t),K=t=>t.action==="push"&&t.direction==="forward"&&!t.reuse&&y.value.some(n=>n.routeKey===t.key),g=t=>{y.value.forEach(n=>{n.pageElement&&(n===t?D(n.pageElement):U(n.pageElement))})},W=t=>{const n=e.history.findIndex(r=>r.id===t.routeInfo.id);if(n<0)return;const a=new Set(e.history.slice(0,n+1).map(r=>r.id));y.value.forEach(r=>{r.routeIds=new Set([...r.routeIds].filter(i=>a.has(i)))}),y.value=y.value.filter(r=>r===t||r.routeIds.size>0)},G=t=>{y.value=y.value.filter(n=>n!==t)},L=t=>{const n=new Set(e.history.map(a=>a.id));y.value.forEach(a=>{a.routeIds=new Set([...a.routeIds].filter(r=>n.has(r)))}),y.value=y.value.filter(a=>a===t||a.routeInfo.cache&&a.routeIds.size>0)},I=t=>{var a;const n=t.props.default;return n?n===!0?((a=e.current.value)==null?void 0:a.params)??{}:typeof n=="function"?n(c):n:{}},$=(t,n)=>t.routeInfo.action==="pop"?n.routeInfo.transition??t.routeInfo.transition??e.transition:t.routeInfo.transition??e.transition,x=t=>t.entryDirection==="none"||t.entryDirection==="root"||t.transition==="none",z=(t,n)=>t.routeInfo.direction==="forward"?x(t.routeInfo):x(n.routeInfo),A=(t,n)=>!(t.routeInfo.isStackFallback||t.routeInfo.direction==="none"||t.routeInfo.direction==="root"||t.routeInfo.action==="pop"&&z(t,n)),j=(t,n)=>{var r;const a=A(t,n);return((r=e.shouldTransition)==null?void 0:r.call(e,{action:t.routeInfo.action,direction:t.routeInfo.direction,source:t.routeInfo.source,entering:t.routeInfo,leaving:n.routeInfo,defaultResult:a}))??a},B=(t,n)=>t.routeInfo.action==="pop"?n.routeInfo.transitionDuration??t.routeInfo.transitionDuration??e.transitionDuration:t.routeInfo.transitionDuration??e.transitionDuration,H=(t,n)=>t.routeInfo.action==="pop"?n.routeInfo.transitionEasing??t.routeInfo.transitionEasing??e.transitionEasing:t.routeInfo.transitionEasing??e.transitionEasing,V=async(t,n)=>{const a=++h;await u.nextTick();const r=t.pageElement;if(!r)return;if(S(t.componentRef,v),!n||n===t||!n.pageElement){D(r),S(t.componentRef,J),L(t),g(t);return}const i=n.pageElement,d=j(t,n),m=d?$(t,n):"none",R=d?B(t,n):0,M=H(t,n),re=le(m||Q,e.transitions);S(n.componentRef,N),D(r),D(i),await de(re,{direction:t.routeInfo.direction,action:t.routeInfo.action,routeInfo:t.routeInfo,enteringElement:r,leavingElement:i,duration:R,easing:M}),a===h&&(U(i),S(n.componentRef,O),S(t.componentRef,J),t.routeInfo.action==="pop"?W(t):t.routeInfo.action==="replace"&&G(n),L(t),g(t))},_=async()=>{const t=w.value,n=e.current.value;if(!t||!n)return;const a=te(t);if(!a)return;const r=s(P.value);let i=E(n.id);!i&&!K(n)&&(i=b(n.key)),i?(i.routeIds.add(n.id),i.routeKey=n.key,i.routeInfo=n,i.matchedRoute=t,i.component=a,i.props=I(t),i.mounted=!0):(i={id:X("view"),routeKey:n.key,routeIds:new Set([n.id]),routeInfo:n,matchedRoute:t,component:a,props:I(t),componentRef:u.ref(),mounted:!0},y.value=[...y.value,i]),P.value=i.id,await V(i,r)};return u.watch(()=>{var t;return[(t=e.current.value)==null?void 0:t.id,w.value]},()=>{_()},{immediate:!0}),u.onUnmounted(()=>{h++,y.value=[]}),{injectedRoute:c,viewItems:y,registerStackPage:(t,n)=>{t.pageElement=n,t.id===P.value?D(n):U(n)}}},render(){return u.h("div",{class:"rs-outlet"},this.viewItems.filter(e=>e.mounted).map(e=>u.h(e.component,{key:e.id,ref:e.componentRef,...e.props,registerStackPage:o=>this.registerStackPage(e,o)})))}}),Ee=u.defineComponent({name:"RouterPage",props:{registerStackPage:{type:Function,default:void 0}},setup(e,{attrs:o,slots:c}){const l=u.ref();return u.onMounted(()=>{var f;l.value&&((f=e.registerStackPage)==null||f.call(e,l.value))}),()=>{var f;return u.h("section",{...o,ref:l,class:["rs-page",o.class]},(f=c.default)==null?void 0:f.call(c))}}}),Ie=u.defineComponent({name:"StackRouterDebugPanel",props:{initialOpen:{type:Boolean,default:!1}},setup(e){const o=ee(),c=u.ref(e.initialOpen);return()=>{const l=o.current.value;return u.h("aside",{class:"rs-debug-panel"},[u.h("button",{class:"rs-debug-toggle",type:"button",onClick:()=>{c.value=!c.value}},c.value?"Stack x":"Stack"),c.value?u.h("section",{class:"rs-debug-body"},[u.h("header",[u.h("strong","Router Stack"),u.h("span",`${o.history.length} pages`)]),u.h("dl",[u.h("dt","current"),u.h("dd",(l==null?void 0:l.fullPath)??"-"),u.h("dt","canGoBack"),u.h("dd",String(o.canGoBack()))]),u.h("ol",o.history.map(f=>u.h("li",{key:f.id,class:{"rs-debug-active":f.id===(l==null?void 0:l.id),"rs-debug-no-cache":!f.cache}},[u.h("code",f.fullPath),u.h("span",[`${f.action}/${f.direction}`,` source:${f.source}`,` entry:${f.entryDirection}`,` cache:${f.cache?"yes":"no"}`,` transition:${f.transition??"-"}`])])))]):void 0])}}});Object.defineProperty(exports,"RouterLink",{enumerable:!0,get:()=>k.RouterLink});Object.defineProperty(exports,"RouterView",{enumerable:!0,get:()=>k.RouterView});Object.defineProperty(exports,"createMemoryHistory",{enumerable:!0,get:()=>k.createMemoryHistory});Object.defineProperty(exports,"createWebHashHistory",{enumerable:!0,get:()=>k.createWebHashHistory});Object.defineProperty(exports,"createWebHistory",{enumerable:!0,get:()=>k.createWebHistory});Object.defineProperty(exports,"useRoute",{enumerable:!0,get:()=>k.useRoute});Object.defineProperty(exports,"useRouter",{enumerable:!0,get:()=>k.useRouter});exports.RouterOutlet=we;exports.RouterPage=Ee;exports.StackRouterDebugPanel=Ie;exports.createStackRouter=he;exports.defineStackTransition=ne;exports.onPageDidEnter=ke;exports.onPageDidLeave=be;exports.onPageWillEnter=ye;exports.onPageWillLeave=Re;exports.stackRouterKey=C;exports.useStackRouter=pe;

package/dist/vue-router-stack.js

@@ -1,10 +1,10 @@
-import { shallowRef as te, getCurrentInstance as ie, inject as C, defineComponent as Y, h as y, computed as X, ref as G, provide as ue, watch as le, onUnmounted as de, nextTick as fe, onMounted as he } from "vue";
+import { shallowRef as te, getCurrentInstance as ie, inject as C, defineComponent as Y, h as y, computed as U, ref as G, provide as ue, watch as le, onUnmounted as de, nextTick as fe, onMounted as he } from "vue";
 import { createRouter as me, useRoute as ye, routeLocationKey as ke, matchedRouteKey as v } from "vue-router";
-import { RouterLink as je, RouterView as Ue, createMemoryHistory as Xe, createWebHashHistory as Me, createWebHistory as qe, useRoute as Je, useRouter as Qe } from "vue-router";
+import { RouterLink as je, RouterView as Me, createMemoryHistory as Ue, createWebHashHistory as Xe, createWebHistory as qe, useRoute as Je, useRouter as Qe } from "vue-router";
 const O = {};
 function J(e = "route") {
-  const a = (O[e] ?? 0) + 1;
-  return O[e] = a, `${e}-${a}`;
+  const o = (O[e] ?? 0) + 1;
+  return O[e] = o, `${e}-${o}`;
 }
 const Z = "slide", Re = "cubic-bezier(0.3, 0, 0.66, 1)";
 function Ae(e) {
@@ -24,16 +24,16 @@ const pe = ({ direction: e }) => e === "back" ? {
   entering: [{ opacity: 0 }, { opacity: 1 }],
   leaving: [{ opacity: 1 }, { opacity: 0 }]
 }), Ee = ({ direction: e }) => {
-  const a = e === "back";
+  const o = e === "back";
   return {
-    entering: a ? [
+    entering: o ? [
       { transform: "scale(0.98)", opacity: 0 },
       { transform: "scale(1)", opacity: 1 }
     ] : [
       { transform: "scale(1.04)", opacity: 0 },
       { transform: "scale(1)", opacity: 1 }
     ],
-    leaving: a ? [
+    leaving: o ? [
       { transform: "scale(1)", opacity: 1 },
       { transform: "scale(1.04)", opacity: 0 }
     ] : [
@@ -47,26 +47,26 @@ const pe = ({ direction: e }) => e === "back" ? {
   scale: Ee,
   none: be
 };
-function Pe(e, a) {
-  const c = a[e];
-  return c || a[Z];
+function Pe(e, o) {
+  const c = o[e];
+  return c || o[Z];
 }
-function ee(e, a, c) {
-  if (!a || !e.animate || Number(c.duration) <= 0)
+function ee(e, o, c) {
+  if (!o || !e.animate || Number(c.duration) <= 0)
     return Promise.resolve();
-  const u = e.animate(a, c);
+  const u = e.animate(o, c);
   return u.finished.then(() => u.cancel());
 }
-async function Se(e, a) {
-  const c = e(a), u = {
-    duration: a.duration,
-    easing: a.easing,
+async function Se(e, o) {
+  const c = e(o), u = {
+    duration: o.duration,
+    easing: o.easing,
     fill: "both",
     ...c.options
   };
   await Promise.all([
-    ee(a.enteringElement, c.entering, u),
-    ee(a.leavingElement, c.leaving, u)
+    ee(o.enteringElement, c.entering, u),
+    ee(o.leavingElement, c.leaving, u)
   ]);
 }
 const N = Symbol("stack-router");
@@ -74,19 +74,19 @@ function De() {
   const e = window.history.state;
   return typeof (e == null ? void 0 : e.position) == "number" ? e.position : window.history.length;
 }
-function M(e, a) {
-  return a || (e === "pop" ? "back" : e === "replace" ? "none" : "forward");
+function X(e, o) {
+  return o || (e === "pop" ? "back" : e === "replace" ? "none" : "forward");
 }
 function Be(e) {
-  const a = me(e), c = [], u = te(), d = e.transitionDuration ?? 210, D = e.transitionEasing ?? Re, E = e.transition ?? Z, m = {
+  const o = me(e), c = [], u = te(), d = e.transitionDuration ?? 210, D = e.transitionEasing ?? Re, E = e.transition ?? Z, m = {
     ...Ie,
     ...e.transitions
   }, w = e.maxStackSize ?? 30;
   let f = -1, i, b = !1;
-  const R = (n, r, s, l, h = !1, k = "stack") => {
+  const R = (a, r, s, l, h = !1, k = "stack") => {
     i = {
-      action: n,
-      direction: M(n, r),
+      action: a,
+      direction: X(a, r),
       source: k,
       delta: s,
       reuse: l == null ? void 0 : l.reuse,
@@ -95,15 +95,15 @@ function Be(e) {
       easing: l == null ? void 0 : l.easing,
       resetRoot: h
     };
-  }, K = (n, r) => {
-    const s = (i == null ? void 0 : i.action) ?? "push", l = M(s, i == null ? void 0 : i.direction), h = u.value, k = s === "push" && l === "forward", U = T(n);
+  }, K = (a, r) => {
+    const s = (i == null ? void 0 : i.action) ?? "push", l = X(s, i == null ? void 0 : i.direction), h = u.value, k = s === "push" && l === "forward", M = T(a);
     return {
       id: J("route"),
-      key: n.fullPath,
-      fullPath: n.fullPath,
-      pathname: n.path,
-      params: n.params,
-      query: n.query,
+      key: a.fullPath,
+      fullPath: a.fullPath,
+      pathname: a.path,
+      params: a.params,
+      query: a.query,
       action: s,
       direction: l,
       reuse: (i == null ? void 0 : i.reuse) ?? !1,
@@ -116,27 +116,27 @@ function Be(e) {
       transition: (i == null ? void 0 : i.transition) ?? E,
       transitionDuration: (i == null ? void 0 : i.duration) ?? d,
       transitionEasing: (i == null ? void 0 : i.easing) ?? D,
-      cache: U
+      cache: M
     };
-  }, T = (n) => {
-    const r = n.meta.stack;
-    return n.meta.stackCache !== !1 && (r == null ? void 0 : r.cache) !== !1;
+  }, T = (a) => {
+    const r = a.meta.stack;
+    return a.meta.stackCache !== !1 && (r == null ? void 0 : r.cache) !== !1;
   }, $ = () => {
     if (w <= 0 || c.length <= w) return;
-    const n = c.length - w;
-    c.splice(0, n), f = Math.max(0, f - n);
-  }, W = (n) => {
-    if (n.action === "pop") {
+    const a = c.length - w;
+    c.splice(0, a), f = Math.max(0, f - a);
+  }, W = (a) => {
+    if (a.action === "pop") {
       let r = -1;
-      if (n.direction === "forward" || (n.delta ?? 0) > 0) {
+      if (a.direction === "forward" || (a.delta ?? 0) > 0) {
         for (let s = f + 1; s < c.length; s++)
-          if (c[s].key === n.key) {
+          if (c[s].key === a.key) {
             r = s;
             break;
           }
       } else
         for (let s = f - 1; s >= 0; s--)
-          if (c[s].key === n.key) {
+          if (c[s].key === a.key) {
             r = s;
             break;
           }
@@ -144,10 +144,10 @@ function Be(e) {
         const s = c[r];
         c[r] = {
           ...s,
-          ...n,
+          ...a,
           id: s.id,
           reuse: s.reuse,
-          source: n.source,
+          source: a.source,
           entryDirection: s.entryDirection,
           transition: s.transition,
           transitionDuration: s.transitionDuration,
@@ -155,25 +155,25 @@ function Be(e) {
         }, f = r;
       } else
         c.push({
-          ...n,
+          ...a,
           direction: "none",
           entryDirection: "none",
           transition: "none",
           isStackFallback: !0
         }), f = c.length - 1;
-    } else if (n.action === "replace") {
+    } else if (a.action === "replace") {
       if (i != null && i.resetRoot) {
-        c.splice(0, c.length, n), f = 0, u.value = c[f];
+        c.splice(0, c.length, a), f = 0, u.value = c[f];
         return;
       }
-      f >= 0 ? c[f] = n : (c.push(n), f = 0);
+      f >= 0 ? c[f] = a : (c.push(a), f = 0);
     } else
-      f < c.length - 1 && c.splice(f + 1), c.push(n), f = c.length - 1;
+      f < c.length - 1 && c.splice(f + 1), c.push(a), f = c.length - 1;
     $(), u.value = c[f];
   };
-  e.history.listen((n, r, s) => {
+  e.history.listen((a, r, s) => {
     const l = "delta" in s ? s.delta : void 0, h = s.direction === "back" ? "back" : s.direction === "forward" ? "forward" : void 0;
-    i ? (i.delta = l, i.direction = M(
+    i ? (i.delta = l, i.direction = X(
       i.action,
       i.direction ?? h
     )) : R(
@@ -184,25 +184,25 @@ function Be(e) {
       !1,
       "external"
     );
-  }), a.beforeEach((n) => !((i == null ? void 0 : i.action) === "pop" && b && !c.some((r) => r.fullPath === n.fullPath))), a.afterEach((n, r, s) => {
+  }), o.beforeEach((a) => !((i == null ? void 0 : i.action) === "pop" && b && !c.some((r) => r.fullPath === a.fullPath))), o.afterEach((a, r, s) => {
     if (s) {
       i = void 0;
       return;
     }
-    W(K(n, r)), i = void 0;
+    W(K(a, r)), i = void 0;
   });
-  const g = a.push.bind(a), I = a.replace.bind(a), z = a.back.bind(a), x = a.forward.bind(a), j = a.go.bind(a), L = (n, r) => (R(
+  const g = o.push.bind(o), I = o.replace.bind(o), z = o.back.bind(o), x = o.forward.bind(o), j = o.go.bind(o), L = (a, r) => (R(
     "push",
     (r == null ? void 0 : r.direction) ?? "forward",
     void 0,
     r
-  ), g(n)), A = (n, r) => (R(
+  ), g(a)), A = (a, r) => (R(
     "replace",
     (r == null ? void 0 : r.direction) ?? "root",
     void 0,
     r
-  ), I(n)), B = (n, r) => {
-    const s = a.resolve(n).fullPath;
+  ), I(a)), B = (a, r) => {
+    const s = o.resolve(a).fullPath;
     let l = -1;
     for (let k = f; k >= 0; k--)
       if (c[k].fullPath === s) {
@@ -217,9 +217,9 @@ function Be(e) {
       h,
       r
     ), j(h)), !0;
-  }, _ = (n, r) => {
-    const s = a.resolve(n).fullPath;
-    if (f >= 0 && a.currentRoute.value.fullPath === s) {
+  }, _ = (a, r) => {
+    const s = o.resolve(a).fullPath;
+    if (f >= 0 && o.currentRoute.value.fullPath === s) {
       const l = c[f], h = {
         ...l,
         id: J("route"),
@@ -243,12 +243,12 @@ function Be(e) {
       void 0,
       r,
       !0
-    ), b = !0, I(n);
+    ), b = !0, I(a);
   }, V = () => {
     R("pop", "back", -1), z();
   }, F = () => {
     R("pop", "forward", 1), x();
-  }, p = a;
+  }, p = o;
   p.push = L, p.replace = A, p.popTo = B, p.resetRoot = _, p.back = V, p.forward = F;
   const t = {
     router: p,
@@ -262,29 +262,29 @@ function Be(e) {
     get history() {
       return c;
     },
-    canGoBack: (n = 1) => f - n >= 0,
+    canGoBack: (a = 1) => f - a >= 0,
     push: L,
     replace: A,
     popTo: B,
     resetRoot: _,
     back: V,
     forward: F
-  }, o = a.install.bind(a);
-  return a.install = (n) => {
-    n.provide(N, t), o(n);
+  }, n = o.install.bind(o);
+  return o.install = (a) => {
+    a.provide(N, t), n(a);
   }, p;
 }
 const re = "onPageWillEnter", Q = "onPageDidEnter", oe = "onPageWillLeave", ne = "onPageDidLeave";
-function Te(e, a, c) {
+function Te(e, o, c) {
   if (!c)
     throw new Error(`${e} must be called inside setup().`);
   const u = c.proxy, d = u[e] ?? [];
   d.push(() => {
-    c.isUnmounted || a();
+    c.isUnmounted || o();
   }), u[e] = d, c.exposed && (c.exposed[e] = d);
 }
 function H(e) {
-  return (a, c = ie()) => Te(e, a, c);
+  return (o, c = ie()) => Te(e, o, c);
 }
 const _e = H(re), Ve = H(Q), Fe = H(oe), Ce = H(ne);
 function Ge() {
@@ -308,129 +308,130 @@ function ae() {
     throw new Error("RouterOutlet must be used with createStackRouter().");
   return e;
 }
-function P(e, a) {
+function P(e, o) {
   const c = e.value;
   if (!c) return;
-  const u = c[a];
+  const u = c[o];
   Array.isArray(u) ? u.forEach((d) => d()) : typeof u == "function" && u.call(c);
 }
 function S(e) {
   e.classList.remove("rs-page-hidden", "rs-page-invisible"), e.removeAttribute("aria-hidden");
 }
 function q(e) {
-  e.classList.add("rs-page-hidden"), e.setAttribute("aria-hidden", "true");
+  const o = e.ownerDocument.activeElement;
+  o instanceof HTMLElement && e.contains(o) && o.blur(), e.classList.add("rs-page-hidden"), e.setAttribute("aria-hidden", "true");
 }
 function ce(e) {
-  var a;
-  return (a = e.components) == null ? void 0 : a.default;
+  var o;
+  return (o = e.components) == null ? void 0 : o.default;
 }
 function ge(e) {
-  const a = ce(e);
-  return a !== void 0 && typeof a == "object" && "name" in a && a.name === "RouterView";
+  const o = ce(e);
+  return o !== void 0 && typeof o == "object" && "name" in o && o.name === "RouterView";
 }
 const He = Y({
   name: "RouterOutlet",
   setup() {
-    const e = ae(), a = ye(), c = C(ke), u = C(v, void 0), d = X(() => {
+    const e = ae(), o = ye(), c = C(ke), u = C(v, void 0), d = U(() => {
       const t = u == null ? void 0 : u.value;
       if (!t) return 0;
-      const o = a.matched.findIndex(
-        (n) => n === t
+      const n = o.matched.findIndex(
+        (a) => a === t
       );
-      return o >= 0 ? o + 1 : 0;
-    }), D = X(() => a.matched[d.value]), E = X(() => {
-      for (let t = d.value; t < a.matched.length; t++) {
-        const o = a.matched[t];
-        if (!ge(o))
-          return o;
+      return n >= 0 ? n + 1 : 0;
+    }), D = U(() => o.matched[d.value]), E = U(() => {
+      for (let t = d.value; t < o.matched.length; t++) {
+        const n = o.matched[t];
+        if (!ge(n))
+          return n;
       }
       return D.value;
     }), m = te([]), w = G("");
     let f = 0;
     ue(v, E);
-    const i = (t) => m.value.find((o) => o.id === t), b = (t) => m.value.find((o) => o.routeIds.has(t)), R = (t) => m.value.find((o) => o.routeKey === t), K = (t) => t.action === "push" && t.direction === "forward" && !t.reuse && m.value.some((o) => o.routeKey === t.key), T = (t) => {
-      m.value.forEach((o) => {
-        o.pageElement && (o === t ? S(o.pageElement) : q(o.pageElement));
+    const i = (t) => m.value.find((n) => n.id === t), b = (t) => m.value.find((n) => n.routeIds.has(t)), R = (t) => m.value.find((n) => n.routeKey === t), K = (t) => t.action === "push" && t.direction === "forward" && !t.reuse && m.value.some((n) => n.routeKey === t.key), T = (t) => {
+      m.value.forEach((n) => {
+        n.pageElement && (n === t ? S(n.pageElement) : q(n.pageElement));
       });
     }, $ = (t) => {
-      const o = e.history.findIndex(
+      const n = e.history.findIndex(
         (r) => r.id === t.routeInfo.id
       );
-      if (o < 0) return;
-      const n = new Set(
-        e.history.slice(0, o + 1).map((r) => r.id)
+      if (n < 0) return;
+      const a = new Set(
+        e.history.slice(0, n + 1).map((r) => r.id)
       );
       m.value.forEach((r) => {
         r.routeIds = new Set(
-          [...r.routeIds].filter((s) => n.has(s))
+          [...r.routeIds].filter((s) => a.has(s))
         );
       }), m.value = m.value.filter(
         (r) => r === t || r.routeIds.size > 0
       );
     }, W = (t) => {
-      m.value = m.value.filter((o) => o !== t);
+      m.value = m.value.filter((n) => n !== t);
     }, g = (t) => {
-      const o = new Set(
-        e.history.map((n) => n.id)
+      const n = new Set(
+        e.history.map((a) => a.id)
       );
-      m.value.forEach((n) => {
-        n.routeIds = new Set(
-          [...n.routeIds].filter((r) => o.has(r))
+      m.value.forEach((a) => {
+        a.routeIds = new Set(
+          [...a.routeIds].filter((r) => n.has(r))
         );
       }), m.value = m.value.filter(
-        (n) => n === t || n.routeInfo.cache && n.routeIds.size > 0
+        (a) => a === t || a.routeInfo.cache && a.routeIds.size > 0
       );
     }, I = (t) => {
-      var n;
-      const o = t.props.default;
-      return o ? o === !0 ? ((n = e.current.value) == null ? void 0 : n.params) ?? {} : typeof o == "function" ? o(c) : o : {};
-    }, z = (t, o) => t.routeInfo.action === "pop" ? o.routeInfo.transition ?? t.routeInfo.transition ?? e.transition : t.routeInfo.transition ?? e.transition, x = (t) => t.entryDirection === "none" || t.entryDirection === "root" || t.transition === "none", j = (t, o) => t.routeInfo.direction === "forward" ? x(t.routeInfo) : x(o.routeInfo), L = (t, o) => !(t.routeInfo.isStackFallback || t.routeInfo.direction === "none" || t.routeInfo.direction === "root" || t.routeInfo.action === "pop" && j(t, o)), A = (t, o) => {
+      var a;
+      const n = t.props.default;
+      return n ? n === !0 ? ((a = e.current.value) == null ? void 0 : a.params) ?? {} : typeof n == "function" ? n(c) : n : {};
+    }, z = (t, n) => t.routeInfo.action === "pop" ? n.routeInfo.transition ?? t.routeInfo.transition ?? e.transition : t.routeInfo.transition ?? e.transition, x = (t) => t.entryDirection === "none" || t.entryDirection === "root" || t.transition === "none", j = (t, n) => t.routeInfo.direction === "forward" ? x(t.routeInfo) : x(n.routeInfo), L = (t, n) => !(t.routeInfo.isStackFallback || t.routeInfo.direction === "none" || t.routeInfo.direction === "root" || t.routeInfo.action === "pop" && j(t, n)), A = (t, n) => {
       var r;
-      const n = L(t, o);
+      const a = L(t, n);
       return ((r = e.shouldTransition) == null ? void 0 : r.call(e, {
         action: t.routeInfo.action,
         direction: t.routeInfo.direction,
         source: t.routeInfo.source,
         entering: t.routeInfo,
-        leaving: o.routeInfo,
-        defaultResult: n
-      })) ?? n;
-    }, B = (t, o) => t.routeInfo.action === "pop" ? o.routeInfo.transitionDuration ?? t.routeInfo.transitionDuration ?? e.transitionDuration : t.routeInfo.transitionDuration ?? e.transitionDuration, _ = (t, o) => t.routeInfo.action === "pop" ? o.routeInfo.transitionEasing ?? t.routeInfo.transitionEasing ?? e.transitionEasing : t.routeInfo.transitionEasing ?? e.transitionEasing, V = async (t, o) => {
-      const n = ++f;
+        leaving: n.routeInfo,
+        defaultResult: a
+      })) ?? a;
+    }, B = (t, n) => t.routeInfo.action === "pop" ? n.routeInfo.transitionDuration ?? t.routeInfo.transitionDuration ?? e.transitionDuration : t.routeInfo.transitionDuration ?? e.transitionDuration, _ = (t, n) => t.routeInfo.action === "pop" ? n.routeInfo.transitionEasing ?? t.routeInfo.transitionEasing ?? e.transitionEasing : t.routeInfo.transitionEasing ?? e.transitionEasing, V = async (t, n) => {
+      const a = ++f;
       await fe();
       const r = t.pageElement;
       if (!r) return;
-      if (P(t.componentRef, re), !o || o === t || !o.pageElement) {
+      if (P(t.componentRef, re), !n || n === t || !n.pageElement) {
         S(r), P(t.componentRef, Q), g(t), T(t);
         return;
       }
-      const s = o.pageElement, l = A(t, o), h = l ? z(t, o) : "none", k = l ? B(t, o) : 0, U = _(t, o), se = Pe(
+      const s = n.pageElement, l = A(t, n), h = l ? z(t, n) : "none", k = l ? B(t, n) : 0, M = _(t, n), se = Pe(
         h || Z,
         e.transitions
       );
-      P(o.componentRef, oe), S(r), S(s), await Se(se, {
+      P(n.componentRef, oe), S(r), S(s), await Se(se, {
         direction: t.routeInfo.direction,
         action: t.routeInfo.action,
         routeInfo: t.routeInfo,
         enteringElement: r,
         leavingElement: s,
         duration: k,
-        easing: U
-      }), n === f && (q(s), P(o.componentRef, ne), P(t.componentRef, Q), t.routeInfo.action === "pop" ? $(t) : t.routeInfo.action === "replace" && W(o), g(t), T(t));
+        easing: M
+      }), a === f && (q(s), P(n.componentRef, ne), P(t.componentRef, Q), t.routeInfo.action === "pop" ? $(t) : t.routeInfo.action === "replace" && W(n), g(t), T(t));
     }, F = async () => {
-      const t = E.value, o = e.current.value;
-      if (!t || !o) return;
-      const n = ce(t);
-      if (!n) return;
+      const t = E.value, n = e.current.value;
+      if (!t || !n) return;
+      const a = ce(t);
+      if (!a) return;
       const r = i(w.value);
-      let s = b(o.id);
-      !s && !K(o) && (s = R(o.key)), s ? (s.routeIds.add(o.id), s.routeKey = o.key, s.routeInfo = o, s.matchedRoute = t, s.component = n, s.props = I(t), s.mounted = !0) : (s = {
+      let s = b(n.id);
+      !s && !K(n) && (s = R(n.key)), s ? (s.routeIds.add(n.id), s.routeKey = n.key, s.routeInfo = n, s.matchedRoute = t, s.component = a, s.props = I(t), s.mounted = !0) : (s = {
         id: J("view"),
-        routeKey: o.key,
-        routeIds: /* @__PURE__ */ new Set([o.id]),
-        routeInfo: o,
+        routeKey: n.key,
+        routeIds: /* @__PURE__ */ new Set([n.id]),
+        routeInfo: n,
         matchedRoute: t,
-        component: n,
+        component: a,
         props: I(t),
         componentRef: G(),
         mounted: !0
@@ -450,8 +451,8 @@ const He = Y({
     }), {
       injectedRoute: c,
       viewItems: m,
-      registerStackPage: (t, o) => {
-        t.pageElement = o, t.id === w.value ? S(o) : q(o);
+      registerStackPage: (t, n) => {
+        t.pageElement = n, t.id === w.value ? S(n) : q(n);
       }
     };
   },
@@ -464,7 +465,7 @@ const He = Y({
           key: e.id,
           ref: e.componentRef,
           ...e.props,
-          registerStackPage: (a) => this.registerStackPage(e, a)
+          registerStackPage: (o) => this.registerStackPage(e, o)
         })
       )
     );
@@ -477,7 +478,7 @@ const He = Y({
       default: void 0
     }
   },
-  setup(e, { attrs: a, slots: c }) {
+  setup(e, { attrs: o, slots: c }) {
     const u = G();
     return he(() => {
       var d;
@@ -487,9 +488,9 @@ const He = Y({
       return y(
         "section",
         {
-          ...a,
+          ...o,
           ref: u,
-          class: ["rs-page", a.class]
+          class: ["rs-page", o.class]
         },
         (d = c.default) == null ? void 0 : d.call(c)
       );
@@ -504,9 +505,9 @@ const He = Y({
     }
   },
   setup(e) {
-    const a = ae(), c = G(e.initialOpen);
+    const o = ae(), c = G(e.initialOpen);
     return () => {
-      const u = a.current.value;
+      const u = o.current.value;
       return y("aside", { class: "rs-debug-panel" }, [
         y(
           "button",
@@ -522,17 +523,17 @@ const He = Y({
         c.value ? y("section", { class: "rs-debug-body" }, [
           y("header", [
             y("strong", "Router Stack"),
-            y("span", `${a.history.length} pages`)
+            y("span", `${o.history.length} pages`)
           ]),
           y("dl", [
             y("dt", "current"),
             y("dd", (u == null ? void 0 : u.fullPath) ?? "-"),
             y("dt", "canGoBack"),
-            y("dd", String(a.canGoBack()))
+            y("dd", String(o.canGoBack()))
           ]),
           y(
             "ol",
-            a.history.map(
+            o.history.map(
               (d) => y(
                 "li",
                 {
@@ -564,11 +565,11 @@ export {
   je as RouterLink,
   He as RouterOutlet,
   Ke as RouterPage,
-  Ue as RouterView,
+  Me as RouterView,
   $e as StackRouterDebugPanel,
-  Xe as createMemoryHistory,
+  Ue as createMemoryHistory,
   Be as createStackRouter,
-  Me as createWebHashHistory,
+  Xe as createWebHashHistory,
   qe as createWebHistory,
   Ae as defineStackTransition,
   Ve as onPageDidEnter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/vue-router-stack",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Page stack, caching, transitions, and lifecycle utilities built on vue-router.",
   "private": false,
   "type": "module",