@ssgoi/core 5.2.0 → 5.2.1

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var at=Object.defineProperty;var ct=(e,n,t)=>n in e?at(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var d=(e,n,t)=>ct(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./types.cjs"),X=require("./spring-integrator-95Mh7mdw.cjs"),lt=require("./provider-BKaONTeg.cjs");class ut{constructor(){d(this,"listeners",new Set);d(this,"rafId",null);d(this,"isRunning",!1);d(this,"startTime",Date.now());d(this,"lastUpdate",this.startTime);d(this,"elapsed",0);d(this,"lagThreshold",500);d(this,"adjustedLag",33);d(this,"maxDeltaTime",33);d(this,"gap",1e3/240);d(this,"nextTime",this.gap);d(this,"tick",()=>{const n=Date.now();let i=n-this.lastUpdate;i>this.lagThreshold||i<0?(this.startTime+=i-this.adjustedLag,i=this.adjustedLag):i>this.maxDeltaTime&&(i=this.maxDeltaTime),this.lastUpdate=n;const r=n-this.startTime,o=r-this.nextTime;if(o>0){const s=i/1e3;this.elapsed=r/1e3,this.nextTime+=o+(o>=this.gap?4:this.gap-o),this.listeners.forEach(f=>{f(s,this.elapsed)})}this.listeners.size>0?this.rafId=requestAnimationFrame(this.tick):(this.isRunning=!1,this.rafId=null)})}subscribe(n){return this.listeners.add(n),this.isRunning||(this.isRunning=!0,this.rafId=requestAnimationFrame(this.tick)),()=>{this.unsubscribe(n)}}unsubscribe(n){this.listeners.delete(n),this.listeners.size===0&&this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.isRunning=!1,this.rafId=null)}lagSmoothing(n,t){this.lagThreshold=n,this.adjustedLag=Math.min(t,n)}fps(n){this.gap=1e3/n,this.nextTime=this.elapsed*1e3+this.gap}getListenerCount(){return this.listeners.size}getElapsed(){return this.elapsed}}const _=new ut;function ft(e){const{integrator:n,from:t,to:i,velocity:r=0,onUpdate:o,onComplete:s,onStart:f}=e;let l={position:t,velocity:r},m=!0,h=0,v=!1;const A=S=>{if(m){if(v||(v=!0,f==null||f()),l=n.step(l,i,S),n.isSettled(l,i)){if(h+=Math.min(S,.033),h>=X.SETTLE_THRESHOLD){l={position:i,velocity:0},m=!1,o(l.position),_.unsubscribe(A),s();return}}else h=0;o(l.position)}};return _.subscribe(A),{stop:()=>{m&&(m=!1,_.unsubscribe(A))},getPosition:()=>l.position,getVelocity:()=>l.velocity,isRunning:()=>m}}const L=1e3/60;function mt(e,n,t,i=0){let o={position:n,velocity:i},s=0;const f=[];for(let l=0;l<600;l++){const m=l*L;if(f.push({time:m,position:o.position,velocity:o.velocity}),o=e.step(o,t,L/1e3),e.isSettled(o,t)){if(s+=L/1e3,s>=X.SETTLE_THRESHOLD){f.push({time:(l+1)*L,position:t,velocity:0});break}}else s=0}return f}function Y(e,n){if(e.length===0)return{position:0,velocity:0};const t=e[0],i=e[e.length-1];if(n<=0)return{position:t.position,velocity:t.velocity};if(n>=i.time)return{position:i.position,velocity:i.velocity};let r=0,o=e.length-1;for(;r<o-1;){const m=Math.floor((r+o)/2);e[m].time<=n?r=m:o=m}const s=e[r],f=e[o],l=(n-s.time)/(f.time-s.time);return{position:s.position+(f.position-s.position)*l,velocity:s.velocity+(f.velocity-s.velocity)*l}}function dt(e,n){return e.map(t=>n(t.position))}function ht(e){const{integrator:n,element:t,from:i,to:r,velocity:o=0,style:s,onComplete:f,onStart:l}=e,m=mt(n,i,r,o);if(m.length===0)return l==null||l(),f(),{stop:()=>{},getPosition:()=>r,getVelocity:()=>0,isRunning:()=>!1};const h=dt(m,s),v=m[m.length-1],A=v.time,S=h[0];if(S)for(const C of Object.keys(S))t.style[C]="";const y=t.animate(h,{duration:A,fill:"forwards",easing:"linear",composite:"replace"});let p=!0;const R=performance.now();return l==null||l(),y.onfinish=()=>{p&&(p=!1,f())},{stop:()=>{p&&(p=!1,y.cancel())},getPosition:()=>{if(!p)return v.position;const C=performance.now()-R;return Y(m,C).position},getVelocity:()=>{if(!p)return 0;const C=performance.now()-R;return Y(m,C).velocity},isRunning:()=>p}}function gt(e){const{element:n,frames:t,duration:i,easing:r="linear",from:o,to:s,onComplete:f,onStart:l}=e,m=t[0];if(m)for(const S of Object.keys(m))S==="offset"||S==="easing"||S==="composite"||(n.style[S]="");const h=n.animate(t,{duration:i,fill:"forwards",easing:r,composite:"replace"});let v=!0;const A=performance.now();return l==null||l(),h.onfinish=()=>{v&&(v=!1,f())},{stop:()=>{v&&(v=!1,h.cancel())},getPosition:()=>{if(!v)return s;const S=performance.now()-A,y=Math.min(Math.max(S/i,0),1);return o+(s-o)*y},getVelocity:()=>0,isRunning:()=>v}}function yt(e){const{to:n,onStart:t,onComplete:i}=e;return t==null||t(),i(),{stop:()=>{},getPosition:()=>n,getVelocity:()=>0,isRunning:()=>!1}}class wt{static from(n){const{tick:t,css:i,keyframes:r}=n;if((t?1:0)+(i?1:0)+(r?1:0)>1)throw new Error("Cannot use more than one of 'tick', 'css', 'keyframes' together");return r?s=>gt({element:r.element,frames:r.frames,duration:r.duration,easing:r.easing,from:s.from,to:s.to,onComplete:s.onComplete,onStart:s.onStart}):i?s=>{if(!s.integrator)throw new Error("css mode requires an integrator");return ht({integrator:s.integrator,from:s.from,to:s.to,velocity:s.velocity,onComplete:s.onComplete,onStart:s.onStart,element:i.element,style:i.style})}:t?s=>{if(!s.integrator)throw new Error("tick mode requires an integrator");return ft({integrator:s.integrator,from:s.from,to:s.to,velocity:s.velocity,onComplete:s.onComplete,onStart:s.onStart,onUpdate:t})}:yt}}class J{}const pt={stiffness:300,damping:30};class j extends J{constructor(t){super();d(this,"options");d(this,"runner");d(this,"controls",null);d(this,"isAnimating",!1);d(this,"currentValue");d(this,"currentVelocity",0);d(this,"updateFn");d(this,"isKeyframesMode");if(this.options={from:t.from??0,to:t.to??1,physics:t.physics,onComplete:t.onComplete??(()=>{}),onStart:t.onStart},this.currentValue=this.options.from,this.isKeyframesMode=!!t.keyframes,t.tick)this.updateFn=i=>{var r;return(r=t.tick)==null?void 0:r.call(t,i)};else if(t.css){const{element:i,style:r}=t.css;this.updateFn=o=>{const s=r(o);for(const[f,l]of Object.entries(s))i.style[f]=typeof l=="number"?String(l):l}}else this.updateFn=()=>{};this.runner=wt.from({tick:t.tick,css:t.css,keyframes:t.keyframes})}syncState(){var t;(t=this.updateFn)==null||t.call(this,this.currentValue)}createIntegrator(){const t=this.options.physics;return t!=null&&t.integrator?t.integrator():t!=null&&t.spring||t!=null&&t.inertia?lt.IntegratorProvider.from({spring:t.spring,inertia:t.inertia}):new X.SpringIntegrator(pt)}runAnimation(t){this.isAnimating=!0,this.controls=this.runner({integrator:this.isKeyframesMode?void 0:this.createIntegrator(),from:this.currentValue,to:t,velocity:this.currentVelocity,onStart:this.options.onStart,onComplete:()=>{this.currentValue=t,this.currentVelocity=0,this.isAnimating=!1,this.controls=null,this.options.onComplete()}})}forward(){this.stop(),this.runAnimation(this.options.to)}backward(){this.stop(),this.runAnimation(this.options.from)}reverse(){const t=this.options.from;this.options.from=this.options.to,this.options.to=t,this.isAnimating&&(this.stop(),this.runAnimation(this.options.to))}stop(){this.controls&&(this.currentValue=this.controls.getPosition(),this.currentVelocity=this.controls.getVelocity(),this.controls.stop(),this.controls=null),this.isAnimating=!1}getVelocity(){var t;return((t=this.controls)==null?void 0:t.getVelocity())??this.currentVelocity}getCurrentValue(){var t;return((t=this.controls)==null?void 0:t.getPosition())??this.currentValue}getIsAnimating(){return this.isAnimating}getCurrentState(){return{position:this.getCurrentValue(),velocity:this.getVelocity(),from:this.options.from,to:this.options.to}}setValue(t){this.currentValue=t}setVelocity(t){this.currentVelocity=t}updateOptions(t){this.options={...this.options,...t}}}class z extends J{constructor(t){super();d(this,"config");d(this,"animators",new Map);d(this,"itemOrder",[]);d(this,"completedCount",0);d(this,"completedAnimators",new Set);d(this,"direction","forward");d(this,"idCounter",0);d(this,"rafId",null);d(this,"from");d(this,"to");d(this,"initialState");this.config=t.config,this.from=t.from,this.to=t.to,this.initialState=t.state??{position:t.from,velocity:0},this.initializeAnimators()}generateId(){return`spring_${this.idCounter++}`}initializeAnimators(){this.config.items.forEach((t,i)=>{const r=this.generateId(),o=new j({from:this.from,to:this.to,physics:t.physics,tick:t.tick,css:t.css,keyframes:t.keyframes,onComplete:()=>this.onAnimatorComplete(r),onStart:t.onStart});(i===0||t.normalizedOffset===0)&&(o.setValue(this.initialState.position),o.setVelocity(this.initialState.velocity),o.syncState()),this.animators.set(r,{id:r,item:t,animator:o,started:!1}),this.itemOrder.push(r)})}getAnimatorProgress(t){const i=t.animator.getCurrentState(),r=Math.abs(i.to-i.from);return r===0?1:Math.abs(i.position-i.from)/r}getOrderedIds(){return this.direction==="forward"?this.itemOrder:[...this.itemOrder].reverse()}onAnimatorComplete(t){var r,o,s,f,l,m;const i=this.animators.get(t);!i||this.completedAnimators.has(t)||(this.completedAnimators.add(t),this.completedCount++,(o=(r=i.item).onComplete)==null||o.call(r),(f=(s=this.config).onProgress)==null||f.call(s,this.completedCount,this.config.items.length),this.completedCount===this.config.items.length&&(this.stopScheduler(),(m=(l=this.config).onEnd)==null||m.call(l)))}checkAndStartSprings(){const t=this.getOrderedIds();for(let i=0;i<t.length;i++){const r=t[i],o=this.animators.get(r);if(!o||o.started)continue;if(i===0){this.startAnimator(r);continue}const s=t[i-1],f=this.animators.get(s);if(!f||!f.started)continue;const l=this.getAnimatorProgress(f),m=o.item.normalizedOffset;l>=m&&this.startAnimator(r)}}startAnimator(t){const i=this.animators.get(t);!i||i.started||(i.started=!0,this.direction==="forward"?i.animator.forward():i.animator.backward())}startScheduler(){const t=()=>{this.checkAndStartSprings(),this.getIsAnimating()&&(this.rafId=requestAnimationFrame(t))};t()}stopScheduler(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null)}getFirstAnimator(){var i;const t=this.itemOrder[0];return t?((i=this.animators.get(t))==null?void 0:i.animator)??null:null}forward(){var t,i;this.stop(),this.direction="forward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(i=(t=this.config).onStart)==null||i.call(t),this.startScheduler()}backward(){var t,i;this.stop(),this.direction="backward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(i=(t=this.config).onStart)==null||i.call(t),this.startScheduler()}resetStartedFlags(){this.animators.forEach(t=>{t.started=!1})}stop(){this.stopScheduler(),this.animators.forEach(t=>{t.animator.stop(),t.started=!1})}reverse(){this.direction=this.direction==="forward"?"backward":"forward",this.animators.forEach(t=>{if(!t.started)return;const i=t.animator.getCurrentState();if(i.position===i.to){const o=new j({from:this.to,to:this.from,physics:t.item.physics,tick:t.item.tick,css:t.item.css,keyframes:t.item.keyframes,onComplete:()=>this.onAnimatorComplete(t.id),onStart:t.item.onStart});o.setValue(this.to),o.setVelocity(0),o.syncState(),o.forward(),t.animator=o}else t.animator.reverse()})}getCurrentState(){const t=this.getFirstAnimator();return t?t.getCurrentState():{position:0,velocity:0,from:0,to:1}}getCurrentValue(){const t=this.getFirstAnimator();return(t==null?void 0:t.getCurrentValue())??0}getVelocity(){const t=this.getFirstAnimator();return(t==null?void 0:t.getVelocity())??0}setValue(t){const i=this.getFirstAnimator();i==null||i.setValue(t)}setVelocity(t){const i=this.getFirstAnimator();i==null||i.setVelocity(t)}getIsAnimating(){for(const t of this.animators.values())if(t.animator.getIsAnimating())return!0;return!1}static fromState(t,i){return new z({...i,state:t})}}const H=Symbol.for("TRANSITION_STRATEGY"),Q=e=>({runIn:async n=>{const{currentAnimation:t}=e;if(t&&t.direction==="out"){const r=t.controller.getCurrentValue(),o=t.controller.getVelocity();if(t.controller.stop(),n.out)return{config:await n.out,state:{position:r,velocity:o},from:1,to:0,direction:"backward"}}return n.in?{config:await n.in,state:{position:0,velocity:0},from:0,to:1,direction:"forward"}:{state:{position:0,velocity:0},from:0,to:1,direction:"forward"}},runOut:async n=>{const{currentAnimation:t}=e;if(t&&t.direction==="in"){const r=t.controller.getCurrentValue(),o=t.controller.getVelocity();if(t.controller.stop(),n.in)return{config:await n.in,state:{position:r,velocity:o},from:0,to:1,direction:"backward"}}return n.out?{config:await n.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}}),tt=()=>({runIn:async e=>e.in?{config:await e.in,state:{position:0,velocity:0},from:0,to:1,direction:"forward"}:{state:{position:0,velocity:0},from:0,to:1,direction:"forward"},runOut:async e=>e.out?{config:await e.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}),U="data-ssgoi-scope",K="data-ssgoi-scope-ready";function vt(){return e=>{if(e)return e.setAttribute(U,""),queueMicrotask(()=>{queueMicrotask(()=>{e.setAttribute(K,"true")})}),()=>{}}}function et(e){return e.hasAttribute(K)}function it(e){return e.closest(`[${U}]`)}const St=e=>{let n=e.parentElement;for(;n&&n!==document.body;){const t=window.getComputedStyle(n),i=t.overflow+t.overflowY+t.overflowX;if(i.includes("auto")||i.includes("scroll")||n.scrollHeight>n.clientHeight||n.scrollWidth>n.clientWidth)return n;n=n.parentElement}return document.documentElement},At=e=>{let n=e.parentElement;for(;n&&n!==document.body;){const t=window.getComputedStyle(n).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return n;n=n.parentElement}return document.body};function B(e){return new Promise(n=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{n()})})})}function Tt(e,n){var S;let t=null,i=null,r=null,o=null;const s={get currentAnimation(){return t}},f=((S=n==null?void 0:n.strategy)==null?void 0:S.call(n,s))||Q(s),l=async y=>{var g,E;i&&(i.remove(),i=null);const p=e(),R=p.in&&p.in(y),C=!(n!=null&&n.strategy)&&p.out?p.out(y):void 0;if(!R)return;const w={in:k.normalizeToMultiAnimation(R),out:C?k.normalizeToMultiAnimation(C):void 0},u=await f.runIn(w);if(!u.config){t&&(t.direction="in");return}const a=u.config;(g=a.prepare)==null||g.call(a);const T=k.normalizeSchedule({...a,onEnd:()=>{var b;t=null,(b=a.onEnd)==null||b.call(a)}},y);a.wait&&await a.wait();const c=z.fromState(u.state,{config:T,from:u.from,to:u.to});t={controller:c,direction:"in"},(E=a.onReady)==null||E.call(a),await B(),u.direction==="forward"?c.forward():c.backward()},m=async y=>{var E,b;i=y;const p=e(),R=!(n!=null&&n.strategy)&&p.in?p.in(y):void 0,C=p.out&&p.out(y);if(!C)return;const w={in:R?k.normalizeToMultiAnimation(R):void 0,out:k.normalizeToMultiAnimation(C)},u=await f.runOut(w);if(!u.config){t&&(t.direction="out"),i&&(i.remove(),i=null);return}const a=u.config;g(),(E=a.prepare)==null||E.call(a);const T=k.normalizeSchedule({...a,onEnd:()=>{var P,V;(P=a.onEnd)==null||P.call(a),i&&(i.remove(),i=null),t=null,(V=n==null?void 0:n.onCleanupEnd)==null||V.call(n)}},y);a.wait&&await a.wait();const c=z.fromState(u.state,{config:T,from:u.from,to:u.to});t={controller:c,direction:"out"},(b=a.onReady)==null||b.call(a),await B(),u.direction==="forward"?c.forward():c.backward();function g(){!r||!i||(o&&r.contains(o)?r.insertBefore(i,o):r.appendChild(i))}};let h=null,v=!1;const A=y=>()=>{if(v)return;v=!0;const p=y.cloneNode(!0);h?queueMicrotask(()=>{document.contains(h)&&m(p)}):m(p)};return y=>{if(y)return requestAnimationFrame(()=>{r=y.parentElement,o=y.nextElementSibling}),v=!1,(n==null?void 0:n.scope)==="local"?queueMicrotask(()=>{h=it(y),!(h&&!et(h))&&l(y)}):l(y),A(y)}}const M=new Map;let I=null,q=!1;function nt(e){if(e instanceof HTMLElement&&M.has(e)){const t=M.get(e);M.delete(e),queueMicrotask(()=>{t()})}const n=e.childNodes;for(let t=0;t<n.length;t++){const i=n[t];i&&nt(i)}}function Et(){q||typeof document>"u"||(q=!0,I=new MutationObserver(e=>{for(const n of e){const t=n.removedNodes;for(let i=0;i<t.length;i++){const r=t[i];r&&nt(r)}}}),document.body?I.observe(document.body,{childList:!0,subtree:!0}):document.addEventListener("DOMContentLoaded",()=>{I==null||I.observe(document.body,{childList:!0,subtree:!0})},{once:!0}))}function rt(e,n){Et(),M.set(e,n)}function Ct(e){return M.has(e)}function bt(){return M.size}function Rt(e){const n=M.get(e);return n?(M.delete(e),n(),!0):!1}function kt(){M.clear(),I==null||I.disconnect(),I=null,q=!1}const O=new Map,N=new Map,W=new Map;function Pt(e,n,t){O.set(e,n);let i=N.get(e);if(i)return i;const r=n;return i=Tt(()=>{const o=O.get(e);return o||(console.warn(`Transition "${String(e)}" not found`),{})},{strategy:t==null?void 0:t.strategy,scope:t==null?void 0:t.scope,onCleanupEnd:()=>{O.get(e)===r&&It(e)}}),N.set(e,i),i}function It(e){O.delete(e),N.delete(e),W.delete(e)}function Mt(e,n="manual"){const t=Pt(e.key,{in:e.in,out:e.out},{strategy:e[H],scope:e.scope});if(n==="manual")return t;let i=W.get(e.key);return i||(i=r=>{if(r){const o=t(r);o&&rt(r,o)}},W.set(e.key,i),i)}function Vt(e){const n=e.filter(t=>t.symmetric).map(t=>({from:t.to,to:t.from,transition:t.transition}));return[...e,...n]}function F(e,n){if(n==="*")return!0;if(n.endsWith("/*")){const t=n.slice(0,-1);return e.startsWith(t)&&e.length>t.length}return e===n}function Ft(e,n,t){for(const i of t)if(F(e,i.from)&&F(n,i.to))return i.transition;for(const i of t)if((i.from==="*"||F(e,i.from))&&(i.to==="*"||F(n,i.to)))return i.transition;return null}const xt=768,Lt=10,Ot=10;function zt(e={}){const{preserveScroll:n=c=>c}=e,t=typeof n=="function"?n:()=>n;let i=null,r=!1,o=!1;const s=()=>{const c=(i==null?void 0:i.clientWidth)??0,g=c>0?c:typeof window<"u"?window.innerWidth:0;return g>0&&g<xt},f=()=>(o||(r=s(),o=!0),r),l=c=>{const g=t(f());return g===!1?!1:g===!0?!0:!g.exclude.some(E=>F(c,E))};let m=null;const h=new Map;let v=null,A=!1,S=0;const y=()=>{i&&v&&!A&&h.set(v,{x:i.scrollLeft,y:i.scrollTop})},p=c=>{if(!i)return;const g=l(c)&&h.has(c)?h.get(c):{x:0,y:0};let E=0;const b=()=>{if(!i)return;i.scrollTo({top:g.y,left:g.x}),!(Math.abs(i.scrollTop-g.y)<1&&Math.abs(i.scrollLeft-g.x)<1)&&E<Lt&&(E++,requestAnimationFrame(b))};requestAnimationFrame(b)};return{initializeContext:(c,g)=>{A=!0;const E=++S;m=c,i||(i=St(c),r=s(),o=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{r=s()}).observe(i),(i===document.documentElement?window:i).addEventListener("scroll",y,{passive:!0})),v=g,p(g);let b=0;const P=()=>{E===S&&(b++,b>=Ot?A=!1:requestAnimationFrame(P))};requestAnimationFrame(P)},calculateScrollOffset:(c,g)=>{const E=c&&h.has(c)?h.get(c):{x:0,y:0},b=g&&l(g)&&h.has(g)?h.get(g):{x:0,y:0};return{x:-b.x+E.x,y:-b.y+E.y}},evictScrollPosition:c=>{h.delete(c)},shouldPreserve:l,getScrollContainer:()=>i,getPositionedParentElement:()=>m?At(m):document.body,getScrollPosition:c=>c&&h.has(c)?h.get(c):{x:0,y:0}}}const G=30,$=8,Z=1.2,Dt=30,_t=600;function qt(){let e=null,n=!1,t=!1,i=null,r=null,o=!1;const s=(w,u)=>{for(let a=0;a<w.length;a++){const T=w.item(a);if(T&&T.identifier===u)return T}return null},f=()=>{i!==null&&(clearTimeout(i),i=null)},l=()=>{r!==null&&(clearTimeout(r),r=null)},m=()=>{n=!0,t=!0,f(),l(),i=setTimeout(()=>{n=!1,t=!1,i=null},_t)},h=w=>{if(w.touches.length!==1){e=null;return}const u=w.touches.item(0);if(!u){e=null;return}const a=window.innerWidth,T=u.clientX<=G,c=u.clientX>=a-G;if(!T&&!c){e=null;return}e={identifier:u.identifier,startX:u.clientX,startY:u.clientY,fromLeftEdge:T,moved:!1}},v=w=>{if(!e)return;if(w.touches.length!==1){e=null;return}const u=s(w.touches,e.identifier);if(!u){e=null;return}const a=u.clientX-e.startX,T=u.clientY-e.startY,c=Math.abs(a),g=Math.abs(T);if(g>$&&g>c*Z){e=null;return}const E=e.fromLeftEdge?a>0:a<0;c>$&&c>g*Z&&E&&(e.moved=!0)},A=w=>{if(!e)return;const u=s(w.changedTouches,e.identifier);if(!u){e=null;return}const a=u.clientX-e.startX,T=e.fromLeftEdge?a>0:a<0;e.moved&&T&&Math.abs(a)>=Dt&&m(),e=null},S=()=>{e&&(e.moved&&m(),e=null)};return{initialize:()=>{if(typeof window>"u"||o)return;o=!0;const w={passive:!0,capture:!0};window.addEventListener("touchstart",h,w),window.addEventListener("touchmove",v,w),window.addEventListener("touchend",A,w),window.addEventListener("touchcancel",S,w)},destroy:()=>{if(typeof window>"u"||!o)return;o=!1;const w={capture:!0};window.removeEventListener("touchstart",h,w),window.removeEventListener("touchmove",v,w),window.removeEventListener("touchend",A,w),window.removeEventListener("touchcancel",S,w),f(),l(),e=null,n=!1,t=!1},isSwipeBack:()=>{const w=n||t;return w&&f(),w},onPageEnter:()=>{n=!1,f(),l(),r=setTimeout(()=>{t=!1,r=null},0)}}}function ot(){let e=null;function n(){if(e!=null&&e.from&&(e!=null&&e.to)&&(e!=null&&e.outResolve)&&(e!=null&&e.inResolve)){const t={from:e.from,to:e.to};e.outResolve(t),e.inResolve(t),e=null}}return{trigger(t,i){e||(e={}),i==="out"?e.from=t:e.to=t},get(t){return t==="in"&&(!e||!e.from)?Promise.resolve(null):new Promise(i=>{e||(e={}),t==="out"?e.outResolve=i:e.inResolve=i,n()})}}}function st(){let e=null;function n(){var i,r;e&&((i=e.outResolve)==null||i.call(e,null),(r=e.inResolve)==null||r.call(e,null),e=null)}function t(){if(e!=null&&e.from&&(e!=null&&e.to)&&(e!=null&&e.outResolve)&&(e!=null&&e.inResolve)){if(e.from===e.to){n();return}const i={from:e.from,to:e.to};e.outResolve(i),e.inResolve(i),e=null}}return{trigger(i,r){e&&(r==="out"&&e.from&&e.from!==i||r==="in"&&e.to&&e.to!==i)&&n(),e||(e={}),r==="out"?e.from=i:e.to=i},get(i){return new Promise(r=>{e||(e={}),i==="out"?e.outResolve=r:e.inResolve=r,t()})}}}function Nt(e,n){const{transitions:t=[],defaultTransition:i,middleware:r=(u,a)=>({from:u,to:a}),preserveScroll:o=u=>u}=e,{outFirst:s=!0}=n||{},f=s?ot():st(),l=Vt(t),m=qt();m.initialize();const{initializeContext:h,calculateScrollOffset:v,evictScrollPosition:A,shouldPreserve:S,getScrollContainer:y,getPositionedParentElement:p,getScrollPosition:R}=zt({preserveScroll:o}),C=async(u,a)=>{const T=m.isSwipeBack();f.trigger(u,a);const c=await f.get(a);if(a==="in"&&m.onPageEnter(),!c)return()=>({});if(T)return a==="out"&&c.from&&!S(c.from)&&A(c.from),()=>({});const{from:g,to:E}=r(c.from,c.to),P=Ft(g,E,l)||i;if(!P)return()=>({});const V=v(c.from,c.to);if(a==="out"){const x={scrollOffset:V,scroll:R(c.from),get scrollingElement(){return y()||document.documentElement},get positionedParent(){return p()}};return c.from&&!S(c.from)&&A(c.from),D=>P.out(D,x)}else{const x={scrollOffset:V,get scroll(){return R(c.to)},get scrollingElement(){return y()||document.documentElement},get positionedParent(){return p()}};return D=>P.in(D,x)}};return u=>({key:u,in:async a=>(h(a,u),(await C(u,"in"))(a)),out:async a=>(await C(u,"out"))(a),[H]:tt})}exports.isCssAnimation=k.isCssAnimation;exports.isKeyframesAnimation=k.isKeyframesAnimation;exports.isMultiAnimation=k.isMultiAnimation;exports.isSingleAnimation=k.isSingleAnimation;exports.isTickAnimation=k.isTickAnimation;exports.normalizeSchedule=k.normalizeSchedule;exports.normalizeToMultiAnimation=k.normalizeToMultiAnimation;exports.SCOPE_ATTR=U;exports.SCOPE_READY_ATTR=K;exports.TRANSITION_STRATEGY=H;exports.createAnyOrderDetector=st;exports.createDefaultStrategy=Q;exports.createOutFirstDetector=ot;exports.createPageTransitionStrategy=tt;exports.createSggoiTransitionContext=Nt;exports.createTransitionScope=vt;exports.findScope=it;exports.getWatchedCount=bt;exports.isScopeReady=et;exports.isWatched=Ct;exports.resetObserver=kt;exports.transition=Mt;exports.triggerUnmount=Rt;exports.watchUnmount=rt;
+"use strict";var ct=Object.defineProperty;var lt=(e,n,t)=>n in e?ct(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var d=(e,n,t)=>lt(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./types.cjs"),X=require("./spring-integrator-95Mh7mdw.cjs"),ut=require("./provider-BKaONTeg.cjs");class ft{constructor(){d(this,"listeners",new Set);d(this,"rafId",null);d(this,"isRunning",!1);d(this,"startTime",Date.now());d(this,"lastUpdate",this.startTime);d(this,"elapsed",0);d(this,"lagThreshold",500);d(this,"adjustedLag",33);d(this,"maxDeltaTime",33);d(this,"gap",1e3/240);d(this,"nextTime",this.gap);d(this,"tick",()=>{const n=Date.now();let i=n-this.lastUpdate;i>this.lagThreshold||i<0?(this.startTime+=i-this.adjustedLag,i=this.adjustedLag):i>this.maxDeltaTime&&(i=this.maxDeltaTime),this.lastUpdate=n;const r=n-this.startTime,o=r-this.nextTime;if(o>0){const s=i/1e3;this.elapsed=r/1e3,this.nextTime+=o+(o>=this.gap?4:this.gap-o),this.listeners.forEach(m=>{m(s,this.elapsed)})}this.listeners.size>0?this.rafId=requestAnimationFrame(this.tick):(this.isRunning=!1,this.rafId=null)})}subscribe(n){return this.listeners.add(n),this.isRunning||(this.isRunning=!0,this.rafId=requestAnimationFrame(this.tick)),()=>{this.unsubscribe(n)}}unsubscribe(n){this.listeners.delete(n),this.listeners.size===0&&this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.isRunning=!1,this.rafId=null)}lagSmoothing(n,t){this.lagThreshold=n,this.adjustedLag=Math.min(t,n)}fps(n){this.gap=1e3/n,this.nextTime=this.elapsed*1e3+this.gap}getListenerCount(){return this.listeners.size}getElapsed(){return this.elapsed}}const _=new ft;function mt(e){const{integrator:n,from:t,to:i,velocity:r=0,onUpdate:o,onComplete:s,onStart:m}=e;let l={position:t,velocity:r},u=!0,h=0,v=!1;const A=S=>{if(u){if(v||(v=!0,m==null||m()),l=n.step(l,i,S),n.isSettled(l,i)){if(h+=Math.min(S,.033),h>=X.SETTLE_THRESHOLD){l={position:i,velocity:0},u=!1,o(l.position),_.unsubscribe(A),s();return}}else h=0;o(l.position)}};return _.subscribe(A),{stop:()=>{u&&(u=!1,_.unsubscribe(A))},getPosition:()=>l.position,getVelocity:()=>l.velocity,isRunning:()=>u}}const L=1e3/60;function dt(e,n,t,i=0){let o={position:n,velocity:i},s=0;const m=[];for(let l=0;l<600;l++){const u=l*L;if(m.push({time:u,position:o.position,velocity:o.velocity}),o=e.step(o,t,L/1e3),e.isSettled(o,t)){if(s+=L/1e3,s>=X.SETTLE_THRESHOLD){m.push({time:(l+1)*L,position:t,velocity:0});break}}else s=0}return m}function Y(e,n){if(e.length===0)return{position:0,velocity:0};const t=e[0],i=e[e.length-1];if(n<=0)return{position:t.position,velocity:t.velocity};if(n>=i.time)return{position:i.position,velocity:i.velocity};let r=0,o=e.length-1;for(;r<o-1;){const u=Math.floor((r+o)/2);e[u].time<=n?r=u:o=u}const s=e[r],m=e[o],l=(n-s.time)/(m.time-s.time);return{position:s.position+(m.position-s.position)*l,velocity:s.velocity+(m.velocity-s.velocity)*l}}function ht(e,n){return e.map(t=>n(t.position))}function gt(e){const{integrator:n,element:t,from:i,to:r,velocity:o=0,style:s,onComplete:m,onStart:l}=e,u=dt(n,i,r,o);if(u.length===0)return l==null||l(),m(),{stop:()=>{},getPosition:()=>r,getVelocity:()=>0,isRunning:()=>!1};const h=ht(u,s),v=u[u.length-1],A=v.time,S=h[0];if(S)for(const C of Object.keys(S))t.style[C]="";const y=t.animate(h,{duration:A,fill:"forwards",easing:"linear",composite:"replace"});let p=!0;const R=performance.now();return l==null||l(),y.onfinish=()=>{p&&(p=!1,m())},{stop:()=>{p&&(p=!1,y.cancel())},getPosition:()=>{if(!p)return v.position;const C=performance.now()-R;return Y(u,C).position},getVelocity:()=>{if(!p)return 0;const C=performance.now()-R;return Y(u,C).velocity},isRunning:()=>p}}function yt(e){const{element:n,frames:t,duration:i,easing:r="linear",from:o,to:s,onComplete:m,onStart:l}=e,u=t[0];if(u)for(const S of Object.keys(u))S==="offset"||S==="easing"||S==="composite"||(n.style[S]="");const h=n.animate(t,{duration:i,fill:"forwards",easing:r,composite:"replace"});let v=!0;const A=performance.now();return l==null||l(),h.onfinish=()=>{v&&(v=!1,m())},{stop:()=>{v&&(v=!1,h.cancel())},getPosition:()=>{if(!v)return s;const S=performance.now()-A,y=Math.min(Math.max(S/i,0),1);return o+(s-o)*y},getVelocity:()=>0,isRunning:()=>v}}function wt(e){const{to:n,onStart:t,onComplete:i}=e;return t==null||t(),i(),{stop:()=>{},getPosition:()=>n,getVelocity:()=>0,isRunning:()=>!1}}class pt{static from(n){const{tick:t,css:i,keyframes:r}=n;if((t?1:0)+(i?1:0)+(r?1:0)>1)throw new Error("Cannot use more than one of 'tick', 'css', 'keyframes' together");return r?s=>yt({element:r.element,frames:r.frames,duration:r.duration,easing:r.easing,from:s.from,to:s.to,onComplete:s.onComplete,onStart:s.onStart}):i?s=>{if(!s.integrator)throw new Error("css mode requires an integrator");return gt({integrator:s.integrator,from:s.from,to:s.to,velocity:s.velocity,onComplete:s.onComplete,onStart:s.onStart,element:i.element,style:i.style})}:t?s=>{if(!s.integrator)throw new Error("tick mode requires an integrator");return mt({integrator:s.integrator,from:s.from,to:s.to,velocity:s.velocity,onComplete:s.onComplete,onStart:s.onStart,onUpdate:t})}:wt}}class Q{}const vt={stiffness:300,damping:30};class j extends Q{constructor(t){super();d(this,"options");d(this,"runner");d(this,"controls",null);d(this,"isAnimating",!1);d(this,"currentValue");d(this,"currentVelocity",0);d(this,"updateFn");d(this,"isKeyframesMode");if(this.options={from:t.from??0,to:t.to??1,physics:t.physics,onComplete:t.onComplete??(()=>{}),onStart:t.onStart},this.currentValue=this.options.from,this.isKeyframesMode=!!t.keyframes,t.tick)this.updateFn=i=>{var r;return(r=t.tick)==null?void 0:r.call(t,i)};else if(t.css){const{element:i,style:r}=t.css;this.updateFn=o=>{const s=r(o);for(const[m,l]of Object.entries(s))i.style[m]=typeof l=="number"?String(l):l}}else this.updateFn=()=>{};this.runner=pt.from({tick:t.tick,css:t.css,keyframes:t.keyframes})}syncState(){var t;(t=this.updateFn)==null||t.call(this,this.currentValue)}createIntegrator(){const t=this.options.physics;return t!=null&&t.integrator?t.integrator():t!=null&&t.spring||t!=null&&t.inertia?ut.IntegratorProvider.from({spring:t.spring,inertia:t.inertia}):new X.SpringIntegrator(vt)}runAnimation(t){this.isAnimating=!0,this.controls=this.runner({integrator:this.isKeyframesMode?void 0:this.createIntegrator(),from:this.currentValue,to:t,velocity:this.currentVelocity,onStart:this.options.onStart,onComplete:()=>{this.currentValue=t,this.currentVelocity=0,this.isAnimating=!1,this.controls=null,this.options.onComplete()}})}forward(){this.stop(),this.runAnimation(this.options.to)}backward(){this.stop(),this.runAnimation(this.options.from)}reverse(){const t=this.options.from;this.options.from=this.options.to,this.options.to=t,this.isAnimating&&(this.stop(),this.runAnimation(this.options.to))}stop(){this.controls&&(this.currentValue=this.controls.getPosition(),this.currentVelocity=this.controls.getVelocity(),this.controls.stop(),this.controls=null),this.isAnimating=!1}getVelocity(){var t;return((t=this.controls)==null?void 0:t.getVelocity())??this.currentVelocity}getCurrentValue(){var t;return((t=this.controls)==null?void 0:t.getPosition())??this.currentValue}getIsAnimating(){return this.isAnimating}getCurrentState(){return{position:this.getCurrentValue(),velocity:this.getVelocity(),from:this.options.from,to:this.options.to}}setValue(t){this.currentValue=t}setVelocity(t){this.currentVelocity=t}updateOptions(t){this.options={...this.options,...t}}}class z extends Q{constructor(t){super();d(this,"config");d(this,"animators",new Map);d(this,"itemOrder",[]);d(this,"completedCount",0);d(this,"completedAnimators",new Set);d(this,"direction","forward");d(this,"idCounter",0);d(this,"rafId",null);d(this,"from");d(this,"to");d(this,"initialState");this.config=t.config,this.from=t.from,this.to=t.to,this.initialState=t.state??{position:t.from,velocity:0},this.initializeAnimators()}generateId(){return`spring_${this.idCounter++}`}initializeAnimators(){this.config.items.forEach((t,i)=>{const r=this.generateId(),o=new j({from:this.from,to:this.to,physics:t.physics,tick:t.tick,css:t.css,keyframes:t.keyframes,onComplete:()=>this.onAnimatorComplete(r),onStart:t.onStart});(i===0||t.normalizedOffset===0)&&(o.setValue(this.initialState.position),o.setVelocity(this.initialState.velocity),o.syncState()),this.animators.set(r,{id:r,item:t,animator:o,started:!1}),this.itemOrder.push(r)})}getAnimatorProgress(t){const i=t.animator.getCurrentState(),r=Math.abs(i.to-i.from);return r===0?1:Math.abs(i.position-i.from)/r}getOrderedIds(){return this.direction==="forward"?this.itemOrder:[...this.itemOrder].reverse()}onAnimatorComplete(t){var r,o,s,m,l,u;const i=this.animators.get(t);!i||this.completedAnimators.has(t)||(this.completedAnimators.add(t),this.completedCount++,(o=(r=i.item).onComplete)==null||o.call(r),(m=(s=this.config).onProgress)==null||m.call(s,this.completedCount,this.config.items.length),this.completedCount===this.config.items.length&&(this.stopScheduler(),(u=(l=this.config).onEnd)==null||u.call(l)))}checkAndStartSprings(){const t=this.getOrderedIds();for(let i=0;i<t.length;i++){const r=t[i],o=this.animators.get(r);if(!o||o.started)continue;if(i===0){this.startAnimator(r);continue}const s=t[i-1],m=this.animators.get(s);if(!m||!m.started)continue;const l=this.getAnimatorProgress(m),u=o.item.normalizedOffset;l>=u&&this.startAnimator(r)}}startAnimator(t){const i=this.animators.get(t);!i||i.started||(i.started=!0,this.direction==="forward"?i.animator.forward():i.animator.backward())}startScheduler(){const t=()=>{this.checkAndStartSprings(),this.getIsAnimating()&&(this.rafId=requestAnimationFrame(t))};t()}stopScheduler(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null)}getFirstAnimator(){var i;const t=this.itemOrder[0];return t?((i=this.animators.get(t))==null?void 0:i.animator)??null:null}forward(){var t,i;this.stop(),this.direction="forward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(i=(t=this.config).onStart)==null||i.call(t),this.startScheduler()}backward(){var t,i;this.stop(),this.direction="backward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(i=(t=this.config).onStart)==null||i.call(t),this.startScheduler()}resetStartedFlags(){this.animators.forEach(t=>{t.started=!1})}stop(){this.stopScheduler(),this.animators.forEach(t=>{t.animator.stop(),t.started=!1})}reverse(){this.direction=this.direction==="forward"?"backward":"forward",this.animators.forEach(t=>{if(!t.started)return;const i=t.animator.getCurrentState();if(i.position===i.to){const o=new j({from:this.to,to:this.from,physics:t.item.physics,tick:t.item.tick,css:t.item.css,keyframes:t.item.keyframes,onComplete:()=>this.onAnimatorComplete(t.id),onStart:t.item.onStart});o.setValue(this.to),o.setVelocity(0),o.syncState(),o.forward(),t.animator=o}else t.animator.reverse()})}getCurrentState(){const t=this.getFirstAnimator();return t?t.getCurrentState():{position:0,velocity:0,from:0,to:1}}getCurrentValue(){const t=this.getFirstAnimator();return(t==null?void 0:t.getCurrentValue())??0}getVelocity(){const t=this.getFirstAnimator();return(t==null?void 0:t.getVelocity())??0}setValue(t){const i=this.getFirstAnimator();i==null||i.setValue(t)}setVelocity(t){const i=this.getFirstAnimator();i==null||i.setVelocity(t)}getIsAnimating(){for(const t of this.animators.values())if(t.animator.getIsAnimating())return!0;return!1}static fromState(t,i){return new z({...i,state:t})}}const H=Symbol.for("TRANSITION_STRATEGY"),tt=e=>({runIn:async n=>{const{currentAnimation:t}=e;if(t&&t.direction==="out"){const r=t.controller.getCurrentValue(),o=t.controller.getVelocity();if(t.controller.stop(),n.out)return{config:await n.out,state:{position:r,velocity:o},from:1,to:0,direction:"backward"}}return n.in?{config:await n.in,state:{position:0,velocity:0},from:0,to:1,direction:"forward"}:{state:{position:0,velocity:0},from:0,to:1,direction:"forward"}},runOut:async n=>{const{currentAnimation:t}=e;if(t&&t.direction==="in"){const r=t.controller.getCurrentValue(),o=t.controller.getVelocity();if(t.controller.stop(),n.in)return{config:await n.in,state:{position:r,velocity:o},from:0,to:1,direction:"backward"}}return n.out?{config:await n.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}}),et=()=>({runIn:async e=>e.in?{config:await e.in,state:{position:0,velocity:0},from:0,to:1,direction:"forward"}:{state:{position:0,velocity:0},from:0,to:1,direction:"forward"},runOut:async e=>e.out?{config:await e.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}),U="data-ssgoi-scope",K="data-ssgoi-scope-ready";function St(){return e=>{if(e)return e.setAttribute(U,""),queueMicrotask(()=>{queueMicrotask(()=>{e.setAttribute(K,"true")})}),()=>{}}}function it(e){return e.hasAttribute(K)}function nt(e){return e.closest(`[${U}]`)}const At=e=>{let n=e.parentElement;for(;n&&n!==document.body;){const t=window.getComputedStyle(n),i=t.overflow+t.overflowY+t.overflowX;if(i.includes("auto")||i.includes("scroll")||n.scrollHeight>n.clientHeight||n.scrollWidth>n.clientWidth)return n;n=n.parentElement}return document.documentElement},Tt=e=>{let n=e.parentElement;for(;n&&n!==document.body;){const t=window.getComputedStyle(n).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return n;n=n.parentElement}return document.body};function B(e){return new Promise(n=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{n()})})})}function Et(e,n){var S;let t=null,i=null,r=null,o=null;const s={get currentAnimation(){return t}},m=((S=n==null?void 0:n.strategy)==null?void 0:S.call(n,s))||tt(s),l=async y=>{var g,E;i&&(i.remove(),i=null);const p=e(),R=p.in&&p.in(y),C=!(n!=null&&n.strategy)&&p.out?p.out(y):void 0;if(!R)return;const w={in:k.normalizeToMultiAnimation(R),out:C?k.normalizeToMultiAnimation(C):void 0},f=await m.runIn(w);if(!f.config){t&&(t.direction="in");return}const a=f.config;(g=a.prepare)==null||g.call(a);const T=k.normalizeSchedule({...a,onEnd:()=>{var b;t=null,(b=a.onEnd)==null||b.call(a)}},y);a.wait&&await a.wait();const c=z.fromState(f.state,{config:T,from:f.from,to:f.to});t={controller:c,direction:"in"},(E=a.onReady)==null||E.call(a),await B(),f.direction==="forward"?c.forward():c.backward()},u=async y=>{var E,b;i=y;const p=e(),R=!(n!=null&&n.strategy)&&p.in?p.in(y):void 0,C=p.out&&p.out(y);if(!C)return;const w={in:R?k.normalizeToMultiAnimation(R):void 0,out:k.normalizeToMultiAnimation(C)},f=await m.runOut(w);if(!f.config){t&&(t.direction="out"),i&&(i.remove(),i=null);return}const a=f.config;g(),(E=a.prepare)==null||E.call(a);const T=k.normalizeSchedule({...a,onEnd:()=>{var M,V;(M=a.onEnd)==null||M.call(a),i&&(i.remove(),i=null),t=null,(V=n==null?void 0:n.onCleanupEnd)==null||V.call(n)}},y);a.wait&&await a.wait();const c=z.fromState(f.state,{config:T,from:f.from,to:f.to});t={controller:c,direction:"out"},(b=a.onReady)==null||b.call(a),await B(),f.direction==="forward"?c.forward():c.backward();function g(){!r||!i||(o&&r.contains(o)?r.insertBefore(i,o):r.appendChild(i))}};let h=null,v=!1;const A=y=>()=>{if(v)return;v=!0;const p=y.cloneNode(!0);h?queueMicrotask(()=>{document.contains(h)&&u(p)}):u(p)};return y=>{if(y)return requestAnimationFrame(()=>{r=y.parentElement,o=y.nextElementSibling}),v=!1,(n==null?void 0:n.scope)==="local"?queueMicrotask(()=>{h=nt(y),!(h&&!it(h))&&l(y)}):l(y),A(y)}}const I=new Map;let P=null,q=!1;function rt(e){if(e instanceof HTMLElement&&I.has(e)){const t=I.get(e);I.delete(e),queueMicrotask(()=>{t()})}const n=e.childNodes;for(let t=0;t<n.length;t++){const i=n[t];i&&rt(i)}}function Ct(){q||typeof document>"u"||(q=!0,P=new MutationObserver(e=>{for(const n of e){const t=n.removedNodes;for(let i=0;i<t.length;i++){const r=t[i];r&&rt(r)}}}),document.body?P.observe(document.body,{childList:!0,subtree:!0}):document.addEventListener("DOMContentLoaded",()=>{P==null||P.observe(document.body,{childList:!0,subtree:!0})},{once:!0}))}function ot(e,n){Ct(),I.set(e,n)}function bt(e){return I.has(e)}function Rt(){return I.size}function kt(e){const n=I.get(e);return n?(I.delete(e),n(),!0):!1}function Mt(){I.clear(),P==null||P.disconnect(),P=null,q=!1}const O=new Map,N=new Map,W=new Map;function Pt(e,n,t){O.set(e,n);let i=N.get(e);if(i)return i;const r=n;return i=Et(()=>{const o=O.get(e);return o||(console.warn(`Transition "${String(e)}" not found`),{})},{strategy:t==null?void 0:t.strategy,scope:t==null?void 0:t.scope,onCleanupEnd:()=>{O.get(e)===r&&It(e)}}),N.set(e,i),i}function It(e){O.delete(e),N.delete(e),W.delete(e)}function Vt(e,n="manual"){const t=Pt(e.key,{in:e.in,out:e.out},{strategy:e[H],scope:e.scope});if(n==="manual")return t;let i=W.get(e.key);return i||(i=r=>{if(r){const o=t(r);o&&ot(r,o)}},W.set(e.key,i),i)}function Ft(e){const n=e.filter(t=>t.symmetric).map(t=>({from:t.to,to:t.from,transition:t.transition}));return[...e,...n]}function F(e,n){if(n==="*")return!0;if(n.endsWith("/*")){const t=n.slice(0,-1);return e.startsWith(t)&&e.length>t.length}return e===n}function xt(e,n,t){for(const i of t)if(F(e,i.from)&&F(n,i.to))return i.transition;for(const i of t)if((i.from==="*"||F(e,i.from))&&(i.to==="*"||F(n,i.to)))return i.transition;return null}const Lt=768,Ot=10,zt=10;function Dt(e={}){const{preserveScroll:n=c=>c}=e,t=typeof n=="function"?n:()=>n;let i=null,r=!1,o=!1;const s=()=>{const c=(i==null?void 0:i.clientWidth)??0,g=c>0?c:typeof window<"u"?window.innerWidth:0;return g>0&&g<Lt},m=()=>(o||(r=s(),o=!0),r),l=c=>{const g=t(m());return g===!1?!1:g===!0?!0:!g.exclude.some(E=>F(c,E))};let u=null;const h=new Map;let v=null,A=!1,S=0;const y=()=>{i&&v&&!A&&h.set(v,{x:i.scrollLeft,y:i.scrollTop})},p=c=>{if(!i)return;const g=l(c)&&h.has(c)?h.get(c):{x:0,y:0};let E=0;const b=()=>{if(!i)return;i.scrollTo({top:g.y,left:g.x}),!(Math.abs(i.scrollTop-g.y)<1&&Math.abs(i.scrollLeft-g.x)<1)&&E<Ot&&(E++,requestAnimationFrame(b))};requestAnimationFrame(b)};return{initializeContext:(c,g)=>{A=!0;const E=++S;u=c,i||(i=At(c),r=s(),o=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{r=s()}).observe(i),(i===document.documentElement?window:i).addEventListener("scroll",y,{passive:!0})),v=g,p(g);let b=0;const M=()=>{E===S&&(b++,b>=zt?A=!1:requestAnimationFrame(M))};requestAnimationFrame(M)},calculateScrollOffset:(c,g)=>{const E=c&&h.has(c)?h.get(c):{x:0,y:0},b=g&&l(g)&&h.has(g)?h.get(g):{x:0,y:0};return{x:-b.x+E.x,y:-b.y+E.y}},evictScrollPosition:c=>{h.delete(c)},shouldPreserve:l,getScrollContainer:()=>i,getPositionedParentElement:()=>u?Tt(u):document.body,getScrollPosition:c=>c&&h.has(c)?h.get(c):{x:0,y:0}}}const G=30,$=8,Z=1.2,J=30,_t=600;function qt(){let e=null,n=!1,t=!1,i=null,r=null,o=!1;const s=(w,f)=>{for(let a=0;a<w.length;a++){const T=w.item(a);if(T&&T.identifier===f)return T}return null},m=()=>{i!==null&&(clearTimeout(i),i=null)},l=()=>{r!==null&&(clearTimeout(r),r=null)},u=()=>{n=!0,t=!0,m(),l(),i=setTimeout(()=>{n=!1,t=!1,i=null},_t)},h=w=>{if(w.touches.length!==1){e=null;return}const f=w.touches.item(0);if(!f){e=null;return}const a=window.innerWidth,T=f.clientX<=G,c=f.clientX>=a-G;if(!T&&!c){e=null;return}e={identifier:f.identifier,startX:f.clientX,startY:f.clientY,fromLeftEdge:T,moved:!1}},v=w=>{if(!e)return;if(w.touches.length!==1){e=null;return}const f=s(w.touches,e.identifier);if(!f){e=null;return}const a=f.clientX-e.startX,T=f.clientY-e.startY,c=Math.abs(a),g=Math.abs(T);if(g>$&&g>c*Z){e=null;return}const E=e.fromLeftEdge?a>0:a<0;c>$&&c>g*Z&&E&&(e.moved=!0)},A=w=>{if(!e)return;const f=s(w.changedTouches,e.identifier);if(!f){e=null;return}const a=f.clientX-e.startX,T=e.fromLeftEdge?a>0:a<0;if(e.moved&&T&&Math.abs(a)>=J){u(),e=null;return}e.moved&&Math.abs(a)>=J&&u(),e=null},S=()=>{e&&(e.moved&&u(),e=null)};return{initialize:()=>{if(typeof window>"u"||o)return;o=!0;const w={passive:!0,capture:!0};window.addEventListener("touchstart",h,w),window.addEventListener("touchmove",v,w),window.addEventListener("touchend",A,w),window.addEventListener("touchcancel",S,w)},destroy:()=>{if(typeof window>"u"||!o)return;o=!1;const w={capture:!0};window.removeEventListener("touchstart",h,w),window.removeEventListener("touchmove",v,w),window.removeEventListener("touchend",A,w),window.removeEventListener("touchcancel",S,w),m(),l(),e=null,n=!1,t=!1},isSwipeBack:()=>{const w=n||t;return w&&m(),w},onPageEnter:()=>{n=!1,m(),l(),r=setTimeout(()=>{t=!1,r=null},0)}}}function st(){let e=null;function n(){if(e!=null&&e.from&&(e!=null&&e.to)&&(e!=null&&e.outResolve)&&(e!=null&&e.inResolve)){const t={from:e.from,to:e.to};e.outResolve(t),e.inResolve(t),e=null}}return{trigger(t,i){e||(e={}),i==="out"?e.from=t:e.to=t},get(t){return t==="in"&&(!e||!e.from)?Promise.resolve(null):new Promise(i=>{e||(e={}),t==="out"?e.outResolve=i:e.inResolve=i,n()})}}}function at(){let e=null;function n(){var i,r;e&&((i=e.outResolve)==null||i.call(e,null),(r=e.inResolve)==null||r.call(e,null),e=null)}function t(){if(e!=null&&e.from&&(e!=null&&e.to)&&(e!=null&&e.outResolve)&&(e!=null&&e.inResolve)){if(e.from===e.to){n();return}const i={from:e.from,to:e.to};e.outResolve(i),e.inResolve(i),e=null}}return{trigger(i,r){e&&(r==="out"&&e.from&&e.from!==i||r==="in"&&e.to&&e.to!==i)&&n(),e||(e={}),r==="out"?e.from=i:e.to=i},get(i){return new Promise(r=>{e||(e={}),i==="out"?e.outResolve=r:e.inResolve=r,t()})}}}function Nt(e,n){const{transitions:t=[],defaultTransition:i,middleware:r=(f,a)=>({from:f,to:a}),preserveScroll:o=f=>f}=e,{outFirst:s=!0}=n||{},m=s?st():at(),l=Ft(t),u=qt();u.initialize();const{initializeContext:h,calculateScrollOffset:v,evictScrollPosition:A,shouldPreserve:S,getScrollContainer:y,getPositionedParentElement:p,getScrollPosition:R}=Dt({preserveScroll:o}),C=async(f,a)=>{const T=u.isSwipeBack();m.trigger(f,a);const c=await m.get(a);if(a==="in"&&u.onPageEnter(),!c)return()=>({});if(T)return a==="out"&&c.from&&!S(c.from)&&A(c.from),()=>({});const{from:g,to:E}=r(c.from,c.to),M=xt(g,E,l)||i;if(!M)return()=>({});const V=v(c.from,c.to);if(a==="out"){const x={scrollOffset:V,scroll:R(c.from),get scrollingElement(){return y()||document.documentElement},get positionedParent(){return p()}};return c.from&&!S(c.from)&&A(c.from),D=>M.out(D,x)}else{const x={scrollOffset:V,get scroll(){return R(c.to)},get scrollingElement(){return y()||document.documentElement},get positionedParent(){return p()}};return D=>M.in(D,x)}};return f=>({key:f,in:async a=>(h(a,f),(await C(f,"in"))(a)),out:async a=>(await C(f,"out"))(a),[H]:et})}exports.isCssAnimation=k.isCssAnimation;exports.isKeyframesAnimation=k.isKeyframesAnimation;exports.isMultiAnimation=k.isMultiAnimation;exports.isSingleAnimation=k.isSingleAnimation;exports.isTickAnimation=k.isTickAnimation;exports.normalizeSchedule=k.normalizeSchedule;exports.normalizeToMultiAnimation=k.normalizeToMultiAnimation;exports.SCOPE_ATTR=U;exports.SCOPE_READY_ATTR=K;exports.TRANSITION_STRATEGY=H;exports.createAnyOrderDetector=at;exports.createDefaultStrategy=tt;exports.createOutFirstDetector=st;exports.createPageTransitionStrategy=et;exports.createSggoiTransitionContext=Nt;exports.createTransitionScope=St;exports.findScope=nt;exports.getWatchedCount=Rt;exports.isScopeReady=it;exports.isWatched=bt;exports.resetObserver=Mt;exports.transition=Vt;exports.triggerUnmount=kt;exports.watchUnmount=ot;

package/dist/index.js

@@ -1,11 +1,11 @@
-var et = Object.defineProperty;
-var nt = (e, i, t) => i in e ? et(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var d = (e, i, t) => nt(e, typeof i != "symbol" ? i + "" : i, t);
+var nt = Object.defineProperty;
+var it = (e, i, t) => i in e ? nt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var d = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
 import { normalizeToMultiAnimation as F, normalizeSchedule as W } from "./types.js";
 import { isCssAnimation as Gt, isKeyframesAnimation as $t, isMultiAnimation as Zt, isSingleAnimation as Jt, isTickAnimation as Qt } from "./types.js";
-import { S as G, a as it } from "./spring-integrator-BM4a-82c.js";
-import { I as rt } from "./provider-B2B8CK6H.js";
-class ot {
+import { S as $, a as rt } from "./spring-integrator-BM4a-82c.js";
+import { I as ot } from "./provider-B2B8CK6H.js";
+class st {
   constructor() {
     d(this, "listeners", /* @__PURE__ */ new Set());
     d(this, "rafId", null);
@@ -32,8 +32,8 @@ class ot {
       const r = i - this.startTime, o = r - this.nextTime;
       if (o > 0) {
         const s = n / 1e3;
-        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((f) => {
-          f(s, this.elapsed);
+        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((m) => {
+          m(s, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -69,8 +69,8 @@ class ot {
     return this.elapsed;
   }
 }
-const z = new ot();
-function st(e) {
+const z = new st();
+function at(e) {
   const {
     integrator: i,
     from: t,
@@ -78,14 +78,14 @@ function st(e) {
     velocity: r = 0,
     onUpdate: o,
     onComplete: s,
-    onStart: f
+    onStart: m
   } = e;
-  let l = { position: t, velocity: r }, m = !0, h = 0, v = !1;
+  let l = { position: t, velocity: r }, u = !0, h = 0, v = !1;
   const A = (S) => {
-    if (m) {
-      if (v || (v = !0, f == null || f()), l = i.step(l, n, S), i.isSettled(l, n)) {
-        if (h += Math.min(S, 0.033), h >= G) {
-          l = { position: n, velocity: 0 }, m = !1, o(l.position), z.unsubscribe(A), s();
+    if (u) {
+      if (v || (v = !0, m == null || m()), l = i.step(l, n, S), i.isSettled(l, n)) {
+        if (h += Math.min(S, 0.033), h >= $) {
+          l = { position: n, velocity: 0 }, u = !1, o(l.position), z.unsubscribe(A), s();
           return;
         }
       } else
@@ -95,26 +95,26 @@ function st(e) {
   };
   return z.subscribe(A), {
     stop: () => {
-      m && (m = !1, z.unsubscribe(A));
+      u && (u = !1, z.unsubscribe(A));
     },
     getPosition: () => l.position,
     getVelocity: () => l.velocity,
-    isRunning: () => m
+    isRunning: () => u
   };
 }
 const L = 1e3 / 60;
-function at(e, i, t, n = 0) {
+function ct(e, i, t, n = 0) {
   let o = { position: i, velocity: n }, s = 0;
-  const f = [];
+  const m = [];
   for (let l = 0; l < 600; l++) {
-    const m = l * L;
-    if (f.push({
-      time: m,
+    const u = l * L;
+    if (m.push({
+      time: u,
       position: o.position,
       velocity: o.velocity
     }), o = e.step(o, t, L / 1e3), e.isSettled(o, t)) {
-      if (s += L / 1e3, s >= G) {
-        f.push({
+      if (s += L / 1e3, s >= $) {
+        m.push({
           time: (l + 1) * L,
           position: t,
           velocity: 0
@@ -124,7 +124,7 @@ function at(e, i, t, n = 0) {
     } else
       s = 0;
   }
-  return f;
+  return m;
 }
 function H(e, i) {
   if (e.length === 0)
@@ -136,19 +136,19 @@ function H(e, i) {
     return { position: n.position, velocity: n.velocity };
   let r = 0, o = e.length - 1;
   for (; r < o - 1; ) {
-    const m = Math.floor((r + o) / 2);
-    e[m].time <= i ? r = m : o = m;
+    const u = Math.floor((r + o) / 2);
+    e[u].time <= i ? r = u : o = u;
   }
-  const s = e[r], f = e[o], l = (i - s.time) / (f.time - s.time);
+  const s = e[r], m = e[o], l = (i - s.time) / (m.time - s.time);
   return {
-    position: s.position + (f.position - s.position) * l,
-    velocity: s.velocity + (f.velocity - s.velocity) * l
+    position: s.position + (m.position - s.position) * l,
+    velocity: s.velocity + (m.velocity - s.velocity) * l
   };
 }
-function ct(e, i) {
+function lt(e, i) {
   return e.map((t) => i(t.position));
 }
-function lt(e) {
+function ut(e) {
   const {
     integrator: i,
     element: t,
@@ -156,18 +156,18 @@ function lt(e) {
     to: r,
     velocity: o = 0,
     style: s,
-    onComplete: f,
+    onComplete: m,
     onStart: l
-  } = e, m = at(i, n, r, o);
-  if (m.length === 0)
-    return l == null || l(), f(), {
+  } = e, u = ct(i, n, r, o);
+  if (u.length === 0)
+    return l == null || l(), m(), {
       stop: () => {
       },
       getPosition: () => r,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const h = ct(m, s), v = m[m.length - 1], A = v.time, S = h[0];
+  const h = lt(u, s), v = u[u.length - 1], A = v.time, S = h[0];
   if (S)
     for (const T of Object.keys(S))
       t.style[T] = "";
@@ -180,7 +180,7 @@ function lt(e) {
   let p = !0;
   const k = performance.now();
   return l == null || l(), y.onfinish = () => {
-    p && (p = !1, f());
+    p && (p = !1, m());
   }, {
     stop: () => {
       p && (p = !1, y.cancel());
@@ -189,18 +189,18 @@ function lt(e) {
       if (!p)
         return v.position;
       const T = performance.now() - k;
-      return H(m, T).position;
+      return H(u, T).position;
     },
     getVelocity: () => {
       if (!p)
         return 0;
       const T = performance.now() - k;
-      return H(m, T).velocity;
+      return H(u, T).velocity;
     },
     isRunning: () => p
   };
 }
-function ut(e) {
+function ft(e) {
   const {
     element: i,
     frames: t,
@@ -208,11 +208,11 @@ function ut(e) {
     easing: r = "linear",
     from: o,
     to: s,
-    onComplete: f,
+    onComplete: m,
     onStart: l
-  } = e, m = t[0];
-  if (m)
-    for (const S of Object.keys(m))
+  } = e, u = t[0];
+  if (u)
+    for (const S of Object.keys(u))
       S === "offset" || S === "easing" || S === "composite" || (i.style[S] = "");
   const h = i.animate(t, {
     duration: n,
@@ -223,7 +223,7 @@ function ut(e) {
   let v = !0;
   const A = performance.now();
   return l == null || l(), h.onfinish = () => {
-    v && (v = !1, f());
+    v && (v = !1, m());
   }, {
     stop: () => {
       v && (v = !1, h.cancel());
@@ -243,7 +243,7 @@ function ut(e) {
     isRunning: () => v
   };
 }
-function ft(e) {
+function mt(e) {
   const { to: i, onStart: t, onComplete: n } = e;
   return t == null || t(), n(), {
     stop: () => {
@@ -253,7 +253,7 @@ function ft(e) {
     isRunning: () => !1
   };
 }
-class mt {
+class dt {
   /**
    * Get bound runner based on animation mode
    *
@@ -267,7 +267,7 @@ class mt {
       throw new Error(
         "Cannot use more than one of 'tick', 'css', 'keyframes' together"
       );
-    return r ? (s) => ut({
+    return r ? (s) => ft({
       element: r.element,
       frames: r.frames,
       duration: r.duration,
@@ -279,7 +279,7 @@ class mt {
     }) : n ? (s) => {
       if (!s.integrator)
         throw new Error("css mode requires an integrator");
-      return lt({
+      return ut({
         integrator: s.integrator,
         from: s.from,
         to: s.to,
@@ -292,7 +292,7 @@ class mt {
     } : t ? (s) => {
       if (!s.integrator)
         throw new Error("tick mode requires an integrator");
-      return st({
+      return at({
         integrator: s.integrator,
         from: s.from,
         to: s.to,
@@ -301,13 +301,13 @@ class mt {
         onStart: s.onStart,
         onUpdate: t
       });
-    } : ft;
+    } : mt;
   }
 }
-class $ {
+class Z {
 }
-const dt = { stiffness: 300, damping: 30 };
-class K extends $ {
+const ht = { stiffness: 300, damping: 30 };
+class K extends Z {
   constructor(t) {
     super();
     d(this, "options");
@@ -334,13 +334,13 @@ class K extends $ {
       const { element: n, style: r } = t.css;
       this.updateFn = (o) => {
         const s = r(o);
-        for (const [f, l] of Object.entries(s))
-          n.style[f] = typeof l == "number" ? String(l) : l;
+        for (const [m, l] of Object.entries(s))
+          n.style[m] = typeof l == "number" ? String(l) : l;
       };
     } else
       this.updateFn = () => {
       };
-    this.runner = mt.from({
+    this.runner = dt.from({
       tick: t.tick,
       css: t.css,
       keyframes: t.keyframes
@@ -360,10 +360,10 @@ class K extends $ {
    */
   createIntegrator() {
     const t = this.options.physics;
-    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? rt.from({
+    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? ot.from({
       spring: t.spring,
       inertia: t.inertia
-    }) : new it(dt);
+    }) : new rt(ht);
   }
   runAnimation(t) {
     this.isAnimating = !0, this.controls = this.runner({
@@ -421,7 +421,7 @@ class K extends $ {
     this.options = { ...this.options, ...t };
   }
 }
-class D extends $ {
+class D extends Z {
   constructor(t) {
     super();
     d(this, "config");
@@ -480,9 +480,9 @@ class D extends $ {
     return this.direction === "forward" ? this.itemOrder : [...this.itemOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, o, s, f, l, m;
+    var r, o, s, m, l, u;
     const n = this.animators.get(t);
-    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = n.item).onComplete) == null || o.call(r), (f = (s = this.config).onProgress) == null || f.call(s, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (m = (l = this.config).onEnd) == null || m.call(l)));
+    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = n.item).onComplete) == null || o.call(r), (m = (s = this.config).onProgress) == null || m.call(s, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (u = (l = this.config).onEnd) == null || u.call(l)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -497,10 +497,10 @@ class D extends $ {
         this.startAnimator(r);
         continue;
       }
-      const s = t[n - 1], f = this.animators.get(s);
-      if (!f || !f.started) continue;
-      const l = this.getAnimatorProgress(f), m = o.item.normalizedOffset;
-      l >= m && this.startAnimator(r);
+      const s = t[n - 1], m = this.animators.get(s);
+      if (!m || !m.started) continue;
+      const l = this.getAnimatorProgress(m), u = o.item.normalizedOffset;
+      l >= u && this.startAnimator(r);
     }
   }
   startAnimator(t) {
@@ -619,7 +619,7 @@ class D extends $ {
     return new D({ ...n, state: t });
   }
 }
-const Z = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
+const J = Symbol.for("TRANSITION_STRATEGY"), gt = (e) => ({
   runIn: async (i) => {
     const { currentAnimation: t } = e;
     if (t && t.direction === "out") {
@@ -686,7 +686,7 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
       direction: "forward"
     };
   }
-}), gt = () => ({
+}), yt = () => ({
   runIn: async (e) => e.in ? {
     config: await e.in,
     state: {
@@ -723,25 +723,25 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
     to: 0,
     direction: "forward"
   }
-}), J = "data-ssgoi-scope", Q = "data-ssgoi-scope-ready";
+}), Q = "data-ssgoi-scope", tt = "data-ssgoi-scope-ready";
 function Nt() {
   return (e) => {
     if (e)
-      return e.setAttribute(J, ""), queueMicrotask(() => {
+      return e.setAttribute(Q, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          e.setAttribute(Q, "true");
+          e.setAttribute(tt, "true");
         });
       }), () => {
       };
   };
 }
-function yt(e) {
-  return e.hasAttribute(Q);
-}
 function wt(e) {
-  return e.closest(`[${J}]`);
+  return e.hasAttribute(tt);
+}
+function pt(e) {
+  return e.closest(`[${Q}]`);
 }
-const pt = (e) => {
+const vt = (e) => {
   let i = e.parentElement;
   for (; i && i !== document.body; ) {
     const t = window.getComputedStyle(i), n = t.overflow + t.overflowY + t.overflowX;
@@ -750,7 +750,7 @@ const pt = (e) => {
     i = i.parentElement;
   }
   return document.documentElement;
-}, vt = (e) => {
+}, St = (e) => {
   let i = e.parentElement;
   for (; i && i !== document.body; ) {
     const t = window.getComputedStyle(i).position;
@@ -769,14 +769,14 @@ function U(e) {
     });
   });
 }
-function St(e, i) {
+function At(e, i) {
   var S;
   let t = null, n = null, r = null, o = null;
   const s = {
     get currentAnimation() {
       return t;
     }
-  }, f = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, s)) || ht(s), l = async (y) => {
+  }, m = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, s)) || gt(s), l = async (y) => {
     var g, E;
     n && (n.remove(), n = null);
     const p = e(), k = p.in && p.in(y), T = !(i != null && i.strategy) && p.out ? p.out(y) : void 0;
@@ -785,12 +785,12 @@ function St(e, i) {
     const w = {
       in: F(k),
       out: T ? F(T) : void 0
-    }, u = await f.runIn(w);
-    if (!u.config) {
+    }, f = await m.runIn(w);
+    if (!f.config) {
       t && (t.direction = "in");
       return;
     }
-    const a = u.config;
+    const a = f.config;
     (g = a.prepare) == null || g.call(a);
     const C = W(
       {
@@ -803,13 +803,13 @@ function St(e, i) {
       y
     );
     a.wait && await a.wait();
-    const c = D.fromState(u.state, {
+    const c = D.fromState(f.state, {
       config: C,
-      from: u.from,
-      to: u.to
+      from: f.from,
+      to: f.to
     });
-    t = { controller: c, direction: "in" }, (E = a.onReady) == null || E.call(a), await U(), u.direction === "forward" ? c.forward() : c.backward();
-  }, m = async (y) => {
+    t = { controller: c, direction: "in" }, (E = a.onReady) == null || E.call(a), await U(), f.direction === "forward" ? c.forward() : c.backward();
+  }, u = async (y) => {
     var E, b;
     n = y;
     const p = e(), k = !(i != null && i.strategy) && p.in ? p.in(y) : void 0, T = p.out && p.out(y);
@@ -818,12 +818,12 @@ function St(e, i) {
     const w = {
       in: k ? F(k) : void 0,
       out: F(T)
-    }, u = await f.runOut(w);
-    if (!u.config) {
+    }, f = await m.runOut(w);
+    if (!f.config) {
       t && (t.direction = "out"), n && (n.remove(), n = null);
       return;
     }
-    const a = u.config;
+    const a = f.config;
     g(), (E = a.prepare) == null || E.call(a);
     const C = W(
       {
@@ -836,12 +836,12 @@ function St(e, i) {
       y
     );
     a.wait && await a.wait();
-    const c = D.fromState(u.state, {
+    const c = D.fromState(f.state, {
       config: C,
-      from: u.from,
-      to: u.to
+      from: f.from,
+      to: f.to
     });
-    t = { controller: c, direction: "out" }, (b = a.onReady) == null || b.call(a), await U(), u.direction === "forward" ? c.forward() : c.backward();
+    t = { controller: c, direction: "out" }, (b = a.onReady) == null || b.call(a), await U(), f.direction === "forward" ? c.forward() : c.backward();
     function g() {
       !r || !n || (o && r.contains(o) ? r.insertBefore(n, o) : r.appendChild(n));
     }
@@ -852,21 +852,21 @@ function St(e, i) {
     v = !0;
     const p = y.cloneNode(!0);
     h ? queueMicrotask(() => {
-      document.contains(h) && m(p);
-    }) : m(p);
+      document.contains(h) && u(p);
+    }) : u(p);
   };
   return (y) => {
     if (y)
       return requestAnimationFrame(() => {
         r = y.parentElement, o = y.nextElementSibling;
       }), v = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
-        h = wt(y), !(h && !yt(h)) && l(y);
+        h = pt(y), !(h && !wt(h)) && l(y);
       }) : l(y), A(y);
   };
 }
 const P = /* @__PURE__ */ new Map();
 let I = null, q = !1;
-function tt(e) {
+function et(e) {
   if (e instanceof HTMLElement && P.has(e)) {
     const t = P.get(e);
     P.delete(e), queueMicrotask(() => {
@@ -876,16 +876,16 @@ function tt(e) {
   const i = e.childNodes;
   for (let t = 0; t < i.length; t++) {
     const n = i[t];
-    n && tt(n);
+    n && et(n);
   }
 }
-function At() {
+function Ct() {
   q || typeof document > "u" || (q = !0, I = new MutationObserver((e) => {
     for (const i of e) {
       const t = i.removedNodes;
       for (let n = 0; n < t.length; n++) {
         const r = t[n];
-        r && tt(r);
+        r && et(r);
       }
     }
   }), document.body ? I.observe(document.body, {
@@ -902,8 +902,8 @@ function At() {
     { once: !0 }
   ));
 }
-function Ct(e, i) {
-  At(), P.set(e, i);
+function Et(e, i) {
+  Ct(), P.set(e, i);
 }
 function Xt(e) {
   return P.has(e);
@@ -919,13 +919,13 @@ function Kt() {
   P.clear(), I == null || I.disconnect(), I = null, q = !1;
 }
 const O = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
-function Et(e, i, t) {
+function Tt(e, i, t) {
   O.set(e, i);
   let n = N.get(e);
   if (n)
     return n;
   const r = i;
-  return n = St(
+  return n = At(
     () => {
       const o = O.get(e);
       return o || (console.warn(`Transition "${String(e)}" not found`), {});
@@ -934,23 +934,23 @@ function Et(e, i, t) {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        O.get(e) === r && Tt(e);
+        O.get(e) === r && bt(e);
       }
     }
   ), N.set(e, n), n;
 }
-function Tt(e) {
+function bt(e) {
   O.delete(e), N.delete(e), X.delete(e);
 }
 function Ut(e, i = "manual") {
-  const t = Et(
+  const t = Tt(
     e.key,
     {
       in: e.in,
       out: e.out
     },
     {
-      strategy: e[Z],
+      strategy: e[J],
       scope: e.scope
     }
   );
@@ -960,11 +960,11 @@ function Ut(e, i = "manual") {
   return n || (n = (r) => {
     if (r) {
       const o = t(r);
-      o && Ct(r, o);
+      o && Et(r, o);
     }
   }, X.set(e.key, n), n);
 }
-function bt(e) {
+function kt(e) {
   const i = e.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
@@ -981,7 +981,7 @@ function V(e, i) {
   }
   return e === i;
 }
-function kt(e, i, t) {
+function Rt(e, i, t) {
   for (const n of t)
     if (V(e, n.from) && V(i, n.to))
       return n.transition;
@@ -990,18 +990,18 @@ function kt(e, i, t) {
       return n.transition;
   return null;
 }
-const Rt = 768, It = 10, Pt = 10;
-function Mt(e = {}) {
+const It = 768, Pt = 10, Mt = 10;
+function Vt(e = {}) {
   const { preserveScroll: i = (c) => c } = e, t = typeof i == "function" ? i : () => i;
   let n = null, r = !1, o = !1;
   const s = () => {
     const c = (n == null ? void 0 : n.clientWidth) ?? 0, g = c > 0 ? c : typeof window < "u" ? window.innerWidth : 0;
-    return g > 0 && g < Rt;
-  }, f = () => (o || (r = s(), o = !0), r), l = (c) => {
-    const g = t(f());
+    return g > 0 && g < It;
+  }, m = () => (o || (r = s(), o = !0), r), l = (c) => {
+    const g = t(m());
     return g === !1 ? !1 : g === !0 ? !0 : !g.exclude.some((E) => V(c, E));
   };
-  let m = null;
+  let u = null;
   const h = /* @__PURE__ */ new Map();
   let v = null, A = !1, S = 0;
   const y = () => {
@@ -1018,7 +1018,7 @@ function Mt(e = {}) {
       n.scrollTo({
         top: g.y,
         left: g.x
-      }), !(Math.abs(n.scrollTop - g.y) < 1 && Math.abs(n.scrollLeft - g.x) < 1) && E < It && (E++, requestAnimationFrame(b));
+      }), !(Math.abs(n.scrollTop - g.y) < 1 && Math.abs(n.scrollLeft - g.x) < 1) && E < Pt && (E++, requestAnimationFrame(b));
     };
     requestAnimationFrame(b);
   };
@@ -1026,14 +1026,14 @@ function Mt(e = {}) {
     initializeContext: (c, g) => {
       A = !0;
       const E = ++S;
-      m = c, n || (n = pt(c), r = s(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+      u = c, n || (n = vt(c), r = s(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
         r = s();
       }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", y, {
         passive: !0
       })), v = g, p(g);
       let b = 0;
       const R = () => {
-        E === S && (b++, b >= Pt ? A = !1 : requestAnimationFrame(R));
+        E === S && (b++, b >= Mt ? A = !1 : requestAnimationFrame(R));
       };
       requestAnimationFrame(R);
     },
@@ -1049,25 +1049,25 @@ function Mt(e = {}) {
     },
     shouldPreserve: l,
     getScrollContainer: () => n,
-    getPositionedParentElement: () => m ? vt(m) : document.body,
+    getPositionedParentElement: () => u ? St(u) : document.body,
     getScrollPosition: (c) => c && h.has(c) ? h.get(c) : { x: 0, y: 0 }
   };
 }
-const j = 30, B = 8, Y = 1.2, Vt = 30, xt = 600;
+const j = 30, B = 8, Y = 1.2, G = 30, xt = 600;
 function Ft() {
   let e = null, i = !1, t = !1, n = null, r = null, o = !1;
-  const s = (w, u) => {
+  const s = (w, f) => {
     for (let a = 0; a < w.length; a++) {
       const C = w.item(a);
-      if (C && C.identifier === u) return C;
+      if (C && C.identifier === f) return C;
     }
     return null;
-  }, f = () => {
+  }, m = () => {
     n !== null && (clearTimeout(n), n = null);
   }, l = () => {
     r !== null && (clearTimeout(r), r = null);
-  }, m = () => {
-    i = !0, t = !0, f(), l(), n = setTimeout(() => {
+  }, u = () => {
+    i = !0, t = !0, m(), l(), n = setTimeout(() => {
       i = !1, t = !1, n = null;
     }, xt);
   }, h = (w) => {
@@ -1075,20 +1075,20 @@ function Ft() {
       e = null;
       return;
     }
-    const u = w.touches.item(0);
-    if (!u) {
+    const f = w.touches.item(0);
+    if (!f) {
       e = null;
       return;
     }
-    const a = window.innerWidth, C = u.clientX <= j, c = u.clientX >= a - j;
+    const a = window.innerWidth, C = f.clientX <= j, c = f.clientX >= a - j;
     if (!C && !c) {
       e = null;
       return;
     }
     e = {
-      identifier: u.identifier,
-      startX: u.clientX,
-      startY: u.clientY,
+      identifier: f.identifier,
+      startX: f.clientX,
+      startY: f.clientY,
       fromLeftEdge: C,
       moved: !1
     };
@@ -1098,12 +1098,12 @@ function Ft() {
       e = null;
       return;
     }
-    const u = s(w.touches, e.identifier);
-    if (!u) {
+    const f = s(w.touches, e.identifier);
+    if (!f) {
       e = null;
       return;
     }
-    const a = u.clientX - e.startX, C = u.clientY - e.startY, c = Math.abs(a), g = Math.abs(C);
+    const a = f.clientX - e.startX, C = f.clientY - e.startY, c = Math.abs(a), g = Math.abs(C);
     if (g > B && g > c * Y) {
       e = null;
       return;
@@ -1112,15 +1112,19 @@ function Ft() {
     c > B && c > g * Y && E && (e.moved = !0);
   }, A = (w) => {
     if (!e) return;
-    const u = s(w.changedTouches, e.identifier);
-    if (!u) {
+    const f = s(w.changedTouches, e.identifier);
+    if (!f) {
       e = null;
       return;
     }
-    const a = u.clientX - e.startX, C = e.fromLeftEdge ? a > 0 : a < 0;
-    e.moved && C && Math.abs(a) >= Vt && m(), e = null;
+    const a = f.clientX - e.startX, C = e.fromLeftEdge ? a > 0 : a < 0;
+    if (e.moved && C && Math.abs(a) >= G) {
+      u(), e = null;
+      return;
+    }
+    e.moved && Math.abs(a) >= G && u(), e = null;
   }, S = () => {
-    e && (e.moved && m(), e = null);
+    e && (e.moved && u(), e = null);
   };
   return { initialize: () => {
     if (typeof window > "u" || o) return;
@@ -1131,12 +1135,12 @@ function Ft() {
     if (typeof window > "u" || !o) return;
     o = !1;
     const w = { capture: !0 };
-    window.removeEventListener("touchstart", h, w), window.removeEventListener("touchmove", v, w), window.removeEventListener("touchend", A, w), window.removeEventListener("touchcancel", S, w), f(), l(), e = null, i = !1, t = !1;
+    window.removeEventListener("touchstart", h, w), window.removeEventListener("touchmove", v, w), window.removeEventListener("touchend", A, w), window.removeEventListener("touchcancel", S, w), m(), l(), e = null, i = !1, t = !1;
   }, isSwipeBack: () => {
     const w = i || t;
-    return w && f(), w;
+    return w && m(), w;
   }, onPageEnter: () => {
-    i = !1, f(), l(), r = setTimeout(() => {
+    i = !1, m(), l(), r = setTimeout(() => {
       t = !1, r = null;
     }, 0);
   } };
@@ -1191,11 +1195,11 @@ function jt(e, i) {
   const {
     transitions: t = [],
     defaultTransition: n,
-    middleware: r = (u, a) => ({ from: u, to: a }),
+    middleware: r = (f, a) => ({ from: f, to: a }),
     // Identity function as default
-    preserveScroll: o = (u) => u
-  } = e, { outFirst: s = !0 } = i || {}, f = s ? Lt() : Ot(), l = bt(t), m = Ft();
-  m.initialize();
+    preserveScroll: o = (f) => f
+  } = e, { outFirst: s = !0 } = i || {}, m = s ? Lt() : Ot(), l = kt(t), u = Ft();
+  u.initialize();
   const {
     initializeContext: h,
     calculateScrollOffset: v,
@@ -1204,19 +1208,19 @@ function jt(e, i) {
     getScrollContainer: y,
     getPositionedParentElement: p,
     getScrollPosition: k
-  } = Mt({
+  } = Vt({
     preserveScroll: o
-  }), T = async (u, a) => {
-    const C = m.isSwipeBack();
-    f.trigger(u, a);
-    const c = await f.get(a);
-    if (a === "in" && m.onPageEnter(), !c) return () => ({});
+  }), T = async (f, a) => {
+    const C = u.isSwipeBack();
+    m.trigger(f, a);
+    const c = await m.get(a);
+    if (a === "in" && u.onPageEnter(), !c) return () => ({});
     if (C)
       return a === "out" && c.from && !S(c.from) && A(c.from), () => ({});
     const { from: g, to: E } = r(
       c.from,
       c.to
-    ), R = kt(
+    ), R = Rt(
       g,
       E,
       l
@@ -1251,30 +1255,30 @@ function jt(e, i) {
       return (_) => R.in(_, x);
     }
   };
-  return (u) => ({
-    key: u,
-    in: async (a) => (h(a, u), (await T(u, "in"))(a)),
-    out: async (a) => (await T(u, "out"))(a),
+  return (f) => ({
+    key: f,
+    in: async (a) => (h(a, f), (await T(f, "in"))(a)),
+    out: async (a) => (await T(f, "out"))(a),
     // Add page transition strategy for page-level transitions
-    [Z]: gt
+    [J]: yt
   });
 }
 export {
-  J as SCOPE_ATTR,
-  Q as SCOPE_READY_ATTR,
-  Z as TRANSITION_STRATEGY,
+  Q as SCOPE_ATTR,
+  tt as SCOPE_READY_ATTR,
+  J as TRANSITION_STRATEGY,
   Ot as createAnyOrderDetector,
-  ht as createDefaultStrategy,
+  gt as createDefaultStrategy,
   Lt as createOutFirstDetector,
-  gt as createPageTransitionStrategy,
+  yt as createPageTransitionStrategy,
   jt as createSggoiTransitionContext,
   Nt as createTransitionScope,
-  wt as findScope,
+  pt as findScope,
   Wt as getWatchedCount,
   Gt as isCssAnimation,
   $t as isKeyframesAnimation,
   Zt as isMultiAnimation,
-  yt as isScopeReady,
+  wt as isScopeReady,
   Jt as isSingleAnimation,
   Qt as isTickAnimation,
   Xt as isWatched,
@@ -1283,5 +1287,5 @@ export {
   Kt as resetObserver,
   Ut as transition,
   Ht as triggerUnmount,
-  Ct as watchUnmount
+  Et as watchUnmount
 };

package/dist/ssgoi-transition/create-swipe-back-detector.d.ts

@@ -21,6 +21,14 @@
  *      → settle as a swipe.
  *      touchcancel after horizontal commitment also counts: the browser took the
  *      gesture over, which is exactly what edge-swipe-back does on iOS.
+ *      In some environments (notably iOS WKWebView), the OS commits the gesture
+ *      and dispatches `touchend` instead of `touchcancel`, with `clientX`
+ *      reported in the now document-translated coordinate space — `dx` flips
+ *      sign and fails the in-direction recheck above. When the in-direction
+ *      check fails but `|dx| ≥ FINAL_DISTANCE` and `moved` was set during
+ *      touchmove, treat it as the same takeover signal: the magnitude survives
+ *      translation, while keeping the FINAL_DISTANCE floor rejects weak or
+ *      cancelled gestures, matching pre-patch behavior in normal browsers.
  *
  * Settling arms an "active" flag. The flag auto-expires after EXPIRE_WINDOW so
  * a successful gesture that wasn't actually a navigation (e.g. user dragged a

package/dist/ssgoi-transition/create-swipe-back-detector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-swipe-back-detector.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-swipe-back-detector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAkBH,wBAAgB,uBAAuB;;;;;EA4LtC"}
+{"version":3,"file":"create-swipe-back-detector.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-swipe-back-detector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAkBH,wBAAgB,uBAAuB;;;;;EAyMtC"}

package/package.json

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