pptx-react-viewer 2.6.2 → 2.6.4

package/dist/{chunk-IGYK3NK5.js → chunk-D754TQ4S.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkG7PJSVUS_js = require('./chunk-G7PJSVUS.js');
+var chunkZ2ZC5QTJ_js = require('./chunk-Z2ZC5QTJ.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -14879,7 +14879,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkG7PJSVUS_js.PptxMarkdownConverter(
+    const converter = new chunkZ2ZC5QTJ_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -15470,7 +15470,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkG7PJSVUS_js.ThemePresets)
+    availablePresets: Object.keys(chunkZ2ZC5QTJ_js.ThemePresets)
   };
 };
 var readExecutors = {

package/dist/{chunk-Y6H2RSLB.mjs → chunk-GMW7VRFD.mjs}

@@ -98258,6 +98258,7 @@ function interpolateOutline(from, to, t) {
 }
 var MORPH_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
 var PROXIMITY_THRESHOLD = 300;
+var PROXIMITY_SIZE_RATIO_LIMIT = 2;
 var GEOMETRY_MORPH_STEPS = 8;
 function shouldGeometryMorph(pair) {
   const fromType = pair.fromElement.shapeType;
@@ -98383,6 +98384,11 @@ function matchMorphElementsFull(fromSlide, toSlide) {
       if (fromEl.type !== toEl.type) {
         continue;
       }
+      const widthRatio = Math.max(fromEl.width, toEl.width, 1) / Math.max(Math.min(fromEl.width, toEl.width), 1);
+      const heightRatio = Math.max(fromEl.height, toEl.height, 1) / Math.max(Math.min(fromEl.height, toEl.height), 1);
+      if (widthRatio > PROXIMITY_SIZE_RATIO_LIMIT || heightRatio > PROXIMITY_SIZE_RATIO_LIMIT) {
+        continue;
+      }
       const dx = fromEl.x - toEl.x;
       const dy = fromEl.y - toEl.y;
       const dist2 = Math.sqrt(dx * dx + dy * dy);
@@ -98639,20 +98645,22 @@ function generateMorphAnimations(pairs2, durationMs, _mode = "object") {
   for (let index = 0; index < pairs2.length; index++) {
     const { fromElement, toElement } = pairs2[index];
     const safeName = `pptx-morph-${index}-${toElement.id.replace(/[^a-zA-Z0-9]/gu, "")}`;
-    const dx = fromElement.x - toElement.x;
-    const dy = fromElement.y - toElement.y;
+    const dx = fromElement.x + fromElement.width / 2 - (toElement.x + toElement.width / 2);
+    const dy = fromElement.y + fromElement.height / 2 - (toElement.y + toElement.height / 2);
     const sx = Math.max(fromElement.width, 1) / Math.max(toElement.width, 1);
     const sy = Math.max(fromElement.height, 1) / Math.max(toElement.height, 1);
-    const dr = (fromElement.rotation ?? 0) - (toElement.rotation ?? 0);
     const fromOpacity = fromElement.opacity ?? 1;
     const toOpacity = toElement.opacity ?? 1;
+    const fromRot = fromElement.rotation ?? 0;
+    const toRot = toElement.rotation ?? 0;
+    const flips = `${toElement.flipHorizontal ? " scaleX(-1)" : ""}${toElement.flipVertical ? " scaleY(-1)" : ""}`;
     const crossfades = morphPairNeedsCrossfade(fromElement, toElement);
     const fromProps = [
-      `		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${dr}deg);`,
+      `		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${fromRot}deg)${flips};`,
       `		opacity: ${crossfades ? 0 : fromOpacity};`
     ];
     const toProps = [
-      "		transform: translate(0, 0) scale(1, 1) rotate(0deg);",
+      `		transform: translate(0, 0) scale(1, 1) rotate(${toRot}deg)${flips};`,
       `		opacity: ${toOpacity};`
     ];
     const colorInterp = buildColorInterpolationProps(fromElement, toElement);
@@ -98688,23 +98696,23 @@ function generateMorphGhostAnimations(pairs2, durationMs, startIndex) {
     const { fromElement, toElement } = pairs2[index];
     const fadesOut = morphPairNeedsCrossfade(fromElement, toElement);
     const safeName = `pptx-morph-ghost-${startIndex + index}-${fromElement.id.replace(/[^a-zA-Z0-9]/gu, "")}`;
-    const dx = toElement.x - fromElement.x;
-    const dy = toElement.y - fromElement.y;
+    const dx = toElement.x + toElement.width / 2 - (fromElement.x + fromElement.width / 2);
+    const dy = toElement.y + toElement.height / 2 - (fromElement.y + fromElement.height / 2);
     const sx = Math.max(toElement.width, 1) / Math.max(fromElement.width, 1);
     const sy = Math.max(toElement.height, 1) / Math.max(fromElement.height, 1);
-    const dr = (toElement.rotation ?? 0) - (fromElement.rotation ?? 0);
-    const originX = fromElement.x + fromElement.width / 2;
-    const originY = fromElement.y + fromElement.height / 2;
+    const fromRot = fromElement.rotation ?? 0;
+    const toRot = toElement.rotation ?? 0;
+    const flips = `${fromElement.flipHorizontal ? " scaleX(-1)" : ""}${fromElement.flipVertical ? " scaleY(-1)" : ""}`;
     const keyframes = `
 @keyframes ${safeName} {
 	from {
-		transform-origin: ${originX}px ${originY}px;
-		transform: translate(0, 0) scale(1, 1) rotate(0deg);
+		transform-origin: center;
+		transform: translate(0, 0) scale(1, 1) rotate(${fromRot}deg)${flips};
 		opacity: ${fromElement.opacity ?? 1};
 	}
 	to {
-		transform-origin: ${originX}px ${originY}px;
-		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${dr}deg);
+		transform-origin: center;
+		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${toRot}deg)${flips};
 		opacity: ${fadesOut ? 0 : fromElement.opacity ?? 1};
 	}
 }`;
@@ -98716,6 +98724,10 @@ function generateMorphGhostAnimations(pairs2, durationMs, startIndex) {
   }
   return animations;
 }
+function staticTransformSuffix(el) {
+  const rot = el.rotation ?? 0;
+  return ` rotate(${rot}deg)${el.flipHorizontal ? " scaleX(-1)" : ""}${el.flipVertical ? " scaleY(-1)" : ""}`;
+}
 function generateUnmatchedFadeOutAnimations(elements, durationMs, startIndex) {
   return elements.map((el, i) => {
     const safeName = `pptx-morph-fadeout-${startIndex + i}-${el.id.replace(/[^a-zA-Z0-9]/gu, "")}`;
@@ -98723,11 +98735,11 @@ function generateUnmatchedFadeOutAnimations(elements, durationMs, startIndex) {
 @keyframes ${safeName} {
 	from {
 		opacity: ${el.opacity ?? 1};
-		transform: scale(1);
+		transform: scale(1)${staticTransformSuffix(el)};
 	}
 	to {
 		opacity: 0;
-		transform: scale(0.95);
+		transform: scale(0.95)${staticTransformSuffix(el)};
 	}
 }`;
     return {
@@ -98744,11 +98756,11 @@ function generateUnmatchedFadeInAnimations(elements, durationMs, startIndex) {
 @keyframes ${safeName} {
 	from {
 		opacity: 0;
-		transform: scale(0.95);
+		transform: scale(0.95)${staticTransformSuffix(el)};
 	}
 	to {
 		opacity: ${el.opacity ?? 1};
-		transform: scale(1);
+		transform: scale(1)${staticTransformSuffix(el)};
 	}
 }`;
     return {
@@ -101204,6 +101216,7 @@ var INSTANT = {
   outgoingOnTop: true
 };
 var DEFAULT_TRANSITION_DURATION_MS = 1e3;
+var DEFAULT_MORPH_DURATION_MS = 2e3;
 var EASE = "ease-in-out";
 var P14_TRANSITION_KEYFRAMES = `
 /* \u2500\u2500 Conveyor (translate X with staggered timing) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -102411,7 +102424,13 @@ function resolveTransitionDurationMs(transition) {
   if (!transition || transition.type === "none" || transition.type === "cut") {
     return 0;
   }
-  return typeof transition.durationMs === "number" && transition.durationMs > 0 ? transition.durationMs : DEFAULT_TRANSITION_DURATION_MS;
+  if (typeof transition.durationMs === "number" && transition.durationMs > 0) {
+    return transition.durationMs;
+  }
+  if (transition.type === "morph") {
+    return DEFAULT_MORPH_DURATION_MS;
+  }
+  return DEFAULT_TRANSITION_DURATION_MS;
 }
 function colour(index, palette) {
   return palette[index % palette.length];

package/dist/{chunk-Y4TIW2MM.mjs → chunk-HHUBO5OD.mjs}

@@ -1,4 +1,4 @@
-import { ThemePresets, PptxMarkdownConverter } from './chunk-Y6H2RSLB.mjs';
+import { ThemePresets, PptxMarkdownConverter } from './chunk-GMW7VRFD.mjs';
 import { __export } from './chunk-XGB3TDIC.mjs';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';