@pixodesk/svg-animator-web 1.0.26 → 1.0.28

package/dist/index.prerendered-waapi.umd.js

@@ -43,41 +43,6 @@ var PixodeskAnimator = (() => {
     setupAnimationTriggers: () => setupAnimationTriggers
   });
 
-  // ../svg-animator-core/src/PxAnimatorConstants.ts
-  var PxAnimatorMode = {
-    auto: "auto",
-    waapi: "waapi",
-    frames: "frames"
-  };
-  var PxAnimatorEngine = {
-    waapi: PxAnimatorMode.waapi,
-    frames: PxAnimatorMode.frames
-  };
-  var PxLoopExtend = {
-    /** Segment from the START; the animation is extended BEFORE the first keyframe
-     *  (intro loops that run before the main timeline begins). */
-    before: "before",
-    /** DEFAULT — segment from the END; extended AFTER the last keyframe (idle/outro
-     *  loops that continue once the main timeline has finished). */
-    after: "after"
-  };
-  function getAnimatorConfig(doc) {
-    var _a;
-    return (doc == null ? void 0 : doc.animator) || ((_a = doc == null ? void 0 : doc.meta) == null ? void 0 : _a.animator);
-  }
-  function getDefs(doc) {
-    var _a;
-    if (!doc) return void 0;
-    return (_a = getAnimatorConfig(doc)) == null ? void 0 : _a.definitions;
-  }
-  function getBindings(doc) {
-    var _a;
-    if (!doc) return void 0;
-    const animateById = (_a = getAnimatorConfig(doc)) == null ? void 0 : _a.animateById;
-    if (!animateById) return void 0;
-    return Object.entries(animateById).map(([id, anim]) => ({ id, animate: anim }));
-  }
-
   // ../svg-animator-core/src/PxAnimatorUtil.ts
   function bezierToSvgPath(path, forceCurves = false) {
     var _a, _b, _c, _d;
@@ -469,6 +434,41 @@ var PixodeskAnimator = (() => {
     return cubicBezier(flipped);
   }
 
+  // ../svg-animator-core/src/PxAnimatorConstants.ts
+  var PxAnimatorMode = {
+    auto: "auto",
+    waapi: "waapi",
+    frames: "frames"
+  };
+  var PxAnimatorEngine = {
+    waapi: PxAnimatorMode.waapi,
+    frames: PxAnimatorMode.frames
+  };
+  var PxLoopExtend = {
+    /** Segment from the START; the animation is extended BEFORE the first keyframe
+     *  (intro loops that run before the main timeline begins). */
+    before: "before",
+    /** DEFAULT — segment from the END; extended AFTER the last keyframe (idle/outro
+     *  loops that continue once the main timeline has finished). */
+    after: "after"
+  };
+  function getAnimatorConfig(doc) {
+    var _a;
+    return (doc == null ? void 0 : doc.animator) || ((_a = doc == null ? void 0 : doc.meta) == null ? void 0 : _a.animator);
+  }
+  function getDefs(doc) {
+    var _a;
+    if (!doc) return void 0;
+    return (_a = getAnimatorConfig(doc)) == null ? void 0 : _a.definitions;
+  }
+  function getBindings(doc) {
+    var _a;
+    if (!doc) return void 0;
+    const animateById = (_a = getAnimatorConfig(doc)) == null ? void 0 : _a.animateById;
+    if (!animateById) return void 0;
+    return Object.entries(animateById).map(([id, anim]) => ({ id, animate: anim }));
+  }
+
   // ../svg-animator-core/src/PxMotionPath.ts
   function getKfTranslate(kf) {
     var _a;
@@ -1510,7 +1510,7 @@ var PixodeskAnimator = (() => {
     }
     return result;
   }
-  function createWebApiAnimator(doc, callbacks, rootElement, forceEvenIfHasUnsupportedAttrs) {
+  function createWebApiAnimator(doc, callbacks, rootElement, forceEvenIfHasUnsupportedAttrs, scrollTimeline) {
     var _a;
     const config = getAnimatorConfig(doc) || {};
     if (!rootElement) {
@@ -1569,7 +1569,12 @@ var PixodeskAnimator = (() => {
           if (keyframes.length > 0) {
             try {
               const effect = new KeyframeEffect(element, keyframes, effectOptions);
-              const anim = new Animation(effect, document.timeline);
+              const anim = new Animation(effect, scrollTimeline ? scrollTimeline.timeline : document.timeline);
+              if (scrollTimeline) {
+                const a = anim;
+                if (scrollTimeline.rangeStart) a.rangeStart = scrollTimeline.rangeStart;
+                if (scrollTimeline.rangeEnd) a.rangeEnd = scrollTimeline.rangeEnd;
+              }
               if (callbacks == null ? void 0 : callbacks.onFinish) anim.onfinish = () => {
                 var _a2;
                 if (finishNotified) return;
@@ -1663,7 +1668,14 @@ var PixodeskAnimator = (() => {
       }
     };
     if (config.trigger) {
-      setupAnimationTriggers(api, config.trigger);
+      if (config.timelineSource === "scroll") {
+        console.warn("scroll timeline: `animator.trigger` is ignored (triggers do not apply to scroll-driven playback)");
+      } else {
+        setupAnimationTriggers(api, config.trigger);
+      }
+    }
+    if (scrollTimeline) {
+      animations.forEach((a) => a.play());
     }
     return api;
   }