pptx-react-viewer 2.9.0 → 2.11.0

package/dist/{chunk-2JDWFMIK.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",
@@ -2499,6 +2546,7 @@ var translationsEn = {
   "pptx.tableDataEditor.addRowLabel": "+ Row",
   "pptx.tableDataEditor.addRowTitle": "Add row below last",
   "pptx.tableDataEditor.ariaLabel": "Table data editor",
+  "pptx.tableDataEditor.cellAriaLabel": "Row {{row}}, column {{column}}",
   "pptx.tableDataEditor.removeColumnLabel": "- Col",
   "pptx.tableDataEditor.removeColumnN": "Remove column {{number}}",
   "pptx.tableDataEditor.removeColumnTitle": "Remove last column",

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

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-CD434OFE.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, parseMediaCommand, 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-L47Y62L6.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';
@@ -723,50 +723,11 @@ function registerMediaElement(elementId, el) {
     }
   };
 }
-function executeMediaCommand(command) {
-  const el = registry.get(command.targetId);
-  if (!el) {
-    return false;
-  }
-  const parsed = parseMediaCommand(command.command);
-  if (!parsed) {
-    return false;
-  }
-  const safePlay = () => {
-    void el.play().catch(() => {
-    });
-  };
-  const safeSeek = (seconds) => {
-    try {
-      el.currentTime = seconds;
-    } catch {
-    }
-  };
-  switch (parsed.verb) {
-    case "playFrom":
-      safeSeek(parsed.seekSeconds ?? 0);
-      safePlay();
-      return true;
-    case "play":
-      safePlay();
-      return true;
-    case "pause":
-      el.pause();
-      return true;
-    case "stop":
-      el.pause();
-      safeSeek(0);
-      return true;
-    case "togglePlay":
-      if (el.paused) {
-        safePlay();
-      } else {
-        el.pause();
-      }
-      return true;
-    default:
-      return false;
-  }
+function executeMediaCommand(command, frameRoot) {
+  return runMediaCommand(
+    command,
+    (targetId) => registry.get(targetId) ?? findMediaElementByElementId(targetId, frameRoot?.())
+  );
 }
 function PresentationMediaController({
   element,
@@ -6292,7 +6253,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-JGOQNHSU.mjs');
+      return await import('./SurfaceChart3DScene-5SZCRHZI.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8025,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;
@@ -8068,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-6OLS3EJW.mjs → chunk-UZVRM6LD.mjs}

@@ -1,4 +1,4 @@
-import { ThemePresets, PptxMarkdownConverter } from './chunk-L47Y62L6.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-YEM2VOAP.js → chunk-VNP627O5.js}

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

package/dist/i18n.js

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

package/dist/i18n.mjs

@@ -1,2 +1,2 @@
-export { LOCALE_CATALOG, keyToLabel, translationsEn } from './chunk-CD434OFE.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;
@@ -9525,6 +9538,10 @@ interface ToolbarProps {
   onOpenSettings?: () => void;
   onRunAccessibilityCheck: () => void;
   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;
@@ -9703,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. */
@@ -9794,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 chunk6UXRNLHD_js = require('./chunk-6UXRNLHD.js');
-require('./chunk-YEM2VOAP.js');
-var chunkD6SHCB4V_js = require('./chunk-D6SHCB4V.js');
-var chunk34BUZNKO_js = require('./chunk-34BUZNKO.js');
-var chunk2JDWFMIK_js = require('./chunk-2JDWFMIK.js');
-var chunkIKISUZKE_js = require('./chunk-IKISUZKE.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 chunk6UXRNLHD_js.PowerPointViewer; }
+  get: function () { return chunkE367QIKR_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunk6UXRNLHD_js.SlideCanvas; }
+  get: function () { return chunkE367QIKR_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunk6UXRNLHD_js.Toolbar; }
+  get: function () { return chunkE367QIKR_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunk6UXRNLHD_js.ViewerThemeProvider; }
+  get: function () { return chunkE367QIKR_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunk6UXRNLHD_js.useViewerTheme; }
+  get: function () { return chunkE367QIKR_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkD6SHCB4V_js.renderToCanvas; }
+  get: function () { return chunk4J7SPY64_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkD6SHCB4V_js.useViewerBuildingBlocks; }
+  get: function () { return chunk4J7SPY64_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunk34BUZNKO_js.getAnimationInitialStyle; }
+  get: function () { return chunkMM5RMRSP_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunk2JDWFMIK_js.LOCALE_CATALOG; }
+  get: function () { return chunkN6IHR6PS_js.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkHMQVOPQH_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkHMQVOPQH_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.THEME_CATALOG; }
+  get: function () { return chunkHMQVOPQH_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkHMQVOPQH_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.clearAllLocalViewerData; }
+  get: function () { return chunkHMQVOPQH_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.clearStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.defaultCssVars; }
+  get: function () { return chunkHMQVOPQH_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.defaultRadius; }
+  get: function () { return chunkHMQVOPQH_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.defaultThemeColors; }
+  get: function () { return chunkHMQVOPQH_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkHMQVOPQH_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.readStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.resolveProfileInitial; }
+  get: function () { return chunkHMQVOPQH_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkHMQVOPQH_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.saveViewerProfile; }
+  get: function () { return chunkHMQVOPQH_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.themeToCssVars; }
+  get: function () { return chunkHMQVOPQH_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.vermilionDarkColors; }
+  get: function () { return chunkHMQVOPQH_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.vermilionDarkTheme; }
+  get: function () { return chunkHMQVOPQH_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.vermilionLightColors; }
+  get: function () { return chunkHMQVOPQH_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.vermilionLightTheme; }
+  get: function () { return chunkHMQVOPQH_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.vermilionRadius; }
+  get: function () { return chunkHMQVOPQH_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkIKISUZKE_js.writeStoredViewerPrefs; }
+  get: function () { return chunkHMQVOPQH_js.writeStoredViewerPrefs; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-NQLVK23T.mjs';
-import './chunk-6OLS3EJW.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-4FO4JMTN.mjs';
-export { getAnimationInitialStyle } from './chunk-JPTO6P5K.mjs';
-export { LOCALE_CATALOG } from './chunk-CD434OFE.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-L47Y62L6.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;
@@ -9282,6 +9295,10 @@ interface ToolbarProps {
   onOpenSettings?: () => void;
   onRunAccessibilityCheck: () => void;
   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;
@@ -9460,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. */
@@ -10609,6 +10632,11 @@ interface ViewerUIState {
   setSidebarPanelMode: React.Dispatch<React.SetStateAction<string>>;
   showSlideSorter: boolean;
   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;