@ssgoi/core 6.7.0-beta.1 → 7.0.0-beta.1

package/dist/multi-animation-6124HEke.cjs

@@ -0,0 +1 @@
+"use strict";var F=Object.defineProperty;var b=(a,i,t)=>i in a?F(a,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[i]=t;var r=(a,i,t)=>b(a,typeof i!="symbol"?i+"":i,t);class d{constructor(){r(this,"_playbackRate",1);r(this,"onUpdate");r(this,"onComplete")}get playbackRate(){return this._playbackRate}set playbackRate(i){this._playbackRate=i}}const R=.01,T=.01,g=.05;function k(a){return new Promise(i=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{i()})})})}const w=1e3/60,y=1e3/30,C=y+1;class A{constructor(){r(this,"drivers",new Set);r(this,"observers",new Set);r(this,"frameRequest",null);r(this,"previousTimestamp",null);r(this,"tick",i=>{this.frameRequest=null;const t=this.previousTimestamp===null?w:Math.max(0,i-this.previousTimestamp);this.previousTimestamp=i;const e={delta:Math.min(t,y),rawDelta:t};this.runPhase(this.drivers,e),this.runPhase(this.observers,e),this.hasCallbacks()?this.requestFrame():this.previousTimestamp=null})}subscribe(i,t="drive"){const e=t==="drive"?this.drivers:this.observers;return e.add(i),this.requestFrame(),()=>{e.delete(i),this.stopIfIdle()}}requestFrame(){this.frameRequest!==null||!this.hasCallbacks()||(this.frameRequest=requestAnimationFrame(this.tick))}runPhase(i,t){for(const e of[...i])i.has(e)&&e(t)}hasCallbacks(){return this.drivers.size>0||this.observers.size>0}stopIfIdle(){this.hasCallbacks()||(this.frameRequest!==null&&typeof cancelAnimationFrame<"u"&&cancelAnimationFrame(this.frameRequest),this.frameRequest=null,this.previousTimestamp=null)}}const S=new A,p=1e3/60,P=2;class O extends d{constructor(t){super();r(this,"element");r(this,"integrator");r(this,"styleFn");r(this,"lowerBound");r(this,"upperBound");r(this,"currentValue");r(this,"currentVelocity",0);r(this,"frames",[]);r(this,"waapi",null);r(this,"runId",0);r(this,"waitingForStart",!1);r(this,"startReady",!1);r(this,"pendingFirstFrame");r(this,"stopStartupClock",null);r(this,"startupStableFrames",0);r(this,"running",!1);r(this,"paused",!1);r(this,"settled",!1);r(this,"reversing",!1);this.element=t.element,this.integrator=t.integrator,this.styleFn=t.style,this.lowerBound=t.lowerBound??0,this.upperBound=t.upperBound??1,this.currentValue=this.lowerBound,this.onUpdate=t.onUpdate,this.onComplete=t.onComplete}play(){if(this.reversing=!1,this.paused&&this.waapi){if(this.paused=!1,this.running=!0,this.waitingForStart){this.startReady&&this.startFramePacedPlayback(this.waapi);return}this.waapi.play();return}this.runToward(this.upperBound)}reverse(){this.reversing=!0,this.runToward(this.lowerBound)}pause(){var t,e;this.running&&(this.captureLiveState(),(t=this.waapi)==null||t.pause(),(e=this.stopStartupClock)==null||e.call(this),this.stopStartupClock=null,this.running=!1,this.paused=!0)}complete(){var t;this.clearWaapi(),this.running=!1,this.paused=!1,this.currentValue=this.upperBound,this.currentVelocity=0,this.applyStyleAt(this.currentValue),this.settled=!0,(t=this.onComplete)==null||t.call(this)}releaseFill(){this.clearWaapi()}get isAnimating(){return this.running}get isPaused(){return this.paused}get isComplete(){return this.settled}get isReversing(){return this.reversing}get progress(){this.running&&this.captureLiveState();const t=this.upperBound-this.lowerBound;if(t===0)return 0;const e=(this.currentValue-this.lowerBound)/t;return e<0?0:e>1?1:e}findTimeForProgress(t){if(this.frames.length<2)return null;const e=this.upperBound-this.lowerBound;if(e===0)return 0;for(const s of this.frames)if((s.position-this.lowerBound)/e>=t)return s.time;return this.frames[this.frames.length-1].time}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t,this.waapi&&(this.waapi.playbackRate=t)}getPose(){return this.running&&this.captureLiveState(),[{element:this.element,value:this.currentValue,velocity:this.currentVelocity}]}getTimeline(){const t=this.frames.map(e=>{const s=e.position,n=this.lowerBound+this.upperBound-s;return{time:e.time,value:e.position,velocity:e.velocity,style:this.styleFn(s,n)}});return[{element:this.element,frames:t}]}matchInto(t){const e=t.find(s=>s.element===this.element);e&&(this.currentValue=e.value,this.currentVelocity=e.velocity)}runToward(t){var o;if(this.running&&this.captureLiveState(),this.clearWaapi(),this.running=!1,this.paused=!1,this.settled=!1,this.frames=B(this.integrator,this.currentValue,t,this.currentVelocity),this.frames.length===0){this.currentValue=t,this.currentVelocity=0,this.applyStyleAt(t),this.settled=!0,(o=this.onComplete)==null||o.call(this);return}const e=this.frames.map(c=>{const m=c.position,v=this.lowerBound+this.upperBound-m;return this.styleFn(m,v)}),s=e[0],n=this.frames[this.frames.length-1],h=n.time,u=++this.runId,l=this.element.animate(e,{duration:h,fill:"both",easing:"linear",composite:"replace"});l.playbackRate=this.playbackRate,l.currentTime=0,l.pause(),this.waapi=l,this.waitingForStart=!0,this.startReady=!1,this.pendingFirstFrame=s,this.running=!0,l.onfinish=()=>{var c;!this.running||this.waapi!==l||(this.running=!1,this.settled=!0,this.currentValue=n.position,this.currentVelocity=0,(c=this.onComplete)==null||c.call(this))},this.startWhenReady(l,u)}clearWaapi(){var t,e;this.runId++,(t=this.waapi)==null||t.cancel(),this.waapi=null,this.waitingForStart=!1,this.startReady=!1,this.pendingFirstFrame=void 0,(e=this.stopStartupClock)==null||e.call(this),this.stopStartupClock=null,this.startupStableFrames=0}captureLiveState(){if(this.frames.length===0)return;const t=f(this.waapi);if(t===null)return;const{position:e,velocity:s}=E(this.frames,t);this.currentValue=e,this.currentVelocity=s}async startWhenReady(t,e){try{await t.ready,typeof requestAnimationFrame<"u"&&await k(this.element)}catch{return}this.runId!==e||this.waapi!==t||(this.startReady=!0,!(!this.running||this.paused)&&this.startFramePacedPlayback(t))}startFramePacedPlayback(t){if(!(this.waapi!==t||!this.waitingForStart||!this.startReady||this.stopStartupClock)){if(this.pendingFirstFrame)for(const e of Object.keys(this.pendingFirstFrame))this.element.style[e]="";if(this.pendingFirstFrame=void 0,typeof requestAnimationFrame>"u"||this.playbackRate<0){this.handOffToWaapi(t);return}this.startupStableFrames=0,this.stopStartupClock=S.subscribe(e=>{this.advanceFramePacedStartup(t,e)})}}advanceFramePacedStartup(t,e){if(this.waapi!==t||!this.running||this.paused||!this.waitingForStart)return;const s=this.frames[this.frames.length-1];if(!s)return;const n=f(t)??0,h=Math.min(s.time,n+e.delta*Math.max(0,this.playbackRate));if(t.currentTime=h,this.captureLiveState(),h>=s.time){this.finishFramePacedRun(t,s);return}e.rawDelta<=C?this.startupStableFrames++:this.startupStableFrames=0,!(this.startupStableFrames<P)&&this.handOffToWaapi(t)}handOffToWaapi(t){var e;this.waapi!==t||!this.running||this.paused||((e=this.stopStartupClock)==null||e.call(this),this.stopStartupClock=null,this.waitingForStart=!1,this.startReady=!1,this.startupStableFrames=0,t.play())}finishFramePacedRun(t,e){var s,n;this.waapi!==t||!this.running||((s=this.stopStartupClock)==null||s.call(this),this.stopStartupClock=null,this.waitingForStart=!1,this.startReady=!1,this.startupStableFrames=0,this.running=!1,this.settled=!0,this.currentValue=e.position,this.currentVelocity=0,(n=this.onComplete)==null||n.call(this))}applyStyleAt(t){const e=this.lowerBound+this.upperBound-t,s=this.styleFn(t,e);for(const[n,h]of Object.entries(s))this.element.style[n]=typeof h=="number"?String(h):h}}function B(a,i,t,e){if(i===t&&e===0)return[];const s=600;let n={position:i,velocity:e},h=0;const u=[];for(let l=0;l<s;l++){const o=l*p;if(u.push({time:o,position:n.position,velocity:n.velocity}),n=a.step(n,t,p/1e3),a.isSettled(n,t)){if(h+=p/1e3,h>=g){u.push({time:(l+1)*p,position:t,velocity:0});break}}else h=0}return u}function E(a,i){if(a.length===0)return{position:0,velocity:0};const t=a[0],e=a[a.length-1];if(i<=0)return{position:t.position,velocity:t.velocity};if(i>=e.time)return{position:e.position,velocity:e.velocity};let s=0,n=a.length-1;for(;s<n-1;){const o=s+n>>1;a[o].time<=i?s=o:n=o}const h=a[s],u=a[n],l=(i-h.time)/(u.time-h.time);return{position:h.position+(u.position-h.position)*l,velocity:h.velocity+(u.velocity-h.velocity)*l}}function f(a){const i=a==null?void 0:a.currentTime;return typeof i=="number"?i:null}class _ extends d{constructor(t,e={}){super();r(this,"children");r(this,"startAt");r(this,"pendingComplete",0);r(this,"running",!1);r(this,"pendingStartObservers",[]);this.children=t,(e.mode??"parallel")==="sequence"?this.startAt=t.map((s,n)=>n===0?0:1):this.startAt=e.startAt??[]}play(){this.startRun("play")}reverse(){this.startRun("reverse")}pause(){this.running=!1,this.clearPendingStartObservers();for(const t of this.children)t.pause()}complete(){var t;this.running=!1,this.clearPendingStartObservers();for(const e of this.children)e.complete();(t=this.onComplete)==null||t.call(this)}get progress(){if(this.children.length===0)return 0;let t=0;for(const e of this.children)t+=e.progress;return t/this.children.length}getPose(){return this.children.flatMap(t=>t.getPose())}getTimeline(){return this.children.flatMap(t=>t.getTimeline())}matchInto(t){}get isAnimating(){return this.children.some(t=>t.isAnimating)}get isPaused(){return this.children.some(t=>t.isPaused)&&this.children.every(t=>t.isPaused||t.isComplete)}get isComplete(){return this.children.every(t=>t.isComplete)}get isReversing(){return this.children.some(t=>t.isReversing)}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t;for(const e of this.children)e.playbackRate=t}startRun(t){if(this.running&&this.pause(),this.running=!0,this.pendingComplete=this.children.length,this.pendingComplete===0){this.handleFinished();return}for(const e of this.children){const s=e.onComplete;e.onComplete=()=>{s==null||s(),this.handleChildComplete()}}this.scheduleStart(0,t)}scheduleStart(t,e){if(!this.running||t>=this.children.length)return;this.children[t][e]();const s=t+1;if(s>=this.children.length)return;const n=this.startAt[s];if(n===void 0||n<=0){this.scheduleStart(s,e);return}const h=this.children[t];if(this.hasReachedThreshold(h,n,e)){this.scheduleStart(s,e);return}const u=S.subscribe(()=>{this.running&&this.hasReachedThreshold(h,n,e)&&(u(),this.pendingStartObservers=this.pendingStartObservers.filter(l=>l!==u),this.scheduleStart(s,e))},"observe");this.pendingStartObservers.push(u)}hasReachedThreshold(t,e,s){return t.isComplete?!0:(s==="play"?t.progress:1-t.progress)>=e}clearPendingStartObservers(){for(const t of this.pendingStartObservers)t();this.pendingStartObservers=[]}handleChildComplete(){this.pendingComplete--,this.pendingComplete<=0&&this.handleFinished()}handleFinished(){var t;this.running=!1,this.clearPendingStartObservers(),(t=this.onComplete)==null||t.call(this)}findTimeForProgress(t){return null}}exports.Animation=d;exports.MultiAnimation=_;exports.POSITION_THRESHOLD=R;exports.SETTLE_THRESHOLD=g;exports.VELOCITY_THRESHOLD=T;exports.WebAnimation=O;

