@ssgoi/core 7.1.0-beta.0 → 7.1.0-beta.2

package/dist/internal.cjs

@@ -1 +1 @@
-"use strict";var _t=Object.defineProperty;var Nt=(n,e,t)=>e in n?_t(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var K=(n,e,t)=>Nt(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ht=require("./resolve-transition-rule-BL12rDDu.cjs"),ot=require("./multi-animation-B5hEmEgN.cjs");class Mt extends ot.Animation{constructor(){super(...arguments);K(this,"child",null);K(this,"_state","idle");K(this,"_settled",!1);K(this,"listeners",new Set)}attach(t){const i=this.child;if(this.child=t,this._settled=!1,i){const f=i.getPose();i.complete(),t.matchInto(f)}t.playbackRate=this.playbackRate;const c=t.onComplete;t.onComplete=()=>{c==null||c(),this.child===t&&(this.child=null,this._state="idle",this._settled=!0),this.notify()};const r=t.onUpdate;t.onUpdate=f=>{var u;r==null||r(f),(u=this.onUpdate)==null||u.call(this,f),this.notify()},this._state==="paused"?t.pause():this._state==="reversing"?t.reverse():(this._state="playing",t.play()),this.notify()}play(){var t;this._state="playing",this._settled=!1,(t=this.child)==null||t.play(),this.notify()}reverse(){var t;this._state="reversing",this._settled=!1,(t=this.child)==null||t.reverse(),this.notify()}pause(){var t;this._state="paused",(t=this.child)==null||t.pause(),this.notify()}complete(){var t;(t=this.child)==null||t.complete(),this.notify()}get isAnimating(){var t;return((t=this.child)==null?void 0:t.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var t;return((t=this.child)==null?void 0:t.isReversing)??this._state==="reversing"}get progress(){var t;return((t=this.child)==null?void 0:t.progress)??0}findTimeForProgress(t){var i;return((i=this.child)==null?void 0:i.findTimeForProgress(t))??null}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t,this.child&&(this.child.playbackRate=t),this.notify()}getPose(){var t;return((t=this.child)==null?void 0:t.getPose())??[]}getTimeline(){var t;return((t=this.child)==null?void 0:t.getTimeline())??[]}matchInto(t){var i;(i=this.child)==null||i.matchInto(t)}get activeChild(){return this.child}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}notify(){for(const t of this.listeners)t()}}const It=(n,e)=>{var t;n.style.position="absolute",n.style.width="100%",n.style.top=`${-1*(((t=e==null?void 0:e.scrollOffset)==null?void 0:t.y)??0)}px`,n.style.left="0"},vt=new Set(["auto","scroll","overlay"]),Ft=n=>{let e=n.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e);if(vt.has(t.overflowY)||vt.has(t.overflowX))return e;e=e.parentElement}return document.documentElement},Bt=n=>{let e=n.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return e;e=e.parentElement}return document.body};function Wt(n){const e=Object.keys(n);return Promise.all(e.map(t=>n[t])).then(t=>{const i={};return e.forEach((c,r)=>{i[c]=t[r]}),i})}const Xt=768,qt=10,zt=10;function Gt(n={}){const{resolvePath:e=h=>h}=n;let t=null,i=!1,c=!1;const r=()=>{const h=(t==null?void 0:t.clientWidth)??0,p=h>0?h:typeof window<"u"?window.innerWidth:0;return p>0&&p<Xt},f=()=>(c||(i=r(),c=!0),i),u=h=>`path:${e(h)}`;let v=null;const d=new Map;let g=null,S=!1,C=0,L=0,H=0;const Y=()=>{t&&g&&!S&&d.set(u(g),{x:t.scrollLeft,y:t.scrollTop})},$=(h,p,T)=>{if(!t)return;const M=++L,x=u(h),A=p&&d.has(x)?d.get(x):{x:0,y:0};let k=0;const _=()=>{if(!t||T!==C||M!==L)return;p||d.set(x,A),t.scrollTo({top:A.y,left:A.x}),!(Math.abs(t.scrollTop-A.y)<1&&Math.abs(t.scrollLeft-A.x)<1)&&k<qt&&(k++,requestAnimationFrame(_))};requestAnimationFrame(_)};return{initializeContext:(h,p,T)=>{S=!0;const M=g===p?C:++C;v=h,t||(t=Ft(h),i=r(),c=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{i=r()}).observe(t),(t===document.documentElement?window:t).addEventListener("scroll",Y,{passive:!0})),g=p;const x=u(p),A=d.get(x),k=F=>{M===C&&(H=M,F&&A&&d.set(x,A),$(p,F,M))};T!==void 0?k(T):requestAnimationFrame(()=>{H!==M&&M===C&&k(!1)});let _=0;const G=()=>{M===C&&(_++,_>=zt?S=!1:requestAnimationFrame(G))};return requestAnimationFrame(G),k},calculateScrollOffset:(h,p,T=!1)=>{const M=h?u(h):null,x=M&&d.has(M)?d.get(M):{x:0,y:0},A=p&&T?u(p):null,k=A&&d.has(A)?d.get(A):{x:0,y:0};return{x:-k.x+x.x,y:-k.y+x.y}},evictScrollPosition:h=>{d.delete(u(h))},getScrollContainer:()=>t,getPositionedParentElement:()=>v?Bt(v):document.body,getScrollPosition:(h,p=!0)=>{if(!p)return{x:0,y:0};const T=h?u(h):null;return T&&d.has(T)?d.get(T):{x:0,y:0}},getIsMobile:f}}const bt=30,Et=8,wt=1.2,St=30,Vt=600;function Kt(){let n=null,e=!1,t=!1,i=null,c=null,r=!1;const f=(y,b)=>{for(let P=0;P<y.length;P++){const O=y.item(P);if(O&&O.identifier===b)return O}return null},u=()=>{i!==null&&(clearTimeout(i),i=null)},v=()=>{c!==null&&(clearTimeout(c),c=null)},d=()=>{e=!0,t=!0,u(),v(),i=setTimeout(()=>{e=!1,t=!1,i=null},Vt)},g=y=>{if(y.touches.length!==1){n=null;return}const b=y.touches.item(0);if(!b){n=null;return}const P=window.innerWidth,O=b.clientX<=bt,I=b.clientX>=P-bt;if(!O&&!I){n=null;return}n={identifier:b.identifier,startX:b.clientX,startY:b.clientY,fromLeftEdge:O,moved:!1}},S=y=>{if(!n)return;if(y.touches.length!==1){n=null;return}const b=f(y.touches,n.identifier);if(!b){n=null;return}const P=b.clientX-n.startX,O=b.clientY-n.startY,I=Math.abs(P),h=Math.abs(O);if(h>Et&&h>I*wt){n=null;return}const p=n.fromLeftEdge?P>0:P<0;I>Et&&I>h*wt&&p&&(n.moved=!0)},C=y=>{if(!n)return;const b=f(y.changedTouches,n.identifier);if(!b){n=null;return}const P=b.clientX-n.startX,O=n.fromLeftEdge?P>0:P<0;if(n.moved&&O&&Math.abs(P)>=St){d(),n=null;return}n.moved&&Math.abs(P)>=St&&d(),n=null},L=()=>{n&&(n.moved&&d(),n=null)};return{initialize:()=>{if(typeof window>"u"||r)return;r=!0;const y={passive:!0,capture:!0};window.addEventListener("touchstart",g,y),window.addEventListener("touchmove",S,y),window.addEventListener("touchend",C,y),window.addEventListener("touchcancel",L,y)},destroy:()=>{if(typeof window>"u"||!r)return;r=!1;const y={capture:!0};window.removeEventListener("touchstart",g,y),window.removeEventListener("touchmove",S,y),window.removeEventListener("touchend",C,y),window.removeEventListener("touchcancel",L,y),u(),v(),n=null,e=!1,t=!1},isSwipeBack:()=>{const y=e||t;return y&&u(),y},onPageEnter:()=>{e=!1,u(),v(),c=setTimeout(()=>{t=!1,c=null},0)}}}function Ut(){let n=!1;const e=()=>{n=!0};return typeof window<"u"&&window.addEventListener("popstate",e),{resolve(t,i){const c=n?"backward":"forward";return n=!1,c},dispose(){typeof window<"u"&&window.removeEventListener("popstate",e)}}}function Yt(n={}){let e=null,t=null;function i(){var r,f;e&&((r=e.out)==null||r.resolve(null),(f=e.in)==null||f.resolve(null),e=null)}function c(){if(e!=null&&e.out&&e.in){if(e.out.path===e.in.path){i();return}const r={from:e.out.path,to:e.in.path,out:e.out.payload,in:e.in.payload};t=r,e.out.resolve(r),e.in.resolve(r),e=null}}return{arrive(r,f,u){return new Promise(v=>{var C,L;const d=t===null?null:f==="out"?{path:t.from,payload:t.out}:{path:t.to,payload:t.in};if((d==null?void 0:d.path)===r){v(null);return}f==="out"&&((C=e==null?void 0:e.in)==null?void 0:C.path)===r&&!e.out&&(e.in.resolve(null),e.in=void 0);const g=e==null?void 0:e[f];g&&g.path!==r&&i(),e||(e={});const S=e[f];if(S){if(((L=n.keepCurrent)==null?void 0:L.call(n,{type:f,path:r,current:S.payload,next:u}))??!1){v(null);return}S.resolve(null)}e[f]={path:r,payload:u,resolve:v},c()})},cancel(r){(e!=null&&e.out&&r(e.out.payload)||e!=null&&e.in&&r(e.in.payload))&&i(),(t&&r(t.out)||t&&r(t.in))&&(t=null)}}}const $t={},z=new Map;let Q=null,Pt=!1;function Ot(n,e,t){n instanceof HTMLElement&&z.has(n)&&!n.isConnected&&t.set(n,{entry:z.get(n),anchor:e});for(const i of Array.from(n.childNodes))Ot(i,e,t)}function jt(n){const e=new Set(Array.from(n.values(),({entry:t})=>t));for(const[t,{entry:i,anchor:c}]of n){z.delete(t);let r=i.parent,f=!1;for(;r;){if(r.group===i.group&&e.has(r)){f=!0;break}r=r.parent}queueMicrotask(()=>i.callback(c,{emit:!f}))}}function Zt(){if(Pt||typeof document>"u")return;Pt=!0,Q=new MutationObserver(e=>{const t=new Map;for(const i of e){const c={parent:i.target,nextSibling:i.nextSibling};for(const r of Array.from(i.removedNodes))Ot(r,c,t)}jt(t)});const n=()=>{Q==null||Q.observe(document.body,{childList:!0,subtree:!0})};document.body?n():document.addEventListener("DOMContentLoaded",n,{once:!0})}function Jt(n,e,t=$t){Zt();let i=n.parentElement,c=null;for(;i;){const r=z.get(i);if((r==null?void 0:r.group)===t){c=r;break}i=i.parentElement}return z.set(n,{element:n,callback:e,group:t,parent:c}),()=>{z.delete(n)}}const ut=new WeakMap;let tt=null;const et="none !important";function U(n){const e=n.style.getPropertyValue("display");return n.style.getPropertyPriority("display")?`${e} !important`:e}function Qt(){return tt||(tt=new MutationObserver(n=>{for(const e of n){const t=e.target,i=ut.get(t);if(!i)continue;const c=U(t);c!==i.accounted&&(i.accounted=c,c===et?(i.reactHidden=!0,i.onHide()):c!=="none"&&i.reactHidden&&(i.reactHidden=!1,i.onShow()))}}),tt)}function te(n,e){const t=U(n),i={accounted:t,reactHidden:t===et,onHide:e.onHide,onShow:e.onShow};return ut.set(n,i),Qt().observe(n,{attributes:!0,attributeFilter:["style"]}),{get isHidden(){return U(n)===et},setDisplay(c,r=!1){c===null?n.style.removeProperty("display"):n.style.setProperty("display",c,r?"important":""),i.accounted=U(n)},sync(){i.accounted=U(n),i.reactHidden=i.accounted===et},stop(){ut.delete(n)}}}function ee(n,e={}){const{transitions:t=[],middleware:i=(o,s)=>({from:o,to:s})}=n,c=e.host??new Mt,r={},f=Yt({keepCurrent:({current:o,next:s})=>o.element.contains(s.element)}),u=Ut(),v=typeof t=="function"?t:()=>t,d=Kt();d.initialize();const g=new Map,S=o=>{let s=g.get(o);return s===void 0&&(s=i(o,o).from,g.set(o,s)),s},{initializeContext:C,calculateScrollOffset:L,evictScrollPosition:H,getScrollContainer:Y,getPositionedParentElement:$,getScrollPosition:j,getIsMobile:y}=Gt({resolvePath:S}),b=new Map,P=()=>{const o=y();let s=b.get(o);return s||(s=v({isMobile:o}),b.set(o,s)),s},O=new WeakMap,I=o=>{O.set(o,{parent:o.parentNode,nextSibling:o.nextSibling})},h=o=>{const s=O.get(o);return s||{parent:o.parentNode,nextSibling:o.nextSibling}},p=new WeakMap,T=new WeakMap;let M=0;const x=o=>{const s=typeof getComputedStyle<"u"?getComputedStyle(o).display:"";return s&&s!=="none"?s:"block"},A=(o,s)=>{s.visibleDisplay=o.style.getPropertyValue("display"),s.computedDisplay=x(o)},k=(o,s)=>{if(T.get(o)!==s)return;T.delete(o);const l=p.get(o);l&&(l.savedCss!==null&&(o.style.cssText=l.savedCss,l.savedCss=null),l.intent==="hidden"?l.vis.setDisplay("none",!0):l.visibleDisplay?(l.vis.setDisplay(l.visibleDisplay,!1),A(o,l)):(l.vis.setDisplay(null),A(o,l)))},_=(o,s)=>{if(o.mode!=="hidden")return;const l=Array.from(new Set([o.element,s==null?void 0:s.element].filter(Boolean))),w=++M;for(const a of l)T.set(a,w);c.complete();for(const a of l)k(a,w)},G=(o,s,l,w,a,m,E)=>{const N=a.element,R=m.element,B=(a.mode??"unmount")==="hidden",{parent:W,nextSibling:q}=a.parent?{parent:a.parent,nextSibling:a.nextSibling}:h(N),Z=L(l,w,E.to),st={direction:s,scrollOffset:Z,from:{scroll:j(l)},to:{scroll:j(w,E.to)},get scrollingElement(){return Y()||document.documentElement},get positionedParent(){return $()}};let D;if(B){D=N,D.style.top=`${-1*((Z==null?void 0:Z.y)??0)}px`;const X=p.get(R);X&&X.savedCss===null&&(X.savedCss=R.style.cssText)}else D=N,It(D,st);E.from||H(l);const J=B?++M:0;B&&(T.set(R,J),T.set(N,J));const yt=Promise.resolve(D),mt=Promise.resolve(R),gt=[],Lt={from:yt,to:mt,context:st,createElement:((X,rt="div")=>{const V=document.createElement(rt);return V.setAttribute("data-ssgoi-id",X),gt.push(V),V})},Dt=Promise.resolve(o.prepare?o.prepare(Lt):{});Wt({from:yt,to:mt,extras:Dt}).then(({from:X,to:rt,extras:V})=>{!B&&W&&(q&&W.contains(q)?W.insertBefore(D,q):W.appendChild(D));const lt=o.animation({from:X,to:rt,context:st,...V}),ct=lt.onComplete;lt.onComplete=()=>{ct==null||ct(),B?(k(N,J),k(R,J)):D.parentNode&&D.parentNode.removeChild(D);for(const at of gt)at.parentNode&&at.parentNode.removeChild(at)},c.attach(lt)})},F=(o,s,l)=>{const w=d.isSwipeBack();f.arrive(o,s,l).then(a=>{var it,B,W,q;if(s==="in"&&d.onPageEnter(),!a){s==="out"&&_(l);return}if(s!=="in")return;const{from:m,to:E}=i(a.from,a.to),N=u.resolve(m,E),R=Ht.resolveTransitionRule(m,E,P(),N);if(!R){(B=(it=a.in).applyScrollPolicy)==null||B.call(it,!1),H(a.from),_(a.out,a.in);return}if((q=(W=a.in).applyScrollPolicy)==null||q.call(W,R.preserveScroll.to),w){R.preserveScroll.from||H(a.from),_(a.out,a.in);return}G(R.transition,R.direction,a.from,a.to,a.out,a.in,R.preserveScroll)})},dt=(o,s)=>{const l=p.get(o);if(!l)return;const w=l.intent==="hidden";if(l.intent="hidden",l.savedCss===null&&(l.savedCss=o.style.cssText),l.vis.setDisplay(l.computedDisplay||"block",!0),o.style.position="absolute",o.style.width="100%",o.style.left="0",w)return;const a=h(o),m={element:o,parent:a.parent,nextSibling:a.nextSibling,mode:"hidden"},E=l.pendingOutPath??l.currentPath??s;l.pendingOutPath=null,F(E,"out",m)},kt=(o,s)=>{const l=p.get(o);if(!l||l.intent==="visible")return;l.intent="visible",l.currentPath=o.getAttribute("data-ssgoi-transition")??l.currentPath??s,l.pendingOutPath=null,l.pathRevision++,A(o,l),l.savedCss!==null&&(o.style.cssText=l.savedCss,l.visibleDisplay?l.vis.setDisplay(l.visibleDisplay,!1):l.vis.setDisplay(null));const w=l.currentPath,a=C(o,w),m={element:o,parent:o.parentElement,nextSibling:o.nextElementSibling,applyScrollPolicy:a};F(w,"in",m)},xt=(o,s,l,w=!0)=>{const a=p.get(o),m=(a==null?void 0:a.pendingOutPath)??(a==null?void 0:a.currentPath)??s;if(a&&(a.vis.stop(),p.delete(o),T.delete(o),a.intent==="hidden")){f.cancel(R=>R.element===o);return}if(!w)return;const E=l??h(o),N={element:o,parent:E.parent,nextSibling:E.nextSibling,mode:"unmount"};F(m,"out",N)},ft=new WeakSet,ht=(o,s,{enter:l=!0}={})=>{if(ft.has(s)){const m=p.get(s);if(m&&m.currentPath!==o){m.intent==="visible"&&m.pendingOutPath===null&&(m.pendingOutPath=m.currentPath),m.currentPath=o;const E=++m.pathRevision;queueMicrotask(()=>{m.pathRevision===E&&(m.pendingOutPath=null)})}return}ft.add(s),I(s);const w=te(s,{onHide:()=>dt(s,o),onShow:()=>kt(s,o)}),a={vis:w,savedCss:null,intent:w.isHidden?"hidden":"visible",visibleDisplay:"",computedDisplay:"block",currentPath:o,pendingOutPath:null,pathRevision:0};if(p.set(s,a),!w.isHidden&&(A(s,a),l)){const m=C(s,o),E={element:s,parent:s.parentElement,nextSibling:s.nextElementSibling,applyScrollPolicy:m};F(o,"in",E)}Jt(s,(m,E)=>xt(s,o,m,(E==null?void 0:E.emit)??!0),r)},pt=new Map;return{register:ht,refFor:o=>{let s=pt.get(o);return s||(s=l=>{l&&ht(o,l)},pt.set(o,s)),s}}}const Rt="data-ssgoi-root",ne=`[${Rt}]`,nt="data-ssgoi-transition",Tt=`[${nt}]`,oe="[data-ssgoi-clone]";function ie(){return typeof MutationObserver<"u"&&typeof HTMLElement<"u"&&typeof Node<"u"}function se(n){return n.nodeType===Node.ELEMENT_NODE}function re(n){return n instanceof HTMLElement}function At(n){let e=0,t=n.parentElement;for(;t;)e++,t=t.parentElement;return e}function Ct(n,e,t=n){const i=Array.from(n).sort((c,r)=>At(c)-At(r));for(const c of i){const r=c.getAttribute(nt);if(r===null)continue;let f=c.parentElement,u=!1;for(;f;){if(t.has(f)){u=!0;break}f=f.parentElement}e.register(r,c,{enter:!u})}}function le(n,e){if(!ie())return()=>{};n.setAttribute(Rt,"");const t=u=>u.closest(ne)===n,i=u=>!re(u)||!t(u)||u.closest(oe)||u.getAttribute(nt)===null?null:u,c=(u,v)=>{if(se(u)){if(u.matches(Tt)){const d=i(u);d&&v.add(d)}for(const d of u.querySelectorAll(Tt)){const g=i(d);g&&v.add(g)}}},r=new MutationObserver(u=>{const v=new Set,d=new Set;for(const g of u){if(g.type==="attributes"){const S=i(g.target);S&&v.add(S);continue}for(const S of g.addedNodes)c(S,d)}for(const g of d)v.add(g);Ct(v,e,d)});r.observe(n,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[nt]});const f=new Set;return c(n,f),Ct(f,e),()=>r.disconnect()}exports.Animation=ot.Animation;exports.MultiAnimation=ot.MultiAnimation;exports.WebAnimation=ot.WebAnimation;exports.HostAnimation=Mt;exports.createSggoiTransitionContext=ee;exports.observeSsgoiTransitions=le;
+"use strict";var _t=Object.defineProperty;var Nt=(n,e,t)=>e in n?_t(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var U=(n,e,t)=>Nt(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ht=require("./resolve-transition-rule-BL12rDDu.cjs"),ot=require("./multi-animation-B5hEmEgN.cjs");class Rt extends ot.Animation{constructor(){super(...arguments);U(this,"child",null);U(this,"_state","idle");U(this,"_settled",!1);U(this,"listeners",new Set)}attach(t){const i=this.child;if(this.child=t,this._settled=!1,i){const c=i.getPose();i.complete(),t.matchInto(c)}t.playbackRate=this.playbackRate;const a=t.onComplete;t.onComplete=()=>{a==null||a(),this.child===t&&(this.child=null,this._state="idle",this._settled=!0),this.notify()};const s=t.onUpdate;t.onUpdate=c=>{var u;s==null||s(c),(u=this.onUpdate)==null||u.call(this,c),this.notify()},this._state==="paused"?t.pause():this._state==="reversing"?t.reverse():(this._state="playing",t.play()),this.notify()}play(){var t;this._state="playing",this._settled=!1,(t=this.child)==null||t.play(),this.notify()}reverse(){var t;this._state="reversing",this._settled=!1,(t=this.child)==null||t.reverse(),this.notify()}pause(){var t;this._state="paused",(t=this.child)==null||t.pause(),this.notify()}complete(){var t;(t=this.child)==null||t.complete(),this.notify()}get isAnimating(){var t;return((t=this.child)==null?void 0:t.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var t;return((t=this.child)==null?void 0:t.isReversing)??this._state==="reversing"}get progress(){var t;return((t=this.child)==null?void 0:t.progress)??0}findTimeForProgress(t){var i;return((i=this.child)==null?void 0:i.findTimeForProgress(t))??null}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t,this.child&&(this.child.playbackRate=t),this.notify()}getPose(){var t;return((t=this.child)==null?void 0:t.getPose())??[]}getTimeline(){var t;return((t=this.child)==null?void 0:t.getTimeline())??[]}matchInto(t){var i;(i=this.child)==null||i.matchInto(t)}get activeChild(){return this.child}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}notify(){for(const t of this.listeners)t()}}const It=(n,e)=>{var t;n.style.position="absolute",n.style.width="100%",n.style.top=`${-1*(((t=e==null?void 0:e.scrollOffset)==null?void 0:t.y)??0)}px`,n.style.left="0"},vt=new Set(["auto","scroll","overlay"]),Ft=n=>{let e=n.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e);if(vt.has(t.overflowY)||vt.has(t.overflowX))return e;e=e.parentElement}return document.documentElement},Bt=n=>{let e=n.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return e;e=e.parentElement}return document.body};function Wt(n){const e=Object.keys(n);return Promise.all(e.map(t=>n[t])).then(t=>{const i={};return e.forEach((a,s)=>{i[a]=t[s]}),i})}const Xt=768,qt=10,zt=10;function Gt(n={}){const{resolvePath:e=p=>p}=n;let t=null,i=!1,a=!1;const s=()=>{const p=(t==null?void 0:t.clientWidth)??0,m=p>0?p:typeof window<"u"?window.innerWidth:0;return m>0&&m<Xt},c=()=>(a||(i=s(),a=!0),i),u=p=>`path:${e(p)}`;let h=null;const f=new Map;let y=null,b=!1,E=0,w=0,_=0;const q=()=>{t&&y&&!b&&f.set(u(y),{x:t.scrollLeft,y:t.scrollTop})},$=(p,m,A)=>{if(!t)return;const C=++w,L=u(p),R=m&&f.has(L)?f.get(L):{x:0,y:0};let x=0;const N=()=>{if(!t||A!==E||C!==w)return;m||f.set(L,R),t.scrollTo({top:R.y,left:R.x}),!(Math.abs(t.scrollTop-R.y)<1&&Math.abs(t.scrollLeft-R.x)<1)&&x<qt&&(x++,requestAnimationFrame(N))};requestAnimationFrame(N)};return{initializeContext:(p,m,A)=>{b=!0;const C=y===m?E:++E;h=p,t||(t=Ft(p),i=s(),a=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{i=s()}).observe(t),(t===document.documentElement?window:t).addEventListener("scroll",q,{passive:!0})),y=m;const L=u(m),R=f.get(L),x=F=>{C===E&&(_=C,F&&R&&f.set(L,R),$(m,F,C))};A!==void 0?x(A):requestAnimationFrame(()=>{_!==C&&C===E&&x(!1)});let N=0;const V=()=>{C===E&&(N++,N>=zt?b=!1:requestAnimationFrame(V))};return requestAnimationFrame(V),x},calculateScrollOffset:(p,m,A=!1)=>{const C=p?u(p):null,L=C&&f.has(C)?f.get(C):{x:0,y:0},R=m&&A?u(m):null,x=R&&f.has(R)?f.get(R):{x:0,y:0};return{x:-x.x+L.x,y:-x.y+L.y}},evictScrollPosition:p=>{f.delete(u(p))},getScrollContainer:()=>t,getPositionedParentElement:()=>h?Bt(h):document.body,getScrollPosition:(p,m=!0)=>{if(!m)return{x:0,y:0};const A=p?u(p):null;return A&&f.has(A)?f.get(A):{x:0,y:0}},getIsMobile:c}}const bt=30,wt=8,Et=1.2,St=30,Vt=600;function Kt(){let n=null,e=!1,t=!1,i=null,a=null,s=!1;const c=(g,S)=>{for(let k=0;k<g.length;k++){const M=g.item(k);if(M&&M.identifier===S)return M}return null},u=()=>{i!==null&&(clearTimeout(i),i=null)},h=()=>{a!==null&&(clearTimeout(a),a=null)},f=()=>{e=!0,t=!0,u(),h(),i=setTimeout(()=>{e=!1,t=!1,i=null},Vt)},y=g=>{if(g.touches.length!==1){n=null;return}const S=g.touches.item(0);if(!S){n=null;return}const k=window.innerWidth,M=S.clientX<=bt,I=S.clientX>=k-bt;if(!M&&!I){n=null;return}n={identifier:S.identifier,startX:S.clientX,startY:S.clientY,fromLeftEdge:M,moved:!1}},b=g=>{if(!n)return;if(g.touches.length!==1){n=null;return}const S=c(g.touches,n.identifier);if(!S){n=null;return}const k=S.clientX-n.startX,M=S.clientY-n.startY,I=Math.abs(k),p=Math.abs(M);if(p>wt&&p>I*Et){n=null;return}const m=n.fromLeftEdge?k>0:k<0;I>wt&&I>p*Et&&m&&(n.moved=!0)},E=g=>{if(!n)return;const S=c(g.changedTouches,n.identifier);if(!S){n=null;return}const k=S.clientX-n.startX,M=n.fromLeftEdge?k>0:k<0;if(n.moved&&M&&Math.abs(k)>=St){f(),n=null;return}n.moved&&Math.abs(k)>=St&&f(),n=null},w=()=>{n&&(n.moved&&f(),n=null)};return{initialize:()=>{if(typeof window>"u"||s)return;s=!0;const g={passive:!0,capture:!0};window.addEventListener("touchstart",y,g),window.addEventListener("touchmove",b,g),window.addEventListener("touchend",E,g),window.addEventListener("touchcancel",w,g)},destroy:()=>{if(typeof window>"u"||!s)return;s=!1;const g={capture:!0};window.removeEventListener("touchstart",y,g),window.removeEventListener("touchmove",b,g),window.removeEventListener("touchend",E,g),window.removeEventListener("touchcancel",w,g),u(),h(),n=null,e=!1,t=!1},isSwipeBack:()=>{const g=e||t;return g&&u(),g},onPageEnter:()=>{e=!1,u(),h(),a=setTimeout(()=>{t=!1,a=null},0)}}}function Ut(){let n=null,e=null,t=null;const i=()=>{t!==null&&clearTimeout(t),t=null},a=w=>{n=w,e=w,i(),t=setTimeout(()=>{e===w&&(e=null,n===w&&(n=null),t=null)},1e3)},s=()=>{if(e!==null){e=null,i();return}n="backward"};let c=null,u=null,h=null,f=null,y=null,b=null,E=null;return typeof window<"u"&&(window.addEventListener("popstate",s,!0),c=window.history,u=c.back,h=c.forward,f=c.go,y=()=>(a("backward"),u==null?void 0:u.call(c)),b=()=>(a("forward"),h==null?void 0:h.call(c)),E=(w=0)=>(w<0?a("backward"):w>0&&a("forward"),f==null?void 0:f.call(c,w)),c.back=y,c.forward=b,c.go=E),{resolve(w,_){const q=n??"forward";return n=null,q},dispose(){i(),typeof window<"u"&&window.removeEventListener("popstate",s,!0),c&&(c.back===y&&u&&(c.back=u),c.forward===b&&h&&(c.forward=h),c.go===E&&f&&(c.go=f))}}}function Yt(n={}){let e=null,t=null;function i(){var s,c;e&&((s=e.out)==null||s.resolve(null),(c=e.in)==null||c.resolve(null),e=null)}function a(){if(e!=null&&e.out&&e.in){if(e.out.path===e.in.path){i();return}const s={from:e.out.path,to:e.in.path,out:e.out.payload,in:e.in.payload};t=s,e.out.resolve(s),e.in.resolve(s),e=null}}return{arrive(s,c,u){return new Promise(h=>{var E,w;const f=t===null?null:c==="out"?{path:t.from,payload:t.out}:{path:t.to,payload:t.in};if((f==null?void 0:f.path)===s){h(null);return}c==="out"&&((E=e==null?void 0:e.in)==null?void 0:E.path)===s&&!e.out&&(e.in.resolve(null),e.in=void 0);const y=e==null?void 0:e[c];y&&y.path!==s&&i(),e||(e={});const b=e[c];if(b){if(((w=n.keepCurrent)==null?void 0:w.call(n,{type:c,path:s,current:b.payload,next:u}))??!1){h(null);return}b.resolve(null)}e[c]={path:s,payload:u,resolve:h},a()})},cancel(s){(e!=null&&e.out&&s(e.out.payload)||e!=null&&e.in&&s(e.in.payload))&&i(),(t&&s(t.out)||t&&s(t.in))&&(t=null)}}}const $t={},G=new Map;let Q=null,Tt=!1;function Ct(n,e,t){n instanceof HTMLElement&&G.has(n)&&!n.isConnected&&t.set(n,{entry:G.get(n),anchor:e});for(const i of Array.from(n.childNodes))Ct(i,e,t)}function jt(n){const e=new Set(Array.from(n.values(),({entry:t})=>t));for(const[t,{entry:i,anchor:a}]of n){G.delete(t);let s=i.parent,c=!1;for(;s;){if(s.group===i.group&&e.has(s)){c=!0;break}s=s.parent}queueMicrotask(()=>i.callback(a,{emit:!c}))}}function Zt(){if(Tt||typeof document>"u")return;Tt=!0,Q=new MutationObserver(e=>{const t=new Map;for(const i of e){const a={parent:i.target,nextSibling:i.nextSibling};for(const s of Array.from(i.removedNodes))Ct(s,a,t)}jt(t)});const n=()=>{Q==null||Q.observe(document.body,{childList:!0,subtree:!0})};document.body?n():document.addEventListener("DOMContentLoaded",n,{once:!0})}function Jt(n,e,t=$t){Zt();let i=n.parentElement,a=null;for(;i;){const s=G.get(i);if((s==null?void 0:s.group)===t){a=s;break}i=i.parentElement}return G.set(n,{element:n,callback:e,group:t,parent:a}),()=>{G.delete(n)}}const ut=new WeakMap;let tt=null;const et="none !important";function Y(n){const e=n.style.getPropertyValue("display");return n.style.getPropertyPriority("display")?`${e} !important`:e}function Qt(){return tt||(tt=new MutationObserver(n=>{for(const e of n){const t=e.target,i=ut.get(t);if(!i)continue;const a=Y(t);a!==i.accounted&&(i.accounted=a,a===et?(i.reactHidden=!0,i.onHide()):a!=="none"&&i.reactHidden&&(i.reactHidden=!1,i.onShow()))}}),tt)}function te(n,e){const t=Y(n),i={accounted:t,reactHidden:t===et,onHide:e.onHide,onShow:e.onShow};return ut.set(n,i),Qt().observe(n,{attributes:!0,attributeFilter:["style"]}),{get isHidden(){return Y(n)===et},setDisplay(a,s=!1){a===null?n.style.removeProperty("display"):n.style.setProperty("display",a,s?"important":""),i.accounted=Y(n)},sync(){i.accounted=Y(n),i.reactHidden=i.accounted===et},stop(){ut.delete(n)}}}function ee(n,e={}){const{transitions:t=[],middleware:i=(o,r)=>({from:o,to:r})}=n,a=e.host??new Rt,s={},c=Yt({keepCurrent:({current:o,next:r})=>o.element.contains(r.element)}),u=Ut(),h=typeof t=="function"?t:()=>t,f=Kt();f.initialize();const y=new Map,b=o=>{let r=y.get(o);return r===void 0&&(r=i(o,o).from,y.set(o,r)),r},{initializeContext:E,calculateScrollOffset:w,evictScrollPosition:_,getScrollContainer:q,getPositionedParentElement:$,getScrollPosition:j,getIsMobile:g}=Gt({resolvePath:b}),S=new Map,k=()=>{const o=g();let r=S.get(o);return r||(r=h({isMobile:o}),S.set(o,r)),r},M=new WeakMap,I=o=>{M.set(o,{parent:o.parentNode,nextSibling:o.nextSibling})},p=o=>{const r=M.get(o);return r||{parent:o.parentNode,nextSibling:o.nextSibling}},m=new WeakMap,A=new WeakMap;let C=0;const L=o=>{const r=typeof getComputedStyle<"u"?getComputedStyle(o).display:"";return r&&r!=="none"?r:"block"},R=(o,r)=>{r.visibleDisplay=o.style.getPropertyValue("display"),r.computedDisplay=L(o)},x=(o,r)=>{if(A.get(o)!==r)return;A.delete(o);const l=m.get(o);l&&(l.savedCss!==null&&(o.style.cssText=l.savedCss,l.savedCss=null),l.intent==="hidden"?l.vis.setDisplay("none",!0):l.visibleDisplay?(l.vis.setDisplay(l.visibleDisplay,!1),R(o,l)):(l.vis.setDisplay(null),R(o,l)))},N=(o,r)=>{if(o.mode!=="hidden")return;const l=Array.from(new Set([o.element,r==null?void 0:r.element].filter(Boolean))),P=++C;for(const d of l)A.set(d,P);a.complete();for(const d of l)x(d,P)},V=(o,r,l,P,d,v,T)=>{const H=d.element,O=v.element,B=(d.mode??"unmount")==="hidden",{parent:W,nextSibling:z}=d.parent?{parent:d.parent,nextSibling:d.nextSibling}:p(H),Z=w(l,P,T.to),rt={direction:r,scrollOffset:Z,from:{scroll:j(l)},to:{scroll:j(P,T.to)},get scrollingElement(){return q()||document.documentElement},get positionedParent(){return $()}};let D;if(B){D=H,D.style.top=`${-1*((Z==null?void 0:Z.y)??0)}px`;const X=m.get(O);X&&X.savedCss===null&&(X.savedCss=O.style.cssText)}else D=H,It(D,rt);T.from||_(l);const J=B?++C:0;B&&(A.set(O,J),A.set(H,J));const mt=Promise.resolve(D),yt=Promise.resolve(O),gt=[],Lt={from:mt,to:yt,context:rt,createElement:((X,st="div")=>{const K=document.createElement(st);return K.setAttribute("data-ssgoi-id",X),gt.push(K),K})},Dt=Promise.resolve(o.prepare?o.prepare(Lt):{});Wt({from:mt,to:yt,extras:Dt}).then(({from:X,to:st,extras:K})=>{!B&&W&&(z&&W.contains(z)?W.insertBefore(D,z):W.appendChild(D));const lt=o.animation({from:X,to:st,context:rt,...K}),ct=lt.onComplete;lt.onComplete=()=>{ct==null||ct(),B?(x(H,J),x(O,J)):D.parentNode&&D.parentNode.removeChild(D);for(const at of gt)at.parentNode&&at.parentNode.removeChild(at)},a.attach(lt)})},F=(o,r,l)=>{const P=f.isSwipeBack();c.arrive(o,r,l).then(d=>{var it,B,W,z;if(r==="in"&&f.onPageEnter(),!d){r==="out"&&N(l);return}if(r!=="in")return;const{from:v,to:T}=i(d.from,d.to),H=u.resolve(v,T),O=Ht.resolveTransitionRule(v,T,k(),H);if(!O){(B=(it=d.in).applyScrollPolicy)==null||B.call(it,!1),_(d.from),N(d.out,d.in);return}if((z=(W=d.in).applyScrollPolicy)==null||z.call(W,O.preserveScroll.to),P){O.preserveScroll.from||_(d.from),N(d.out,d.in);return}V(O.transition,O.direction,d.from,d.to,d.out,d.in,O.preserveScroll)})},dt=(o,r)=>{const l=m.get(o);if(!l)return;const P=l.intent==="hidden";if(l.intent="hidden",l.savedCss===null&&(l.savedCss=o.style.cssText),l.vis.setDisplay(l.computedDisplay||"block",!0),o.style.position="absolute",o.style.width="100%",o.style.left="0",P)return;const d=p(o),v={element:o,parent:d.parent,nextSibling:d.nextSibling,mode:"hidden"},T=l.pendingOutPath??l.currentPath??r;l.pendingOutPath=null,F(T,"out",v)},Ot=(o,r)=>{const l=m.get(o);if(!l||l.intent==="visible")return;l.intent="visible",l.currentPath=o.getAttribute("data-ssgoi-transition")??l.currentPath??r,l.pendingOutPath=null,l.pathRevision++,R(o,l),l.savedCss!==null&&(o.style.cssText=l.savedCss,l.visibleDisplay?l.vis.setDisplay(l.visibleDisplay,!1):l.vis.setDisplay(null));const P=l.currentPath,d=E(o,P),v={element:o,parent:o.parentElement,nextSibling:o.nextElementSibling,applyScrollPolicy:d};F(P,"in",v)},xt=(o,r,l,P=!0)=>{const d=m.get(o),v=(d==null?void 0:d.pendingOutPath)??(d==null?void 0:d.currentPath)??r;if(d&&(d.vis.stop(),m.delete(o),A.delete(o),d.intent==="hidden")){c.cancel(O=>O.element===o);return}if(!P)return;const T=l??p(o),H={element:o,parent:T.parent,nextSibling:T.nextSibling,mode:"unmount"};F(v,"out",H)},ft=new WeakSet,ht=(o,r,{enter:l=!0}={})=>{if(ft.has(r)){const v=m.get(r);if(v&&v.currentPath!==o){v.intent==="visible"&&v.pendingOutPath===null&&(v.pendingOutPath=v.currentPath),v.currentPath=o;const T=++v.pathRevision;queueMicrotask(()=>{v.pathRevision===T&&(v.pendingOutPath=null)})}return}ft.add(r),I(r);const P=te(r,{onHide:()=>dt(r,o),onShow:()=>Ot(r,o)}),d={vis:P,savedCss:null,intent:P.isHidden?"hidden":"visible",visibleDisplay:"",computedDisplay:"block",currentPath:o,pendingOutPath:null,pathRevision:0};if(m.set(r,d),!P.isHidden&&(R(r,d),l)){const v=E(r,o),T={element:r,parent:r.parentElement,nextSibling:r.nextElementSibling,applyScrollPolicy:v};F(o,"in",T)}Jt(r,(v,T)=>xt(r,o,v,(T==null?void 0:T.emit)??!0),s)},pt=new Map;return{register:ht,refFor:o=>{let r=pt.get(o);return r||(r=l=>{l&&ht(o,l)},pt.set(o,r)),r}}}const Mt="data-ssgoi-root",ne=`[${Mt}]`,nt="data-ssgoi-transition",Pt=`[${nt}]`,oe="[data-ssgoi-clone]";function ie(){return typeof MutationObserver<"u"&&typeof HTMLElement<"u"&&typeof Node<"u"}function re(n){return n.nodeType===Node.ELEMENT_NODE}function se(n){return n instanceof HTMLElement}function kt(n){let e=0,t=n.parentElement;for(;t;)e++,t=t.parentElement;return e}function At(n,e,t=n){const i=Array.from(n).sort((a,s)=>kt(a)-kt(s));for(const a of i){const s=a.getAttribute(nt);if(s===null)continue;let c=a.parentElement,u=!1;for(;c;){if(t.has(c)){u=!0;break}c=c.parentElement}e.register(s,a,{enter:!u})}}function le(n,e){if(!ie())return()=>{};n.setAttribute(Mt,"");const t=u=>u.closest(ne)===n,i=u=>!se(u)||!t(u)||u.closest(oe)||u.getAttribute(nt)===null?null:u,a=(u,h)=>{if(re(u)){if(u.matches(Pt)){const f=i(u);f&&h.add(f)}for(const f of u.querySelectorAll(Pt)){const y=i(f);y&&h.add(y)}}},s=new MutationObserver(u=>{const h=new Set,f=new Set;for(const y of u){if(y.type==="attributes"){const b=i(y.target);b&&h.add(b);continue}for(const b of y.addedNodes)a(b,f)}for(const y of f)h.add(y);At(h,e,f)});s.observe(n,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[nt]});const c=new Set;return a(n,c),At(c,e),()=>s.disconnect()}exports.Animation=ot.Animation;exports.MultiAnimation=ot.MultiAnimation;exports.WebAnimation=ot.WebAnimation;exports.HostAnimation=Rt;exports.createSggoiTransitionContext=ee;exports.observeSsgoiTransitions=le;

