pptx-react-viewer 2.6.3 → 2.6.4

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkHHQRYCLW_js = require('./chunk-HHQRYCLW.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 chunkHHQRYCLW_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(chunkHHQRYCLW_js.ThemePresets)
+    availablePresets: Object.keys(chunkZ2ZC5QTJ_js.ThemePresets)
   };
 };
 var readExecutors = {

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

@@ -98645,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);
@@ -98694,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};
 	}
 }`;
@@ -98722,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, "")}`;
@@ -98729,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 {
@@ -98750,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 {

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

@@ -1,4 +1,4 @@
-import { ThemePresets, PptxMarkdownConverter } from './chunk-FV5GXJ4L.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';