@ssgoi/core 3.2.1 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -9
- package/dist/index.cjs +1 -2
- package/dist/index.js +155 -176
- package/dist/transition/create-transition-callback.d.ts.map +1 -1
- package/dist/transition/transition.d.ts +20 -13
- package/dist/transition/transition.d.ts.map +1 -1
- package/dist/transitions/blur.d.ts +2 -18
- package/dist/transitions/blur.d.ts.map +1 -1
- package/dist/transitions/bounce.d.ts +2 -18
- package/dist/transitions/bounce.d.ts.map +1 -1
- package/dist/transitions/fade.d.ts +2 -18
- package/dist/transitions/fade.d.ts.map +1 -1
- package/dist/transitions/fly.d.ts +2 -18
- package/dist/transitions/fly.d.ts.map +1 -1
- package/dist/transitions/index.cjs +1 -1
- package/dist/transitions/index.js +188 -172
- package/dist/transitions/mask.d.ts +2 -18
- package/dist/transitions/mask.d.ts.map +1 -1
- package/dist/transitions/none.d.ts +2 -18
- package/dist/transitions/none.d.ts.map +1 -1
- package/dist/transitions/rotate.d.ts +2 -18
- package/dist/transitions/rotate.d.ts.map +1 -1
- package/dist/transitions/scale.d.ts +2 -18
- package/dist/transitions/scale.d.ts.map +1 -1
- package/dist/transitions/slide.d.ts +2 -18
- package/dist/transitions/slide.d.ts.map +1 -1
- package/dist/types.d.ts +12 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/index.d.ts +0 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/view-transitions/index.cjs +9 -9
- package/dist/view-transitions/index.d.ts +1 -0
- package/dist/view-transitions/index.d.ts.map +1 -1
- package/dist/view-transitions/index.js +129 -99
- package/dist/view-transitions/rotate.d.ts +3 -0
- package/dist/view-transitions/rotate.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/utils/parse-caller-location.d.ts +0 -6
- package/dist/utils/parse-caller-location.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -106,14 +106,14 @@ Animate specific elements during mount/unmount:
|
|
|
106
106
|
|
|
107
107
|
```tsx
|
|
108
108
|
import { transition } from '@ssgoi/react';
|
|
109
|
-
import {
|
|
109
|
+
import { fade, slide } from '@ssgoi/react/transitions';
|
|
110
110
|
|
|
111
111
|
function Card() {
|
|
112
112
|
return (
|
|
113
113
|
<div ref={transition({
|
|
114
114
|
key: 'card',
|
|
115
|
-
in:
|
|
116
|
-
out:
|
|
115
|
+
in: fade(),
|
|
116
|
+
out: slide({ direction: 'up' })
|
|
117
117
|
})}>
|
|
118
118
|
<h2>Animated Card</h2>
|
|
119
119
|
</div>
|
|
@@ -131,12 +131,13 @@ function Card() {
|
|
|
131
131
|
- `pinterest` - Pinterest-style expand effect
|
|
132
132
|
|
|
133
133
|
### Element Transitions
|
|
134
|
-
- `
|
|
135
|
-
- `
|
|
136
|
-
- `
|
|
137
|
-
- `
|
|
138
|
-
- `
|
|
139
|
-
- `
|
|
134
|
+
- `fade` - Fade in/out
|
|
135
|
+
- `scale` - Scale in/out
|
|
136
|
+
- `slide` - Slide (direction: up/down/left/right)
|
|
137
|
+
- `rotate` - Rotate
|
|
138
|
+
- `bounce` - Bounce
|
|
139
|
+
- `blur` - Blur
|
|
140
|
+
- `fly` - Fly (custom x, y position)
|
|
140
141
|
|
|
141
142
|
## Framework Examples
|
|
142
143
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
"use strict";var rt=Object.defineProperty;var st=(i,e,t)=>e in i?rt(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var m=(i,e,t)=>st(i,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./types.cjs"),ct=require("./jaemin-BG8HRXG1.cjs");class at{constructor(){m(this,"listeners",new Set);m(this,"rafId",null);m(this,"isRunning",!1);m(this,"startTime",Date.now());m(this,"lastUpdate",this.startTime);m(this,"elapsed",0);m(this,"lagThreshold",500);m(this,"adjustedLag",33);m(this,"maxDeltaTime",33);m(this,"gap",1e3/240);m(this,"nextTime",this.gap);m(this,"tick",()=>{const e=Date.now();let n=e-this.lastUpdate;n>this.lagThreshold||n<0?(this.startTime+=n-this.adjustedLag,n=this.adjustedLag):n>this.maxDeltaTime&&(n=this.maxDeltaTime),this.lastUpdate=e;const r=e-this.startTime,s=r-this.nextTime;if(s>0){const a=n/1e3;this.elapsed=r/1e3,this.nextTime+=s+(s>=this.gap?4:this.gap-s),this.listeners.forEach(o=>{o(a,this.elapsed)})}this.listeners.size>0?this.rafId=requestAnimationFrame(this.tick):(this.isRunning=!1,this.rafId=null)})}subscribe(e){return this.listeners.add(e),this.isRunning||(this.isRunning=!0,this.rafId=requestAnimationFrame(this.tick)),()=>{this.unsubscribe(e)}}unsubscribe(e){this.listeners.delete(e),this.listeners.size===0&&this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.isRunning=!1,this.rafId=null)}lagSmoothing(e,t){this.lagThreshold=e,this.adjustedLag=Math.min(t,e)}fps(e){this.gap=1e3/e,this.nextTime=this.elapsed*1e3+this.gap}getListenerCount(){return this.listeners.size}getElapsed(){return this.elapsed}}const D=new at;function X(i){const e=i.stiffness,t=i.damping,n=1,r=Math.sqrt(e/n),s=t/(2*Math.sqrt(e*n));return{omega:r,zeta:s}}function $(i,e,t,n){const{omega:r,zeta:s}=t,{position:a,velocity:o}=i,c=Math.min(n,.033),u=-2*c*s*r*o,f=c*r*r*(e-a),g=o+u+f;return{position:a+c*g,velocity:g}}const lt=.01,ut=.01,K=.05;function G(i,e){const t=Math.abs(e-i.position),n=Math.abs(i.velocity);return t<lt&&n<ut}function ft(i){const{from:e,to:t,spring:n,velocity:r=0,onUpdate:s,onComplete:a,onStart:o}=i;let c={position:e,velocity:r},u=!0,f=0,g=!1;const y=X(n),S=l=>{if(u){if(g||(g=!0,o==null||o()),c=$(c,t,y,l),G(c,t)){if(f+=Math.min(l,.033),f>=K){c={position:t,velocity:0},u=!1,s(c.position),D.unsubscribe(S),a();return}}else f=0;s(c.position)}};return D.subscribe(S),{stop:()=>{u&&(u=!1,D.unsubscribe(S))},getPosition:()=>c.position,getVelocity:()=>c.velocity,isRunning:()=>u}}const V=1e3/60;function dt(i,e,t,n=0){const r=X(t),s=600;let a={position:i,velocity:n},o=0;const c=[];for(let u=0;u<s;u++){const f=u*V;if(c.push({time:f,position:a.position,velocity:a.velocity}),a=$(a,e,r,V/1e3),G(a,e)){if(o+=V/1e3,o>=K){c.push({time:(u+1)*V,position:e,velocity:0});break}}else o=0}return c}function U(i,e){if(i.length===0)return{position:0,velocity:0};const t=i[0],n=i[i.length-1];if(e<=0)return{position:t.position,velocity:t.velocity};if(e>=n.time)return{position:n.position,velocity:n.velocity};let r=0,s=i.length-1;for(;r<s-1;){const u=Math.floor((r+s)/2);i[u].time<=e?r=u:s=u}const a=i[r],o=i[s],c=(e-a.time)/(o.time-a.time);return{position:a.position+(o.position-a.position)*c,velocity:a.velocity+(o.velocity-a.velocity)*c}}function mt(i,e){return i.map(t=>e(t.position))}function gt(i){const{element:e,from:t,to:n,spring:r,velocity:s=0,style:a,onComplete:o,onStart:c}=i,u=dt(t,n,r,s);if(u.length===0)return c==null||c(),o(),{stop:()=>{},getPosition:()=>n,getVelocity:()=>0,isRunning:()=>!1};const f=mt(u,a),g=u[u.length-1],y=g.time,S=e.animate(f,{duration:y,fill:"forwards",easing:"linear"});let l=!0;const d=performance.now();return c==null||c(),S.onfinish=()=>{l&&(l=!1,o())},{stop:()=>{l&&(l=!1,S.cancel())},getPosition:()=>{if(!l)return g.position;const T=performance.now()-d;return U(u,T).position},getVelocity:()=>{if(!l)return 0;const T=performance.now()-d;return U(u,T).velocity},isRunning:()=>l}}function ht(i){const{from:e,to:t,spring:n,velocity:r,onComplete:s,onStart:a,tick:o,css:c}=i;if(o&&c)throw new Error("Cannot use both 'tick' and 'css' options together");return!o&&!c?(a==null||a(),s(),{stop:()=>{},getPosition:()=>t,getVelocity:()=>0,isRunning:()=>!1}):c?gt({element:c.element,from:e,to:t,spring:n,velocity:r,style:c.style,onComplete:s,onStart:a}):ft({from:e,to:t,spring:n,velocity:r,onUpdate:o,onComplete:s,onStart:a})}class B{}class F extends B{constructor(t){super();m(this,"options");m(this,"controls",null);m(this,"isAnimating",!1);m(this,"currentValue");m(this,"currentVelocity",0);if(t.tick&&t.css)throw new Error("Cannot use both 'tick' and 'css' options together");this.options={from:t.from??0,to:t.to??1,spring:t.spring??{stiffness:300,damping:30},tick:t.tick,css:t.css,onComplete:t.onComplete??(()=>{}),onStart:t.onStart},this.currentValue=this.options.from}runAnimation(t){this.isAnimating=!0,this.controls=ht({from:this.currentValue,to:t,spring:this.options.spring,velocity:this.currentVelocity,tick:this.options.tick,css:this.options.css,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}}static fromState(t,n){const r=new F(n);return r.setValue(t.position),r.setVelocity(t.velocity),r}}class z extends B{constructor(t){super();m(this,"config");m(this,"animators",new Map);m(this,"springOrder",[]);m(this,"completedCount",0);m(this,"completedAnimators",new Set);m(this,"direction","forward");m(this,"idCounter",0);m(this,"rafId",null);m(this,"from");m(this,"to");this.config=t.config,this.from=t.from,this.to=t.to,this.initializeAnimators()}generateId(){return`spring_${this.idCounter++}`}initializeAnimators(){this.config.springs.forEach(t=>{const n=this.generateId(),r=new F({from:this.from,to:this.to,spring:t.spring,tick:t.tick,css:t.css,onComplete:()=>this.onAnimatorComplete(n),onStart:t.onStart});this.animators.set(n,{id:n,item:t,animator:r,started:!1}),this.springOrder.push(n)})}getAnimatorProgress(t){const n=t.animator.getCurrentState(),r=Math.abs(n.to-n.from);return r===0?1:Math.abs(n.position-n.from)/r}getOrderedIds(){return this.direction==="forward"?this.springOrder:[...this.springOrder].reverse()}onAnimatorComplete(t){var r,s,a,o,c,u;const n=this.animators.get(t);!n||this.completedAnimators.has(t)||(this.completedAnimators.add(t),this.completedCount++,(s=(r=n.item).onComplete)==null||s.call(r),(o=(a=this.config).onProgress)==null||o.call(a,this.completedCount,this.config.springs.length),this.completedCount===this.config.springs.length&&(this.stopScheduler(),(u=(c=this.config).onEnd)==null||u.call(c)))}checkAndStartSprings(){const t=this.getOrderedIds();for(let n=0;n<t.length;n++){const r=t[n],s=this.animators.get(r);if(!s||s.started)continue;if(n===0){this.startAnimator(r);continue}const a=t[n-1],o=this.animators.get(a);if(!o||!o.started)continue;const c=this.getAnimatorProgress(o),u=s.item.normalizedOffset;c>=u&&this.startAnimator(r)}}startAnimator(t){const n=this.animators.get(t);!n||n.started||(n.started=!0,this.direction==="forward"?n.animator.forward():n.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 n;const t=this.springOrder[0];return t?((n=this.animators.get(t))==null?void 0:n.animator)??null:null}forward(){var t,n;this.stop(),this.direction="forward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(n=(t=this.config).onStart)==null||n.call(t),this.startScheduler()}backward(){var t,n;this.stop(),this.direction="backward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(n=(t=this.config).onStart)==null||n.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 n=t.animator.getCurrentState();if(n.position===n.to){const s=F.fromState({position:this.to,velocity:0},{from:this.to,to:this.from,spring:t.item.spring,tick:t.item.tick,css:t.item.css,onComplete:()=>this.onAnimatorComplete(t.id),onStart:t.item.onStart});s.forward(),t.animator=s}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 n=this.getFirstAnimator();n==null||n.setValue(t)}setVelocity(t){const n=this.getFirstAnimator();n==null||n.setVelocity(t)}getIsAnimating(){for(const t of this.animators.values())if(t.animator.getIsAnimating())return!0;return!1}static fromState(t,n){const r=new z(n);return r.setValue(t.position),r.setVelocity(t.velocity),r}}const q=Symbol.for("TRANSITION_STRATEGY"),J=i=>({runIn:async e=>{const{currentAnimation:t}=i;if(t&&t.direction==="out"){const r=t.controller.getCurrentValue(),s=t.controller.getVelocity();if(t.controller.stop(),e.out)return{config:await e.out,state:{position:r,velocity:s},from:1,to:0,direction:"backward"}}return 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=>{const{currentAnimation:t}=i;if(t&&t.direction==="in"){const r=t.controller.getCurrentValue(),s=t.controller.getVelocity();if(t.controller.stop(),e.in)return{config:await e.in,state:{position:r,velocity:s},from:0,to:1,direction:"backward"}}return 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"}}}),Q=()=>({runIn:async i=>i.in?{config:await i.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 i=>i.out?{config:await i.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}),H="data-ssgoi-scope",Y="data-ssgoi-scope-ready";function pt(){return i=>{if(i)return i.setAttribute(H,""),queueMicrotask(()=>{queueMicrotask(()=>{i.setAttribute(Y,"true")})}),()=>{}}}function Z(i){return i.hasAttribute(Y)}function tt(i){return i.closest(`[${H}]`)}function wt(i,e){var S;let t=null,n=null,r=null,s=null;const a={get currentAnimation(){return t}},o=((S=e==null?void 0:e.strategy)==null?void 0:S.call(e,a))||J(a),c=async l=>{var E;n&&(n.remove(),n=null);const d=i(),T=d.in&&d.in(l),M=!(e!=null&&e.strategy)&&d.out?d.out(l):void 0;if(!T)return;const P={in:A.normalizeToMultiSpring(T),out:M?A.normalizeToMultiSpring(M):void 0},v=await o.runIn(P);if(!v.config){t&&(t.direction="in");return}const p=v.config;(E=p.prepare)==null||E.call(p,l),p.wait&&await p.wait();const w=A.normalizeMultiSpringSchedule({...p,onEnd:()=>{var C;t=null,(C=p.onEnd)==null||C.call(p)}},l),h=z.fromState(v.state,{config:w,from:v.from,to:v.to});t={controller:h,direction:"in"},v.direction==="forward"?h.forward():h.backward()},u=async l=>{var C;n=l;const d=i(),T=!(e!=null&&e.strategy)&&d.in?d.in(l):void 0,M=d.out&&d.out(l);if(!M)return;const P={in:T?A.normalizeToMultiSpring(T):void 0,out:A.normalizeToMultiSpring(M)},v=await o.runOut(P);if(!v.config){t&&(t.direction="out"),n&&(n.remove(),n=null);return}const p=v.config;(C=p.prepare)==null||C.call(p,l),E(),p.wait&&await p.wait();const w=A.normalizeMultiSpringSchedule({...p,onEnd:()=>{var k,I;(k=p.onEnd)==null||k.call(p),n&&(n.remove(),n=null),t=null,(I=e==null?void 0:e.onCleanupEnd)==null||I.call(e)}},l),h=z.fromState(v.state,{config:w,from:v.from,to:v.to});t={controller:h,direction:"out"},v.direction==="forward"?h.forward():h.backward();function E(){!r||!n||(s&&r.contains(s)?r.insertBefore(n,s):r.appendChild(n))}};let f=null,g=!1;const y=l=>()=>{if(g)return;g=!0;const d=l.cloneNode(!0);f?queueMicrotask(()=>{document.contains(f)&&u(d)}):u(d)};return l=>{if(l)return r=l.parentElement,s=l.nextElementSibling,g=!1,(e==null?void 0:e.scope)==="local"?queueMicrotask(()=>{f=tt(l),!(f&&!Z(f))&&c(l)}):c(l),y(l)}}const yt=3,St=i=>{if(!i)return null;const e=i.split(`
|
|
2
|
-
`).map(t=>t.trim());for(let t=yt;t<Math.min(e.length,6);t++){const n=e[t],r=n==null?void 0:n.match(/\(?([^):]+):(\d+):(\d+)\)?$/);if(!r)continue;const s=r[1]??"",a=r[2]??"0",o=r[3]??"0";return{file:s.split(/[\\/]/).pop()||s,line:a,column:o}}return null},x=new Map,_=new Map;function vt(i,e,t){x.set(i,e);let n=_.get(i);if(n)return n;const r=e;return n=wt(()=>{const s=x.get(i);return s||(console.warn(`Transition "${String(i)}" not found`),{})},{strategy:t==null?void 0:t.strategy,scope:t==null?void 0:t.scope,onCleanupEnd:()=>{x.get(i)===r&&et(i)}}),_.set(i,n),n}function et(i){x.delete(i),_.delete(i)}function nt(){const i=St(new Error().stack);return i?`auto_${i.file}_${i.line}_${i.column}`:Symbol(`ssgoi_auto_${Date.now()}`)}const W=globalThis.FinalizationRegistry,j=W?new W(i=>{try{et(i)}catch{}}):void 0;function Ct(i){const e=i.key??nt();if(i.ref&&j)try{j.register(i.ref,e)}catch{}return vt(e,{in:i.in,out:i.out},{strategy:i[q],scope:i.scope})}const R=new Map;let b=null,N=!1;function it(i){if(i instanceof HTMLElement&&R.has(i)){const t=R.get(i);R.delete(i),queueMicrotask(()=>{t()})}const e=i.childNodes;for(let t=0;t<e.length;t++){const n=e[t];n&&it(n)}}function Tt(){N||typeof document>"u"||(N=!0,b=new MutationObserver(i=>{for(const e of i){const t=e.removedNodes;for(let n=0;n<t.length;n++){const r=t[n];r&&it(r)}}}),document.body?b.observe(document.body,{childList:!0,subtree:!0}):document.addEventListener("DOMContentLoaded",()=>{b==null||b.observe(document.body,{childList:!0,subtree:!0})},{once:!0}))}function At(i,e){Tt(),R.set(i,e)}function Et(i){return R.has(i)}function bt(){return R.size}function Rt(i){const e=R.get(i);return e?(R.delete(i),e(),!0):!1}function Mt(){R.clear(),b==null||b.disconnect(),b=null,N=!1}function kt(i){const e=i.filter(t=>t.symmetric).map(t=>({from:t.to,to:t.from,transition:t.transition}));return[...i,...e]}function Pt(i){let e=!1,t=0,n=0,r=!1;const s=50,a=l=>{if(!i)return;const d=l.touches[0];d&&(r=d.clientX<s,r&&(t=d.clientX,n=d.clientY))},o=l=>{if(!i||!r)return;const d=l.touches[0];if(!d)return;const T=d.clientX-t,M=d.clientY-n;T>window.outerWidth/2-5&&Math.abs(T)>Math.abs(M)?e=!0:e=!1},c=()=>{i&&(r=!1,t=0,n=0)},u=()=>e,f=()=>{typeof window>"u"||i&&(window.addEventListener("touchstart",a,{passive:!0}),window.addEventListener("touchmove",o,{passive:!0}),window.addEventListener("touchend",c,{passive:!0}))},g=()=>{typeof window>"u"||(window.removeEventListener("touchstart",a),window.removeEventListener("touchmove",o),window.removeEventListener("touchend",c))};let y=0;return{initialize:f,cleanup:g,isSwipePending:u,resetSwipeDetection:()=>{y++,y>1&&(y=0,e=!1)}}}const It=i=>{let e=i.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e),n=t.overflow+t.overflowY+t.overflowX;if(n.includes("auto")||n.includes("scroll")||e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)return e;e=e.parentElement}return document.documentElement},Vt=i=>{let e=i.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return e;e=e.parentElement}return document.body};function Ot(){let i=null,e=null;const t=new Map;let n=null;const r=()=>{i&&n&&t.set(n,{x:i.scrollLeft,y:i.scrollTop})};return{initializeContext:(f,g)=>{e=f,i||(i=It(f),(i===document.documentElement?window:i).addEventListener("scroll",r,{passive:!0})),n=g},calculateScrollOffset:(f,g)=>{const y=f&&t.has(f)?t.get(f):{x:0,y:0},S=g&&t.has(g)?t.get(g):{x:0,y:0};return{x:-S.x+y.x,y:-S.y+y.y}},getScrollContainer:()=>i,getPositionedParentElement:()=>e?Vt(e):document.body,getScrollPosition:f=>f&&t.has(f)?t.get(f):{x:0,y:0}}}function O(i,e){if(e==="*")return!0;if(e.endsWith("/*")){const t=e.slice(0,-2);return i===t||i.startsWith(t+"/")}return i===e}function xt(i,e,t){for(const n of t)if(O(i,n.from)&&O(e,n.to))return n.transition;for(const n of t)if((n.from==="*"||O(i,n.from))&&(n.to==="*"||O(e,n.to)))return n.transition;return null}function Ft(i,e){const{transitions:t=[],defaultTransition:n,middleware:r=(w,h)=>({from:w,to:h}),skipOnIosSwipe:s=!0}=i,{outFirst:a=!0}=e||{};let o=null;const c=kt(t),{initializeContext:u,calculateScrollOffset:f,getScrollContainer:g,getPositionedParentElement:y,getScrollPosition:S}=Ot(),l=Pt(s);l.initialize();function d(){if(o!=null&&o.from&&(o!=null&&o.to)){const{from:w,to:h}=r(o.from,o.to),C=xt(w,h,c)||n,k=f(o.from,o.to),I={scrollOffset:k,scroll:S(o.from),get scrollingElement(){return g()||document.documentElement},get positionedParent(){return y()}},ot={scrollOffset:k,get scroll(){return o?S(o.to):{x:0,y:0}},get scrollingElement(){return g()||document.documentElement},get positionedParent(){return y()}};C&&(C.out&&o.outResolve&&o.outResolve(L=>C.out(L,I)),C.in&&o.inResolve&&o.inResolve(L=>C.in(L,ot))),o=null}}function T(){o&&(o.inResolve&&o.inResolve(()=>({})),o.outResolve&&o.outResolve(()=>({})),o=null)}const v=a?async(w,h)=>l.isSwipePending()?(l.resetSwipeDetection(),()=>({})):h==="in"&&(!o||!o.from)?()=>({}):(o||(o={}),h==="out"?(o.from=w,new Promise(E=>{o.outResolve=E,d()})):(o.to=w,new Promise(E=>{o.inResolve=E,d()}))):async(w,h)=>l.isSwipePending()?(l.resetSwipeDetection(),()=>({})):(o&&(h==="out"&&o.from&&o.from!==w||h==="in"&&o.to&&o.to!==w)&&T(),o||(o={}),h==="out"?(o.from=w,new Promise(C=>{o.outResolve=C,d()})):(o.to=w,new Promise(C=>{o.inResolve=C,d()})));return w=>({key:w,in:async h=>(u(h,w),(await v(w,"in"))(h)),out:async h=>(await v(w,"out"))(h),[q]:Q})}exports.isCssAnimation=A.isCssAnimation;exports.isMultiSpring=A.isMultiSpring;exports.isSingleSpring=A.isSingleSpring;exports.isTickAnimation=A.isTickAnimation;exports.normalizeMultiSpringSchedule=A.normalizeMultiSpringSchedule;exports.normalizeToMultiSpring=A.normalizeToMultiSpring;exports.validateAnimationMode=A.validateAnimationMode;exports.validateSpringItem=A.validateSpringItem;exports.jaeminInternal=ct.jaeminInternal;exports.SCOPE_ATTR=H;exports.SCOPE_READY_ATTR=Y;exports.TRANSITION_STRATEGY=q;exports.createDefaultStrategy=J;exports.createPageTransitionStrategy=Q;exports.createSggoiTransitionContext=Ft;exports.createTransitionScope=pt;exports.findScope=tt;exports.generateAutoKey=nt;exports.getWatchedCount=bt;exports.isScopeReady=Z;exports.isWatched=Et;exports.resetObserver=Mt;exports.transition=Ct;exports.triggerUnmount=Rt;exports.watchUnmount=At;
|
|
1
|
+
"use strict";var it=Object.defineProperty;var ot=(i,e,t)=>e in i?it(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var m=(i,e,t)=>ot(i,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./types.cjs"),rt=require("./jaemin-BG8HRXG1.cjs");class st{constructor(){m(this,"listeners",new Set);m(this,"rafId",null);m(this,"isRunning",!1);m(this,"startTime",Date.now());m(this,"lastUpdate",this.startTime);m(this,"elapsed",0);m(this,"lagThreshold",500);m(this,"adjustedLag",33);m(this,"maxDeltaTime",33);m(this,"gap",1e3/240);m(this,"nextTime",this.gap);m(this,"tick",()=>{const e=Date.now();let n=e-this.lastUpdate;n>this.lagThreshold||n<0?(this.startTime+=n-this.adjustedLag,n=this.adjustedLag):n>this.maxDeltaTime&&(n=this.maxDeltaTime),this.lastUpdate=e;const r=e-this.startTime,s=r-this.nextTime;if(s>0){const a=n/1e3;this.elapsed=r/1e3,this.nextTime+=s+(s>=this.gap?4:this.gap-s),this.listeners.forEach(o=>{o(a,this.elapsed)})}this.listeners.size>0?this.rafId=requestAnimationFrame(this.tick):(this.isRunning=!1,this.rafId=null)})}subscribe(e){return this.listeners.add(e),this.isRunning||(this.isRunning=!0,this.rafId=requestAnimationFrame(this.tick)),()=>{this.unsubscribe(e)}}unsubscribe(e){this.listeners.delete(e),this.listeners.size===0&&this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.isRunning=!1,this.rafId=null)}lagSmoothing(e,t){this.lagThreshold=e,this.adjustedLag=Math.min(t,e)}fps(e){this.gap=1e3/e,this.nextTime=this.elapsed*1e3+this.gap}getListenerCount(){return this.listeners.size}getElapsed(){return this.elapsed}}const D=new st;function j(i){const e=i.stiffness,t=i.damping,n=1,r=Math.sqrt(e/n),s=t/(2*Math.sqrt(e*n));return{omega:r,zeta:s}}function X(i,e,t,n){const{omega:r,zeta:s}=t,{position:a,velocity:o}=i,c=Math.min(n,.033),u=-2*c*s*r*o,f=c*r*r*(e-a),g=o+u+f;return{position:a+c*g,velocity:g}}const ct=.01,at=.01,G=.05;function $(i,e){const t=Math.abs(e-i.position),n=Math.abs(i.velocity);return t<ct&&n<at}function lt(i){const{from:e,to:t,spring:n,velocity:r=0,onUpdate:s,onComplete:a,onStart:o}=i;let c={position:e,velocity:r},u=!0,f=0,g=!1;const S=j(n),y=l=>{if(u){if(g||(g=!0,o==null||o()),c=X(c,t,S,l),$(c,t)){if(f+=Math.min(l,.033),f>=G){c={position:t,velocity:0},u=!1,s(c.position),D.unsubscribe(y),a();return}}else f=0;s(c.position)}};return D.subscribe(y),{stop:()=>{u&&(u=!1,D.unsubscribe(y))},getPosition:()=>c.position,getVelocity:()=>c.velocity,isRunning:()=>u}}const I=1e3/60;function ut(i,e,t,n=0){const r=j(t),s=600;let a={position:i,velocity:n},o=0;const c=[];for(let u=0;u<s;u++){const f=u*I;if(c.push({time:f,position:a.position,velocity:a.velocity}),a=X(a,e,r,I/1e3),$(a,e)){if(o+=I/1e3,o>=G){c.push({time:(u+1)*I,position:e,velocity:0});break}}else o=0}return c}function W(i,e){if(i.length===0)return{position:0,velocity:0};const t=i[0],n=i[i.length-1];if(e<=0)return{position:t.position,velocity:t.velocity};if(e>=n.time)return{position:n.position,velocity:n.velocity};let r=0,s=i.length-1;for(;r<s-1;){const u=Math.floor((r+s)/2);i[u].time<=e?r=u:s=u}const a=i[r],o=i[s],c=(e-a.time)/(o.time-a.time);return{position:a.position+(o.position-a.position)*c,velocity:a.velocity+(o.velocity-a.velocity)*c}}function ft(i,e){return i.map(t=>e(t.position))}function dt(i){const{element:e,from:t,to:n,spring:r,velocity:s=0,style:a,onComplete:o,onStart:c}=i,u=ut(t,n,r,s);if(u.length===0)return c==null||c(),o(),{stop:()=>{},getPosition:()=>n,getVelocity:()=>0,isRunning:()=>!1};const f=ft(u,a),g=u[u.length-1],S=g.time,y=e.animate(f,{duration:S,fill:"forwards",easing:"linear"});let l=!0;const d=performance.now();return c==null||c(),y.onfinish=()=>{l&&(l=!1,o())},{stop:()=>{l&&(l=!1,y.cancel())},getPosition:()=>{if(!l)return g.position;const T=performance.now()-d;return W(u,T).position},getVelocity:()=>{if(!l)return 0;const T=performance.now()-d;return W(u,T).velocity},isRunning:()=>l}}function mt(i){const{from:e,to:t,spring:n,velocity:r,onComplete:s,onStart:a,tick:o,css:c}=i;if(o&&c)throw new Error("Cannot use both 'tick' and 'css' options together");return!o&&!c?(a==null||a(),s(),{stop:()=>{},getPosition:()=>t,getVelocity:()=>0,isRunning:()=>!1}):c?dt({element:c.element,from:e,to:t,spring:n,velocity:r,style:c.style,onComplete:s,onStart:a}):lt({from:e,to:t,spring:n,velocity:r,onUpdate:o,onComplete:s,onStart:a})}class B{}class F extends B{constructor(t){super();m(this,"options");m(this,"controls",null);m(this,"isAnimating",!1);m(this,"currentValue");m(this,"currentVelocity",0);if(t.tick&&t.css)throw new Error("Cannot use both 'tick' and 'css' options together");this.options={from:t.from??0,to:t.to??1,spring:t.spring??{stiffness:300,damping:30},tick:t.tick,css:t.css,onComplete:t.onComplete??(()=>{}),onStart:t.onStart},this.currentValue=this.options.from}runAnimation(t){this.isAnimating=!0,this.controls=mt({from:this.currentValue,to:t,spring:this.options.spring,velocity:this.currentVelocity,tick:this.options.tick,css:this.options.css,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}}static fromState(t,n){const r=new F(n);return r.setValue(t.position),r.setVelocity(t.velocity),r}}class z extends B{constructor(t){super();m(this,"config");m(this,"animators",new Map);m(this,"springOrder",[]);m(this,"completedCount",0);m(this,"completedAnimators",new Set);m(this,"direction","forward");m(this,"idCounter",0);m(this,"rafId",null);m(this,"from");m(this,"to");this.config=t.config,this.from=t.from,this.to=t.to,this.initializeAnimators()}generateId(){return`spring_${this.idCounter++}`}initializeAnimators(){this.config.springs.forEach(t=>{const n=this.generateId(),r=new F({from:this.from,to:this.to,spring:t.spring,tick:t.tick,css:t.css,onComplete:()=>this.onAnimatorComplete(n),onStart:t.onStart});this.animators.set(n,{id:n,item:t,animator:r,started:!1}),this.springOrder.push(n)})}getAnimatorProgress(t){const n=t.animator.getCurrentState(),r=Math.abs(n.to-n.from);return r===0?1:Math.abs(n.position-n.from)/r}getOrderedIds(){return this.direction==="forward"?this.springOrder:[...this.springOrder].reverse()}onAnimatorComplete(t){var r,s,a,o,c,u;const n=this.animators.get(t);!n||this.completedAnimators.has(t)||(this.completedAnimators.add(t),this.completedCount++,(s=(r=n.item).onComplete)==null||s.call(r),(o=(a=this.config).onProgress)==null||o.call(a,this.completedCount,this.config.springs.length),this.completedCount===this.config.springs.length&&(this.stopScheduler(),(u=(c=this.config).onEnd)==null||u.call(c)))}checkAndStartSprings(){const t=this.getOrderedIds();for(let n=0;n<t.length;n++){const r=t[n],s=this.animators.get(r);if(!s||s.started)continue;if(n===0){this.startAnimator(r);continue}const a=t[n-1],o=this.animators.get(a);if(!o||!o.started)continue;const c=this.getAnimatorProgress(o),u=s.item.normalizedOffset;c>=u&&this.startAnimator(r)}}startAnimator(t){const n=this.animators.get(t);!n||n.started||(n.started=!0,this.direction==="forward"?n.animator.forward():n.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 n;const t=this.springOrder[0];return t?((n=this.animators.get(t))==null?void 0:n.animator)??null:null}forward(){var t,n;this.stop(),this.direction="forward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(n=(t=this.config).onStart)==null||n.call(t),this.startScheduler()}backward(){var t,n;this.stop(),this.direction="backward",this.completedCount=0,this.completedAnimators.clear(),this.resetStartedFlags(),(n=(t=this.config).onStart)==null||n.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 n=t.animator.getCurrentState();if(n.position===n.to){const s=F.fromState({position:this.to,velocity:0},{from:this.to,to:this.from,spring:t.item.spring,tick:t.item.tick,css:t.item.css,onComplete:()=>this.onAnimatorComplete(t.id),onStart:t.item.onStart});s.forward(),t.animator=s}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 n=this.getFirstAnimator();n==null||n.setValue(t)}setVelocity(t){const n=this.getFirstAnimator();n==null||n.setVelocity(t)}getIsAnimating(){for(const t of this.animators.values())if(t.animator.getIsAnimating())return!0;return!1}static fromState(t,n){const r=new z(n);return r.setValue(t.position),r.setVelocity(t.velocity),r}}const H=Symbol.for("TRANSITION_STRATEGY"),K=i=>({runIn:async e=>{const{currentAnimation:t}=i;if(t&&t.direction==="out"){const r=t.controller.getCurrentValue(),s=t.controller.getVelocity();if(t.controller.stop(),e.out)return{config:await e.out,state:{position:r,velocity:s},from:1,to:0,direction:"backward"}}return 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=>{const{currentAnimation:t}=i;if(t&&t.direction==="in"){const r=t.controller.getCurrentValue(),s=t.controller.getVelocity();if(t.controller.stop(),e.in)return{config:await e.in,state:{position:r,velocity:s},from:0,to:1,direction:"backward"}}return 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"}}}),J=()=>({runIn:async i=>i.in?{config:await i.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 i=>i.out?{config:await i.out,state:{position:1,velocity:0},from:1,to:0,direction:"forward"}:{state:{position:1,velocity:0},from:1,to:0,direction:"forward"}}),Y="data-ssgoi-scope",U="data-ssgoi-scope-ready";function gt(){return i=>{if(i)return i.setAttribute(Y,""),queueMicrotask(()=>{queueMicrotask(()=>{i.setAttribute(U,"true")})}),()=>{}}}function Q(i){return i.hasAttribute(U)}function Z(i){return i.closest(`[${Y}]`)}function ht(i,e){var y;let t=null,n=null,r=null,s=null;const a={get currentAnimation(){return t}},o=((y=e==null?void 0:e.strategy)==null?void 0:y.call(e,a))||K(a),c=async l=>{var E;n&&(n.remove(),n=null);const d=i(),T=d.in&&d.in(l),M=!(e!=null&&e.strategy)&&d.out?d.out(l):void 0;if(!T)return;const P={in:A.normalizeToMultiSpring(T),out:M?A.normalizeToMultiSpring(M):void 0},v=await o.runIn(P);if(!v.config){t&&(t.direction="in");return}const p=v.config;(E=p.prepare)==null||E.call(p,l),p.wait&&await p.wait();const w=A.normalizeMultiSpringSchedule({...p,onEnd:()=>{var C;t=null,(C=p.onEnd)==null||C.call(p)}},l),h=z.fromState(v.state,{config:w,from:v.from,to:v.to});t={controller:h,direction:"in"},v.direction==="forward"?h.forward():h.backward()},u=async l=>{var C;n=l;const d=i(),T=!(e!=null&&e.strategy)&&d.in?d.in(l):void 0,M=d.out&&d.out(l);if(!M)return;const P={in:T?A.normalizeToMultiSpring(T):void 0,out:A.normalizeToMultiSpring(M)},v=await o.runOut(P);if(!v.config){t&&(t.direction="out"),n&&(n.remove(),n=null);return}const p=v.config;(C=p.prepare)==null||C.call(p,l),E(),p.wait&&await p.wait();const w=A.normalizeMultiSpringSchedule({...p,onEnd:()=>{var R,V;(R=p.onEnd)==null||R.call(p),n&&(n.remove(),n=null),t=null,(V=e==null?void 0:e.onCleanupEnd)==null||V.call(e)}},l),h=z.fromState(v.state,{config:w,from:v.from,to:v.to});t={controller:h,direction:"out"},v.direction==="forward"?h.forward():h.backward();function E(){!r||!n||(s&&r.contains(s)?r.insertBefore(n,s):r.appendChild(n))}};let f=null,g=!1;const S=l=>()=>{if(g)return;g=!0;const d=l.cloneNode(!0);f?queueMicrotask(()=>{document.contains(f)&&u(d)}):u(d)};return l=>{if(l)return requestAnimationFrame(()=>{r=l.parentElement,s=l.nextElementSibling}),g=!1,(e==null?void 0:e.scope)==="local"?queueMicrotask(()=>{f=Z(l),!(f&&!Q(f))&&c(l)}):c(l),S(l)}}const k=new Map;let b=null,q=!1;function tt(i){if(i instanceof HTMLElement&&k.has(i)){const t=k.get(i);k.delete(i),queueMicrotask(()=>{t()})}const e=i.childNodes;for(let t=0;t<e.length;t++){const n=e[t];n&&tt(n)}}function pt(){q||typeof document>"u"||(q=!0,b=new MutationObserver(i=>{for(const e of i){const t=e.removedNodes;for(let n=0;n<t.length;n++){const r=t[n];r&&tt(r)}}}),document.body?b.observe(document.body,{childList:!0,subtree:!0}):document.addEventListener("DOMContentLoaded",()=>{b==null||b.observe(document.body,{childList:!0,subtree:!0})},{once:!0}))}function et(i,e){pt(),k.set(i,e)}function wt(i){return k.has(i)}function St(){return k.size}function yt(i){const e=k.get(i);return e?(k.delete(i),e(),!0):!1}function vt(){k.clear(),b==null||b.disconnect(),b=null,q=!1}const x=new Map,_=new Map,N=new Map;function Ct(i,e,t){x.set(i,e);let n=_.get(i);if(n)return n;const r=e;return n=ht(()=>{const s=x.get(i);return s||(console.warn(`Transition "${String(i)}" not found`),{})},{strategy:t==null?void 0:t.strategy,scope:t==null?void 0:t.scope,onCleanupEnd:()=>{x.get(i)===r&&Tt(i)}}),_.set(i,n),n}function Tt(i){x.delete(i),_.delete(i),N.delete(i)}function At(i,e="manual"){const t=Ct(i.key,{in:i.in,out:i.out},{strategy:i[H],scope:i.scope});if(e==="manual")return t;let n=N.get(i.key);return n||(n=r=>{if(r){const s=t(r);s&&et(r,s)}},N.set(i.key,n),n)}function Et(i){const e=i.filter(t=>t.symmetric).map(t=>({from:t.to,to:t.from,transition:t.transition}));return[...i,...e]}function bt(i){let e=!1,t=0,n=0,r=!1;const s=50,a=l=>{if(!i)return;const d=l.touches[0];d&&(r=d.clientX<s,r&&(t=d.clientX,n=d.clientY))},o=l=>{if(!i||!r)return;const d=l.touches[0];if(!d)return;const T=d.clientX-t,M=d.clientY-n;T>window.outerWidth/2-5&&Math.abs(T)>Math.abs(M)?e=!0:e=!1},c=()=>{i&&(r=!1,t=0,n=0)},u=()=>e,f=()=>{typeof window>"u"||i&&(window.addEventListener("touchstart",a,{passive:!0}),window.addEventListener("touchmove",o,{passive:!0}),window.addEventListener("touchend",c,{passive:!0}))},g=()=>{typeof window>"u"||(window.removeEventListener("touchstart",a),window.removeEventListener("touchmove",o),window.removeEventListener("touchend",c))};let S=0;return{initialize:f,cleanup:g,isSwipePending:u,resetSwipeDetection:()=>{S++,S>1&&(S=0,e=!1)}}}const kt=i=>{let e=i.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e),n=t.overflow+t.overflowY+t.overflowX;if(n.includes("auto")||n.includes("scroll")||e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)return e;e=e.parentElement}return document.documentElement},Mt=i=>{let e=i.parentElement;for(;e&&e!==document.body;){const t=window.getComputedStyle(e).position;if(t==="relative"||t==="absolute"||t==="fixed"||t==="sticky")return e;e=e.parentElement}return document.body};function Rt(){let i=null,e=null;const t=new Map;let n=null;const r=()=>{i&&n&&t.set(n,{x:i.scrollLeft,y:i.scrollTop})};return{initializeContext:(f,g)=>{e=f,i||(i=kt(f),(i===document.documentElement?window:i).addEventListener("scroll",r,{passive:!0})),n=g},calculateScrollOffset:(f,g)=>{const S=f&&t.has(f)?t.get(f):{x:0,y:0},y=g&&t.has(g)?t.get(g):{x:0,y:0};return{x:-y.x+S.x,y:-y.y+S.y}},getScrollContainer:()=>i,getPositionedParentElement:()=>e?Mt(e):document.body,getScrollPosition:f=>f&&t.has(f)?t.get(f):{x:0,y:0}}}function O(i,e){if(e==="*")return!0;if(e.endsWith("/*")){const t=e.slice(0,-2);return i===t||i.startsWith(t+"/")}return i===e}function Pt(i,e,t){for(const n of t)if(O(i,n.from)&&O(e,n.to))return n.transition;for(const n of t)if((n.from==="*"||O(i,n.from))&&(n.to==="*"||O(e,n.to)))return n.transition;return null}function Vt(i,e){const{transitions:t=[],defaultTransition:n,middleware:r=(w,h)=>({from:w,to:h}),skipOnIosSwipe:s=!0}=i,{outFirst:a=!0}=e||{};let o=null;const c=Et(t),{initializeContext:u,calculateScrollOffset:f,getScrollContainer:g,getPositionedParentElement:S,getScrollPosition:y}=Rt(),l=bt(s);l.initialize();function d(){if(o!=null&&o.from&&(o!=null&&o.to)){const{from:w,to:h}=r(o.from,o.to),C=Pt(w,h,c)||n,R=f(o.from,o.to),V={scrollOffset:R,scroll:y(o.from),get scrollingElement(){return g()||document.documentElement},get positionedParent(){return S()}},nt={scrollOffset:R,get scroll(){return o?y(o.to):{x:0,y:0}},get scrollingElement(){return g()||document.documentElement},get positionedParent(){return S()}};C&&(C.out&&o.outResolve&&o.outResolve(L=>C.out(L,V)),C.in&&o.inResolve&&o.inResolve(L=>C.in(L,nt))),o=null}}function T(){o&&(o.inResolve&&o.inResolve(()=>({})),o.outResolve&&o.outResolve(()=>({})),o=null)}const v=a?async(w,h)=>l.isSwipePending()?(l.resetSwipeDetection(),()=>({})):h==="in"&&(!o||!o.from)?()=>({}):(o||(o={}),h==="out"?(o.from=w,new Promise(E=>{o.outResolve=E,d()})):(o.to=w,new Promise(E=>{o.inResolve=E,d()}))):async(w,h)=>l.isSwipePending()?(l.resetSwipeDetection(),()=>({})):(o&&(h==="out"&&o.from&&o.from!==w||h==="in"&&o.to&&o.to!==w)&&T(),o||(o={}),h==="out"?(o.from=w,new Promise(C=>{o.outResolve=C,d()})):(o.to=w,new Promise(C=>{o.inResolve=C,d()})));return w=>({key:w,in:async h=>(u(h,w),(await v(w,"in"))(h)),out:async h=>(await v(w,"out"))(h),[H]:J})}exports.isCssAnimation=A.isCssAnimation;exports.isMultiSpring=A.isMultiSpring;exports.isSingleSpring=A.isSingleSpring;exports.isTickAnimation=A.isTickAnimation;exports.normalizeMultiSpringSchedule=A.normalizeMultiSpringSchedule;exports.normalizeToMultiSpring=A.normalizeToMultiSpring;exports.validateAnimationMode=A.validateAnimationMode;exports.validateSpringItem=A.validateSpringItem;exports.jaeminInternal=rt.jaeminInternal;exports.SCOPE_ATTR=Y;exports.SCOPE_READY_ATTR=U;exports.TRANSITION_STRATEGY=H;exports.createDefaultStrategy=K;exports.createPageTransitionStrategy=J;exports.createSggoiTransitionContext=Vt;exports.createTransitionScope=gt;exports.findScope=Z;exports.getWatchedCount=St;exports.isScopeReady=Q;exports.isWatched=wt;exports.resetObserver=vt;exports.transition=At;exports.triggerUnmount=yt;exports.watchUnmount=et;
|