package/dist/internal.js

@@ -1,32 +1,32 @@
 var Lt = Object.defineProperty;
 var Dt = (n, e, t) => e in n ? Lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var K = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
+var U = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
 import { r as _t } from "./resolve-transition-rule-DbkMu0rm.js";
 import { A as Nt } from "./multi-animation-DyZGEfKy.js";
-import { M as ye, W as me } from "./multi-animation-DyZGEfKy.js";
+import { M as me, W as ye } from "./multi-animation-DyZGEfKy.js";
 class It extends Nt {
   constructor() {
     super(...arguments);
-    K(this, "child", null);
-    K(this, "_state", "idle");
-    K(this, "_settled", !1);
-    K(this, "listeners", /* @__PURE__ */ new Set());
+    U(this, "child", null);
+    U(this, "_state", "idle");
+    U(this, "_settled", !1);
+    U(this, "listeners", /* @__PURE__ */ new Set());
   }
   attach(t) {
     const i = this.child;
     if (this.child = t, this._settled = !1, i) {
-      const f = i.getPose();
-      i.complete(), t.matchInto(f);
+      const c = i.getPose();
+      i.complete(), t.matchInto(c);
     }
     t.playbackRate = this.playbackRate;
-    const c = t.onComplete;
+    const a = t.onComplete;
     t.onComplete = () => {
-      c == null || c(), this.child === t && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
+      a == null || a(), this.child === t && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
     };
-    const r = t.onUpdate;
-    t.onUpdate = (f) => {
+    const s = t.onUpdate;
+    t.onUpdate = (c) => {
       var u;
-      r == null || r(f), (u = this.onUpdate) == null || u.call(this, f), this.notify();
+      s == null || s(c), (u = this.onUpdate) == null || u.call(this, c), this.notify();
     }, this._state === "paused" ? t.pause() : this._state === "reversing" ? t.reverse() : (this._state = "playing", t.play()), this.notify();
   }
   play() {
@@ -125,266 +125,277 @@ function Wt(n) {
   const e = Object.keys(n);
   return Promise.all(e.map((t) => n[t])).then((t) => {
     const i = {};
-    return e.forEach((c, r) => {
-      i[c] = t[r];
+    return e.forEach((a, s) => {
+      i[a] = t[s];
     }), i;
   });
 }
 const Xt = 768, zt = 10, qt = 10;
 function Gt(n = {}) {
-  const { resolvePath: e = (h) => h } = n;
-  let t = null, i = !1, c = !1;
-  const r = () => {
-    const h = (t == null ? void 0 : t.clientWidth) ?? 0, p = h > 0 ? h : typeof window < "u" ? window.innerWidth : 0;
-    return p > 0 && p < Xt;
-  }, f = () => (c || (i = r(), c = !0), i), u = (h) => `path:${e(h)}`;
-  let v = null;
-  const d = /* @__PURE__ */ new Map();
-  let g = null, S = !1, M = 0, L = 0, I = 0;
-  const Y = () => {
-    t && g && !S && d.set(u(g), {
+  const { resolvePath: e = (p) => p } = n;
+  let t = null, i = !1, a = !1;
+  const s = () => {
+    const p = (t == null ? void 0 : t.clientWidth) ?? 0, m = p > 0 ? p : typeof window < "u" ? window.innerWidth : 0;
+    return m > 0 && m < Xt;
+  }, c = () => (a || (i = s(), a = !0), i), u = (p) => `path:${e(p)}`;
+  let h = null;
+  const f = /* @__PURE__ */ new Map();
+  let y = null, w = !1, E = 0, b = 0, _ = 0;
+  const z = () => {
+    t && y && !w && f.set(u(y), {
       x: t.scrollLeft,
       y: t.scrollTop
     });
-  }, $ = (h, p, T) => {
+  }, $ = (p, m, R) => {
     if (!t) return;
-    const O = ++L, x = u(h), C = p && d.has(x) ? d.get(x) : { x: 0, y: 0 };
-    let k = 0;
-    const _ = () => {
-      if (!t || T !== M || O !== L)
+    const M = ++b, L = u(p), C = m && f.has(L) ? f.get(L) : { x: 0, y: 0 };
+    let x = 0;
+    const N = () => {
+      if (!t || R !== E || M !== b)
         return;
-      p || d.set(x, C), t.scrollTo({
+      m || f.set(L, C), t.scrollTo({
         top: C.y,
         left: C.x
-      }), !(Math.abs(t.scrollTop - C.y) < 1 && Math.abs(t.scrollLeft - C.x) < 1) && k < zt && (k++, requestAnimationFrame(_));
+      }), !(Math.abs(t.scrollTop - C.y) < 1 && Math.abs(t.scrollLeft - C.x) < 1) && x < zt && (x++, requestAnimationFrame(N));
     };
-    requestAnimationFrame(_);
+    requestAnimationFrame(N);
   };
   return {
-    initializeContext: (h, p, T) => {
-      S = !0;
-      const O = g === p ? M : ++M;
-      v = h, t || (t = Ft(h), i = r(), c = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        i = r();
-      }).observe(t), (t === document.documentElement ? window : t).addEventListener("scroll", Y, {
+    initializeContext: (p, m, R) => {
+      w = !0;
+      const M = y === m ? E : ++E;
+      h = p, t || (t = Ft(p), i = s(), a = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        i = s();
+      }).observe(t), (t === document.documentElement ? window : t).addEventListener("scroll", z, {
         passive: !0
-      })), g = p;
-      const x = u(p), C = d.get(x), k = (F) => {
-        O === M && (I = O, F && C && d.set(x, C), $(p, F, O));
+      })), y = m;
+      const L = u(m), C = f.get(L), x = (F) => {
+        M === E && (_ = M, F && C && f.set(L, C), $(m, F, M));
       };
-      T !== void 0 ? k(T) : requestAnimationFrame(() => {
-        I !== O && O === M && k(!1);
+      R !== void 0 ? x(R) : requestAnimationFrame(() => {
+        _ !== M && M === E && x(!1);
       });
-      let _ = 0;
-      const G = () => {
-        O === M && (_++, _ >= qt ? S = !1 : requestAnimationFrame(G));
+      let N = 0;
+      const V = () => {
+        M === E && (N++, N >= qt ? w = !1 : requestAnimationFrame(V));
       };
-      return requestAnimationFrame(G), k;
+      return requestAnimationFrame(V), x;
     },
-    calculateScrollOffset: (h, p, T = !1) => {
-      const O = h ? u(h) : null, x = O && d.has(O) ? d.get(O) : { x: 0, y: 0 }, C = p && T ? u(p) : null, k = C && d.has(C) ? d.get(C) : { x: 0, y: 0 };
+    calculateScrollOffset: (p, m, R = !1) => {
+      const M = p ? u(p) : null, L = M && f.has(M) ? f.get(M) : { x: 0, y: 0 }, C = m && R ? u(m) : null, x = C && f.has(C) ? f.get(C) : { x: 0, y: 0 };
       return {
-        x: -k.x + x.x,
-        y: -k.y + x.y
+        x: -x.x + L.x,
+        y: -x.y + L.y
       };
     },
-    evictScrollPosition: (h) => {
-      d.delete(u(h));
+    evictScrollPosition: (p) => {
+      f.delete(u(p));
     },
     getScrollContainer: () => t,
-    getPositionedParentElement: () => v ? Bt(v) : document.body,
-    getScrollPosition: (h, p = !0) => {
-      if (!p) return { x: 0, y: 0 };
-      const T = h ? u(h) : null;
-      return T && d.has(T) ? d.get(T) : { x: 0, y: 0 };
+    getPositionedParentElement: () => h ? Bt(h) : document.body,
+    getScrollPosition: (p, m = !0) => {
+      if (!m) return { x: 0, y: 0 };
+      const R = p ? u(p) : null;
+      return R && f.has(R) ? f.get(R) : { x: 0, y: 0 };
     },
     // Exposed so a functional `transitions` config can branch on device class.
-    getIsMobile: f
+    getIsMobile: c
   };
 }
-const vt = 30, bt = 8, Et = 1.2, wt = 30, Vt = 600;
+const vt = 30, wt = 8, bt = 1.2, Et = 30, Vt = 600;
 function Kt() {
-  let n = null, e = !1, t = !1, i = null, c = null, r = !1;
-  const f = (y, b) => {
-    for (let P = 0; P < y.length; P++) {
-      const R = y.item(P);
-      if (R && R.identifier === b) return R;
+  let n = null, e = !1, t = !1, i = null, a = null, s = !1;
+  const c = (g, S) => {
+    for (let k = 0; k < g.length; k++) {
+      const O = g.item(k);
+      if (O && O.identifier === S) return O;
     }
     return null;
   }, u = () => {
     i !== null && (clearTimeout(i), i = null);
-  }, v = () => {
-    c !== null && (clearTimeout(c), c = null);
-  }, d = () => {
-    e = !0, t = !0, u(), v(), i = setTimeout(() => {
+  }, h = () => {
+    a !== null && (clearTimeout(a), a = null);
+  }, f = () => {
+    e = !0, t = !0, u(), h(), i = setTimeout(() => {
       e = !1, t = !1, i = null;
     }, Vt);
-  }, g = (y) => {
-    if (y.touches.length !== 1) {
+  }, y = (g) => {
+    if (g.touches.length !== 1) {
       n = null;
       return;
     }
-    const b = y.touches.item(0);
-    if (!b) {
+    const S = g.touches.item(0);
+    if (!S) {
       n = null;
       return;
     }
-    const P = window.innerWidth, R = b.clientX <= vt, H = b.clientX >= P - vt;
-    if (!R && !H) {
+    const k = window.innerWidth, O = S.clientX <= vt, H = S.clientX >= k - vt;
+    if (!O && !H) {
       n = null;
       return;
     }
     n = {
-      identifier: b.identifier,
-      startX: b.clientX,
-      startY: b.clientY,
-      fromLeftEdge: R,
+      identifier: S.identifier,
+      startX: S.clientX,
+      startY: S.clientY,
+      fromLeftEdge: O,
       moved: !1
     };
-  }, S = (y) => {
+  }, w = (g) => {
     if (!n) return;
-    if (y.touches.length !== 1) {
+    if (g.touches.length !== 1) {
       n = null;
       return;
     }
-    const b = f(y.touches, n.identifier);
-    if (!b) {
+    const S = c(g.touches, n.identifier);
+    if (!S) {
       n = null;
       return;
     }
-    const P = b.clientX - n.startX, R = b.clientY - n.startY, H = Math.abs(P), h = Math.abs(R);
-    if (h > bt && h > H * Et) {
+    const k = S.clientX - n.startX, O = S.clientY - n.startY, H = Math.abs(k), p = Math.abs(O);
+    if (p > wt && p > H * bt) {
       n = null;
       return;
     }
-    const p = n.fromLeftEdge ? P > 0 : P < 0;
-    H > bt && H > h * Et && p && (n.moved = !0);
-  }, M = (y) => {
+    const m = n.fromLeftEdge ? k > 0 : k < 0;
+    H > wt && H > p * bt && m && (n.moved = !0);
+  }, E = (g) => {
     if (!n) return;
-    const b = f(y.changedTouches, n.identifier);
-    if (!b) {
+    const S = c(g.changedTouches, n.identifier);
+    if (!S) {
       n = null;
       return;
     }
-    const P = b.clientX - n.startX, R = n.fromLeftEdge ? P > 0 : P < 0;
-    if (n.moved && R && Math.abs(P) >= wt) {
-      d(), n = null;
+    const k = S.clientX - n.startX, O = n.fromLeftEdge ? k > 0 : k < 0;
+    if (n.moved && O && Math.abs(k) >= Et) {
+      f(), n = null;
       return;
     }
-    n.moved && Math.abs(P) >= wt && d(), n = null;
-  }, L = () => {
-    n && (n.moved && d(), n = null);
+    n.moved && Math.abs(k) >= Et && f(), n = null;
+  }, b = () => {
+    n && (n.moved && f(), n = null);
   };
   return { initialize: () => {
-    if (typeof window > "u" || r) return;
-    r = !0;
-    const y = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", g, y), window.addEventListener("touchmove", S, y), window.addEventListener("touchend", M, y), window.addEventListener("touchcancel", L, y);
+    if (typeof window > "u" || s) return;
+    s = !0;
+    const g = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", y, g), window.addEventListener("touchmove", w, g), window.addEventListener("touchend", E, g), window.addEventListener("touchcancel", b, g);
   }, destroy: () => {
-    if (typeof window > "u" || !r) return;
-    r = !1;
-    const y = { capture: !0 };
-    window.removeEventListener("touchstart", g, y), window.removeEventListener("touchmove", S, y), window.removeEventListener("touchend", M, y), window.removeEventListener("touchcancel", L, y), u(), v(), n = null, e = !1, t = !1;
+    if (typeof window > "u" || !s) return;
+    s = !1;
+    const g = { capture: !0 };
+    window.removeEventListener("touchstart", y, g), window.removeEventListener("touchmove", w, g), window.removeEventListener("touchend", E, g), window.removeEventListener("touchcancel", b, g), u(), h(), n = null, e = !1, t = !1;
   }, isSwipeBack: () => {
-    const y = e || t;
-    return y && u(), y;
+    const g = e || t;
+    return g && u(), g;
   }, onPageEnter: () => {
-    e = !1, u(), v(), c = setTimeout(() => {
-      t = !1, c = null;
+    e = !1, u(), h(), a = setTimeout(() => {
+      t = !1, a = null;
     }, 0);
   } };
 }
 function Ut() {
-  let n = !1;
-  const e = () => {
-    n = !0;
+  let n = null, e = null, t = null;
+  const i = () => {
+    t !== null && clearTimeout(t), t = null;
+  }, a = (b) => {
+    n = b, e = b, i(), t = setTimeout(() => {
+      e === b && (e = null, n === b && (n = null), t = null);
+    }, 1e3);
+  }, s = () => {
+    if (e !== null) {
+      e = null, i();
+      return;
+    }
+    n = "backward";
   };
-  return typeof window < "u" && window.addEventListener("popstate", e), {
-    resolve(t, i) {
-      const c = n ? "backward" : "forward";
-      return n = !1, c;
+  let c = null, u = null, h = null, f = null, y = null, w = null, E = null;
+  return typeof window < "u" && (window.addEventListener("popstate", s, !0), c = window.history, u = c.back, h = c.forward, f = c.go, y = () => (a("backward"), u == null ? void 0 : u.call(c)), w = () => (a("forward"), h == null ? void 0 : h.call(c)), E = (b = 0) => (b < 0 ? a("backward") : b > 0 && a("forward"), f == null ? void 0 : f.call(c, b)), c.back = y, c.forward = w, c.go = E), {
+    resolve(b, _) {
+      const z = n ?? "forward";
+      return n = null, z;
     },
     dispose() {
-      typeof window < "u" && window.removeEventListener("popstate", e);
+      i(), typeof window < "u" && window.removeEventListener("popstate", s, !0), c && (c.back === y && u && (c.back = u), c.forward === w && h && (c.forward = h), c.go === E && f && (c.go = f));
     }
   };
 }
 function Yt(n = {}) {
   let e = null, t = null;
   function i() {
-    var r, f;
-    e && ((r = e.out) == null || r.resolve(null), (f = e.in) == null || f.resolve(null), e = null);
+    var s, c;
+    e && ((s = e.out) == null || s.resolve(null), (c = e.in) == null || c.resolve(null), e = null);
   }
-  function c() {
+  function a() {
     if (e != null && e.out && e.in) {
       if (e.out.path === e.in.path) {
         i();
         return;
       }
-      const r = {
+      const s = {
         from: e.out.path,
         to: e.in.path,
         out: e.out.payload,
         in: e.in.payload
       };
-      t = r, e.out.resolve(r), e.in.resolve(r), e = null;
+      t = s, e.out.resolve(s), e.in.resolve(s), e = null;
     }
   }
   return {
-    arrive(r, f, u) {
-      return new Promise((v) => {
-        var M, L;
-        const d = t === null ? null : f === "out" ? { path: t.from, payload: t.out } : { path: t.to, payload: t.in };
-        if ((d == null ? void 0 : d.path) === r) {
-          v(null);
+    arrive(s, c, u) {
+      return new Promise((h) => {
+        var E, b;
+        const f = t === null ? null : c === "out" ? { path: t.from, payload: t.out } : { path: t.to, payload: t.in };
+        if ((f == null ? void 0 : f.path) === s) {
+          h(null);
           return;
         }
-        f === "out" && ((M = e == null ? void 0 : e.in) == null ? void 0 : M.path) === r && !e.out && (e.in.resolve(null), e.in = void 0);
-        const g = e == null ? void 0 : e[f];
-        g && g.path !== r && i(), e || (e = {});
-        const S = e[f];
-        if (S) {
-          if (((L = n.keepCurrent) == null ? void 0 : L.call(n, {
-            type: f,
-            path: r,
-            current: S.payload,
+        c === "out" && ((E = e == null ? void 0 : e.in) == null ? void 0 : E.path) === s && !e.out && (e.in.resolve(null), e.in = void 0);
+        const y = e == null ? void 0 : e[c];
+        y && y.path !== s && i(), e || (e = {});
+        const w = e[c];
+        if (w) {
+          if (((b = n.keepCurrent) == null ? void 0 : b.call(n, {
+            type: c,
+            path: s,
+            current: w.payload,
             next: u
           })) ?? !1) {
-            v(null);
+            h(null);
             return;
           }
-          S.resolve(null);
+          w.resolve(null);
         }
-        e[f] = { path: r, payload: u, resolve: v }, c();
+        e[c] = { path: s, payload: u, resolve: h }, a();
       });
     },
-    cancel(r) {
-      (e != null && e.out && r(e.out.payload) || e != null && e.in && r(e.in.payload)) && i(), (t && r(t.out) || t && r(t.in)) && (t = null);
+    cancel(s) {
+      (e != null && e.out && s(e.out.payload) || e != null && e.in && s(e.in.payload)) && i(), (t && s(t.out) || t && s(t.in)) && (t = null);
     }
   };
 }
-const $t = {}, q = /* @__PURE__ */ new Map();
+const $t = {}, G = /* @__PURE__ */ new Map();
 let Q = null, St = !1;
-function Mt(n, e, t) {
-  n instanceof HTMLElement && q.has(n) && !n.isConnected && t.set(n, { entry: q.get(n), anchor: e });
+function Rt(n, e, t) {
+  n instanceof HTMLElement && G.has(n) && !n.isConnected && t.set(n, { entry: G.get(n), anchor: e });
   for (const i of Array.from(n.childNodes))
-    Mt(i, e, t);
+    Rt(i, e, t);
 }
 function Zt(n) {
   const e = new Set(
     Array.from(n.values(), ({ entry: t }) => t)
   );
-  for (const [t, { entry: i, anchor: c }] of n) {
-    q.delete(t);
-    let r = i.parent, f = !1;
-    for (; r; ) {
-      if (r.group === i.group && e.has(r)) {
-        f = !0;
+  for (const [t, { entry: i, anchor: a }] of n) {
+    G.delete(t);
+    let s = i.parent, c = !1;
+    for (; s; ) {
+      if (s.group === i.group && e.has(s)) {
+        c = !0;
         break;
       }
-      r = r.parent;
+      s = s.parent;
     }
-    queueMicrotask(() => i.callback(c, { emit: !f }));
+    queueMicrotask(() => i.callback(a, { emit: !c }));
   }
 }
 function jt() {
@@ -392,12 +403,12 @@ function jt() {
   St = !0, Q = new MutationObserver((e) => {
     const t = /* @__PURE__ */ new Map();
     for (const i of e) {
-      const c = {
+      const a = {
         parent: i.target,
         nextSibling: i.nextSibling
       };
-      for (const r of Array.from(i.removedNodes))
-        Mt(r, c, t);
+      for (const s of Array.from(i.removedNodes))
+        Rt(s, a, t);
     }
     Zt(t);
   });
@@ -408,28 +419,28 @@ function jt() {
 }
 function Jt(n, e, t = $t) {
   jt();
-  let i = n.parentElement, c = null;
+  let i = n.parentElement, a = null;
   for (; i; ) {
-    const r = q.get(i);
-    if ((r == null ? void 0 : r.group) === t) {
-      c = r;
+    const s = G.get(i);
+    if ((s == null ? void 0 : s.group) === t) {
+      a = s;
       break;
     }
     i = i.parentElement;
   }
-  return q.set(n, {
+  return G.set(n, {
     element: n,
     callback: e,
     group: t,
-    parent: c
+    parent: a
   }), () => {
-    q.delete(n);
+    G.delete(n);
   };
 }
 const at = /* @__PURE__ */ new WeakMap();
 let tt = null;
 const et = "none !important";
-function U(n) {
+function Y(n) {
   const e = n.style.getPropertyValue("display");
   return n.style.getPropertyPriority("display") ? `${e} !important` : e;
 }
@@ -438,13 +449,13 @@ function Qt() {
     for (const e of n) {
       const t = e.target, i = at.get(t);
       if (!i) continue;
-      const c = U(t);
-      c !== i.accounted && (i.accounted = c, c === et ? (i.reactHidden = !0, i.onHide()) : c !== "none" && i.reactHidden && (i.reactHidden = !1, i.onShow()));
+      const a = Y(t);
+      a !== i.accounted && (i.accounted = a, a === et ? (i.reactHidden = !0, i.onHide()) : a !== "none" && i.reactHidden && (i.reactHidden = !1, i.onShow()));
     }
   }), tt);
 }
 function te(n, e) {
-  const t = U(n), i = {
+  const t = Y(n), i = {
     accounted: t,
     reactHidden: t === et,
     onHide: e.onHide,
@@ -455,17 +466,17 @@ function te(n, e) {
     attributeFilter: ["style"]
   }), {
     get isHidden() {
-      return U(n) === et;
+      return Y(n) === et;
     },
-    setDisplay(c, r = !1) {
-      c === null ? n.style.removeProperty("display") : n.style.setProperty(
+    setDisplay(a, s = !1) {
+      a === null ? n.style.removeProperty("display") : n.style.setProperty(
         "display",
-        c,
-        r ? "important" : ""
-      ), i.accounted = U(n);
+        a,
+        s ? "important" : ""
+      ), i.accounted = Y(n);
     },
     sync() {
-      i.accounted = U(n), i.reactHidden = i.accounted === et;
+      i.accounted = Y(n), i.reactHidden = i.accounted === et;
     },
     stop() {
       at.delete(n);
@@ -473,73 +484,73 @@ function te(n, e) {
   };
 }
 function de(n, e = {}) {
-  const { transitions: t = [], middleware: i = (o, s) => ({ from: o, to: s }) } = n, c = e.host ?? new It(), r = {}, f = Yt({
+  const { transitions: t = [], middleware: i = (o, r) => ({ from: o, to: r }) } = n, a = e.host ?? new It(), s = {}, c = Yt({
     // Nested boundaries can be discovered in separate MutationObserver
     // batches (notably when Suspense reveals a child later). When the same
     // side/path repeats before pairing, the outermost DOM boundary owns it.
-    keepCurrent: ({ current: o, next: s }) => o.element.contains(s.element)
-  }), u = Ut(), v = typeof t == "function" ? t : () => t, d = Kt();
-  d.initialize();
-  const g = /* @__PURE__ */ new Map(), S = (o) => {
-    let s = g.get(o);
-    return s === void 0 && (s = i(o, o).from, g.set(o, s)), s;
+    keepCurrent: ({ current: o, next: r }) => o.element.contains(r.element)
+  }), u = Ut(), h = typeof t == "function" ? t : () => t, f = Kt();
+  f.initialize();
+  const y = /* @__PURE__ */ new Map(), w = (o) => {
+    let r = y.get(o);
+    return r === void 0 && (r = i(o, o).from, y.set(o, r)), r;
   }, {
-    initializeContext: M,
-    calculateScrollOffset: L,
-    evictScrollPosition: I,
-    getScrollContainer: Y,
+    initializeContext: E,
+    calculateScrollOffset: b,
+    evictScrollPosition: _,
+    getScrollContainer: z,
     getPositionedParentElement: $,
     getScrollPosition: Z,
-    getIsMobile: y
-  } = Gt({ resolvePath: S }), b = /* @__PURE__ */ new Map(), P = () => {
-    const o = y();
-    let s = b.get(o);
-    return s || (s = v({ isMobile: o }), b.set(o, s)), s;
-  }, R = /* @__PURE__ */ new WeakMap(), H = (o) => {
-    R.set(o, {
+    getIsMobile: g
+  } = Gt({ resolvePath: w }), S = /* @__PURE__ */ new Map(), k = () => {
+    const o = g();
+    let r = S.get(o);
+    return r || (r = h({ isMobile: o }), S.set(o, r)), r;
+  }, O = /* @__PURE__ */ new WeakMap(), H = (o) => {
+    O.set(o, {
       parent: o.parentNode,
       nextSibling: o.nextSibling
     });
-  }, h = (o) => {
-    const s = R.get(o);
-    return s || {
+  }, p = (o) => {
+    const r = O.get(o);
+    return r || {
       parent: o.parentNode,
       nextSibling: o.nextSibling
     };
-  }, p = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
-  let O = 0;
-  const x = (o) => {
-    const s = typeof getComputedStyle < "u" ? getComputedStyle(o).display : "";
-    return s && s !== "none" ? s : "block";
-  }, C = (o, s) => {
-    s.visibleDisplay = o.style.getPropertyValue("display"), s.computedDisplay = x(o);
-  }, k = (o, s) => {
-    if (T.get(o) !== s) return;
-    T.delete(o);
-    const l = p.get(o);
+  }, m = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
+  let M = 0;
+  const L = (o) => {
+    const r = typeof getComputedStyle < "u" ? getComputedStyle(o).display : "";
+    return r && r !== "none" ? r : "block";
+  }, C = (o, r) => {
+    r.visibleDisplay = o.style.getPropertyValue("display"), r.computedDisplay = L(o);
+  }, x = (o, r) => {
+    if (R.get(o) !== r) return;
+    R.delete(o);
+    const l = m.get(o);
     l && (l.savedCss !== null && (o.style.cssText = l.savedCss, l.savedCss = null), l.intent === "hidden" ? l.vis.setDisplay("none", !0) : l.visibleDisplay ? (l.vis.setDisplay(l.visibleDisplay, !1), C(o, l)) : (l.vis.setDisplay(null), C(o, l)));
-  }, _ = (o, s) => {
+  }, N = (o, r) => {
     if (o.mode !== "hidden") return;
     const l = Array.from(
-      new Set([o.element, s == null ? void 0 : s.element].filter(Boolean))
-    ), w = ++O;
-    for (const a of l) T.set(a, w);
-    c.complete();
-    for (const a of l) k(a, w);
-  }, G = (o, s, l, w, a, m, E) => {
-    const N = a.element, A = m.element, B = (a.mode ?? "unmount") === "hidden", { parent: W, nextSibling: z } = a.parent ? { parent: a.parent, nextSibling: a.nextSibling } : h(N), j = L(
+      new Set([o.element, r == null ? void 0 : r.element].filter(Boolean))
+    ), P = ++M;
+    for (const d of l) R.set(d, P);
+    a.complete();
+    for (const d of l) x(d, P);
+  }, V = (o, r, l, P, d, v, T) => {
+    const I = d.element, A = v.element, B = (d.mode ?? "unmount") === "hidden", { parent: W, nextSibling: q } = d.parent ? { parent: d.parent, nextSibling: d.nextSibling } : p(I), j = b(
       l,
-      w,
-      E.to
+      P,
+      T.to
     ), it = {
-      direction: s,
+      direction: r,
       scrollOffset: j,
       from: { scroll: Z(l) },
       to: {
-        scroll: Z(w, E.to)
+        scroll: Z(P, T.to)
       },
       get scrollingElement() {
-        return Y() || document.documentElement;
+        return z() || document.documentElement;
       },
       get positionedParent() {
         return $();
@@ -547,244 +558,244 @@ function de(n, e = {}) {
     };
     let D;
     if (B) {
-      D = N, D.style.top = `${-1 * ((j == null ? void 0 : j.y) ?? 0)}px`;
-      const X = p.get(A);
+      D = I, D.style.top = `${-1 * ((j == null ? void 0 : j.y) ?? 0)}px`;
+      const X = m.get(A);
       X && X.savedCss === null && (X.savedCss = A.style.cssText);
     } else
-      D = N, Ht(D, it);
-    E.from || I(l);
-    const J = B ? ++O : 0;
-    B && (T.set(A, J), T.set(N, J));
-    const pt = Promise.resolve(D), yt = Promise.resolve(A), mt = [], kt = {
+      D = I, Ht(D, it);
+    T.from || _(l);
+    const J = B ? ++M : 0;
+    B && (R.set(A, J), R.set(I, J));
+    const pt = Promise.resolve(D), mt = Promise.resolve(A), yt = [], At = {
       from: pt,
-      to: yt,
+      to: mt,
       context: it,
-      createElement: ((X, st = "div") => {
-        const V = document.createElement(st);
-        return V.setAttribute("data-ssgoi-id", X), mt.push(V), V;
+      createElement: ((X, rt = "div") => {
+        const K = document.createElement(rt);
+        return K.setAttribute("data-ssgoi-id", X), yt.push(K), K;
       })
     }, xt = Promise.resolve(
-      o.prepare ? o.prepare(kt) : {}
+      o.prepare ? o.prepare(At) : {}
     );
     Wt({
       from: pt,
-      to: yt,
+      to: mt,
       extras: xt
-    }).then(({ from: X, to: st, extras: V }) => {
-      !B && W && (z && W.contains(z) ? W.insertBefore(D, z) : W.appendChild(D));
-      const rt = o.animation({
+    }).then(({ from: X, to: rt, extras: K }) => {
+      !B && W && (q && W.contains(q) ? W.insertBefore(D, q) : W.appendChild(D));
+      const st = o.animation({
         from: X,
-        to: st,
+        to: rt,
         context: it,
-        ...V
-      }), lt = rt.onComplete;
-      rt.onComplete = () => {
-        lt == null || lt(), B ? (k(N, J), k(A, J)) : D.parentNode && D.parentNode.removeChild(D);
-        for (const ct of mt)
+        ...K
+      }), lt = st.onComplete;
+      st.onComplete = () => {
+        lt == null || lt(), B ? (x(I, J), x(A, J)) : D.parentNode && D.parentNode.removeChild(D);
+        for (const ct of yt)
           ct.parentNode && ct.parentNode.removeChild(ct);
-      }, c.attach(rt);
+      }, a.attach(st);
     });
-  }, F = (o, s, l) => {
-    const w = d.isSwipeBack();
-    f.arrive(o, s, l).then((a) => {
-      var ot, B, W, z;
-      if (s === "in" && d.onPageEnter(), !a) {
-        s === "out" && _(l);
+  }, F = (o, r, l) => {
+    const P = f.isSwipeBack();
+    c.arrive(o, r, l).then((d) => {
+      var ot, B, W, q;
+      if (r === "in" && f.onPageEnter(), !d) {
+        r === "out" && N(l);
         return;
       }
-      if (s !== "in") return;
-      const { from: m, to: E } = i(
-        a.from,
-        a.to
-      ), N = u.resolve(
-        m,
-        E
+      if (r !== "in") return;
+      const { from: v, to: T } = i(
+        d.from,
+        d.to
+      ), I = u.resolve(
+        v,
+        T
       ), A = _t(
-        m,
-        E,
-        P(),
-        N
+        v,
+        T,
+        k(),
+        I
       );
       if (!A) {
-        (B = (ot = a.in).applyScrollPolicy) == null || B.call(ot, !1), I(a.from), _(a.out, a.in);
+        (B = (ot = d.in).applyScrollPolicy) == null || B.call(ot, !1), _(d.from), N(d.out, d.in);
         return;
       }
-      if ((z = (W = a.in).applyScrollPolicy) == null || z.call(W, A.preserveScroll.to), w) {
-        A.preserveScroll.from || I(a.from), _(a.out, a.in);
+      if ((q = (W = d.in).applyScrollPolicy) == null || q.call(W, A.preserveScroll.to), P) {
+        A.preserveScroll.from || _(d.from), N(d.out, d.in);
         return;
       }
-      G(
+      V(
         A.transition,
         A.direction,
-        a.from,
-        a.to,
-        a.out,
-        a.in,
+        d.from,
+        d.to,
+        d.out,
+        d.in,
         A.preserveScroll
       );
     });
-  }, ut = (o, s) => {
-    const l = p.get(o);
+  }, ut = (o, r) => {
+    const l = m.get(o);
     if (!l) return;
-    const w = l.intent === "hidden";
-    if (l.intent = "hidden", l.savedCss === null && (l.savedCss = o.style.cssText), l.vis.setDisplay(l.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", w) return;
-    const a = h(o), m = {
+    const P = l.intent === "hidden";
+    if (l.intent = "hidden", l.savedCss === null && (l.savedCss = o.style.cssText), l.vis.setDisplay(l.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", P) return;
+    const d = p(o), v = {
       element: o,
-      parent: a.parent,
-      nextSibling: a.nextSibling,
+      parent: d.parent,
+      nextSibling: d.nextSibling,
       mode: "hidden"
-    }, E = l.pendingOutPath ?? l.currentPath ?? s;
-    l.pendingOutPath = null, F(E, "out", m);
-  }, Rt = (o, s) => {
-    const l = p.get(o);
+    }, T = l.pendingOutPath ?? l.currentPath ?? r;
+    l.pendingOutPath = null, F(T, "out", v);
+  }, Mt = (o, r) => {
+    const l = m.get(o);
     if (!l || l.intent === "visible") return;
-    l.intent = "visible", l.currentPath = o.getAttribute("data-ssgoi-transition") ?? l.currentPath ?? s, l.pendingOutPath = null, l.pathRevision++, C(o, l), l.savedCss !== null && (o.style.cssText = l.savedCss, l.visibleDisplay ? l.vis.setDisplay(l.visibleDisplay, !1) : l.vis.setDisplay(null));
-    const w = l.currentPath, a = M(o, w), m = {
+    l.intent = "visible", l.currentPath = o.getAttribute("data-ssgoi-transition") ?? l.currentPath ?? r, l.pendingOutPath = null, l.pathRevision++, C(o, l), l.savedCss !== null && (o.style.cssText = l.savedCss, l.visibleDisplay ? l.vis.setDisplay(l.visibleDisplay, !1) : l.vis.setDisplay(null));
+    const P = l.currentPath, d = E(o, P), v = {
       element: o,
       parent: o.parentElement,
       nextSibling: o.nextElementSibling,
-      applyScrollPolicy: a
+      applyScrollPolicy: d
     };
-    F(w, "in", m);
-  }, At = (o, s, l, w = !0) => {
-    const a = p.get(o), m = (a == null ? void 0 : a.pendingOutPath) ?? (a == null ? void 0 : a.currentPath) ?? s;
-    if (a && (a.vis.stop(), p.delete(o), T.delete(o), a.intent === "hidden")) {
-      f.cancel((A) => A.element === o);
+    F(P, "in", v);
+  }, Ot = (o, r, l, P = !0) => {
+    const d = m.get(o), v = (d == null ? void 0 : d.pendingOutPath) ?? (d == null ? void 0 : d.currentPath) ?? r;
+    if (d && (d.vis.stop(), m.delete(o), R.delete(o), d.intent === "hidden")) {
+      c.cancel((A) => A.element === o);
       return;
     }
-    if (!w) return;
-    const E = l ?? h(o), N = {
+    if (!P) return;
+    const T = l ?? p(o), I = {
       element: o,
-      parent: E.parent,
-      nextSibling: E.nextSibling,
+      parent: T.parent,
+      nextSibling: T.nextSibling,
       mode: "unmount"
     };
-    F(m, "out", N);
-  }, dt = /* @__PURE__ */ new WeakSet(), ft = (o, s, { enter: l = !0 } = {}) => {
-    if (dt.has(s)) {
-      const m = p.get(s);
-      if (m && m.currentPath !== o) {
-        m.intent === "visible" && m.pendingOutPath === null && (m.pendingOutPath = m.currentPath), m.currentPath = o;
-        const E = ++m.pathRevision;
+    F(v, "out", I);
+  }, dt = /* @__PURE__ */ new WeakSet(), ft = (o, r, { enter: l = !0 } = {}) => {
+    if (dt.has(r)) {
+      const v = m.get(r);
+      if (v && v.currentPath !== o) {
+        v.intent === "visible" && v.pendingOutPath === null && (v.pendingOutPath = v.currentPath), v.currentPath = o;
+        const T = ++v.pathRevision;
         queueMicrotask(() => {
-          m.pathRevision === E && (m.pendingOutPath = null);
+          v.pathRevision === T && (v.pendingOutPath = null);
         });
       }
       return;
     }
-    dt.add(s), H(s);
-    const w = te(s, {
-      onHide: () => ut(s, o),
-      onShow: () => Rt(s, o)
-    }), a = {
-      vis: w,
+    dt.add(r), H(r);
+    const P = te(r, {
+      onHide: () => ut(r, o),
+      onShow: () => Mt(r, o)
+    }), d = {
+      vis: P,
       savedCss: null,
-      intent: w.isHidden ? "hidden" : "visible",
+      intent: P.isHidden ? "hidden" : "visible",
       visibleDisplay: "",
       computedDisplay: "block",
       currentPath: o,
       pendingOutPath: null,
       pathRevision: 0
     };
-    if (p.set(s, a), !w.isHidden && (C(s, a), l)) {
-      const m = M(s, o), E = {
-        element: s,
-        parent: s.parentElement,
-        nextSibling: s.nextElementSibling,
-        applyScrollPolicy: m
+    if (m.set(r, d), !P.isHidden && (C(r, d), l)) {
+      const v = E(r, o), T = {
+        element: r,
+        parent: r.parentElement,
+        nextSibling: r.nextElementSibling,
+        applyScrollPolicy: v
       };
-      F(o, "in", E);
+      F(o, "in", T);
     }
     Jt(
-      s,
-      (m, E) => At(s, o, m, (E == null ? void 0 : E.emit) ?? !0),
-      r
+      r,
+      (v, T) => Ot(r, o, v, (T == null ? void 0 : T.emit) ?? !0),
+      s
     );
   }, ht = /* @__PURE__ */ new Map();
   return { register: ft, refFor: (o) => {
-    let s = ht.get(o);
-    return s || (s = (l) => {
+    let r = ht.get(o);
+    return r || (r = (l) => {
       l && ft(o, l);
-    }, ht.set(o, s)), s;
+    }, ht.set(o, r)), r;
   } };
 }
-const Ot = "data-ssgoi-root", ee = `[${Ot}]`, nt = "data-ssgoi-transition", Pt = `[${nt}]`, ne = "[data-ssgoi-clone]";
+const Ct = "data-ssgoi-root", ee = `[${Ct}]`, nt = "data-ssgoi-transition", Tt = `[${nt}]`, ne = "[data-ssgoi-clone]";
 function oe() {
   return typeof MutationObserver < "u" && typeof HTMLElement < "u" && typeof Node < "u";
 }
 function ie(n) {
   return n.nodeType === Node.ELEMENT_NODE;
 }
-function se(n) {
+function re(n) {
   return n instanceof HTMLElement;
 }
-function Tt(n) {
+function Pt(n) {
   let e = 0, t = n.parentElement;
   for (; t; )
     e++, t = t.parentElement;
   return e;
 }
-function Ct(n, e, t = n) {
+function kt(n, e, t = n) {
   const i = Array.from(n).sort(
-    (c, r) => Tt(c) - Tt(r)
+    (a, s) => Pt(a) - Pt(s)
   );
-  for (const c of i) {
-    const r = c.getAttribute(nt);
-    if (r === null) continue;
-    let f = c.parentElement, u = !1;
-    for (; f; ) {
-      if (t.has(f)) {
+  for (const a of i) {
+    const s = a.getAttribute(nt);
+    if (s === null) continue;
+    let c = a.parentElement, u = !1;
+    for (; c; ) {
+      if (t.has(c)) {
         u = !0;
         break;
       }
-      f = f.parentElement;
+      c = c.parentElement;
     }
-    e.register(r, c, { enter: !u });
+    e.register(s, a, { enter: !u });
   }
 }
 function fe(n, e) {
   if (!oe()) return () => {
   };
-  n.setAttribute(Ot, "");
-  const t = (u) => u.closest(ee) === n, i = (u) => !se(u) || !t(u) || u.closest(ne) || u.getAttribute(nt) === null ? null : u, c = (u, v) => {
+  n.setAttribute(Ct, "");
+  const t = (u) => u.closest(ee) === n, i = (u) => !re(u) || !t(u) || u.closest(ne) || u.getAttribute(nt) === null ? null : u, a = (u, h) => {
     if (ie(u)) {
-      if (u.matches(Pt)) {
-        const d = i(u);
-        d && v.add(d);
+      if (u.matches(Tt)) {
+        const f = i(u);
+        f && h.add(f);
       }
-      for (const d of u.querySelectorAll(Pt)) {
-        const g = i(d);
-        g && v.add(g);
+      for (const f of u.querySelectorAll(Tt)) {
+        const y = i(f);
+        y && h.add(y);
       }
     }
-  }, r = new MutationObserver((u) => {
-    const v = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
-    for (const g of u) {
-      if (g.type === "attributes") {
-        const S = i(g.target);
-        S && v.add(S);
+  }, s = new MutationObserver((u) => {
+    const h = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
+    for (const y of u) {
+      if (y.type === "attributes") {
+        const w = i(y.target);
+        w && h.add(w);
         continue;
       }
-      for (const S of g.addedNodes)
-        c(S, d);
+      for (const w of y.addedNodes)
+        a(w, f);
     }
-    for (const g of d) v.add(g);
-    Ct(v, e, d);
+    for (const y of f) h.add(y);
+    kt(h, e, f);
   });
-  r.observe(n, {
+  s.observe(n, {
     childList: !0,
     subtree: !0,
     attributes: !0,
     attributeFilter: [nt]
   });
-  const f = /* @__PURE__ */ new Set();
-  return c(n, f), Ct(f, e), () => r.disconnect();
+  const c = /* @__PURE__ */ new Set();
+  return a(n, c), kt(c, e), () => s.disconnect();
 }
 export {
   Nt as Animation,
   It as HostAnimation,
-  ye as MultiAnimation,
-  me as WebAnimation,
+  me as MultiAnimation,
+  ye as WebAnimation,
   de as createSggoiTransitionContext,
   fe as observeSsgoiTransitions
 };

package/dist/ssgoi-transition/navigation-direction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-direction.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-direction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,gCAAgC,IAAI,0BAA0B,CAwB7E"}
+{"version":3,"file":"navigation-direction.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-direction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,gCAAgC,IAAI,0BAA0B,CAwF7E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/core",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.2",
   "description": "Core animation engine for SSGOI - Native app-like page transitions with spring physics",
   "private": false,
   "type": "module",