@ssgoi/core 6.6.8 → 6.6.10

package/dist/transitions/media-geometry.d.ts

@@ -0,0 +1,55 @@
+export type MediaFit = "contain" | "cover";
+export interface MediaRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface MediaInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+type RadiusSource = "computed" | "legacy" | "none" | "unsupported";
+export interface MediaGeometry {
+    bbox: MediaRect;
+    content: MediaRect;
+    window: MediaRect;
+    clipInset: MediaInsets;
+    aspectRatio: number | null;
+    fit: MediaFit | null;
+    radius: number;
+    radiusSource: RadiusSource;
+    bboxRadius: number;
+    bboxRadiusSource: RadiusSource;
+    contentAware: boolean;
+    mediaElement: HTMLElement | null;
+}
+export interface ElementMediaGeometryOptions {
+    /** Compatibility fit used only when a legacy aspect-ratio hint is present. */
+    fallbackFit?: MediaFit;
+    /** @deprecated Compatibility only. Intrinsic media dimensions are inferred. */
+    legacyAspectRatioAttribute?: string;
+    /** @deprecated Compatibility only. Border radius is inferred from CSS. */
+    legacyRadiusAttribute?: string;
+}
+/**
+ * Resolve only an unambiguous local image target. We intentionally avoid a
+ * deep descendant query: cards commonly contain icons, avatars, pictures,
+ * videos, and multiple images that must not be mistaken for the shared visual.
+ */
+export declare function findMediaElement(keyedEl: HTMLElement): HTMLElement | null;
+export declare function readIntrinsicAspectRatio(el: HTMLElement): number | null;
+export declare function centerX(rect: MediaRect): number;
+export declare function centerY(rect: MediaRect): number;
+export declare function insetWithin(outer: MediaRect, inner: MediaRect): MediaInsets;
+export declare function fittedContentRect(bbox: MediaRect, aspectRatio: number, fit: MediaFit): MediaRect;
+export declare function createMediaGeometry(bbox: MediaRect, aspectRatio: number | null, fit: MediaFit | null): MediaGeometry;
+export declare function isCompatibleMediaGeometryPair(from: MediaGeometry, to: MediaGeometry): boolean;
+export declare function normalizeMediaGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
+export declare function resolveElementMediaGeometry(keyedEl: HTMLElement, keyedBox: MediaRect, measure: (el: HTMLElement) => MediaRect, options: ElementMediaGeometryOptions): MediaGeometry;
+/** Inverse-project `targetWindow` into `baseContent` before its transform. */
+export declare function projectedWindowRect(baseContent: MediaRect, targetContent: MediaRect, targetWindow: MediaRect, scaleX: number, scaleY: number): MediaRect;
+export {};
+//# sourceMappingURL=media-geometry.d.ts.map

package/dist/transitions/media-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-geometry.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/media-geometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,KAAK,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,2BAA2B;IAC1C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAkCD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAazE;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CA+BvE;AAmGD,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,WAAW,CAO3E;AAsBD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,QAAQ,GACZ,SAAS,CA2BX;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,GAAG,EAAE,QAAQ,GAAG,IAAI,GACnB,aAAa,CAoBf;AAgBD,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,OAAO,CAUT;AAUD,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,CAAC,aAAa,EAAE,aAAa,CAAC,CAIhC;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,SAAS,EACvC,OAAO,EAAE,2BAA2B,GACnC,aAAa,CAsFf;AAED,8EAA8E;AAC9E,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,SAAS,EACxB,YAAY,EAAE,SAAS,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,SAAS,CAeX"}

package/dist/transitions/zoom/transition.d.ts

@@ -1,5 +1,9 @@
 import { TransitionConfig } from '../../types/index.ts';
-import { NormalizedZoomOptions, ZoomExtras } from './types';
+import { NormalizedZoomOptions, ZoomAnimationInput, ZoomExtras, ZoomResolved } from './types';
 export type { ZoomType, ZoomVariant, NormalizedZoomOptions } from './types';
