pptx-react-viewer 2.6.3 → 2.6.5

package/dist/{chunk-HHQRYCLW.js → chunk-Z2ZC5QTJ.js}

@@ -98652,20 +98652,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);
@@ -98701,23 +98703,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};
 	}
 }`;
@@ -98729,6 +98731,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, "")}`;
@@ -98736,11 +98742,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 {
@@ -98757,11 +98763,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/index.js

@@ -1,46 +1,46 @@
 'use strict';
 
-var chunk6W4AEXA3_js = require('./chunk-6W4AEXA3.js');
-require('./chunk-AH5DPIY2.js');
-var chunkJPACC7ZB_js = require('./chunk-JPACC7ZB.js');
-var chunk5ZI2ZG5E_js = require('./chunk-5ZI2ZG5E.js');
+var chunkFBVQ453Z_js = require('./chunk-FBVQ453Z.js');
+require('./chunk-D754TQ4S.js');
+var chunkCZPAFVPN_js = require('./chunk-CZPAFVPN.js');
+var chunkNZYSI3BL_js = require('./chunk-NZYSI3BL.js');
 var chunk25VSL2BB_js = require('./chunk-25VSL2BB.js');
-var chunkHHQRYCLW_js = require('./chunk-HHQRYCLW.js');
+var chunkZ2ZC5QTJ_js = require('./chunk-Z2ZC5QTJ.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunk6W4AEXA3_js.PowerPointViewer; }
+  get: function () { return chunkFBVQ453Z_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunk6W4AEXA3_js.SlideCanvas; }
+  get: function () { return chunkFBVQ453Z_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunk6W4AEXA3_js.Toolbar; }
+  get: function () { return chunkFBVQ453Z_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunk6W4AEXA3_js.ViewerThemeProvider; }
+  get: function () { return chunkFBVQ453Z_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunk6W4AEXA3_js.useViewerTheme; }
+  get: function () { return chunkFBVQ453Z_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkJPACC7ZB_js.renderToCanvas; }
+  get: function () { return chunkCZPAFVPN_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkJPACC7ZB_js.useViewerBuildingBlocks; }
+  get: function () { return chunkCZPAFVPN_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunk5ZI2ZG5E_js.getAnimationInitialStyle; }
+  get: function () { return chunkNZYSI3BL_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
@@ -48,85 +48,85 @@ Object.defineProperty(exports, "LOCALE_CATALOG", {
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkZ2ZC5QTJ_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkZ2ZC5QTJ_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.THEME_CATALOG; }
+  get: function () { return chunkZ2ZC5QTJ_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkZ2ZC5QTJ_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.clearAllLocalViewerData; }
+  get: function () { return chunkZ2ZC5QTJ_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.clearStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.defaultCssVars; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.defaultRadius; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.defaultThemeColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkZ2ZC5QTJ_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.readStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.resolveProfileInitial; }
+  get: function () { return chunkZ2ZC5QTJ_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkZ2ZC5QTJ_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.saveViewerProfile; }
+  get: function () { return chunkZ2ZC5QTJ_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.themeToCssVars; }
+  get: function () { return chunkZ2ZC5QTJ_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.vermilionDarkColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.vermilionDarkTheme; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.vermilionLightColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.vermilionLightTheme; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.vermilionRadius; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkHHQRYCLW_js.writeStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.writeStoredViewerPrefs; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-V6HOH4XZ.mjs';
-import './chunk-KYAV5V7C.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-I6XL525L.mjs';
-export { getAnimationInitialStyle } from './chunk-77XK7DJE.mjs';
+export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-2QSHMCJH.mjs';
+import './chunk-HHUBO5OD.mjs';
+export { renderToCanvas, useViewerBuildingBlocks } from './chunk-MVXW7BHH.mjs';
+export { getAnimationInitialStyle } from './chunk-A3WQ6JDW.mjs';
 export { LOCALE_CATALOG } from './chunk-Z6HIZWIQ.mjs';
-export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, clearAllLocalViewerData, clearStoredViewerPrefs, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-FV5GXJ4L.mjs';
+export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, clearAllLocalViewerData, clearStoredViewerPrefs, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-GMW7VRFD.mjs';
 import './chunk-XGB3TDIC.mjs';