pptx-react-viewer 2.6.2 → 2.6.4

package/dist/{chunk-LJPRMPNA.mjs → chunk-PQDHPMQG.mjs}

@@ -1,8 +1,8 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-Y4TIW2MM.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-MQYNBEOY.mjs';
-import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-UV5R7IQY.mjs';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-HHUBO5OD.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-MVXW7BHH.mjs';
+import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-A3WQ6JDW.mjs';
 import { LOCALE_CATALOG, translationsEn } from './chunk-Z6HIZWIQ.mjs';
-import { RULER_THICKNESS, RULER_FONT_SIZE, hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, SWITCHABLE_LAYOUT_TYPES, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, isInkElement, getElementLabel, buildPreviewElements, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getLinkedTextBoxSegments, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, themeColorSchemesEqual, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, getShapeAdjustmentHandleDescriptor, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, addSmartArtNodeAsChild, removeSmartArtNode, DUOTONE_PRESETS, ARTISTIC_EFFECTS, elementActionToPptxAction, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-Y6H2RSLB.mjs';
+import { RULER_THICKNESS, RULER_FONT_SIZE, hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, SWITCHABLE_LAYOUT_TYPES, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, isInkElement, getElementLabel, buildPreviewElements, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getLinkedTextBoxSegments, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, themeColorSchemesEqual, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, getShapeAdjustmentHandleDescriptor, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, addSmartArtNodeAsChild, removeSmartArtNode, DUOTONE_PRESETS, ARTISTIC_EFFECTS, elementActionToPptxAction, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-GMW7VRFD.mjs';
 import React32, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
@@ -1337,7 +1337,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.6.1" ;
+  const version = "2.6.3" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -8341,7 +8341,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React32.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-UEU7L4QY.mjs');
+      return await import('./Model3DScene-LPA4HGFY.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -11153,7 +11153,8 @@ function StaticElementRendererImpl({
   tableStyleContext,
   parentGroupFill,
   onActionClick,
-  actionRequiresModifier = false
+  actionRequiresModifier = false,
+  animation
 }) {
   const style = hasShapeProperties(element) ? element.shapeStyle : void 0;
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
@@ -11210,7 +11211,8 @@ function StaticElementRendererImpl({
         transform: positioned ? getElementTransform(element) : void 0,
         transformOrigin: "center",
         zIndex,
-        ...visualStyle
+        ...visualStyle,
+        animation
       },
       children: [
         /* @__PURE__ */ jsx(ShapeEffectOverlay, { element }),
@@ -27231,18 +27233,15 @@ function PresentationTransitionOverlay({
                 "div",
                 {
                   "data-pptx-morph-outgoing": element.id,
-                  style: {
-                    position: "absolute",
-                    inset: 0,
-                    animation: morphPlan.outgoingAnimations.get(element.id)
-                  },
+                  style: { position: "absolute", inset: 0 },
                   children: /* @__PURE__ */ jsx(
                     StaticElementRenderer,
                     {
                       element,
                       activeSlide: outgoingSlide,
                       allSlides: [outgoingSlide],
-                      zIndex: index
+                      zIndex: index,
+                      animation: morphPlan.outgoingAnimations.get(element.id)
                     }
                   )
                 },
@@ -31623,7 +31622,7 @@ ${url}`)) {
     )
   );
 }
-var AiChatPanel = lazy(() => import('./AiChatPanel-5IAXQYGH.mjs'));
+var AiChatPanel = lazy(() => import('./AiChatPanel-5JEL2M7L.mjs'));
 function AiChatPanelLazy(props) {
   return /* @__PURE__ */ jsx(
     Suspense,

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

@@ -98265,6 +98265,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;
@@ -98390,6 +98391,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);
@@ -98646,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);
@@ -98695,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};
 	}
 }`;
@@ -98723,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, "")}`;
@@ -98730,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 {
@@ -98751,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 {
@@ -101211,6 +101223,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 */
@@ -102418,7 +102431,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/index.js

@@ -1,46 +1,46 @@
 'use strict';
 
-var chunkTMU7Z3CU_js = require('./chunk-TMU7Z3CU.js');
-require('./chunk-IGYK3NK5.js');
-var chunkW27U3GQS_js = require('./chunk-W27U3GQS.js');
-var chunkXROVGBFQ_js = require('./chunk-XROVGBFQ.js');
+var chunkK26WJWSH_js = require('./chunk-K26WJWSH.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 chunkG7PJSVUS_js = require('./chunk-G7PJSVUS.js');
+var chunkZ2ZC5QTJ_js = require('./chunk-Z2ZC5QTJ.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkTMU7Z3CU_js.PowerPointViewer; }
+  get: function () { return chunkK26WJWSH_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunkTMU7Z3CU_js.SlideCanvas; }
+  get: function () { return chunkK26WJWSH_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunkTMU7Z3CU_js.Toolbar; }
+  get: function () { return chunkK26WJWSH_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunkTMU7Z3CU_js.ViewerThemeProvider; }
+  get: function () { return chunkK26WJWSH_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunkTMU7Z3CU_js.useViewerTheme; }
+  get: function () { return chunkK26WJWSH_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkW27U3GQS_js.renderToCanvas; }
+  get: function () { return chunkCZPAFVPN_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkW27U3GQS_js.useViewerBuildingBlocks; }
+  get: function () { return chunkCZPAFVPN_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkXROVGBFQ_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 chunkG7PJSVUS_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkZ2ZC5QTJ_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkZ2ZC5QTJ_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.THEME_CATALOG; }
+  get: function () { return chunkZ2ZC5QTJ_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkZ2ZC5QTJ_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.clearAllLocalViewerData; }
+  get: function () { return chunkZ2ZC5QTJ_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.clearStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.defaultCssVars; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.defaultRadius; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.defaultThemeColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkZ2ZC5QTJ_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.readStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.resolveProfileInitial; }
+  get: function () { return chunkZ2ZC5QTJ_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkZ2ZC5QTJ_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.saveViewerProfile; }
+  get: function () { return chunkZ2ZC5QTJ_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.themeToCssVars; }
+  get: function () { return chunkZ2ZC5QTJ_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.vermilionDarkColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.vermilionDarkTheme; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.vermilionLightColors; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.vermilionLightTheme; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.vermilionRadius; }
+  get: function () { return chunkZ2ZC5QTJ_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkG7PJSVUS_js.writeStoredViewerPrefs; }
+  get: function () { return chunkZ2ZC5QTJ_js.writeStoredViewerPrefs; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-LJPRMPNA.mjs';
-import './chunk-Y4TIW2MM.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-MQYNBEOY.mjs';
-export { getAnimationInitialStyle } from './chunk-UV5R7IQY.mjs';
+export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-PQDHPMQG.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-Y6H2RSLB.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';