+export declare function buildInput(resolved: ZoomResolved, fromNode: HTMLElement, toNode: HTMLElement, scrollOffset: {
+    x: number;
+    y: number;
+}): ZoomAnimationInput;
 export declare const zoom: (options: NormalizedZoomOptions) => TransitionConfig<ZoomExtras>;
 //# sourceMappingURL=transition.d.ts.map

package/dist/transitions/zoom/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAW/D,OAAO,KAAK,EACV,qBAAqB,EAGrB,UAAU,EAKX,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAsT5E,eAAO,MAAM,IAAI,GACf,SAAS,qBAAqB,KAC7B,gBAAgB,CAAC,UAAU,CAsG7B,CAAC"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAe/D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAElB,UAAU,EAEV,YAAY,EAGb,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAuF5E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACrC,kBAAkB,CAuDpB;AA+MD,eAAO,MAAM,IAAI,GACf,SAAS,qBAAqB,KAC7B,gBAAgB,CAAC,UAAU,CAsG7B,CAAC"}

package/dist/transitions/zoom/types.d.ts

@@ -1,5 +1,6 @@
 import { PhysicsOptions, SsgoiTransitionContext } from '../../types/index.ts';
 import { Animation } from '../../animation';
+import { MediaGeometry } from '../media-geometry';
 export type ZoomType = "expand" | "static" | "blur";
 export type ZoomVariant = "default" | "fade";
 export interface NormalizedZoomOptions {
@@ -15,6 +16,10 @@ export interface ZoomAnimationConfig {
 export interface ZoomAnimationInput {
     enterRect: DOMRect;
     exitRect: DOMRect;
+    /** Optional content-aware geometry used only by the foreground tile. */
+    enterMedia?: MediaGeometry;
+    /** Optional content-aware geometry used only by the foreground tile. */
+    exitMedia?: MediaGeometry;
     pageRect: DOMRect;
     scrollOffset: {
         x: number;

package/dist/transitions/zoom/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/types.ts"],"names":[],"mappings":"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"}

package/dist/transitions/zoom/zoom-element.d.ts

@@ -1,4 +1,4 @@
 import { ZoomAnimationConfig, ZoomAnimationInput } from './types';
-export declare function createZoomIn({ enterRect, exitRect, pageRect, scrollOffset, enterRadius, exitRadius, }: ZoomAnimationInput): ZoomAnimationConfig;
-export declare function createZoomOut({ enterRect, exitRect, pageRect, scrollOffset, enterRadius, exitRadius, }: ZoomAnimationInput): ZoomAnimationConfig;
+export declare function createZoomIn(input: ZoomAnimationInput): ZoomAnimationConfig;
+export declare function createZoomOut(input: ZoomAnimationInput): ZoomAnimationConfig;
 //# sourceMappingURL=zoom-element.d.ts.map

package/dist/transitions/zoom/zoom-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-element.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/zoom-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvE,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE,kBAAkB,GAAG,mBAAmB,CAyC1C;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE,kBAAkB,GAAG,mBAAmB,CAuC1C"}
+{"version":3,"file":"zoom-element.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/zoom-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiGvE,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAgC3E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAgC5E"}

package/package.json

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

package/dist/multi-animation-BC5ihz8S.js

@@ -1,367 +0,0 @@
-var g = Object.defineProperty;
-var y = (n, r, t) => r in n ? g(n, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[r] = t;
-var s = (n, r, t) => y(n, typeof r != "symbol" ? r + "" : r, t);
-class m {
-  constructor() {
-    /** Current playback rate (1 = realtime, 0 = paused, negative = backwards) */
-    s(this, "_playbackRate", 1);
-    /** Fired every frame with the most recent value. Optional. */
-    s(this, "onUpdate");
-    /** Fired once when the animation settles. */
-    s(this, "onComplete");
-  }
-  get playbackRate() {
-    return this._playbackRate;
-  }
-  set playbackRate(r) {
-    this._playbackRate = r;
-  }
-}
-const b = 0.01, C = 0.01, v = 0.05;
-function w(n) {
-  return new Promise((r) => {
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        r();
-      });
-    });
-  });
-}
-const p = 1e3 / 60;
-class k extends m {
-  constructor(t) {
-    super();
-    s(this, "element");
-    s(this, "integrator");
-    s(this, "styleFn");
-    s(this, "lowerBound");
-    s(this, "upperBound");
-    s(this, "currentValue");
-    s(this, "currentVelocity", 0);
-    s(this, "frames", []);
-    s(this, "waapi", null);
-    s(this, "runId", 0);
-    s(this, "waitingForStart", !1);
-    s(this, "startReady", !1);
-    s(this, "pendingFirstFrame");
-    s(this, "running", !1);
-    s(this, "paused", !1);
-    s(this, "settled", !1);
-    s(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.playPreparedWaapi(this.waapi);
-        return;
-      }
-      this.waapi.play();
-      return;
-    }
-    this.runToward(this.upperBound);
-  }
-  reverse() {
-    this.reversing = !0, this.runToward(this.lowerBound);
-  }
-  pause() {
-    var t;
-    this.running && (this.captureLiveState(), (t = this.waapi) == null || t.pause(), 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 i of this.frames)
-      if ((i.position - this.lowerBound) / e >= t) return i.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 i = e.position, a = this.lowerBound + this.upperBound - i;
-      return {
-        time: e.time,
-        value: e.position,
-        velocity: e.velocity,
-        style: this.styleFn(i, a)
-      };
-    });
-    return [{ element: this.element, frames: t }];
-  }
-  matchInto(t) {
-    const e = t.find((i) => i.element === this.element);
-    e && (this.currentValue = e.value, this.currentVelocity = e.velocity);
-  }
-  /* ───────────────────────────────────────────────────────── private */
-  runToward(t) {
-    var u;
-    if (this.running && this.captureLiveState(), this.clearWaapi(), this.running = !1, this.paused = !1, this.settled = !1, this.frames = F(
-      this.integrator,
-      this.currentValue,
-      t,
-      this.currentVelocity
-    ), this.frames.length === 0) {
-      this.currentValue = t, this.currentVelocity = 0, this.applyStyleAt(t), this.settled = !0, (u = this.onComplete) == null || u.call(this);
-      return;
-    }
-    const e = this.frames.map((c) => {
-      const d = c.position, f = this.lowerBound + this.upperBound - d;
-      return this.styleFn(d, f);
-    }), i = e[0], a = this.frames[this.frames.length - 1], l = a.time, o = ++this.runId, h = this.element.animate(e, {
-      duration: l,
-      fill: "both",
-      easing: "linear",
-      composite: "replace"
-    });
-    h.playbackRate = this.playbackRate, h.currentTime = 0, h.pause(), this.waapi = h, this.waitingForStart = !0, this.startReady = !1, this.pendingFirstFrame = i, this.running = !0, h.onfinish = () => {
-      var c;
-      !this.running || this.waapi !== h || (this.running = !1, this.settled = !0, this.currentValue = a.position, this.currentVelocity = 0, (c = this.onComplete) == null || c.call(this));
-    }, this.startWhenReady(h, o);
-  }
-  clearWaapi() {
-    var t;
-    this.runId++, (t = this.waapi) == null || t.cancel(), this.waapi = null, this.waitingForStart = !1, this.startReady = !1, this.pendingFirstFrame = void 0;
-  }
-  captureLiveState() {
-    if (this.frames.length === 0) return;
-    const t = S(this.waapi);
-    if (t === null) return;
-    const { position: e, velocity: i } = R(this.frames, t);
-    this.currentValue = e, this.currentVelocity = i;
-  }
-  async startWhenReady(t, e) {
-    try {
-      await t.ready, typeof requestAnimationFrame < "u" && await w(this.element);
-    } catch {
-      return;
-    }
-    this.runId !== e || this.waapi !== t || (this.startReady = !0, !(!this.running || this.paused) && this.playPreparedWaapi(t));
-  }
-  playPreparedWaapi(t) {
-    if (!(this.waapi !== t || !this.waitingForStart || !this.startReady)) {
-      if (this.pendingFirstFrame)
-        for (const e of Object.keys(this.pendingFirstFrame))
-          this.element.style[e] = "";
-      this.waitingForStart = !1, this.startReady = !1, this.pendingFirstFrame = void 0, t.play();
-    }
-  }
-  applyStyleAt(t) {
-    const e = this.lowerBound + this.upperBound - t, i = this.styleFn(t, e);
-    for (const [a, l] of Object.entries(i))
-      this.element.style[a] = typeof l == "number" ? String(l) : l;
-  }
-}
-function F(n, r, t, e) {
-  if (r === t && e === 0) return [];
-  const i = 600;
-  let a = { position: r, velocity: e }, l = 0;
-  const o = [];
-  for (let h = 0; h < i; h++) {
-    const u = h * p;
-    if (o.push({ time: u, position: a.position, velocity: a.velocity }), a = n.step(a, t, p / 1e3), n.isSettled(a, t)) {
-      if (l += p / 1e3, l >= v) {
-        o.push({
-          time: (h + 1) * p,
-          position: t,
-          velocity: 0
-        });
-        break;
-      }
-    } else
-      l = 0;
-  }
-  return o;
-}
-function R(n, r) {
-  if (n.length === 0) return { position: 0, velocity: 0 };
-  const t = n[0], e = n[n.length - 1];
-  if (r <= 0)
-    return { position: t.position, velocity: t.velocity };
-  if (r >= e.time)
-    return { position: e.position, velocity: e.velocity };
-  let i = 0, a = n.length - 1;
-  for (; i < a - 1; ) {
-    const u = i + a >> 1;
-    n[u].time <= r ? i = u : a = u;
-  }
-  const l = n[i], o = n[a], h = (r - l.time) / (o.time - l.time);
-  return {
-    position: l.position + (o.position - l.position) * h,
-    velocity: l.velocity + (o.velocity - l.velocity) * h
-  };
-}
-function S(n) {
-  const r = n == null ? void 0 : n.currentTime;
-  return typeof r == "number" ? r : null;
-}
-class A extends m {
-  constructor(t, e = {}) {
-    super();
-    s(this, "children");
-    s(this, "startAt");
-    s(this, "pendingComplete", 0);
-    s(this, "running", !1);
-    s(this, "pendingStartTimers", []);
-    this.children = t, (e.mode ?? "parallel") === "sequence" ? this.startAt = t.map((i, a) => a === 0 ? 0 : 1) : this.startAt = e.startAt ?? [];
-  }
-  play() {
-    this.startRun("play");
-  }
-  reverse() {
-    this.startRun("reverse");
-  }
-  pause() {
-    this.running = !1, this.clearPendingStartTimers();
-    for (const t of this.children) t.pause();
-  }
-  complete() {
-    var t;
-    this.running = !1, this.clearPendingStartTimers();
-    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 i = e.onComplete;
-      e.onComplete = () => {
-        i == null || i(), this.handleChildComplete();
-      };
-    }
-    this.scheduleStart(0, t);
-  }
-  // Chained start: play child `index`, then schedule the next one based on
-  // *this* child's freshly computed timeline. Doing this lazily (rather than
-  // up-front for the whole chain) is what makes it correct for >2 children —
-  // child[i+1]'s trigger ms is only knowable after child[i].play() has run
-  // `simulate()`. Single setTimeout per gap, no polling.
-  scheduleStart(t, e) {
-    if (!this.running || t >= this.children.length) return;
-    this.children[t][e]();
-    const i = t + 1;
-    if (i >= this.children.length) return;
-    const a = this.startAt[i];
-    if (a === void 0 || a <= 0) {
-      this.scheduleStart(i, e);
-      return;
-    }
-    const l = this.children[t].findTimeForProgress(a);
-    if (l === null || l <= 0) {
-      this.scheduleStart(i, e);
-      return;
-    }
-    const o = Math.abs(this.playbackRate) || 1, h = l / o, u = setTimeout(() => {
-      this.pendingStartTimers = this.pendingStartTimers.filter(
-        (c) => c !== u
-      ), this.running && this.scheduleStart(i, e);
-    }, h);
-    this.pendingStartTimers.push(u);
-  }
-  clearPendingStartTimers() {
-    for (const t of this.pendingStartTimers) clearTimeout(t);
-    this.pendingStartTimers = [];
-  }
-  handleChildComplete() {
-    this.pendingComplete--, this.pendingComplete <= 0 && this.handleFinished();
-  }
-  handleFinished() {
-    var t;
-    this.running = !1, this.clearPendingStartTimers(), (t = this.onComplete) == null || t.call(this);
-  }
-  findTimeForProgress(t) {
-    return null;
-  }
-}
-export {
-  m as A,
-  A as M,
-  b as P,
-  v as S,
-  C as V,
-  k as W
-};

