pptx-react-viewer 2.16.8 → 2.16.10

package/dist/{chunk-SADF35N7.js → chunk-Y2KIB3QH.js}

@@ -109315,6 +109315,13 @@ var MORPH_FADE_IN_EASING = "cubic-bezier(0, 0, 0.35, 1)";
 var PROXIMITY_THRESHOLD = 300;
 var PROXIMITY_SIZE_RATIO_LIMIT = 2;
 var GEOMETRY_MORPH_STEPS = 8;
+function serializeShapeAdjustments(element) {
+  const adjustments = element.shapeAdjustments;
+  if (!adjustments) {
+    return "";
+  }
+  return Object.keys(adjustments).sort().map((key) => `${key}:${adjustments[key]}`).join(",");
+}
 function shouldGeometryMorph(pair) {
   const fromType = pair.fromElement.shapeType;
   const toType = pair.toElement.shapeType;
@@ -109324,13 +109331,7 @@ function shouldGeometryMorph(pair) {
   if (fromType.toLowerCase() !== toType.toLowerCase()) {
     return true;
   }
-  const fromAdj = JSON.stringify(
-    pair.fromElement.shapeAdjustments ?? {}
-  );
-  const toAdj = JSON.stringify(
-    pair.toElement.shapeAdjustments ?? {}
-  );
-  return fromAdj !== toAdj;
+  return serializeShapeAdjustments(pair.fromElement) !== serializeShapeAdjustments(pair.toElement);
 }
 function buildClipKeyframeBody(from, to, steps) {
   const [fromRing, toRing] = normalizeOutlinePair(
@@ -109762,7 +109763,7 @@ function tokenizeText(element, mode) {
   }
   return tokens;
 }
-var SAME_SLOT_OVERLAP = 0.5;
+var SAME_SLOT_OVERLAP = 0.4;
 function ownText(element) {
   return (element.text ?? "").replace(/\s+/gu, " ").trim();
 }
@@ -109932,6 +109933,14 @@ function appearanceSignature(element, depth = 0) {
     const style = element.shapeStyle;
     parts.push(
       element.shapeType ?? "",
+      // An adjustment handle that moved repaints the outline just as surely as
+      // a different preset does, and `shouldGeometryMorph` already treats the
+      // two the same. Leaving it out let a rounded rectangle whose corner
+      // radius changed read as INERT: its ghost was painted statically at the
+      // old outline (issue #161) while the live half, held invisible beneath
+      // it, tweened its `clip-path` where nobody could see it, and the new
+      // outline appeared in one frame when the overlay came down.
+      serializeShapeAdjustments(element),
       style?.fillMode ?? "",
       style?.fillColor ?? "",
       style?.fillGradient ?? "",
@@ -110291,7 +110300,11 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     keyframes.push(animation.keyframes);
     const isOutgoing = outgoingIds.has(animation.elementId);
     const target = animation.target === "image" ? isOutgoing ? outgoingImageAnimations : incomingImageAnimations : isOutgoing ? outgoingAnimations : incomingAnimations;
-    target.set(animation.elementId, animation.animation);
+    const existing = target.get(animation.elementId);
+    target.set(
+      animation.elementId,
+      existing === void 0 ? animation.animation : `${existing}, ${animation.animation}`
+    );
   }
   const outgoingElements = flattenedOutgoing.filter((element) => ghostIds.has(element.id));
   const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);

package/dist/{chunk-SKQCLCBF.mjs → chunk-YWKUIUQX.mjs}

@@ -109308,6 +109308,13 @@ var MORPH_FADE_IN_EASING = "cubic-bezier(0, 0, 0.35, 1)";
 var PROXIMITY_THRESHOLD = 300;
 var PROXIMITY_SIZE_RATIO_LIMIT = 2;
 var GEOMETRY_MORPH_STEPS = 8;
+function serializeShapeAdjustments(element) {
+  const adjustments = element.shapeAdjustments;
+  if (!adjustments) {
+    return "";
+  }
+  return Object.keys(adjustments).sort().map((key) => `${key}:${adjustments[key]}`).join(",");
+}
 function shouldGeometryMorph(pair) {
   const fromType = pair.fromElement.shapeType;
   const toType = pair.toElement.shapeType;
@@ -109317,13 +109324,7 @@ function shouldGeometryMorph(pair) {
   if (fromType.toLowerCase() !== toType.toLowerCase()) {
     return true;
   }
-  const fromAdj = JSON.stringify(
-    pair.fromElement.shapeAdjustments ?? {}
-  );
-  const toAdj = JSON.stringify(
-    pair.toElement.shapeAdjustments ?? {}
-  );
-  return fromAdj !== toAdj;
+  return serializeShapeAdjustments(pair.fromElement) !== serializeShapeAdjustments(pair.toElement);
 }
 function buildClipKeyframeBody(from, to, steps) {
   const [fromRing, toRing] = normalizeOutlinePair(
@@ -109755,7 +109756,7 @@ function tokenizeText(element, mode) {
   }
   return tokens;
 }
-var SAME_SLOT_OVERLAP = 0.5;
+var SAME_SLOT_OVERLAP = 0.4;
 function ownText(element) {
   return (element.text ?? "").replace(/\s+/gu, " ").trim();
 }
@@ -109925,6 +109926,14 @@ function appearanceSignature(element, depth = 0) {
     const style = element.shapeStyle;
     parts.push(
       element.shapeType ?? "",
+      // An adjustment handle that moved repaints the outline just as surely as
+      // a different preset does, and `shouldGeometryMorph` already treats the
+      // two the same. Leaving it out let a rounded rectangle whose corner
+      // radius changed read as INERT: its ghost was painted statically at the
+      // old outline (issue #161) while the live half, held invisible beneath
+      // it, tweened its `clip-path` where nobody could see it, and the new
+      // outline appeared in one frame when the overlay came down.
+      serializeShapeAdjustments(element),
       style?.fillMode ?? "",
       style?.fillColor ?? "",
       style?.fillGradient ?? "",
@@ -110284,7 +110293,11 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     keyframes.push(animation.keyframes);
     const isOutgoing = outgoingIds.has(animation.elementId);
     const target = animation.target === "image" ? isOutgoing ? outgoingImageAnimations : incomingImageAnimations : isOutgoing ? outgoingAnimations : incomingAnimations;
-    target.set(animation.elementId, animation.animation);
+    const existing = target.get(animation.elementId);
+    target.set(
+      animation.elementId,
+      existing === void 0 ? animation.animation : `${existing}, ${animation.animation}`
+    );
   }
   const outgoingElements = flattenedOutgoing.filter((element) => ghostIds.has(element.id));
   const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);

package/dist/index.js

@@ -1,54 +1,54 @@
 'use strict';
 
-var chunkSGJP2EUI_js = require('./chunk-SGJP2EUI.js');
-require('./chunk-YT25W6IR.js');
-var chunkLYOEX3FB_js = require('./chunk-LYOEX3FB.js');
-var chunkQBRZ3VIC_js = require('./chunk-QBRZ3VIC.js');
+var chunkESC6IB2F_js = require('./chunk-ESC6IB2F.js');
+require('./chunk-PI5SFTDC.js');
+var chunkFSVE6WUY_js = require('./chunk-FSVE6WUY.js');
+var chunkWK22Z7PK_js = require('./chunk-WK22Z7PK.js');
 var chunkDVZF4ARG_js = require('./chunk-DVZF4ARG.js');
-var chunkSADF35N7_js = require('./chunk-SADF35N7.js');
+var chunkY2KIB3QH_js = require('./chunk-Y2KIB3QH.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.PowerPointViewer; }
+  get: function () { return chunkESC6IB2F_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.SlideCanvas; }
+  get: function () { return chunkESC6IB2F_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "SlideTemplateGalleryDialog", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.SlideTemplateGalleryDialog; }
+  get: function () { return chunkESC6IB2F_js.SlideTemplateGalleryDialog; }
 });
 Object.defineProperty(exports, "SlideTemplatePreview", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.SlideTemplatePreview; }
+  get: function () { return chunkESC6IB2F_js.SlideTemplatePreview; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.Toolbar; }
+  get: function () { return chunkESC6IB2F_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.ViewerThemeProvider; }
+  get: function () { return chunkESC6IB2F_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunkSGJP2EUI_js.useViewerTheme; }
+  get: function () { return chunkESC6IB2F_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkLYOEX3FB_js.renderToCanvas; }
+  get: function () { return chunkFSVE6WUY_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkLYOEX3FB_js.useViewerBuildingBlocks; }
+  get: function () { return chunkFSVE6WUY_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkQBRZ3VIC_js.getAnimationInitialStyle; }
+  get: function () { return chunkWK22Z7PK_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
@@ -56,97 +56,97 @@ Object.defineProperty(exports, "LOCALE_CATALOG", {
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkY2KIB3QH_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkY2KIB3QH_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "SLIDE_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.SLIDE_TEMPLATES; }
+  get: function () { return chunkY2KIB3QH_js.SLIDE_TEMPLATES; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.THEME_CATALOG; }
+  get: function () { return chunkY2KIB3QH_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkY2KIB3QH_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "buildSlideTemplateContent", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.buildSlideTemplateContent; }
+  get: function () { return chunkY2KIB3QH_js.buildSlideTemplateContent; }
 });
 Object.defineProperty(exports, "buildSlideTemplateSlide", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.buildSlideTemplateSlide; }
+  get: function () { return chunkY2KIB3QH_js.buildSlideTemplateSlide; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.clearAllLocalViewerData; }
+  get: function () { return chunkY2KIB3QH_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.clearStoredViewerPrefs; }
+  get: function () { return chunkY2KIB3QH_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.defaultCssVars; }
+  get: function () { return chunkY2KIB3QH_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.defaultRadius; }
+  get: function () { return chunkY2KIB3QH_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.defaultThemeColors; }
+  get: function () { return chunkY2KIB3QH_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkY2KIB3QH_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.readStoredViewerPrefs; }
+  get: function () { return chunkY2KIB3QH_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.resolveProfileInitial; }
+  get: function () { return chunkY2KIB3QH_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkY2KIB3QH_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.saveViewerProfile; }
+  get: function () { return chunkY2KIB3QH_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.themeToCssVars; }
+  get: function () { return chunkY2KIB3QH_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.vermilionDarkColors; }
+  get: function () { return chunkY2KIB3QH_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.vermilionDarkTheme; }
+  get: function () { return chunkY2KIB3QH_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.vermilionLightColors; }
+  get: function () { return chunkY2KIB3QH_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.vermilionLightTheme; }
+  get: function () { return chunkY2KIB3QH_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.vermilionRadius; }
+  get: function () { return chunkY2KIB3QH_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkSADF35N7_js.writeStoredViewerPrefs; }
+  get: function () { return chunkY2KIB3QH_js.writeStoredViewerPrefs; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-EPYWIXP7.mjs';
-import './chunk-4OWZJUAI.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-NAMV6PRF.mjs';
-export { getAnimationInitialStyle } from './chunk-ACCX43JJ.mjs';
+export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-G3VAE7ZF.mjs';
+import './chunk-EL2YF26P.mjs';
+export { renderToCanvas, useViewerBuildingBlocks } from './chunk-J7EFC3GS.mjs';
+export { getAnimationInitialStyle } from './chunk-VHME5BE6.mjs';
 export { LOCALE_CATALOG } from './chunk-5IUEPQTK.mjs';
-export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, SLIDE_TEMPLATES, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-SKQCLCBF.mjs';
+export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, SLIDE_TEMPLATES, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-YWKUIUQX.mjs';
 import './chunk-XGB3TDIC.mjs';