package/dist/multi-animation-ZFZBDBGr.js

@@ -0,0 +1,439 @@
+var S = Object.defineProperty;
+var F = (a, i, t) => i in a ? S(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
+var r = (a, i, t) => F(a, typeof i != "symbol" ? i + "" : i, t);
+class f {
+  constructor() {
+    /** Current playback rate (1 = realtime, 0 = paused, negative = backwards) */
+    r(this, "_playbackRate", 1);
+    /** Fired every frame with the most recent value. Optional. */
+    r(this, "onUpdate");
+    /** Fired once when the animation settles. */
+    r(this, "onComplete");
+  }
+  get playbackRate() {
+    return this._playbackRate;
+  }
+  set playbackRate(i) {
+    this._playbackRate = i;
+  }
+}
+const O = 0.01, V = 0.01, b = 0.05;
+function R(a) {
+  return new Promise((i) => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        i();
+      });
+    });
+  });
+}
+const T = 1e3 / 60, g = 1e3 / 30, k = g + 1;
+class w {
+  constructor() {
+    r(this, "drivers", /* @__PURE__ */ new Set());
+    r(this, "observers", /* @__PURE__ */ new Set());
+    r(this, "frameRequest", null);
+    r(this, "previousTimestamp", null);
+    r(this, "tick", (i) => {
+      this.frameRequest = null;
+      const t = this.previousTimestamp === null ? T : Math.max(0, i - this.previousTimestamp);
+      this.previousTimestamp = i;
+      const e = {
+        delta: Math.min(t, g),
+        rawDelta: t
+      };
+      this.runPhase(this.drivers, e), this.runPhase(this.observers, e), this.hasCallbacks() ? this.requestFrame() : this.previousTimestamp = null;
+    });
+  }
+  subscribe(i, t = "drive") {
+    const e = t === "drive" ? this.drivers : this.observers;
+    return e.add(i), this.requestFrame(), () => {
+      e.delete(i), this.stopIfIdle();
+    };
+  }
+  requestFrame() {
+    this.frameRequest !== null || !this.hasCallbacks() || (this.frameRequest = requestAnimationFrame(this.tick));
+  }
+  runPhase(i, t) {
+    for (const e of [...i])
+      i.has(e) && e(t);
+  }
+  hasCallbacks() {
+    return this.drivers.size > 0 || this.observers.size > 0;
+  }
+  stopIfIdle() {
+    this.hasCallbacks() || (this.frameRequest !== null && typeof cancelAnimationFrame < "u" && cancelAnimationFrame(this.frameRequest), this.frameRequest = null, this.previousTimestamp = null);
+  }
+}
+const y = new w(), p = 1e3 / 60, C = 2;
+class _ extends f {
+  constructor(t) {
+    super();
+    r(this, "element");
+    r(this, "integrator");
+    r(this, "styleFn");
+    r(this, "lowerBound");
+    r(this, "upperBound");
+    r(this, "currentValue");
+    r(this, "currentVelocity", 0);
+    r(this, "frames", []);
+    r(this, "waapi", null);
+    r(this, "runId", 0);
+    r(this, "waitingForStart", !1);
+    r(this, "startReady", !1);
+    r(this, "pendingFirstFrame");
+    r(this, "stopStartupClock", null);
+    r(this, "startupStableFrames", 0);
+    r(this, "running", !1);
+    r(this, "paused", !1);
+    r(this, "settled", !1);
+    r(this, "reversing", !1);
+    this.element = t.element, this.integrator = t.integrator, this.styleFn = t.style, this.lowerBound = t.lowerBound ?? 0, this.upperBound = t.upperBound ?? 1, this.currentValue = this.lowerBound, this.onUpdate = t.onUpdate, this.onComplete = t.onComplete;
+  }
+  play() {
+    if (this.reversing = !1, this.paused && this.waapi) {
+      if (this.paused = !1, this.running = !0, this.waitingForStart) {
+        this.startReady && this.startFramePacedPlayback(this.waapi);
+        return;
+      }
+      this.waapi.play();
+      return;
+    }
+    this.runToward(this.upperBound);
+  }
+  reverse() {
+    this.reversing = !0, this.runToward(this.lowerBound);
+  }
+  pause() {
+    var t, e;
+    this.running && (this.captureLiveState(), (t = this.waapi) == null || t.pause(), (e = this.stopStartupClock) == null || e.call(this), this.stopStartupClock = null, this.running = !1, this.paused = !0);
+  }
+  complete() {
+    var t;
+    this.clearWaapi(), this.running = !1, this.paused = !1, this.currentValue = this.upperBound, this.currentVelocity = 0, this.applyStyleAt(this.currentValue), this.settled = !0, (t = this.onComplete) == null || t.call(this);
+  }
+  /**
+   * Drop the WAAPI forwards-fill after the run has settled, letting inline
+   * styles govern the resting visual. Call only from `onComplete` (the run is
+   * already finished) — otherwise it cancels mid-flight. Unlike `complete()`,
+   * it writes no final frame, so a caller can reset the element to its natural
+   * state without the lingering fill clobbering it.
+   */
+  releaseFill() {
+    this.clearWaapi();
+  }
+  get isAnimating() {
+    return this.running;
+  }
+  get isPaused() {
+    return this.paused;
+  }
+  get isComplete() {
+    return this.settled;
+  }
+  get isReversing() {
+    return this.reversing;
+  }
+  get progress() {
+    this.running && this.captureLiveState();
+    const t = this.upperBound - this.lowerBound;
+    if (t === 0) return 0;
+    const e = (this.currentValue - this.lowerBound) / t;
+    return e < 0 ? 0 : e > 1 ? 1 : e;
+  }
+  findTimeForProgress(t) {
+    if (this.frames.length < 2) return null;
+    const e = this.upperBound - this.lowerBound;
+    if (e === 0) return 0;
+    for (const s of this.frames)
+      if ((s.position - this.lowerBound) / e >= t) return s.time;
+    return this.frames[this.frames.length - 1].time;
+  }
+  get playbackRate() {
+    return super.playbackRate;
+  }
+  set playbackRate(t) {
+    super.playbackRate = t, this.waapi && (this.waapi.playbackRate = t);
+  }
+  getPose() {
+    return this.running && this.captureLiveState(), [
+      {
+        element: this.element,
+        value: this.currentValue,
+        velocity: this.currentVelocity
+      }
+    ];
+  }
+  getTimeline() {
+    const t = this.frames.map((e) => {
+      const s = e.position, n = this.lowerBound + this.upperBound - s;
+      return {
+        time: e.time,
+        value: e.position,
+        velocity: e.velocity,
+        style: this.styleFn(s, n)
+      };
+    });
+    return [{ element: this.element, frames: t }];
+  }
+  matchInto(t) {
+    const e = t.find((s) => s.element === this.element);
+    e && (this.currentValue = e.value, this.currentVelocity = e.velocity);
+  }
+  /* ───────────────────────────────────────────────────────── private */
+  runToward(t) {
+    var o;
+    if (this.running && this.captureLiveState(), this.clearWaapi(), this.running = !1, this.paused = !1, this.settled = !1, this.frames = A(
+      this.integrator,
+      this.currentValue,
+      t,
+      this.currentVelocity
+    ), this.frames.length === 0) {
+      this.currentValue = t, this.currentVelocity = 0, this.applyStyleAt(t), this.settled = !0, (o = this.onComplete) == null || o.call(this);
+      return;
+    }
+    const e = this.frames.map((c) => {
+      const d = c.position, v = this.lowerBound + this.upperBound - d;
+      return this.styleFn(d, v);
+    }), s = e[0], n = this.frames[this.frames.length - 1], h = n.time, u = ++this.runId, l = this.element.animate(e, {
+      duration: h,
+      fill: "both",
+      easing: "linear",
+      composite: "replace"
+    });
+    l.playbackRate = this.playbackRate, l.currentTime = 0, l.pause(), this.waapi = l, this.waitingForStart = !0, this.startReady = !1, this.pendingFirstFrame = s, this.running = !0, l.onfinish = () => {
+      var c;
+      !this.running || this.waapi !== l || (this.running = !1, this.settled = !0, this.currentValue = n.position, this.currentVelocity = 0, (c = this.onComplete) == null || c.call(this));
+    }, this.startWhenReady(l, u);
+  }
+  clearWaapi() {
+    var t, e;
+    this.runId++, (t = this.waapi) == null || t.cancel(), this.waapi = null, this.waitingForStart = !1, this.startReady = !1, this.pendingFirstFrame = void 0, (e = this.stopStartupClock) == null || e.call(this), this.stopStartupClock = null, this.startupStableFrames = 0;
+  }
+  captureLiveState() {
+    if (this.frames.length === 0) return;
+    const t = m(this.waapi);
+    if (t === null) return;
+    const { position: e, velocity: s } = P(this.frames, t);
+    this.currentValue = e, this.currentVelocity = s;
+  }
+  async startWhenReady(t, e) {
+    try {
+      await t.ready, typeof requestAnimationFrame < "u" && await R(this.element);
+    } catch {
+      return;
+    }
+    this.runId !== e || this.waapi !== t || (this.startReady = !0, !(!this.running || this.paused) && this.startFramePacedPlayback(t));
+  }
+  startFramePacedPlayback(t) {
+    if (!(this.waapi !== t || !this.waitingForStart || !this.startReady || this.stopStartupClock)) {
+      if (this.pendingFirstFrame)
+        for (const e of Object.keys(this.pendingFirstFrame))
+          this.element.style[e] = "";
+      if (this.pendingFirstFrame = void 0, typeof requestAnimationFrame > "u" || this.playbackRate < 0) {
+        this.handOffToWaapi(t);
+        return;
+      }
+      this.startupStableFrames = 0, this.stopStartupClock = y.subscribe((e) => {
+        this.advanceFramePacedStartup(t, e);
+      });
+    }
+  }
+  advanceFramePacedStartup(t, e) {
+    if (this.waapi !== t || !this.running || this.paused || !this.waitingForStart)
+      return;
+    const s = this.frames[this.frames.length - 1];
+    if (!s) return;
+    const n = m(t) ?? 0, h = Math.min(
+      s.time,
+      n + e.delta * Math.max(0, this.playbackRate)
+    );
+    if (t.currentTime = h, this.captureLiveState(), h >= s.time) {
+      this.finishFramePacedRun(t, s);
+      return;
+    }
+    e.rawDelta <= k ? this.startupStableFrames++ : this.startupStableFrames = 0, !(this.startupStableFrames < C) && this.handOffToWaapi(t);
+  }
+  handOffToWaapi(t) {
+    var e;
+    this.waapi !== t || !this.running || this.paused || ((e = this.stopStartupClock) == null || e.call(this), this.stopStartupClock = null, this.waitingForStart = !1, this.startReady = !1, this.startupStableFrames = 0, t.play());
+  }
+  finishFramePacedRun(t, e) {
+    var s, n;
+    this.waapi !== t || !this.running || ((s = this.stopStartupClock) == null || s.call(this), this.stopStartupClock = null, this.waitingForStart = !1, this.startReady = !1, this.startupStableFrames = 0, this.running = !1, this.settled = !0, this.currentValue = e.position, this.currentVelocity = 0, (n = this.onComplete) == null || n.call(this));
+  }
+  applyStyleAt(t) {
+    const e = this.lowerBound + this.upperBound - t, s = this.styleFn(t, e);
+    for (const [n, h] of Object.entries(s))
+      this.element.style[n] = typeof h == "number" ? String(h) : h;
+  }
+}
+function A(a, i, t, e) {
+  if (i === t && e === 0) return [];
+  const s = 600;
+  let n = { position: i, velocity: e }, h = 0;
+  const u = [];
+  for (let l = 0; l < s; l++) {
+    const o = l * p;
+    if (u.push({ time: o, position: n.position, velocity: n.velocity }), n = a.step(n, t, p / 1e3), a.isSettled(n, t)) {
+      if (h += p / 1e3, h >= b) {
+        u.push({
+          time: (l + 1) * p,
+          position: t,
+          velocity: 0
+        });
+        break;
+      }
+    } else
+      h = 0;
+  }
+  return u;
+}
+function P(a, i) {
+  if (a.length === 0) return { position: 0, velocity: 0 };
+  const t = a[0], e = a[a.length - 1];
+  if (i <= 0)
+    return { position: t.position, velocity: t.velocity };
+  if (i >= e.time)
+    return { position: e.position, velocity: e.velocity };
+  let s = 0, n = a.length - 1;
+  for (; s < n - 1; ) {
+    const o = s + n >> 1;
+    a[o].time <= i ? s = o : n = o;
+  }
+  const h = a[s], u = a[n], l = (i - h.time) / (u.time - h.time);
+  return {
+    position: h.position + (u.position - h.position) * l,
+    velocity: h.velocity + (u.velocity - h.velocity) * l
+  };
+}
+function m(a) {
+  const i = a == null ? void 0 : a.currentTime;
+  return typeof i == "number" ? i : null;
+}
+class M extends f {
+  constructor(t, e = {}) {
+    super();
+    r(this, "children");
+    r(this, "startAt");
+    r(this, "pendingComplete", 0);
+    r(this, "running", !1);
+    r(this, "pendingStartObservers", []);
+    this.children = t, (e.mode ?? "parallel") === "sequence" ? this.startAt = t.map((s, n) => n === 0 ? 0 : 1) : this.startAt = e.startAt ?? [];
+  }
+  play() {
+    this.startRun("play");
+  }
+  reverse() {
+    this.startRun("reverse");
+  }
+  pause() {
+    this.running = !1, this.clearPendingStartObservers();
+    for (const t of this.children) t.pause();
+  }
+  complete() {
+    var t;
+    this.running = !1, this.clearPendingStartObservers();
+    for (const e of this.children) e.complete();
+    (t = this.onComplete) == null || t.call(this);
+  }
+  get progress() {
+    if (this.children.length === 0) return 0;
+    let t = 0;
+    for (const e of this.children) t += e.progress;
+    return t / this.children.length;
+  }
+  getPose() {
+    return this.children.flatMap((t) => t.getPose());
+  }
+  getTimeline() {
+    return this.children.flatMap((t) => t.getTimeline());
+  }
+  matchInto(t) {
+  }
+  get isAnimating() {
+    return this.children.some((t) => t.isAnimating);
+  }
+  get isPaused() {
+    return this.children.some((t) => t.isPaused) && this.children.every((t) => t.isPaused || t.isComplete);
+  }
+  get isComplete() {
+    return this.children.every((t) => t.isComplete);
+  }
+  get isReversing() {
+    return this.children.some((t) => t.isReversing);
+  }
+  get playbackRate() {
+    return super.playbackRate;
+  }
+  set playbackRate(t) {
+    super.playbackRate = t;
+    for (const e of this.children) e.playbackRate = t;
+  }
+  /* ───────────────────────────────────────────────────────── private */
+  startRun(t) {
+    if (this.running && this.pause(), this.running = !0, this.pendingComplete = this.children.length, this.pendingComplete === 0) {
+      this.handleFinished();
+      return;
+    }
+    for (const e of this.children) {
+      const s = e.onComplete;
+      e.onComplete = () => {
+        s == null || s(), this.handleChildComplete();
+      };
+    }
+    this.scheduleStart(0, t);
+  }
+  // Chained start: play child `index`, then observe its actual progress before
+  // starting the next one. A wall-clock timeout starts counting before WAAPI's
+  // asynchronous startup has completed, so mount/layout delays can otherwise
+  // make a sequence or stagger run early. The shared frame scheduler evaluates
+  // observers after frame-paced drivers, matching the pose painted this frame.
+  scheduleStart(t, e) {
+    if (!this.running || t >= this.children.length) return;
+    this.children[t][e]();
+    const s = t + 1;
+    if (s >= this.children.length) return;
+    const n = this.startAt[s];
+    if (n === void 0 || n <= 0) {
+      this.scheduleStart(s, e);
+      return;
+    }
+    const h = this.children[t];
+    if (this.hasReachedThreshold(h, n, e)) {
+      this.scheduleStart(s, e);
+      return;
+    }
+    const u = y.subscribe(() => {
+      this.running && this.hasReachedThreshold(h, n, e) && (u(), this.pendingStartObservers = this.pendingStartObservers.filter(
+        (l) => l !== u
+      ), this.scheduleStart(s, e));
+    }, "observe");
+    this.pendingStartObservers.push(u);
+  }
+  hasReachedThreshold(t, e, s) {
+    return t.isComplete ? !0 : (s === "play" ? t.progress : 1 - t.progress) >= e;
+  }
+  clearPendingStartObservers() {
+    for (const t of this.pendingStartObservers) t();
+    this.pendingStartObservers = [];
+  }
+  handleChildComplete() {
+    this.pendingComplete--, this.pendingComplete <= 0 && this.handleFinished();
+  }
+  handleFinished() {
+    var t;
+    this.running = !1, this.clearPendingStartObservers(), (t = this.onComplete) == null || t.call(this);
+  }
+  findTimeForProgress(t) {
+    return null;
+  }
+}
+export {
+  f as A,
+  M,
+  O as P,
+  b as S,
+  V,
+  _ as W
+};

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

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