package/dist/multi-animation-CE9yYIGJ.cjs

@@ -1 +0,0 @@
-"use strict";var y=Object.defineProperty;var S=(n,r,t)=>r in n?y(n,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[r]=t;var s=(n,r,t)=>S(n,typeof r!="symbol"?r+"":r,t);class d{constructor(){s(this,"_playbackRate",1);s(this,"onUpdate");s(this,"onComplete")}get playbackRate(){return this._playbackRate}set playbackRate(r){this._playbackRate=r}}const v=.01,R=.01,f=.05;function T(n){return new Promise(r=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{r()})})})}const p=1e3/60;class w extends d{constructor(t){super();s(this,"element");s(this,"integrator");s(this,"styleFn");s(this,"lowerBound");s(this,"upperBound");s(this,"currentValue");s(this,"currentVelocity",0);s(this,"frames",[]);s(this,"waapi",null);s(this,"runId",0);s(this,"waitingForStart",!1);s(this,"startReady",!1);s(this,"pendingFirstFrame");s(this,"running",!1);s(this,"paused",!1);s(this,"settled",!1);s(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.playPreparedWaapi(this.waapi);return}this.waapi.play();return}this.runToward(this.upperBound)}reverse(){this.reversing=!0,this.runToward(this.lowerBound)}pause(){var t;this.running&&(this.captureLiveState(),(t=this.waapi)==null||t.pause(),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 i of this.frames)if((i.position-this.lowerBound)/e>=t)return i.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 i=e.position,a=this.lowerBound+this.upperBound-i;return{time:e.time,value:e.position,velocity:e.velocity,style:this.styleFn(i,a)}});return[{element:this.element,frames:t}]}matchInto(t){const e=t.find(i=>i.element===this.element);e&&(this.currentValue=e.value,this.currentVelocity=e.velocity)}runToward(t){var u;if(this.running&&this.captureLiveState(),this.clearWaapi(),this.running=!1,this.paused=!1,this.settled=!1,this.frames=F(this.integrator,this.currentValue,t,this.currentVelocity),this.frames.length===0){this.currentValue=t,this.currentVelocity=0,this.applyStyleAt(t),this.settled=!0,(u=this.onComplete)==null||u.call(this);return}const e=this.frames.map(c=>{const m=c.position,g=this.lowerBound+this.upperBound-m;return this.styleFn(m,g)}),i=e[0],a=this.frames[this.frames.length-1],l=a.time,o=++this.runId,h=this.element.animate(e,{duration:l,fill:"both",easing:"linear",composite:"replace"});h.playbackRate=this.playbackRate,h.currentTime=0,h.pause(),this.waapi=h,this.waitingForStart=!0,this.startReady=!1,this.pendingFirstFrame=i,this.running=!0,h.onfinish=()=>{var c;!this.running||this.waapi!==h||(this.running=!1,this.settled=!0,this.currentValue=a.position,this.currentVelocity=0,(c=this.onComplete)==null||c.call(this))},this.startWhenReady(h,o)}clearWaapi(){var t;this.runId++,(t=this.waapi)==null||t.cancel(),this.waapi=null,this.waitingForStart=!1,this.startReady=!1,this.pendingFirstFrame=void 0}captureLiveState(){if(this.frames.length===0)return;const t=A(this.waapi);if(t===null)return;const{position:e,velocity:i}=b(this.frames,t);this.currentValue=e,this.currentVelocity=i}async startWhenReady(t,e){try{await t.ready,typeof requestAnimationFrame<"u"&&await T(this.element)}catch{return}this.runId!==e||this.waapi!==t||(this.startReady=!0,!(!this.running||this.paused)&&this.playPreparedWaapi(t))}playPreparedWaapi(t){if(!(this.waapi!==t||!this.waitingForStart||!this.startReady)){if(this.pendingFirstFrame)for(const e of Object.keys(this.pendingFirstFrame))this.element.style[e]="";this.waitingForStart=!1,this.startReady=!1,this.pendingFirstFrame=void 0,t.play()}}applyStyleAt(t){const e=this.lowerBound+this.upperBound-t,i=this.styleFn(t,e);for(const[a,l]of Object.entries(i))this.element.style[a]=typeof l=="number"?String(l):l}}function F(n,r,t,e){if(r===t&&e===0)return[];const i=600;let a={position:r,velocity:e},l=0;const o=[];for(let h=0;h<i;h++){const u=h*p;if(o.push({time:u,position:a.position,velocity:a.velocity}),a=n.step(a,t,p/1e3),n.isSettled(a,t)){if(l+=p/1e3,l>=f){o.push({time:(h+1)*p,position:t,velocity:0});break}}else l=0}return o}function b(n,r){if(n.length===0)return{position:0,velocity:0};const t=n[0],e=n[n.length-1];if(r<=0)return{position:t.position,velocity:t.velocity};if(r>=e.time)return{position:e.position,velocity:e.velocity};let i=0,a=n.length-1;for(;i<a-1;){const u=i+a>>1;n[u].time<=r?i=u:a=u}const l=n[i],o=n[a],h=(r-l.time)/(o.time-l.time);return{position:l.position+(o.position-l.position)*h,velocity:l.velocity+(o.velocity-l.velocity)*h}}function A(n){const r=n==null?void 0:n.currentTime;return typeof r=="number"?r:null}class C extends d{constructor(t,e={}){super();s(this,"children");s(this,"startAt");s(this,"pendingComplete",0);s(this,"running",!1);s(this,"pendingStartTimers",[]);this.children=t,(e.mode??"parallel")==="sequence"?this.startAt=t.map((i,a)=>a===0?0:1):this.startAt=e.startAt??[]}play(){this.startRun("play")}reverse(){this.startRun("reverse")}pause(){this.running=!1,this.clearPendingStartTimers();for(const t of this.children)t.pause()}complete(){var t;this.running=!1,this.clearPendingStartTimers();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 i=e.onComplete;e.onComplete=()=>{i==null||i(),this.handleChildComplete()}}this.scheduleStart(0,t)}scheduleStart(t,e){if(!this.running||t>=this.children.length)return;this.children[t][e]();const i=t+1;if(i>=this.children.length)return;const a=this.startAt[i];if(a===void 0||a<=0){this.scheduleStart(i,e);return}const l=this.children[t].findTimeForProgress(a);if(l===null||l<=0){this.scheduleStart(i,e);return}const o=Math.abs(this.playbackRate)||1,h=l/o,u=setTimeout(()=>{this.pendingStartTimers=this.pendingStartTimers.filter(c=>c!==u),this.running&&this.scheduleStart(i,e)},h);this.pendingStartTimers.push(u)}clearPendingStartTimers(){for(const t of this.pendingStartTimers)clearTimeout(t);this.pendingStartTimers=[]}handleChildComplete(){this.pendingComplete--,this.pendingComplete<=0&&this.handleFinished()}handleFinished(){var t;this.running=!1,this.clearPendingStartTimers(),(t=this.onComplete)==null||t.call(this)}findTimeForProgress(t){return null}}exports.Animation=d;exports.MultiAnimation=C;exports.POSITION_THRESHOLD=v;exports.SETTLE_THRESHOLD=f;exports.VELOCITY_THRESHOLD=R;exports.WebAnimation=w;