@ssgoi/core 7.1.2 → 7.1.3-beta.1

package/dist/multi-animation-Du9W3ZS_.js

@@ -0,0 +1,503 @@
+var w = Object.defineProperty;
+var F = (o, n, t) => n in o ? w(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var r = (o, n, t) => F(o, typeof n != "symbol" ? n + "" : n, t);
+import { A as S, s as _, i as v, I as C } from "./provider-Cea0Pfm1.js";
+class m extends S {
+  constructor() {
+    super(...arguments);
+    r(this, "_startCondition");
+  }
+  /** Scheduling metadata read by the parent immediately before playback. */
+  get startCondition() {
+    return this._startCondition;
+  }
+  /** Retune this animation before playback; omitted values stay unchanged. */
+  set(t) {
+    if (t.startAt) {
+      const { after: e, at: s } = t.startAt;
+      if (e === this)
+        throw new Error("An animation cannot start after itself");
+      if (s !== "settled" && (!Number.isFinite(s) || s < 0 || s > 1))
+        throw new Error("startAt.at must be a progress from 0 to 1 or settled");
+    }
+    if (t.integrator !== void 0) {
+      if (typeof t.integrator.step != "function" || typeof t.integrator.isSettled != "function")
+        throw new Error("An integrator must implement step and isSettled");
+      this.setIntegrator(t.integrator);
+    }
+    return t.startAt !== void 0 && (this._startCondition = t.startAt ? { ...t.startAt } : void 0), this;
+  }
+  /** Custom drivers can opt into physics editing by implementing this method. */
+  setIntegrator(t) {
+    throw new Error("This animation does not support replacing its integrator");
+  }
+}
+function A(o) {
+  return new Promise((n) => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        n();
+      });
+    });
+  });
+}
+const R = 1e3 / 60, g = 1e3 / 30, k = g + 1;
+class T {
+  constructor() {
+    r(this, "drivers", /* @__PURE__ */ new Set());
+    r(this, "observers", /* @__PURE__ */ new Set());
+    r(this, "frameRequest", null);
+    r(this, "previousTimestamp", null);
+    r(this, "tick", (n) => {
+      this.frameRequest = null;
+      const t = this.previousTimestamp === null ? R : Math.max(0, n - this.previousTimestamp);
+      this.previousTimestamp = n;
+      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(n, t = "drive") {
+    const e = t === "drive" ? this.drivers : this.observers;
+    return e.add(n), this.requestFrame(), () => {
+      e.delete(n), this.stopIfIdle();
+    };
+  }
+  requestFrame() {
+    this.frameRequest !== null || !this.hasCallbacks() || (this.frameRequest = requestAnimationFrame(this.tick));
+  }
+  runPhase(n, t) {
+    for (const e of [...n])
+      n.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 T(), P = 2;
+class B extends m {
+  constructor(t) {
+    super();
+    r(this, "_element");
+    r(this, "_integrator");
+    /** Role label, see `WebAnimationOptions.label`. */
+    r(this, "label");
+    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.label = t.label, 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;
+  }
+  /** The DOM node this track drives. */
+  get element() {
+    return this._element;
+  }
+  /**
+   * Physics that drives this track. Read lazily at `play()` / `reverse()`
+   * (the simulation runs then), so replacing it before playback takes effect
+   * for the next run — this is what `withOverride` relies on.
+   */
+  get integrator() {
+    return this._integrator;
+  }
+  set integrator(t) {
+    this._integrator = t;
+  }
+  setIntegrator(t) {
+    this._integrator = t;
+  }
+  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, a = this.lowerBound + this.upperBound - s;
+      return {
+        time: e.time,
+        value: e.position,
+        velocity: e.velocity,
+        style: this.styleFn(s, a)
+      };
+    });
+    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 l;
+    if (this.running && this.captureLiveState(), this.clearWaapi(), this.running = !1, this.paused = !1, this.settled = !1, this.frames = _(
+      this._integrator,
+      this.currentValue,
+      t,
+      this.currentVelocity
+    ), this.frames.length === 0) {
+      this.currentValue = t, this.currentVelocity = 0, this.applyStyleAt(t), this.settled = !0, (l = this.onComplete) == null || l.call(this);
+      return;
+    }
+    const e = this.frames.map((c) => {
+      const p = c.position, b = this.lowerBound + this.upperBound - p;
+      return this.styleFn(p, b);
+    }), s = e[0], a = this.frames[this.frames.length - 1], h = a.time, u = ++this.runId, i = this._element.animate(e, {
+      duration: h,
+      fill: "both",
+      easing: "linear",
+      composite: "replace"
+    });
+    i.playbackRate = this.playbackRate, i.currentTime = 0, i.pause(), this.waapi = i, this.waitingForStart = !0, this.startReady = !1, this.pendingFirstFrame = s, this.running = !0, i.onfinish = () => {
+      var c;
+      !this.running || this.waapi !== i || (this.running = !1, this.settled = !0, this.currentValue = a.position, this.currentVelocity = 0, (c = this.onComplete) == null || c.call(this));
+    }, this.startWhenReady(i, 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 } = v(this.frames, t);
+    this.currentValue = e, this.currentVelocity = s;
+  }
+  async startWhenReady(t, e) {
+    try {
+      await t.ready, typeof requestAnimationFrame < "u" && await A(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 a = f(t) ?? 0, h = Math.min(
+      s.time,
+      a + 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 < 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, a;
+    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, (a = this.onComplete) == null || a.call(this));
+  }
+  applyStyleAt(t) {
+    const e = this.lowerBound + this.upperBound - t, s = this.styleFn(t, e);
+    for (const [a, h] of Object.entries(s))
+      this._element.style[a] = typeof h == "number" ? String(h) : h;
+  }
+}
+function f(o) {
+  const n = o == null ? void 0 : o.currentTime;
+  return typeof n == "number" ? n : null;
+}
+function I(o) {
+  return typeof o.step == "function" ? o : C.from(o);
+}
+class d extends m {
+  constructor(t, e = {}) {
+    super();
+    r(this, "_children");
+    r(this, "progressChildren");
+    r(this, "_startAt");
+    r(this, "namedChildren");
+    r(this, "restoreChildCallbacks", []);
+    r(this, "runId", 0);
+    r(this, "pendingComplete", 0);
+    r(this, "running", !1);
+    r(this, "pendingStartObservers", []);
+    this.namedChildren = new Map(
+      Array.isArray(t) ? [] : Object.entries(t)
+    ), this._children = Array.isArray(t) ? [...t] : [...this.namedChildren.values()], this.progressChildren = this._children.filter(
+      (s) => !(s instanceof d) || s.progressChildren.length > 0
+    ), (e.mode ?? "parallel") === "sequence" ? this._startAt = this._children.map((s, a) => a === 0 ? 0 : 1) : this._startAt = e.startAt ?? [];
+  }
+  /** Child animations in play order. */
+  get children() {
+    return this._children;
+  }
+  /**
+   * Per-child start thresholds (see `MultiAnimationOptions.startAt`). Read
+   * at run time, so replacing it before `play()` changes the overlap.
+   */
+  get startAt() {
+    return this._startAt;
+  }
+  set startAt(t) {
+    this._startAt = t;
+  }
+  /** Every `WebAnimation` in this composite, nested composites included. */
+  tracks() {
+    const t = [];
+    for (const e of this._children)
+      e instanceof B ? t.push(e) : e instanceof d && t.push(...e.tracks());
+    return t;
+  }
+  /** Select a registered child, which may itself be a composite. */
+  select(t) {
+    const e = this.namedChildren.get(t);
+    if (!e) throw new Error(`Unknown animation child: ${t}`);
+    return e;
+  }
+  set(t, e) {
+    if (typeof t == "string") {
+      const s = this.select(t);
+      return (e == null ? void 0 : e.integrator) !== void 0 && s.set({ integrator: I(e.integrator) }), this;
+    }
+    return super.set(t);
+  }
+  /** Setting the composite explicitly retunes every child in the group. */
+  setIntegrator(t) {
+    for (const e of this._children) e.set({ integrator: t });
+  }
+  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(), this.restoreCompletionHandlers();
+    for (const e of this._children) e.complete();
+    (t = this.onComplete) == null || t.call(this);
+  }
+  get progress() {
+    if (this.progressChildren.length === 0) return 0;
+    let t = 0;
+    for (const e of this.progressChildren) t += e.progress;
+    return t / this.progressChildren.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) {
+    const e = this.buildDependencies();
+    this.running && this.pause(), this.restoreCompletionHandlers();
+    const s = ++this.runId;
+    if (this.running = !0, this.pendingComplete = this._children.length, this.pendingComplete === 0) {
+      this.handleFinished();
+      return;
+    }
+    const a = /* @__PURE__ */ new Set();
+    for (const i of this._children) {
+      const l = i.onComplete, c = () => {
+        l == null || l(), !(this.runId !== s || !this.running || a.has(i)) && (a.add(i), --this.pendingComplete === 0 && this.handleFinished());
+      };
+      i.onComplete = c, this.restoreChildCallbacks.push(() => {
+        i.onComplete === c && (i.onComplete = l);
+      });
+    }
+    const h = /* @__PURE__ */ new Set(), u = () => {
+      let i = !0;
+      for (; this.running && i; ) {
+        i = !1;
+        for (const l of this._children) {
+          if (!this.running || h.has(l)) continue;
+          const c = e.get(l);
+          c && (!h.has(c.after) || !this.hasReachedThreshold(c.after, c.at, t)) || (h.add(l), l[t](), i = !0);
+        }
+      }
+      h.size === this._children.length && this.clearPendingStartObservers();
+    };
+    u(), this.running && h.size !== this._children.length && this.pendingStartObservers.push(
+      y.subscribe(u, "observe")
+    );
+  }
+  buildDependencies() {
+    const t = /* @__PURE__ */ new Map(), e = new Set(this._children);
+    if (e.size !== this._children.length)
+      throw new Error(
+        "Each child animation must occur once in a MultiAnimation"
+      );
+    this._children.forEach((u, i) => {
+      const l = u.startCondition;
+      if (l) {
+        if (!e.has(l.after))
+          throw new Error(
+            "startAt.after must reference a sibling in the same MultiAnimation"
+          );
+        t.set(u, { ...l });
+      } else i > 0 && this._startAt.some((c) => c > 0) && t.set(u, {
+        after: this._children[i - 1],
+        at: this._startAt[i] ?? 0
+      });
+    });
+    const s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = (u) => {
+      if (a.has(u))
+        throw new Error("Animation startAt dependencies form a cycle");
+      if (s.has(u)) return;
+      a.add(u);
+      const i = t.get(u);
+      i && h(i.after), a.delete(u), s.add(u);
+    };
+    return this._children.forEach(h), t;
+  }
+  hasReachedThreshold(t, e, s) {
+    return t.isComplete ? !0 : e === "settled" ? !1 : e <= 0 ? !0 : (s === "play" ? t.progress : 1 - t.progress) >= e;
+  }
+  clearPendingStartObservers() {
+    for (const t of this.pendingStartObservers) t();
+    this.pendingStartObservers = [];
+  }
+  restoreCompletionHandlers() {
+    for (const t of this.restoreChildCallbacks) t();
+    this.restoreChildCallbacks = [];
+  }
+  handleFinished() {
+    var t;
+    this.running && (this.running = !1, this.clearPendingStartObservers(), this.restoreCompletionHandlers(), (t = this.onComplete) == null || t.call(this));
+  }
+  findTimeForProgress(t) {
+    return null;
+  }
+}
+export {
+  m as A,
+  d as M,
+  B as W
+};

package/dist/multi-animation-hDUcfD7W.cjs

@@ -0,0 +1 @@
+"use strict";var v=Object.defineProperty;var S=(o,n,t)=>n in o?v(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t;var r=(o,n,t)=>S(o,typeof n!="symbol"?n+"":n,t);const d=require("./provider-D9Q2URox.cjs");class f extends d.Animation{constructor(){super(...arguments);r(this,"_startCondition")}get startCondition(){return this._startCondition}set(t){if(t.startAt){const{after:e,at:s}=t.startAt;if(e===this)throw new Error("An animation cannot start after itself");if(s!=="settled"&&(!Number.isFinite(s)||s<0||s>1))throw new Error("startAt.at must be a progress from 0 to 1 or settled")}if(t.integrator!==void 0){if(typeof t.integrator.step!="function"||typeof t.integrator.isSettled!="function")throw new Error("An integrator must implement step and isSettled");this.setIntegrator(t.integrator)}return t.startAt!==void 0&&(this._startCondition=t.startAt?{...t.startAt}:void 0),this}setIntegrator(t){throw new Error("This animation does not support replacing its integrator")}}function _(o){return new Promise(n=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{n()})})})}const C=1e3/60,y=1e3/30,A=y+1;class R{constructor(){r(this,"drivers",new Set);r(this,"observers",new Set);r(this,"frameRequest",null);r(this,"previousTimestamp",null);r(this,"tick",n=>{this.frameRequest=null;const t=this.previousTimestamp===null?C:Math.max(0,n-this.previousTimestamp);this.previousTimestamp=n;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(n,t="drive"){const e=t==="drive"?this.drivers:this.observers;return e.add(n),this.requestFrame(),()=>{e.delete(n),this.stopIfIdle()}}requestFrame(){this.frameRequest!==null||!this.hasCallbacks()||(this.frameRequest=requestAnimationFrame(this.tick))}runPhase(n,t){for(const e of[...n])n.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 b=new R,k=2;class w extends f{constructor(t){super();r(this,"_element");r(this,"_integrator");r(this,"label");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.label=t.label,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}get element(){return this._element}get integrator(){return this._integrator}set integrator(t){this._integrator=t}setIntegrator(t){this._integrator=t}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,a=this.lowerBound+this.upperBound-s;return{time:e.time,value:e.position,velocity:e.velocity,style:this.styleFn(s,a)}});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 l;if(this.running&&this.captureLiveState(),this.clearWaapi(),this.running=!1,this.paused=!1,this.settled=!1,this.frames=d.simulate(this._integrator,this.currentValue,t,this.currentVelocity),this.frames.length===0){this.currentValue=t,this.currentVelocity=0,this.applyStyleAt(t),this.settled=!0,(l=this.onComplete)==null||l.call(this);return}const e=this.frames.map(c=>{const m=c.position,F=this.lowerBound+this.upperBound-m;return this.styleFn(m,F)}),s=e[0],a=this.frames[this.frames.length-1],h=a.time,u=++this.runId,i=this._element.animate(e,{duration:h,fill:"both",easing:"linear",composite:"replace"});i.playbackRate=this.playbackRate,i.currentTime=0,i.pause(),this.waapi=i,this.waitingForStart=!0,this.startReady=!1,this.pendingFirstFrame=s,this.running=!0,i.onfinish=()=>{var c;!this.running||this.waapi!==i||(this.running=!1,this.settled=!0,this.currentValue=a.position,this.currentVelocity=0,(c=this.onComplete)==null||c.call(this))},this.startWhenReady(i,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=g(this.waapi);if(t===null)return;const{position:e,velocity:s}=d.interpolateFrame(this.frames,t);this.currentValue=e,this.currentVelocity=s}async startWhenReady(t,e){try{await t.ready,typeof requestAnimationFrame<"u"&&await _(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=b.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 a=g(t)??0,h=Math.min(s.time,a+e.delta*Math.max(0,this.playbackRate));if(t.currentTime=h,this.captureLiveState(),h>=s.time){this.finishFramePacedRun(t,s);return}e.rawDelta<=A?this.startupStableFrames++:this.startupStableFrames=0,!(this.startupStableFrames<k)&&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,a;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,(a=this.onComplete)==null||a.call(this))}applyStyleAt(t){const e=this.lowerBound+this.upperBound-t,s=this.styleFn(t,e);for(const[a,h]of Object.entries(s))this._element.style[a]=typeof h=="number"?String(h):h}}function g(o){const n=o==null?void 0:o.currentTime;return typeof n=="number"?n:null}function T(o){return typeof o.step=="function"?o:d.IntegratorProvider.from(o)}class p extends f{constructor(t,e={}){super();r(this,"_children");r(this,"progressChildren");r(this,"_startAt");r(this,"namedChildren");r(this,"restoreChildCallbacks",[]);r(this,"runId",0);r(this,"pendingComplete",0);r(this,"running",!1);r(this,"pendingStartObservers",[]);this.namedChildren=new Map(Array.isArray(t)?[]:Object.entries(t)),this._children=Array.isArray(t)?[...t]:[...this.namedChildren.values()],this.progressChildren=this._children.filter(s=>!(s instanceof p)||s.progressChildren.length>0),(e.mode??"parallel")==="sequence"?this._startAt=this._children.map((s,a)=>a===0?0:1):this._startAt=e.startAt??[]}get children(){return this._children}get startAt(){return this._startAt}set startAt(t){this._startAt=t}tracks(){const t=[];for(const e of this._children)e instanceof w?t.push(e):e instanceof p&&t.push(...e.tracks());return t}select(t){const e=this.namedChildren.get(t);if(!e)throw new Error(`Unknown animation child: ${t}`);return e}set(t,e){if(typeof t=="string"){const s=this.select(t);return(e==null?void 0:e.integrator)!==void 0&&s.set({integrator:T(e.integrator)}),this}return super.set(t)}setIntegrator(t){for(const e of this._children)e.set({integrator:t})}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(),this.restoreCompletionHandlers();for(const e of this._children)e.complete();(t=this.onComplete)==null||t.call(this)}get progress(){if(this.progressChildren.length===0)return 0;let t=0;for(const e of this.progressChildren)t+=e.progress;return t/this.progressChildren.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){const e=this.buildDependencies();this.running&&this.pause(),this.restoreCompletionHandlers();const s=++this.runId;if(this.running=!0,this.pendingComplete=this._children.length,this.pendingComplete===0){this.handleFinished();return}const a=new Set;for(const i of this._children){const l=i.onComplete,c=()=>{l==null||l(),!(this.runId!==s||!this.running||a.has(i))&&(a.add(i),--this.pendingComplete===0&&this.handleFinished())};i.onComplete=c,this.restoreChildCallbacks.push(()=>{i.onComplete===c&&(i.onComplete=l)})}const h=new Set,u=()=>{let i=!0;for(;this.running&&i;){i=!1;for(const l of this._children){if(!this.running||h.has(l))continue;const c=e.get(l);c&&(!h.has(c.after)||!this.hasReachedThreshold(c.after,c.at,t))||(h.add(l),l[t](),i=!0)}}h.size===this._children.length&&this.clearPendingStartObservers()};u(),this.running&&h.size!==this._children.length&&this.pendingStartObservers.push(b.subscribe(u,"observe"))}buildDependencies(){const t=new Map,e=new Set(this._children);if(e.size!==this._children.length)throw new Error("Each child animation must occur once in a MultiAnimation");this._children.forEach((u,i)=>{const l=u.startCondition;if(l){if(!e.has(l.after))throw new Error("startAt.after must reference a sibling in the same MultiAnimation");t.set(u,{...l})}else i>0&&this._startAt.some(c=>c>0)&&t.set(u,{after:this._children[i-1],at:this._startAt[i]??0})});const s=new Set,a=new Set,h=u=>{if(a.has(u))throw new Error("Animation startAt dependencies form a cycle");if(s.has(u))return;a.add(u);const i=t.get(u);i&&h(i.after),a.delete(u),s.add(u)};return this._children.forEach(h),t}hasReachedThreshold(t,e,s){return t.isComplete?!0:e==="settled"?!1:e<=0?!0:(s==="play"?t.progress:1-t.progress)>=e}clearPendingStartObservers(){for(const t of this.pendingStartObservers)t();this.pendingStartObservers=[]}restoreCompletionHandlers(){for(const t of this.restoreChildCallbacks)t();this.restoreChildCallbacks=[]}handleFinished(){var t;this.running&&(this.running=!1,this.clearPendingStartObservers(),this.restoreCompletionHandlers(),(t=this.onComplete)==null||t.call(this))}findTimeForProgress(t){return null}}exports.Animation=f;exports.MultiAnimation=p;exports.WebAnimation=w;

package/dist/page-motion-DF3fFkOw.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("./provider-D9Q2URox.cjs"),g={spring:{stiffness:180,damping:20,doubleSpring:!0}},c={spring:{stiffness:170,damping:20,doubleSpring:!0}},r={spring:{stiffness:170,damping:22,doubleSpring:.8}};function f(n,i=0){var e,a;const o=((e=n.integrator)==null?void 0:e.call(n))??S.IntegratorProvider.from(n),t=S.simulate(o,0,1,0);if(t.some(u=>!Number.isFinite(u.position)||!Number.isFinite(u.velocity)))throw new Error("SSGOI: physics produced a non-finite timeline.");return{frames:t,offset:i,duration:((a=t[t.length-1])==null?void 0:a.time)??0}}function d(n,i,o){const t=f(o??(n==="fade"?g:r)),e=f(o??(n==="fade"?c:r),n==="fade"?t.duration:0);return{kind:n,direction:i,out:t,in:e,duration:Math.max(t.duration,e.offset+e.duration)}}function s(n,i,o,t){"worklet";return n==="fade"?{opacity:i==="in"?t:1-t,x:0}:{opacity:1,x:(o==="forward"?1:-1)*(i==="in"?1-t:-t)}}exports.FADE_IN_PHYSICS=c;exports.FADE_OUT_PHYSICS=g;exports.SLIDE_PHYSICS=r;exports.createPageMotionPlan=d;exports.pageMotionStyle=s;

package/dist/page-motion-MEazegOU.js

@@ -0,0 +1,43 @@
+import { I as s, s as d } from "./provider-Cea0Pfm1.js";
+const g = {
+  spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
+}, m = {
+  spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
+}, u = {
+  spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
+};
+function f(t, o = 0) {
+  var i, e;
+  const r = ((i = t.integrator) == null ? void 0 : i.call(t)) ?? s.from(t), n = d(r, 0, 1, 0);
+  if (n.some(
+    (a) => !Number.isFinite(a.position) || !Number.isFinite(a.velocity)
+  ))
+    throw new Error("SSGOI: physics produced a non-finite timeline.");
+  return { frames: n, offset: o, duration: ((e = n[n.length - 1]) == null ? void 0 : e.time) ?? 0 };
+}
+function S(t, o, r) {
+  const n = f(
+    r ?? (t === "fade" ? g : u)
+  ), i = f(
+    r ?? (t === "fade" ? m : u),
+    t === "fade" ? n.duration : 0
+  );
+  return {
+    kind: t,
+    direction: o,
+    out: n,
+    in: i,
+    duration: Math.max(n.duration, i.offset + i.duration)
+  };
+}
+function l(t, o, r, n) {
+  "worklet";
+  return t === "fade" ? { opacity: o === "in" ? n : 1 - n, x: 0 } : { opacity: 1, x: (r === "forward" ? 1 : -1) * (o === "in" ? 1 - n : -n) };
+}
+export {
+  m as F,
+  u as S,
+  g as a,
+  S as c,
+  l as p
+};