pptx-react-viewer 2.10.0 → 2.11.0

package/dist/{chunk-MMK4K3QI.js → chunk-N6IHR6PS.js}

@@ -1962,6 +1962,48 @@ var translationsEn = {
   "pptx.animation.sequence.byParagraph": "By Paragraph",
   "pptx.animation.sequence.byWord": "By Word",
   "pptx.animation.sequence.byLetter": "By Letter",
+  // Motion-path authoring: the gallery families/presets, the panel row, and
+  // the on-canvas path editor handles.
+  "pptx.animation.motionPath": "Motion Paths",
+  "pptx.animation.motionPath.family.lines": "Lines",
+  "pptx.animation.motionPath.family.arcs": "Arcs",
+  "pptx.animation.motionPath.family.turns": "Turns",
+  "pptx.animation.motionPath.family.shapes": "Shapes",
+  "pptx.animation.motionPath.family.loops": "Loops",
+  "pptx.animation.motionPath.preset.lineRight": "Right",
+  "pptx.animation.motionPath.preset.lineLeft": "Left",
+  "pptx.animation.motionPath.preset.lineDown": "Down",
+  "pptx.animation.motionPath.preset.lineUp": "Up",
+  "pptx.animation.motionPath.preset.lineDiagonalUpRight": "Diagonal Up Right",
+  "pptx.animation.motionPath.preset.lineDiagonalDownRight": "Diagonal Down Right",
+  "pptx.animation.motionPath.preset.lineDiagonalUpLeft": "Diagonal Up Left",
+  "pptx.animation.motionPath.preset.lineDiagonalDownLeft": "Diagonal Down Left",
+  "pptx.animation.motionPath.preset.arcUp": "Arc Up",
+  "pptx.animation.motionPath.preset.arcDown": "Arc Down",
+  "pptx.animation.motionPath.preset.arcRight": "Arc Right",
+  "pptx.animation.motionPath.preset.arcLeft": "Arc Left",
+  "pptx.animation.motionPath.preset.turnUp": "Turn Up",
+  "pptx.animation.motionPath.preset.turnDown": "Turn Down",
+  "pptx.animation.motionPath.preset.turnRight": "Turn Right",
+  "pptx.animation.motionPath.preset.turnLeft": "Turn Left",
+  "pptx.animation.motionPath.preset.sCurve": "S Curve",
+  "pptx.animation.motionPath.preset.zigzag": "Zigzag",
+  "pptx.animation.motionPath.preset.circle": "Circle",
+  "pptx.animation.motionPath.preset.square": "Square",
+  "pptx.animation.motionPath.preset.triangle": "Triangle",
+  "pptx.animation.motionPath.preset.diamond": "Diamond",
+  "pptx.animation.motionPath.preset.hexagon": "Hexagon",
+  "pptx.animation.motionPath.preset.loopDeLoop": "Loop de Loop",
+  "pptx.animation.motionPath.preset.figureEight": "Figure 8",
+  "pptx.animation.motionPath.preset.spiral": "Spiral",
+  "pptx.animation.motionPath.label": "Motion Path",
+  "pptx.animation.motionPath.custom": "Custom Path",
+  "pptx.animation.motionPath.none": "No motion path",
+  "pptx.animation.motionPath.remove": "Remove motion path",
+  "pptx.animation.motionPath.editHint": "Drag the end point on the slide to retarget the path",
+  "pptx.animation.motionPath.endHandle": "Motion path end point",
+  "pptx.animation.motionPath.overlay": "Motion path preview",
+  "pptx.animations.motionPathGalleryAria": "Motion Paths: Lines, Arcs, Turns, Shapes, and Loops",
   // --- 2026-07-03 missing-key sweep: keys used by Vue/Angular with no
   // existing dictionary entry (React has 0 such gaps and is the ground-
   // truth reference these were derived from). Appended flat rather than
@@ -2119,6 +2161,11 @@ var translationsEn = {
   "pptx.view.masterViews": "Master Views",
   "pptx.view.normal": "Normal",
   "pptx.view.presentationViews": "Presentation Views",
+  "pptx.view.outlineView": "Outline View",
+  "pptx.view.outlineViewTooltip": "Outline view: edit the deck as indented text",
+  "pptx.outline.titleLine": "Slide title",
+  "pptx.outline.bodyLine": "Outline line",
+  "pptx.outline.hint": "Tab and Shift+Tab change the level. Enter adds a line; on a title it adds a slide.",
   "pptx.view.readingView": "Reading View",
   "pptx.view.selection": "Selection",
   "pptx.view.slideMasterTooltip": "Edit slide masters and layouts",

package/dist/{chunk-FY2AFXKP.mjs → chunk-RJEY2KZH.mjs}

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-SL3XPERE.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, runMediaCommand, findMediaElementByElementId, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphStrutFontSize, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, resolveAutoFitFontScale, getSubstituteFontFamily, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, sanitizeGradientStops, getGradientTileFlipCss, getGradientTileRectCss, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-TJ55KUWH.mjs';
+import { translationsEn } from './chunk-53NXKDMZ.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, runMediaCommand, findMediaElementByElementId, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphStrutFontSize, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, resolveAutoFitFontScale, getSubstituteFontFamily, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, sanitizeGradientStops, getGradientTileFlipCss, getGradientTileRectCss, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-C2UWTH42.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -6253,7 +6253,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-GKRDDN2U.mjs');
+      return await import('./SurfaceChart3DScene-5SZCRHZI.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -7986,6 +7986,31 @@ function startPreviewAnimation(elementId, preset, options) {
   if (!descriptor) {
     return;
   }
+  playDescriptor(elementId, descriptor);
+}
+function startMotionPathPreview(elementId, path, options) {
+  stopPreviewAnimation();
+  const domEl = document.querySelector(`[data-element-id="${elementId}"]`);
+  if (!domEl) {
+    return;
+  }
+  const stage = domEl.offsetParent;
+  const descriptor = buildMotionPathPreview({
+    path,
+    slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
+    slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
+    durationMs: options?.durationMs,
+    delayMs: options?.delayMs,
+    timingCurve: options?.timingCurve
+  });
+  if (!descriptor) {
+    return;
+  }
+  playDescriptor(elementId, descriptor);
+}
+var DEFAULT_PREVIEW_SLIDE_WIDTH = 1280;
+var DEFAULT_PREVIEW_SLIDE_HEIGHT = 720;
+function playDescriptor(elementId, descriptor) {
   const domEl = document.querySelector(`[data-element-id="${elementId}"]`);
   if (!domEl) {
     return;
@@ -8029,4 +8054,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, SmartArtNodeText, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildSaveSlides, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, chevronPoints, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, colour, executeMediaCommand, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, layoutToCategory, nodeOpacity, partitionTemplateElements, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startPreviewAnimation, stopAllPersistentAudio, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, SmartArtNodeText, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildSaveSlides, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, chevronPoints, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, colour, executeMediaCommand, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, layoutToCategory, nodeOpacity, partitionTemplateElements, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startMotionPathPreview, startPreviewAnimation, stopAllPersistentAudio, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };

package/dist/{chunk-LXTKPSIG.mjs → chunk-UZVRM6LD.mjs}

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

package/dist/{chunk-SPJR6MPI.js → chunk-VNP627O5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkH74UXL4Q_js = require('./chunk-H74UXL4Q.js');
+var chunkHMQVOPQH_js = require('./chunk-HMQVOPQH.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 chunkH74UXL4Q_js.PptxMarkdownConverter(
+    const converter = new chunkHMQVOPQH_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(chunkH74UXL4Q_js.ThemePresets)
+    availablePresets: Object.keys(chunkHMQVOPQH_js.ThemePresets)
   };
 };
 var readExecutors = {

package/dist/i18n.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkMMK4K3QI_js = require('./chunk-MMK4K3QI.js');
+var chunkN6IHR6PS_js = require('./chunk-N6IHR6PS.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunkMMK4K3QI_js.LOCALE_CATALOG; }
+  get: function () { return chunkN6IHR6PS_js.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "keyToLabel", {
   enumerable: true,
-  get: function () { return chunkMMK4K3QI_js.keyToLabel; }
+  get: function () { return chunkN6IHR6PS_js.keyToLabel; }
 });
 Object.defineProperty(exports, "translationsEn", {
   enumerable: true,
-  get: function () { return chunkMMK4K3QI_js.translationsEn; }
+  get: function () { return chunkN6IHR6PS_js.translationsEn; }
 });

package/dist/i18n.mjs

@@ -1,2 +1,2 @@
-export { LOCALE_CATALOG, keyToLabel, translationsEn } from './chunk-SL3XPERE.mjs';
+export { LOCALE_CATALOG, keyToLabel, translationsEn } from './chunk-53NXKDMZ.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/index.d.ts

@@ -8621,6 +8621,15 @@ interface ElementAnimationState {
    */
   animatesStroke?: boolean;
 }
+//#endregion
+//#region src/render/motion-path-authoring.d.ts
+/**
+ * The bucket a ribbon gallery click targets. Widens the three preset buckets
+ * with `motionPath` so a binding's single "apply animation" callback can carry
+ * a motion-path preset id too, instead of every binding growing a second
+ * callback threaded through the same six components.
+ */
+type AnimationApplyGroup = 'entrance' | 'emphasis' | 'exit' | 'motionPath';
 /** The unit system used for ruler display. */
 type RulerUnit = 'inches' | 'centimetres';
 //#endregion
@@ -9442,8 +9451,12 @@ interface ToolbarProps {
   onToggleInspector: () => void;
   /** Opens the inspector pane and switches to the properties tab (for animation panel). */
   onOpenAnimationPanel: () => void;
-  /** Adds an animation preset to the selected element. */
-  onAddAnimation?: (preset: string, group: 'entrance' | 'emphasis' | 'exit') => void;
+  /**
+   * Adds an animation to the selected element. For the three preset buckets
+   * `preset` is a `PptxAnimationPreset`; for `motionPath` it is a motion-path
+   * catalogue id.
+   */
+  onAddAnimation?: (preset: string, group: AnimationApplyGroup) => void;
   /** Removes all animations from the selected element. */
   onRemoveAnimation?: () => void;
   onToggleCompactToolbar: () => void;
@@ -9527,6 +9540,8 @@ interface ToolbarProps {
   onToggleSlideSorter: () => void;
   /** Enter PowerPoint's Reading View (full window, not the fullscreen show). */
   onOpenReadingView: () => void;
+  /** Enter PowerPoint's Outline view: the deck as editable indented text. */
+  onOpenOutlineView: () => void;
   onUpdateTextStyle: (updates: Partial<TextStyle>) => void;
   /** Rewrite the selected text's characters (PowerPoint's Aa "Change Case" dropdown). */
   onTransformTextCase: (mode: ChangeCaseMode) => void;
@@ -9705,6 +9720,12 @@ interface SlideCanvasProps {
   onMoveGuide?: (guideId: string, position: number) => void;
   onDeleteGuide?: (guideId: string) => void;
   onCreateGuideFromRuler?: (axis: 'h' | 'v', positionPx: number) => void;
+  /**
+   * Commits the slide's animation list after an on-canvas motion-path edit
+   * (dragging the path's end handle). Absent means the path is drawn but
+   * read-only.
+   */
+  onUpdateSlideAnimations?: (animations: PptxElementAnimation[]) => void;
   /** When true, shows connection sites on shapes and enables connector drawing. */
   connectorCreationMode?: boolean;
   /** Called when a new connector is created between two shapes. */
@@ -9796,7 +9817,7 @@ declare function useViewerBuildingBlocks(input: UseViewerBuildingBlocksInput): V
 declare function Toolbar(p: ToolbarProps): React$1__default.ReactElement;
 //#endregion
 //#region src/viewer/components/SlideCanvas.d.ts
-declare function SlideCanvas({ activeSlide, templateElements, canvasSize, zoom, mode, canEdit, editTemplateMode, selectedElementIdSet, selectedElement, inlineEditingElementId, inlineEditingText, spellCheckEnabled, mediaDataUrls, tableEditorState, marqueeSelectionState, snapLines, showGrid, gridSpacingPx, showRulers, rulerUnit, guides, presentationElementStates, presentationKeyframesCss, onClick, onDoubleClick, onMouseDown, onContextMenu, onCanvasMouseDown, onResizePointerDown, onAdjustmentPointerDown, onRotate, onInlineEditChange, onInlineEditCommit, onInlineEditCancel, onTableCellSelect, onCommitCellEdit, onUpdateSmartArtElement, onFormatText, onResizeTableColumns, onResizeTableRow, findResults, findResultIndex, activeSlideIndex, activeTool, drawingColor, drawingWidth, isDrawingRef, onAddInkElement, onAddFreeformShape, onEraseInkElement, onActionClick, onHyperlinkClick, comments, showCommentMarkers, onCommentMarkerClick, onMoveGuide, onDeleteGuide, onCreateGuideFromRuler, connectorCreationMode, onCreateConnector, allSlides, onZoomClick, sourceSlideIndex, fieldContext, tableStyleContext, collaborationOverlay, aiActive }: SlideCanvasProps): React$1.JSX.Element;
+declare function SlideCanvas({ activeSlide, templateElements, canvasSize, zoom, mode, canEdit, editTemplateMode, selectedElementIdSet, selectedElement, inlineEditingElementId, inlineEditingText, spellCheckEnabled, mediaDataUrls, tableEditorState, marqueeSelectionState, snapLines, showGrid, gridSpacingPx, showRulers, rulerUnit, guides, presentationElementStates, presentationKeyframesCss, onClick, onDoubleClick, onMouseDown, onContextMenu, onCanvasMouseDown, onResizePointerDown, onAdjustmentPointerDown, onRotate, onInlineEditChange, onInlineEditCommit, onInlineEditCancel, onTableCellSelect, onCommitCellEdit, onUpdateSmartArtElement, onFormatText, onResizeTableColumns, onResizeTableRow, findResults, findResultIndex, activeSlideIndex, activeTool, drawingColor, drawingWidth, isDrawingRef, onAddInkElement, onAddFreeformShape, onEraseInkElement, onActionClick, onHyperlinkClick, comments, showCommentMarkers, onCommentMarkerClick, onMoveGuide, onDeleteGuide, onCreateGuideFromRuler, connectorCreationMode, onCreateConnector, onUpdateSlideAnimations, allSlides, onZoomClick, sourceSlideIndex, fieldContext, tableStyleContext, collaborationOverlay, aiActive }: SlideCanvasProps): React$1.JSX.Element;
 //#endregion
 //#region src/lib/canvas-export.d.ts
 /**

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/viewer/components/Toolbar.tsx","../src/viewer/components/SlideCanvas.tsx","../src/lib/canvas-export.ts"],"mappings":";;;;;;;;iBA4BgB,QAAQ,GAAG,eAAe,MAAM;;;iBCRhC,cACf,aACA,kBACA,YACA,MACA,MACA,SACA,kBACA,sBACA,iBACA,wBACA,mBACA,mBACA,eACA,kBACA,uBACA,WACA,UACA,eACA,YACA,WACA,QACA,2BACA,0BACA,SACA,eACA,aACA,eACA,mBACA,qBACA,yBACA,UACA,oBACA,oBACA,oBACA,mBACA,kBACA,yBACA,cACA,sBACA,kBACA,aACA,iBACA,kBACA,YACA,cACA,cACA,cACA,iBACA,oBACA,mBACA,eACA,kBACA,UACA,oBACA,sBACA,aACA,eACA,wBACA,uBACA,mBACA,WACA,aACA,kBACA,cACA,mBACA,sBACA,YACE,mCAAgB,IAAA;;;;;;;;;;;;;;;;;;;iBCrDG,eACrB,SAAS,aACT,UAAS,QAAQ,WACf,QAAQ"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/viewer/components/Toolbar.tsx","../src/viewer/components/SlideCanvas.tsx","../src/lib/canvas-export.ts"],"mappings":";;;;;;;;iBA4BgB,QAAQ,GAAG,eAAe,MAAM;;;iBCJhC,cACf,aACA,kBACA,YACA,MACA,MACA,SACA,kBACA,sBACA,iBACA,wBACA,mBACA,mBACA,eACA,kBACA,uBACA,WACA,UACA,eACA,YACA,WACA,QACA,2BACA,0BACA,SACA,eACA,aACA,eACA,mBACA,qBACA,yBACA,UACA,oBACA,oBACA,oBACA,mBACA,kBACA,yBACA,cACA,sBACA,kBACA,aACA,iBACA,kBACA,YACA,cACA,cACA,cACA,iBACA,oBACA,mBACA,eACA,kBACA,UACA,oBACA,sBACA,aACA,eACA,wBACA,uBACA,mBACA,yBACA,WACA,aACA,kBACA,cACA,mBACA,sBACA,YACE,mCAAgB,IAAA;;;;;;;;;;;;;;;;;;;iBC1DG,eACrB,SAAS,aACT,UAAS,QAAQ,WACf,QAAQ"}

package/dist/index.js

@@ -1,132 +1,132 @@
 'use strict';
 
-var chunkJWMXOYSX_js = require('./chunk-JWMXOYSX.js');
-require('./chunk-SPJR6MPI.js');
-var chunkA7HLINZU_js = require('./chunk-A7HLINZU.js');
-var chunkIJVDNQLG_js = require('./chunk-IJVDNQLG.js');
-var chunkMMK4K3QI_js = require('./chunk-MMK4K3QI.js');
-var chunkH74UXL4Q_js = require('./chunk-H74UXL4Q.js');
+var chunkE367QIKR_js = require('./chunk-E367QIKR.js');
+require('./chunk-VNP627O5.js');
+var chunk4J7SPY64_js = require('./chunk-4J7SPY64.js');
+var chunkMM5RMRSP_js = require('./chunk-MM5RMRSP.js');
+var chunkN6IHR6PS_js = require('./chunk-N6IHR6PS.js');
+var chunkHMQVOPQH_js = require('./chunk-HMQVOPQH.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkJWMXOYSX_js.PowerPointViewer; }
+  get: function () { return chunkE367QIKR_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunkJWMXOYSX_js.SlideCanvas; }
+  get: function () { return chunkE367QIKR_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunkJWMXOYSX_js.Toolbar; }
+  get: function () { return chunkE367QIKR_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunkJWMXOYSX_js.ViewerThemeProvider; }
+  get: function () { return chunkE367QIKR_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunkJWMXOYSX_js.useViewerTheme; }
+  get: function () { return chunkE367QIKR_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkA7HLINZU_js.renderToCanvas; }
+  get: function () { return chunk4J7SPY64_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkA7HLINZU_js.useViewerBuildingBlocks; }
+  get: function () { return chunk4J7SPY64_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkIJVDNQLG_js.getAnimationInitialStyle; }
+  get: function () { return chunkMM5RMRSP_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunkMMK4K3QI_js.LOCALE_CATALOG; }
+  get: function () { return chunkN6IHR6PS_js.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkHMQVOPQH_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkHMQVOPQH_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.THEME_CATALOG; }
+  get: function () { return chunkHMQVOPQH_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkHMQVOPQH_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.clearAllLocalViewerData; }
+  get: function () { return chunkHMQVOPQH_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.clearStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.defaultCssVars; }
+  get: function () { return chunkHMQVOPQH_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.defaultRadius; }
+  get: function () { return chunkHMQVOPQH_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.defaultThemeColors; }
+  get: function () { return chunkHMQVOPQH_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkHMQVOPQH_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.readStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.resolveProfileInitial; }
+  get: function () { return chunkHMQVOPQH_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkHMQVOPQH_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.saveViewerProfile; }
+  get: function () { return chunkHMQVOPQH_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.themeToCssVars; }
+  get: function () { return chunkHMQVOPQH_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.vermilionDarkColors; }
+  get: function () { return chunkHMQVOPQH_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.vermilionDarkTheme; }
+  get: function () { return chunkHMQVOPQH_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.vermilionLightColors; }
+  get: function () { return chunkHMQVOPQH_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.vermilionLightTheme; }
+  get: function () { return chunkHMQVOPQH_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.vermilionRadius; }
+  get: function () { return chunkHMQVOPQH_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkH74UXL4Q_js.writeStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.writeStoredViewerPrefs; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-LCG7WBAG.mjs';
-import './chunk-LXTKPSIG.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-OHPF2HTP.mjs';
-export { getAnimationInitialStyle } from './chunk-FY2AFXKP.mjs';
-export { LOCALE_CATALOG } from './chunk-SL3XPERE.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-TJ55KUWH.mjs';
+export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-L2CM5EUD.mjs';
+import './chunk-UZVRM6LD.mjs';
+export { renderToCanvas, useViewerBuildingBlocks } from './chunk-HK2UERUX.mjs';
+export { getAnimationInitialStyle } from './chunk-RJEY2KZH.mjs';
+export { LOCALE_CATALOG } from './chunk-53NXKDMZ.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-C2UWTH42.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/internals.d.ts

@@ -8465,6 +8465,15 @@ interface ElementAnimationState {
    */
   animatesStroke?: boolean;
 }
+//#endregion
+//#region src/render/motion-path-authoring.d.ts
+/**
+ * The bucket a ribbon gallery click targets. Widens the three preset buckets
+ * with `motionPath` so a binding's single "apply animation" callback can carry
+ * a motion-path preset id too, instead of every binding growing a second
+ * callback threaded through the same six components.
+ */
+type AnimationApplyGroup = 'entrance' | 'emphasis' | 'exit' | 'motionPath';
 /** The unit system used for ruler display. */
 type RulerUnit = 'inches' | 'centimetres';
 //#endregion
@@ -9199,8 +9208,12 @@ interface ToolbarProps {
   onToggleInspector: () => void;
   /** Opens the inspector pane and switches to the properties tab (for animation panel). */
   onOpenAnimationPanel: () => void;
-  /** Adds an animation preset to the selected element. */
-  onAddAnimation?: (preset: string, group: 'entrance' | 'emphasis' | 'exit') => void;
+  /**
+   * Adds an animation to the selected element. For the three preset buckets
+   * `preset` is a `PptxAnimationPreset`; for `motionPath` it is a motion-path
+   * catalogue id.
+   */
+  onAddAnimation?: (preset: string, group: AnimationApplyGroup) => void;
   /** Removes all animations from the selected element. */
   onRemoveAnimation?: () => void;
   onToggleCompactToolbar: () => void;
@@ -9284,6 +9297,8 @@ interface ToolbarProps {
   onToggleSlideSorter: () => void;
   /** Enter PowerPoint's Reading View (full window, not the fullscreen show). */
   onOpenReadingView: () => void;
+  /** Enter PowerPoint's Outline view: the deck as editable indented text. */
+  onOpenOutlineView: () => void;
   onUpdateTextStyle: (updates: Partial<TextStyle>) => void;
   /** Rewrite the selected text's characters (PowerPoint's Aa "Change Case" dropdown). */
   onTransformTextCase: (mode: ChangeCaseMode) => void;
@@ -9462,6 +9477,12 @@ interface SlideCanvasProps {
   onMoveGuide?: (guideId: string, position: number) => void;
   onDeleteGuide?: (guideId: string) => void;
   onCreateGuideFromRuler?: (axis: 'h' | 'v', positionPx: number) => void;
+  /**
+   * Commits the slide's animation list after an on-canvas motion-path edit
+   * (dragging the path's end handle). Absent means the path is drawn but
+   * read-only.
+   */
+  onUpdateSlideAnimations?: (animations: PptxElementAnimation[]) => void;
   /** When true, shows connection sites on shapes and enables connector drawing. */
   connectorCreationMode?: boolean;
   /** Called when a new connector is created between two shapes. */
@@ -10613,6 +10634,9 @@ interface ViewerUIState {
   setShowSlideSorter: React.Dispatch<React.SetStateAction<boolean>>;
   showReadingView: boolean;
   setShowReadingView: React.Dispatch<React.SetStateAction<boolean>>;
+  /** PowerPoint's Outline view: the deck as editable indented text. */
+  showOutlineView: boolean;
+  setShowOutlineView: React.Dispatch<React.SetStateAction<boolean>>;
   isShortcutHelpOpen: boolean;
   setIsShortcutHelpOpen: React.Dispatch<React.SetStateAction<boolean>>;
   isAccessibilityPanelOpen: boolean;