@pixodesk/svg-animator-web 1.0.44 → 1.0.45

package/dist/index.prerendered.umd.js

@@ -1609,6 +1609,38 @@ var PixodeskAnimator = (() => {
     return cubicBezier(flipped);
   }
 
+  // ../svg-animator-core/src/animation/PxStaticTransformMerge.ts
+  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
+    if (!animDef) return animDef;
+    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
+    if (!staticParts || !Object.keys(staticParts).length) return animDef;
+    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
+    const transformAnim = animDef[TRANSFORM_ATTR];
+    if (transformAnim && typeof transformAnim === "object") {
+      const anim = transformAnim;
+      if (Array.isArray(anim.keyframes)) {
+        const out = __spreadProps(__spreadValues({}, anim), {
+          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
+        });
+        if (out.value !== void 0) out.value = mergeKfValue(out.value);
+        return __spreadProps(__spreadValues({}, animDef), { transform: out });
+      }
+      return animDef;
+    }
+    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
+    if (channels.length !== 1) return animDef;
+    const ch = channels[0];
+    const chAnim = animDef[ch];
+    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
+    const lifted = __spreadProps(__spreadValues({}, chAnim), {
+      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
+    });
+    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
+    const rest = __spreadValues({}, animDef);
+    delete rest[ch];
+    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
+  }
+
   // ../svg-animator-core/src/materialize/PxMotionPath.ts
   function getKfTranslate(kf) {
     const v = keyframeValue(kf);
@@ -2397,36 +2429,6 @@ var PixodeskAnimator = (() => {
   function generateElementId() {
     return "_px_el_" + ++_elementIdCounter;
   }
-  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
-    if (!animDef) return animDef;
-    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
-    if (!staticParts || !Object.keys(staticParts).length) return animDef;
-    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
-    const transformAnim = animDef[TRANSFORM_ATTR];
-    if (transformAnim && typeof transformAnim === "object") {
-      const anim = transformAnim;
-      if (Array.isArray(anim.keyframes)) {
-        const out = __spreadProps(__spreadValues({}, anim), {
-          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
-        });
-        if (out.value !== void 0) out.value = mergeKfValue(out.value);
-        return __spreadProps(__spreadValues({}, animDef), { transform: out });
-      }
-      return animDef;
-    }
-    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
-    if (channels.length !== 1) return animDef;
-    const ch = channels[0];
-    const chAnim = animDef[ch];
-    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
-    const lifted = __spreadProps(__spreadValues({}, chAnim), {
-      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
-    });
-    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
-    const rest = __spreadValues({}, animDef);
-    delete rest[ch];
-    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
-  }
   function normalizeAnimationDefinition(animDef, duration, defs, engine = PxTimelineEngine.native) {
     const normalized = {};
     for (const [propName, propAnim] of Object.entries(animDef)) {
@@ -2509,7 +2511,7 @@ var PixodeskAnimator = (() => {
     return { prevKf, nextKf };
   }
   function calcPropertyValue(propName, propAnim, progress) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const keyframes = propAnim.keyframes || [];
     if (keyframes.length === 0) return null;
     const { prevKf, nextKf } = getKeyframesPair(keyframes, progress);
@@ -2578,7 +2580,7 @@ var PixodeskAnimator = (() => {
             !!propAnim.autoOrient
           );
           partsResult.translate = [sample.translate[0], sample.translate[1]];
-          if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg;
+          if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg + ((_e = partsResult.rotate) != null ? _e : 0);
         }
       }
       cssValue = composeTransformParts(partsResult, { withUnits: false });