@ssgoi/core 7.1.3-beta.5 → 7.3.0-beta.1

package/dist/multi-animation-Du9W3ZS_.js

@@ -1,503 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;