pptx-react-viewer 2.19.1 → 2.19.3

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

@@ -117592,6 +117592,33 @@ function generateFullMorphTransition(fromSlide, toSlide, durationMs, mode = "obj
   allAnimations.push(...fadeIns);
   return allAnimations;
 }
+var MORPH_CROSSFADE_GROUP_STYLE = {
+  position: "absolute",
+  inset: "0",
+  isolation: "isolate"
+};
+var MORPH_CROSSFADE_HALF_BLEND_MODE = "plus-lighter";
+var MORPH_CROSSFADE_HALF_STYLE = {
+  position: "absolute",
+  inset: "0",
+  mixBlendMode: MORPH_CROSSFADE_HALF_BLEND_MODE
+};
+function resolveMorphCrossfadeGroups(pairs2, ghostIds, liftedIds, incomingOrder) {
+  const byIncomingId = /* @__PURE__ */ new Map();
+  for (const pair of pairs2) {
+    if (ghostIds.has(pair.fromElement.id) && liftedIds.has(pair.toElement.id)) {
+      byIncomingId.set(pair.toElement.id, pair);
+    }
+  }
+  const groups = [];
+  for (const element of incomingOrder) {
+    const pair = byIncomingId.get(element.id);
+    if (pair) {
+      groups.push({ outgoing: pair.fromElement, incoming: pair.toElement });
+    }
+  }
+  return groups;
+}
 var LIFTED_HIDDEN_NAME = "pptx-morph-lifted-hidden";
 var LIFTED_HIDDEN_KEYFRAMES = `
 @keyframes ${LIFTED_HIDDEN_NAME} {
@@ -117638,7 +117665,7 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
       existing === void 0 ? animation.animation : `${existing}, ${animation.animation}`
     );
   }
-  const outgoingElements = flattenedOutgoing.filter((element) => ghostIds.has(element.id));
+  const ghostElements = flattenedOutgoing.filter((element) => ghostIds.has(element.id));
   const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);
   const holdingGhostIds = new Set(
     match.pairs.filter(
@@ -117673,8 +117700,19 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
   if (overlayIncomingAnimations.size > 0) {
     keyframes.push(LIFTED_HIDDEN_KEYFRAMES);
   }
+  const crossfadeGroups = resolveMorphCrossfadeGroups(
+    match.pairs,
+    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));
+  const outgoingElements = ghostElements.filter((element) => !groupedOutgoingIds.has(element.id));
   const overlayIncomingElements = flattenedIncoming.filter(
-    (element) => overlayIncomingAnimations.has(element.id)
+    (element) => overlayIncomingAnimations.has(element.id) && !groupedIncomingIds.has(element.id)
   );
   return {
     keyframesCss: keyframes.join("\n"),
@@ -117685,9 +117723,97 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     overlayIncomingAnimations,
     outgoingElements,
     overlayIncomingElements,
+    crossfadeGroups,
     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, '\\"');
 }
@@ -134151,6 +134277,8 @@ exports.MAX_ZOOM_SCALE = MAX_ZOOM_SCALE;
 exports.MEDIA_CHROME_ATTRIBUTE = MEDIA_CHROME_ATTRIBUTE;
 exports.MIN_ZOOM_SCALE = MIN_ZOOM_SCALE;
 exports.MOBILE_BREAKPOINT = MOBILE_BREAKPOINT;
+exports.MORPH_CROSSFADE_GROUP_STYLE = MORPH_CROSSFADE_GROUP_STYLE;
+exports.MORPH_CROSSFADE_HALF_STYLE = MORPH_CROSSFADE_HALF_STYLE;
 exports.MOTION_PATH_FAMILIES = MOTION_PATH_FAMILIES;
 exports.NOTES_FONT_SIZE_DEFAULT = NOTES_FONT_SIZE_DEFAULT;
 exports.NOTES_FONT_SIZE_MAX = NOTES_FONT_SIZE_MAX;