@ssgoi/core 6.6.0 → 6.6.1

package/dist/internal.cjs

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

package/dist/internal.js

@@ -1,8 +1,8 @@
-var xt = Object.defineProperty;
-var Lt = (t, s, e) => s in t ? xt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var Ct = Object.defineProperty;
+var Lt = (t, s, e) => s in t ? Ct(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var F = (t, s, e) => Lt(t, typeof s != "symbol" ? s + "" : s, e);
 import { A as Ot } from "./multi-animation-Ch5rI3rB.js";
-import { M as ue, W as fe } from "./multi-animation-Ch5rI3rB.js";
+import { M as ue, W as de } from "./multi-animation-Ch5rI3rB.js";
 class _t extends Ot {
   constructor() {
     super(...arguments);
@@ -22,10 +22,10 @@ class _t extends Ot {
     e.onComplete = () => {
       l == null || l(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
     };
-    const y = e.onUpdate;
+    const p = e.onUpdate;
     e.onUpdate = (a) => {
-      var m;
-      y == null || y(a), (m = this.onUpdate) == null || m.call(this, a), this.notify();
+      var g;
+      p == null || p(a), (g = this.onUpdate) == null || g.call(this, a), this.notify();
     }, this._state === "paused" ? e.pause() : this._state === "reversing" ? e.reverse() : (this._state = "playing", e.play()), this.notify();
   }
   play() {
@@ -110,7 +110,7 @@ const kt = (t, s) => {
     s = s.parentElement;
   }
   return document.documentElement;
-}, Ht = (t) => {
+}, Nt = (t) => {
   let s = t.parentElement;
   for (; s && s !== document.body; ) {
     const e = window.getComputedStyle(s).position;
@@ -120,16 +120,16 @@ const kt = (t, s) => {
   }
   return document.body;
 };
-function It(t) {
+function Ht(t) {
   const s = Object.keys(t);
   return Promise.all(s.map((e) => t[e])).then((e) => {
     const n = {};
-    return s.forEach((l, y) => {
-      n[l] = e[y];
+    return s.forEach((l, p) => {
+      n[l] = e[p];
     }), n;
   });
 }
-function Nt(t) {
+function It(t) {
   const s = t.filter((e) => e.symmetric).map((e) => ({
     from: e.to,
     to: e.from,
@@ -158,29 +158,29 @@ function Wt(t, s, e) {
 const Ft = 768, Kt = 10, Bt = 10;
 function Xt(t = {}) {
   const { preserveScroll: s = (u) => u } = t, e = typeof s == "function" ? s : () => s;
-  let n = null, l = !1, y = !1;
+  let n = null, l = !1, p = !1;
   const a = () => {
     const u = (n == null ? void 0 : n.clientWidth) ?? 0, c = u > 0 ? u : typeof window < "u" ? window.innerWidth : 0;
     return c > 0 && c < Ft;
-  }, m = () => (y || (l = a(), y = !0), l), v = (u) => {
+  }, g = () => (p || (l = a(), p = !0), l), v = (u) => {
     var E;
-    const c = e(m());
+    const c = e(g());
     if (c === !1)
       return { preserves: !1, shared: !1, storageKey: `path:${u}` };
     if (c === !0)
       return { preserves: !0, shared: !1, storageKey: `path:${u}` };
-    const g = ((E = c.exclude) == null ? void 0 : E.some((T) => K(u, T))) ?? !1, S = !g && !!c.key;
+    const m = ((E = c.exclude) == null ? void 0 : E.some((T) => K(u, T))) ?? !1, S = !m && !!c.key;
     return {
-      preserves: !g,
+      preserves: !m,
       shared: S,
       storageKey: S ? `shared:${c.key}` : `path:${u}`
     };
-  }, C = (u) => v(u).preserves;
-  let x = null;
+  }, A = (u) => v(u).preserves;
+  let C = null;
   const b = /* @__PURE__ */ new Map();
-  let M = null, L = !1, I = 0;
-  const N = () => {
-    n && M && !L && b.set(v(M).storageKey, {
+  let x = null, L = !1, H = 0;
+  const I = () => {
+    n && x && !L && b.set(v(x).storageKey, {
       x: n.scrollLeft,
       y: n.scrollTop
     });
@@ -189,142 +189,142 @@ function Xt(t = {}) {
     const c = v(u);
     if (c.preserves && c.shared && !b.has(c.storageKey))
       return;
-    const g = c.preserves && b.has(c.storageKey) ? b.get(c.storageKey) : { x: 0, y: 0 };
+    const m = c.preserves && b.has(c.storageKey) ? b.get(c.storageKey) : { x: 0, y: 0 };
     let S = 0;
     const E = () => {
       if (!n) return;
       n.scrollTo({
-        top: g.y,
-        left: g.x
-      }), !(Math.abs(n.scrollTop - g.y) < 1 && Math.abs(n.scrollLeft - g.x) < 1) && S < Kt && (S++, requestAnimationFrame(E));
+        top: m.y,
+        left: m.x
+      }), !(Math.abs(n.scrollTop - m.y) < 1 && Math.abs(n.scrollLeft - m.x) < 1) && S < Kt && (S++, requestAnimationFrame(E));
     };
     requestAnimationFrame(E);
   };
   return {
     initializeContext: (u, c) => {
       L = !0;
-      const g = ++I;
-      x = u, n || (n = Dt(u), l = a(), y = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+      const m = ++H;
+      C = u, n || (n = Dt(u), l = a(), p = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
         l = a();
-      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", N, {
+      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", I, {
         passive: !0
-      })), M = c, z(c);
+      })), x = c, z(c);
       let S = 0;
       const E = () => {
-        g === I && (S++, S >= Bt ? L = !1 : requestAnimationFrame(E));
+        m === H && (S++, S >= Bt ? L = !1 : requestAnimationFrame(E));
       };
       requestAnimationFrame(E);
     },
     calculateScrollOffset: (u, c) => {
-      const g = u ? v(u).storageKey : null, S = g && b.has(g) ? b.get(g) : { x: 0, y: 0 }, E = c ? v(c) : null, T = E != null && E.preserves ? E.storageKey : null, H = T && b.has(T) ? b.get(T) : { x: 0, y: 0 };
+      const m = u ? v(u).storageKey : null, S = m && b.has(m) ? b.get(m) : { x: 0, y: 0 }, E = c ? v(c) : null, T = E != null && E.preserves ? E.storageKey : null, N = T && b.has(T) ? b.get(T) : { x: 0, y: 0 };
       return {
-        x: -H.x + S.x,
-        y: -H.y + S.y
+        x: -N.x + S.x,
+        y: -N.y + S.y
       };
     },
     evictScrollPosition: (u) => {
       b.delete(v(u).storageKey);
     },
-    shouldPreserve: C,
+    shouldPreserve: A,
     getScrollContainer: () => n,
-    getPositionedParentElement: () => x ? Ht(x) : document.body,
+    getPositionedParentElement: () => C ? Nt(C) : document.body,
     getScrollPosition: (u) => {
       const c = u ? v(u).storageKey : null;
       return c && b.has(c) ? b.get(c) : { x: 0, y: 0 };
     },
     // Same measurement that drives `preserveScroll`'s `isMobile`, exposed so a
     // functional `transitions` config can branch on it too.
-    getIsMobile: m
+    getIsMobile: g
   };
 }
-const yt = 30, pt = 8, mt = 1.2, gt = 30, zt = 600;
+const yt = 30, pt = 8, gt = 1.2, mt = 30, zt = 600;
 function $t() {
-  let t = null, s = !1, e = !1, n = null, l = null, y = !1;
-  const a = (f, d) => {
-    for (let h = 0; h < f.length; h++) {
-      const w = f.item(h);
-      if (w && w.identifier === d) return w;
+  let t = null, s = !1, e = !1, n = null, l = null, p = !1;
+  const a = (d, f) => {
+    for (let h = 0; h < d.length; h++) {
+      const w = d.item(h);
+      if (w && w.identifier === f) return w;
     }
     return null;
-  }, m = () => {
+  }, g = () => {
     n !== null && (clearTimeout(n), n = null);
   }, v = () => {
     l !== null && (clearTimeout(l), l = null);
-  }, C = () => {
-    s = !0, e = !0, m(), v(), n = setTimeout(() => {
+  }, A = () => {
+    s = !0, e = !0, g(), v(), n = setTimeout(() => {
       s = !1, e = !1, n = null;
     }, zt);
-  }, x = (f) => {
-    if (f.touches.length !== 1) {
+  }, C = (d) => {
+    if (d.touches.length !== 1) {
       t = null;
       return;
     }
-    const d = f.touches.item(0);
-    if (!d) {
+    const f = d.touches.item(0);
+    if (!f) {
       t = null;
       return;
     }
-    const h = window.innerWidth, w = d.clientX <= yt, O = d.clientX >= h - yt;
+    const h = window.innerWidth, w = f.clientX <= yt, O = f.clientX >= h - yt;
     if (!w && !O) {
       t = null;
       return;
     }
     t = {
-      identifier: d.identifier,
-      startX: d.clientX,
-      startY: d.clientY,
+      identifier: f.identifier,
+      startX: f.clientX,
+      startY: f.clientY,
       fromLeftEdge: w,
       moved: !1
     };
-  }, b = (f) => {
+  }, b = (d) => {
     if (!t) return;
-    if (f.touches.length !== 1) {
+    if (d.touches.length !== 1) {
       t = null;
       return;
     }
-    const d = a(f.touches, t.identifier);
-    if (!d) {
+    const f = a(d.touches, t.identifier);
+    if (!f) {
       t = null;
       return;
     }
-    const h = d.clientX - t.startX, w = d.clientY - t.startY, O = Math.abs(h), u = Math.abs(w);
-    if (u > pt && u > O * mt) {
+    const h = f.clientX - t.startX, w = f.clientY - t.startY, O = Math.abs(h), u = Math.abs(w);
+    if (u > pt && u > O * gt) {
       t = null;
       return;
     }
     const c = t.fromLeftEdge ? h > 0 : h < 0;
-    O > pt && O > u * mt && c && (t.moved = !0);
-  }, M = (f) => {
+    O > pt && O > u * gt && c && (t.moved = !0);
+  }, x = (d) => {
     if (!t) return;
-    const d = a(f.changedTouches, t.identifier);
-    if (!d) {
+    const f = a(d.changedTouches, t.identifier);
+    if (!f) {
       t = null;
       return;
     }
-    const h = d.clientX - t.startX, w = t.fromLeftEdge ? h > 0 : h < 0;
-    if (t.moved && w && Math.abs(h) >= gt) {
-      C(), t = null;
+    const h = f.clientX - t.startX, w = t.fromLeftEdge ? h > 0 : h < 0;
+    if (t.moved && w && Math.abs(h) >= mt) {
+      A(), t = null;
       return;
     }
-    t.moved && Math.abs(h) >= gt && C(), t = null;
+    t.moved && Math.abs(h) >= mt && A(), t = null;
   }, L = () => {
-    t && (t.moved && C(), t = null);
+    t && (t.moved && A(), t = null);
   };
   return { initialize: () => {
-    if (typeof window > "u" || y) return;
-    y = !0;
-    const f = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", x, f), window.addEventListener("touchmove", b, f), window.addEventListener("touchend", M, f), window.addEventListener("touchcancel", L, f);
+    if (typeof window > "u" || p) return;
+    p = !0;
+    const d = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", C, d), window.addEventListener("touchmove", b, d), window.addEventListener("touchend", x, d), window.addEventListener("touchcancel", L, d);
   }, destroy: () => {
-    if (typeof window > "u" || !y) return;
-    y = !1;
-    const f = { capture: !0 };
-    window.removeEventListener("touchstart", x, f), window.removeEventListener("touchmove", b, f), window.removeEventListener("touchend", M, f), window.removeEventListener("touchcancel", L, f), m(), v(), t = null, s = !1, e = !1;
+    if (typeof window > "u" || !p) return;
+    p = !1;
+    const d = { capture: !0 };
+    window.removeEventListener("touchstart", C, d), window.removeEventListener("touchmove", b, d), window.removeEventListener("touchend", x, d), window.removeEventListener("touchcancel", L, d), g(), v(), t = null, s = !1, e = !1;
   }, isSwipeBack: () => {
-    const f = s || e;
-    return f && m(), f;
+    const d = s || e;
+    return d && g(), d;
   }, onPageEnter: () => {
-    s = !1, m(), v(), l = setTimeout(() => {
+    s = !1, g(), v(), l = setTimeout(() => {
       e = !1, l = null;
     }, 0);
   } };
@@ -359,20 +359,25 @@ function Vt() {
 }
 const X = /* @__PURE__ */ new Map();
 let G = null, vt = !1;
-function Et(t) {
+function Et(t, s) {
   if (t instanceof HTMLElement && X.has(t) && !t.isConnected) {
-    const s = X.get(t);
-    X.delete(t), queueMicrotask(s);
+    const e = X.get(t);
+    X.delete(t), queueMicrotask(() => e(s));
   }
-  for (const s of Array.from(t.childNodes))
-    Et(s);
+  for (const e of Array.from(t.childNodes))
+    Et(e, s);
 }
 function qt() {
   if (vt || typeof document > "u") return;
   vt = !0, G = new MutationObserver((s) => {
-    for (const e of s)
-      for (const n of Array.from(e.removedNodes))
-        Et(n);
+    for (const e of s) {
+      const n = {
+        parent: e.target,
+        nextSibling: e.nextSibling
+      };
+      for (const l of Array.from(e.removedNodes))
+        Et(l, n);
+    }
   });
   const t = () => {
     G == null || G.observe(document.body, { childList: !0, subtree: !0 });
@@ -415,11 +420,11 @@ function Gt(t, s) {
     get isHidden() {
       return B(t) === j;
     },
-    setDisplay(l, y = !1) {
+    setDisplay(l, p = !1) {
       l === null ? t.style.removeProperty("display") : t.style.setProperty(
         "display",
         l,
-        y ? "important" : ""
+        p ? "important" : ""
       ), n.accounted = B(t);
     },
     sync() {
@@ -444,87 +449,87 @@ function re(t, s = {}) {
     transitions: e = [],
     middleware: n = (o, i) => ({ from: o, to: i }),
     preserveScroll: l = (o) => o
-  } = t, y = s.host ?? new _t(), a = Vt(), m = typeof e == "function" ? e : () => e, v = $t();
+  } = t, p = s.host ?? new _t(), a = Vt(), g = typeof e == "function" ? e : () => e, v = $t();
   v.initialize();
   const {
-    initializeContext: C,
-    calculateScrollOffset: x,
+    initializeContext: A,
+    calculateScrollOffset: C,
     evictScrollPosition: b,
-    shouldPreserve: M,
+    shouldPreserve: x,
     getScrollContainer: L,
-    getPositionedParentElement: I,
-    getScrollPosition: N,
+    getPositionedParentElement: H,
+    getScrollPosition: I,
     getIsMobile: z
-  } = Xt({ preserveScroll: l }), $ = /* @__PURE__ */ new Map(), f = () => {
+  } = Xt({ preserveScroll: l }), $ = /* @__PURE__ */ new Map(), d = () => {
     const o = z();
     let i = $.get(o);
-    return i || (i = Nt(
-      wt(m({ isMobile: o }))
+    return i || (i = It(
+      wt(g({ isMobile: o }))
     ), $.set(o, i)), i;
   };
-  let d = null, h = null;
+  let f = null, h = null;
   const w = /* @__PURE__ */ new WeakMap(), O = (o) => {
     w.set(o, {
-      parent: o.parentElement,
-      nextSibling: o.nextElementSibling
+      parent: o.parentNode,
+      nextSibling: o.nextSibling
     });
   }, u = (o) => {
     const i = w.get(o);
     return i || {
-      parent: o.parentElement,
-      nextSibling: o.nextElementSibling
+      parent: o.parentNode,
+      nextSibling: o.nextSibling
     };
-  }, c = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap();
+  }, c = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap();
   let S = 0;
   const E = (o) => {
     const i = typeof getComputedStyle < "u" ? getComputedStyle(o).display : "";
     return i && i !== "none" ? i : "block";
   }, T = (o, i) => {
     i.visibleDisplay = o.style.getPropertyValue("display"), i.computedDisplay = E(o);
-  }, H = (o, i) => {
-    if (g.get(o) !== i) return;
-    g.delete(o);
+  }, N = (o, i) => {
+    if (m.get(o) !== i) return;
+    m.delete(o);
     const r = c.get(o);
     r && (r.savedCss !== null && (o.style.cssText = r.savedCss, r.savedCss = null), r.intent === "hidden" ? r.vis.setDisplay("none", !0) : r.visibleDisplay ? (r.vis.setDisplay(r.visibleDisplay, !1), T(o, r)) : (r.vis.setDisplay(null), T(o, r)));
-  }, Tt = (o, i, r, p, A) => {
-    const P = p.element, _ = A.element, k = (p.mode ?? "unmount") === "hidden", { parent: q, nextSibling: Q } = p.parent ? { parent: p.parent, nextSibling: p.nextSibling } : u(P), U = x(i, r), tt = {
+  }, Tt = (o, i, r, y, R) => {
+    const P = y.element, _ = R.element, k = (y.mode ?? "unmount") === "hidden", { parent: q, nextSibling: Q } = y.parent ? { parent: y.parent, nextSibling: y.nextSibling } : u(P), U = C(i, r), tt = {
       scrollOffset: U,
-      from: { scroll: N(i) },
-      to: { scroll: N(r) },
+      from: { scroll: I(i) },
+      to: { scroll: I(r) },
       get scrollingElement() {
         return L() || document.documentElement;
       },
       get positionedParent() {
-        return I();
+        return H();
       }
     };
-    let R;
+    let M;
     if (k) {
-      R = P, R.style.top = `${-1 * ((U == null ? void 0 : U.y) ?? 0)}px`;
+      M = P, M.style.top = `${-1 * ((U == null ? void 0 : U.y) ?? 0)}px`;
       const D = c.get(_);
       D && D.savedCss === null && (D.savedCss = _.style.cssText);
     } else
-      R = P.cloneNode(!0), R.setAttribute("data-ssgoi-clone", ""), kt(R, tt);
-    M(i) || b(i);
+      M = P, kt(M, tt);
+    x(i) || b(i);
     const Y = k ? ++S : 0;
-    k && (g.set(_, Y), g.set(P, Y));
-    const ut = Promise.resolve(R), ft = Promise.resolve(_), dt = [], At = {
+    k && (m.set(_, Y), m.set(P, Y));
+    const ut = Promise.resolve(M), dt = Promise.resolve(_), ft = [], xt = {
       from: ut,
-      to: ft,
+      to: dt,
       context: tt,
       createElement: ((D, et = "div") => {
         const W = document.createElement(et);
-        return W.setAttribute("data-ssgoi-id", D), dt.push(W), W;
+        return W.setAttribute("data-ssgoi-id", D), ft.push(W), W;
       })
-    }, Ct = Promise.resolve(
-      o.prepare ? o.prepare(At) : {}
+    }, At = Promise.resolve(
+      o.prepare ? o.prepare(xt) : {}
     );
-    It({
+    Ht({
       from: ut,
-      to: ft,
-      extras: Ct
+      to: dt,
+      extras: At
     }).then(({ from: D, to: et, extras: W }) => {
-      !k && q && (Q && q.contains(Q) ? q.insertBefore(R, Q) : q.appendChild(R));
+      !k && q && (Q && q.contains(Q) ? q.insertBefore(M, Q) : q.appendChild(M));
       const nt = o.animation({
         from: D,
         to: et,
@@ -532,40 +537,40 @@ function re(t, s = {}) {
         ...W
       }), st = nt.onComplete;
       nt.onComplete = () => {
-        st == null || st(), k ? (H(P, Y), H(_, Y)) : R.parentElement && R.parentElement.removeChild(R);
-        for (const ot of dt)
-          ot.parentElement && ot.parentElement.removeChild(ot);
-      }, y.attach(nt);
+        st == null || st(), k ? (N(P, Y), N(_, Y)) : M.parentNode && M.parentNode.removeChild(M);
+        for (const ot of ft)
+          ot.parentNode && ot.parentNode.removeChild(ot);
+      }, p.attach(nt);
     });
   }, V = (o, i) => {
     const r = v.isSwipeBack();
-    a.trigger(o, i), a.get(i).then((p) => {
-      if (i === "in" && v.onPageEnter(), !p) return;
+    a.trigger(o, i), a.get(i).then((y) => {
+      if (i === "in" && v.onPageEnter(), !y) return;
       if (r) {
-        i === "out" && p.from && !M(p.from) && b(p.from), d = null, h = null;
+        i === "out" && y.from && !x(y.from) && b(y.from), f = null, h = null;
         return;
       }
       if (i !== "in") return;
-      const { from: A, to: P } = n(
-        p.from,
-        p.to
+      const { from: R, to: P } = n(
+        y.from,
+        y.to
       ), _ = Wt(
-        A,
+        R,
         P,
-        f()
-      ), J = d, k = h;
-      d = null, h = null, !(!_ || !J || !k) && Tt(_, A, P, J, k);
+        d()
+      ), J = f, k = h;
+      f = null, h = null, !(!_ || !J || !k) && Tt(_, R, P, J, k);
     });
   }, Rt = (o, i) => {
     const r = c.get(o);
     if (!r) return;
-    const p = r.intent === "hidden";
-    if (r.intent = "hidden", r.savedCss === null && (r.savedCss = o.style.cssText), r.vis.setDisplay(r.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", p) return;
-    const A = u(o);
-    d = {
+    const y = r.intent === "hidden";
+    if (r.intent = "hidden", r.savedCss === null && (r.savedCss = o.style.cssText), r.vis.setDisplay(r.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", y) return;
+    const R = u(o);
+    f = {
       element: o,
-      parent: A.parent,
-      nextSibling: A.nextSibling,
+      parent: R.parent,
+      nextSibling: R.nextSibling,
       mode: "hidden"
     };
     const P = o.getAttribute("data-ssgoi-transition") ?? i;
@@ -573,46 +578,46 @@ function re(t, s = {}) {
   }, Pt = (o, i) => {
     const r = c.get(o);
     if (!r || r.intent === "visible") return;
-    r.intent = "visible", T(o, r), r.savedCss !== null && (o.style.cssText = r.savedCss, r.visibleDisplay ? r.vis.setDisplay(r.visibleDisplay, !1) : r.vis.setDisplay(null)), C(o, i), h = {
+    r.intent = "visible", T(o, r), r.savedCss !== null && (o.style.cssText = r.savedCss, r.visibleDisplay ? r.vis.setDisplay(r.visibleDisplay, !1) : r.vis.setDisplay(null)), A(o, i), h = {
       element: o,
       parent: o.parentElement,
       nextSibling: o.nextElementSibling
     };
-    const p = o.getAttribute("data-ssgoi-transition") ?? i;
-    V(p, "in");
-  }, Mt = (o, i) => {
-    const r = c.get(o);
-    if (r && (r.vis.stop(), c.delete(o), g.delete(o), r.intent === "hidden")) {
-      (d == null ? void 0 : d.element) === o && (d = null), (h == null ? void 0 : h.element) === o && (h = null);
+    const y = o.getAttribute("data-ssgoi-transition") ?? i;
+    V(y, "in");
+  }, Mt = (o, i, r) => {
+    const y = c.get(o);
+    if (y && (y.vis.stop(), c.delete(o), m.delete(o), y.intent === "hidden")) {
+      (f == null ? void 0 : f.element) === o && (f = null), (h == null ? void 0 : h.element) === o && (h = null);
       return;
     }
-    const p = u(o);
-    d = {
+    const R = r ?? u(o);
+    f = {
       element: o,
-      parent: p.parent,
-      nextSibling: p.nextSibling,
+      parent: R.parent,
+      nextSibling: R.nextSibling,
       mode: "unmount"
     };
-    const A = o.getAttribute("data-ssgoi-transition") ?? i;
-    V(A, "out");
+    const P = o.getAttribute("data-ssgoi-transition") ?? i;
+    V(P, "out");
   }, lt = /* @__PURE__ */ new WeakSet(), ct = (o, i) => {
     if (lt.has(i)) return;
     lt.add(i), O(i);
     const r = Gt(i, {
       onHide: () => Rt(i, o),
       onShow: () => Pt(i, o)
-    }), p = {
+    }), y = {
       vis: r,
       savedCss: null,
       intent: r.isHidden ? "hidden" : "visible",
       visibleDisplay: "",
       computedDisplay: "block"
     };
-    c.set(i, p), r.isHidden || (T(i, p), C(i, o), h = {
+    c.set(i, y), r.isHidden || (T(i, y), A(i, o), h = {
       element: i,
       parent: i.parentElement,
       nextSibling: i.nextElementSibling
-    }, V(o, "in")), Ut(i, () => Mt(i, o));
+    }, V(o, "in")), Ut(i, (R) => Mt(i, o, R));
   }, at = /* @__PURE__ */ new Map();
   return { register: ct, refFor: (o) => {
     let i = at.get(o);
@@ -638,36 +643,36 @@ function le(t, s) {
   const e = (a) => a.closest(jt) === t, n = (a) => {
     if (!ee(a) || !e(a) || a.closest(Jt))
       return;
-    const m = a.getAttribute(rt);
-    m !== null && s.register(m, a);
+    const g = a.getAttribute(rt);
+    g !== null && s.register(g, a);
   }, l = (a) => {
     if (te(a)) {
       a.matches(bt) && n(a);
-      for (const m of a.querySelectorAll(bt))
-        n(m);
+      for (const g of a.querySelectorAll(bt))
+        n(g);
     }
-  }, y = new MutationObserver((a) => {
-    for (const m of a) {
-      if (m.type === "attributes") {
-        n(m.target);
+  }, p = new MutationObserver((a) => {
+    for (const g of a) {
+      if (g.type === "attributes") {
+        n(g.target);
         continue;
       }
-      for (const v of m.addedNodes)
+      for (const v of g.addedNodes)
         l(v);
     }
   });
-  return y.observe(t, {
+  return p.observe(t, {
     childList: !0,
     subtree: !0,
     attributes: !0,
     attributeFilter: [rt]
-  }), l(t), () => y.disconnect();
+  }), l(t), () => p.disconnect();
 }
 export {
   Ot as Animation,
   _t as HostAnimation,
   ue as MultiAnimation,
-  fe as WebAnimation,
+  de as WebAnimation,
   re as createSggoiTransitionContext,
   le as observeSsgoiTransitions
 };

package/dist/ssgoi-transition/create-ssgoi-transition-context.d.ts

@@ -5,10 +5,10 @@ import { HostAnimation } from '../animation/host-animation';
  *
  * Pure promise plumbing: the framework adapter calls `in(element)` on mount
  * and `out(element)` on unmount; the dispatcher pairs them by path via
- * NavigationDetector, then `.then`-chains the prepare result, the cloned
- * `from` element, and the `to` element. `animation()` runs once the chain
- * resolves — never via blocking `await` — so a follow-up navigation can
- * start its own pair while a prior one is still building.
+ * NavigationDetector, then `.then`-chains the prepare result, the `from`
+ * element, and the `to` element. `animation()` runs once the chain resolves —
+ * never via blocking `await` — so a follow-up navigation can start its own pair
+ * while a prior one is still building.
  */
 export interface CreateSsgoiTransitionContextOptions {
     /**

package/dist/ssgoi-transition/create-ssgoi-transition-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-ssgoi-transition-context.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-ssgoi-transition-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EACX,YAAY,EAOb,MAAM,QAAQ,CAAC;AAShB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AA8C5D;;;;;;;;;GASG;AACH,MAAM,WAAW,mCAAmC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,cAAc,GAAE,mCAAwC,GACvD,YAAY,CAigBd"}
+{"version":3,"file":"create-ssgoi-transition-context.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-ssgoi-transition-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EACX,YAAY,EAOb,MAAM,QAAQ,CAAC;AAShB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AA8C5D;;;;;;;;;GASG;AACH,MAAM,WAAW,mCAAmC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,cAAc,GAAE,mCAAwC,GACvD,YAAY,CAwgBd"}

package/dist/ssgoi-transition/unmount-observer.d.ts

@@ -10,7 +10,11 @@
  *  - parent re-mounts that detach the watched node also fire
  *  - lower memory / browser overhead than dozens of observers
  */
-type UnmountCallback = () => void;
+export type UnmountAnchor = {
+    parent: Node;
+    nextSibling: Node | null;
+};
+type UnmountCallback = (anchor?: UnmountAnchor) => void;
 /** Register `cb` to fire when `element` is removed from the DOM. */
 export declare function watchUnmount(element: HTMLElement, cb: UnmountCallback): () => void;
 export {};

package/dist/ssgoi-transition/unmount-observer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unmount-observer.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/unmount-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,KAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AAmDlC,oEAAoE;AACpE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,eAAe,GAClB,MAAM,IAAI,CAMZ"}
+{"version":3,"file":"unmount-observer.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/unmount-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,IAAI,CAAC;IACb,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,MAAM,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAuDxD,oEAAoE;AACpE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,eAAe,GAClB,MAAM,IAAI,CAMZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/core",
-  "version": "6.6.0",
+  "version": "6.6.1",
   "description": "Core animation engine for SSGOI - Native app-like page transitions with spring physics",
   "private": false,
   "type": "module",
@@ -32,6 +32,18 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
+  "scripts": {
+    "dev": "vite",
+    "watch": "vite build --watch",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "prepare": "pnpm run build",
+    "lint": "eslint .",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
   "keywords": [
     "page-transition",
     "page-transitions",
@@ -76,16 +88,5 @@
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^3.2.4"
-  },
-  "scripts": {
-    "dev": "vite",
-    "watch": "vite build --watch",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint .",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage"
   }
-}
+}