package/dist/ssgoi-transition/navigation-detector-strategy.d.ts

@@ -4,22 +4,37 @@
  * Collects out/in navigation events and provides navigation pairs.
  * OUT and IN can arrive in any order.
  */
-export type NavigationPair = {
+export type NavigationPair<TPayload> = {
     from: string;
     to: string;
+    out: TPayload;
+    in: TPayload;
 };
-export interface NavigationDetector {
+export type NavigationArrivalType = "out" | "in";
+export type NavigationCollision<TPayload> = {
+    type: NavigationArrivalType;
+    path: string;
+    current: TPayload;
+    next: TPayload;
+};
+export type NavigationDetectorOptions<TPayload> = {
+    /**
+     * Select which payload owns a repeated arrival for the same side and path.
+     * The default keeps the latest arrival.
+     */
+    keepCurrent?: (collision: NavigationCollision<TPayload>) => boolean;
+};
+export interface NavigationDetector<TPayload> {
     /**
-     * Trigger navigation event
+     * Add one side of a navigation. The promise resolves after its matching side
+     * arrives, or with null when this arrival is superseded/cancelled.
      */
-    trigger(path: string, type: "out" | "in"): void;
+    arrive(path: string, type: NavigationArrivalType, payload: TPayload): Promise<NavigationPair<TPayload> | null>;
     /**
-     * Get navigation pair when ready
-     * Returns null if a pending transition is cancelled.
+     * Cancel a pending navigation when either side matches the predicate.
      */
-    get(type: "out" | "in"): Promise<NavigationPair | null>;
+    cancel(predicate: (payload: TPayload) => boolean): void;
 }
-export type CreateNavigationDetector = () => NavigationDetector;
 /**
  * Navigation detector
  *
@@ -28,5 +43,5 @@ export type CreateNavigationDetector = () => NavigationDetector;
  * - Both wait indefinitely for the other to complete the pair
  * - If a new path arrives, cancels the previous pending transition
  */
-export declare function createNavigationDetector(): NavigationDetector;
+export declare function createNavigationDetector<TPayload>(options?: NavigationDetectorOptions<TPayload>): NavigationDetector<TPayload>;
 //# sourceMappingURL=navigation-detector-strategy.d.ts.map

package/dist/ssgoi-transition/navigation-detector-strategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-detector-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-detector-strategy.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAEhD;;;OAGG;IACH,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,MAAM,MAAM,wBAAwB,GAAG,MAAM,kBAAkB,CAAC;AAShE;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,kBAAkB,CA+E7D"}
+{"version":3,"file":"navigation-detector-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-detector-strategy.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,QAAQ,CAAC;IACd,EAAE,EAAE,QAAQ,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,mBAAmB,CAAC,QAAQ,IAAI;IAC1C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,QAAQ,IAAI;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,kBAAkB,CAAC,QAAQ;IAC1C;;;OAGG;IACH,MAAM,CACJ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,qBAAqB,EAC3B,OAAO,EAAE,QAAQ,GAChB,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;IAE5C;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,GAAG,IAAI,CAAC;CACzD;AAaD;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAC/C,OAAO,GAAE,yBAAyB,CAAC,QAAQ,CAAM,GAChD,kBAAkB,CAAC,QAAQ,CAAC,CA0F9B"}

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

@@ -0,0 +1,13 @@
+import { NavigationDirection } from '../types/index.ts';
+export interface NavigationDirectionTracker {
+    resolve(from: string, to: string): NavigationDirection;
+    dispose(): void;
+}
+/**
+ * Lightweight semantic history used only where a route rule cannot determine
+ * direction from its own boundary/order. A browser pop wins; otherwise a
+ * navigation to the immediately previous route is backward even when an app
+ * implemented its back button with push().
+ */
+export declare function createNavigationDirectionTracker(): NavigationDirectionTracker;
+//# sourceMappingURL=navigation-direction.d.ts.map

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

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

package/dist/ssgoi-transition/observe-ssgoi-transitions.d.ts

@@ -1,3 +1,4 @@
 import { SsgoiContext } from '../types/index.ts';
+export declare function registerTransitionBatch(elements: ReadonlySet<HTMLElement>, ssgoi: SsgoiContext, mountedElements?: ReadonlySet<HTMLElement>): void;
 export declare function observeSsgoiTransitions(root: Element, ssgoi: SsgoiContext): () => void;
 //# sourceMappingURL=observe-ssgoi-transitions.d.ts.map

package/dist/ssgoi-transition/observe-ssgoi-transitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observe-ssgoi-transitions.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/observe-ssgoi-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAwB3C,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,GAClB,MAAM,IAAI,CAyDZ"}
+{"version":3,"file":"observe-ssgoi-transitions.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/observe-ssgoi-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAkC3C,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,EAClC,KAAK,EAAE,YAAY,EACnB,eAAe,GAAE,WAAW,CAAC,WAAW,CAAY,GACnD,IAAI,CAuBN;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,GAClB,MAAM,IAAI,CAoEZ"}

package/dist/ssgoi-transition/path-pattern.d.ts

@@ -0,0 +1,15 @@
+import { PathPatterns } from '../types/index.ts';
+export type PathMatch = {
+    matched: boolean;
+    specificity: number;
+    pattern: string;
+};
+export declare function normalizePath(path: string): string;
+export declare function getPathMatch(path: string, pattern: string): PathMatch;
+export declare function getBestPathMatch(path: string, patterns: PathPatterns): PathMatch | null;
+/**
+ * Match a normalized path against an exact path, `:id` segment, `*` single
+ * segment, or suffix `**` deep wildcard.
+ */
+export declare function matchPath(path: string, pattern: string): boolean;
+//# sourceMappingURL=path-pattern.d.ts.map

package/dist/ssgoi-transition/path-pattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-pattern.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/path-pattern.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAkBF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiBlD;AAsBD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CA2DrE;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,YAAY,GACrB,SAAS,GAAG,IAAI,CAYlB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAEhE"}

package/dist/ssgoi-transition/resolve-transition-rule.d.ts

@@ -0,0 +1,16 @@
+import { AnyTransitionConfig, NavigationDirection, SsgoiTransitionRule } from '../types/index.ts';
+export type ResolvedTransitionRule = {
+    transition: AnyTransitionConfig;
+    direction: NavigationDirection;
+    ruleIndex: number;
+    priority: number;
+    specificity: number;
+    reason: "on-enter" | "on-leave" | "on-history" | "pair" | "ordered";
+};
+/**
+ * Resolve a flat route-rule list. `historyDirection` is consulted only when
+ * the rule itself cannot prove a direction (both endpoints inside one `on`
+ * scope, or an intentionally overlapping pair).
+ */
+export declare function resolveTransitionRule(from: string, to: string, rules: readonly SsgoiTransitionRule[], historyDirection: NavigationDirection): ResolvedTransitionRule | null;
+//# sourceMappingURL=resolve-transition-rule.d.ts.map

package/dist/ssgoi-transition/resolve-transition-rule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-transition-rule.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/resolve-transition-rule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,QAAQ,CAAC;AAGhB,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;CACrE,CAAC;AAeF;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,mBAAmB,EAAE,EACrC,gBAAgB,EAAE,mBAAmB,GACpC,sBAAsB,GAAG,IAAI,CA2G/B"}

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

@@ -14,8 +14,17 @@ export type UnmountAnchor = {
     parent: Node;
     nextSibling: Node | null;
 };
-type UnmountCallback = (anchor?: UnmountAnchor) => void;
+export type UnmountOptions = {
+    /**
+     * `false` when this element left inside another watched boundary owned by
+     * the same transition context. The nested element still needs cleanup, but
+     * the outer boundary owns the navigation OUT event.
+     */
+    emit: boolean;
+};
+type UnmountCallback = (anchor?: UnmountAnchor, options?: UnmountOptions) => void;
+type WatchGroup = object;
 /** Register `cb` to fire when `element` is removed from the DOM. */
-export declare function watchUnmount(element: HTMLElement, cb: UnmountCallback): () => void;
+export declare function watchUnmount(element: HTMLElement, cb: UnmountCallback, group?: WatchGroup): () => void;
 export {};
 //# sourceMappingURL=unmount-observer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"unmount-observer.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/unmount-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,IAAI,CAAC;IACb,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,MAAM,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAuDxD,oEAAoE;AACpE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,eAAe,GAClB,MAAM,IAAI,CAMZ"}
+{"version":3,"file":"unmount-observer.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/unmount-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,IAAI,CAAC;IACb,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,GAAG,CACrB,MAAM,CAAC,EAAE,aAAa,EACtB,OAAO,CAAC,EAAE,cAAc,KACrB,IAAI,CAAC;AAEV,KAAK,UAAU,GAAG,MAAM,CAAC;AAgGzB,oEAAoE;AACpE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,eAAe,EACnB,KAAK,GAAE,UAAyB,GAC/B,MAAM,IAAI,CAwBZ"}