pptx-react-viewer 2.19.2 → 2.19.3

package/dist/{chunk-C7XKYQEW.js → chunk-MZ6E7TUV.js}

@@ -117705,6 +117705,8 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     ghostIds,
     new Set(overlayIncomingAnimations.keys()),
     flattenedIncoming
+  ).map(
+    (group2) => liftCrossfadeToWrapper(group2, animations, outgoingAnimations, overlayIncomingAnimations)
   );
   const groupedOutgoingIds = new Set(crossfadeGroups.map((group2) => group2.outgoing.id));
   const groupedIncomingIds = new Set(crossfadeGroups.map((group2) => group2.incoming.id));
@@ -117725,6 +117727,93 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     durationMs
   };
 }
+function liftCrossfadeToWrapper(group2, animations, outgoingAnimations, overlayIncomingAnimations) {
+  const tracksOf = (elementId) => {
+    const fade = [];
+    let travels = false;
+    let other = 0;
+    for (const animation of animations) {
+      if (animation.elementId !== elementId) {
+        continue;
+      }
+      if (animation.target !== void 0) {
+        other += 1;
+        continue;
+      }
+      for (const track of splitAnimationTracks(animation.animation)) {
+        const block = keyframesBlockOf(track.split(/\s+/u)[0], animation.keyframes);
+        if (block === void 0) {
+          other += 1;
+        } else if (block.includes("transform")) {
+          travels ||= !isStationaryKeyframes(block);
+        } else if (block.includes("opacity")) {
+          fade.push(track);
+        } else {
+          other += 1;
+        }
+      }
+    }
+    return { fade, travels, other };
+  };
+  const outgoing = tracksOf(group2.outgoing.id);
+  const incoming = tracksOf(group2.incoming.id);
+  if (outgoing.fade.length === 0 || incoming.fade.length === 0 || outgoing.travels || incoming.travels || outgoing.other + incoming.other > 0) {
+    return group2;
+  }
+  outgoingAnimations.set(group2.outgoing.id, "none");
+  overlayIncomingAnimations.set(group2.incoming.id, "none");
+  return {
+    ...group2,
+    outgoingAnimation: outgoing.fade.join(", "),
+    incomingAnimation: incoming.fade.join(", ")
+  };
+}
+function splitAnimationTracks(shorthand) {
+  const tracks = [];
+  let depth = 0;
+  let start = 0;
+  for (let index = 0; index < shorthand.length; index += 1) {
+    const character = shorthand[index];
+    if (character === "(") {
+      depth += 1;
+    } else if (character === ")") {
+      depth -= 1;
+    } else if (character === "," && depth === 0) {
+      tracks.push(shorthand.slice(start, index).trim());
+      start = index + 1;
+    }
+  }
+  tracks.push(shorthand.slice(start).trim());
+  return tracks.filter((track) => track.length > 0);
+}
+function isStationaryKeyframes(block) {
+  const normalise = (value) => value.replace(/\s+/gu, "").replace(
+    /(-?\d*\.?\d+)(px|deg|%)?/gu,
+    (_match, number, unit = "") => Number(number) === 0 ? "0" : `${Number(number)}${unit}`
+  );
+  const values = new Set(
+    [...block.matchAll(/(?<![\w-])transform:\s*([^;}]+)/gu)].map((match) => normalise(match[1]))
+  );
+  return values.size <= 1;
+}
+function keyframesBlockOf(name, keyframes) {
+  const start = keyframes.indexOf(`@keyframes ${name}`);
+  if (start < 0) {
+    return void 0;
+  }
+  let depth = 0;
+  for (let index = keyframes.indexOf("{", start); index < keyframes.length; index += 1) {
+    if (keyframes[index] === "{") {
+      depth += 1;
+    } else if (keyframes[index] === "}") {
+      depth -= 1;
+      if (depth === 0) {
+        return keyframes.slice(start, index + 1);
+      }
+    }
+  }
+  return void 0;
+}
 function cssAttributeValue(value) {
   return value.replace(/\\/gu, "\\\\").replace(/"/gu, '\\"');
 }