pptx-angular-viewer 2.10.0 → 2.11.0

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-C20L99Zu.mjs → pptx-angular-viewer-pptx-angular-viewer-DS2J9zVf.mjs}

@@ -2,12 +2,12 @@ import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, output, computed, ChangeDetectionStrategy, Component, signal, Injectable, inject, DestroyRef, Injector, effect, viewChild, ElementRef, HostListener, afterNextRender, Renderer2, ViewEncapsulation, forwardRef, untracked } from '@angular/core';
 import { TranslatePipe, TranslateService, translate } from '@ngx-translate/core';
-import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, getLinkedTextBoxSegments, deriveSlideTitle, getSubstituteFontFamily, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, PptxHandler, deobfuscateFont, detectFontFormat, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS, getAnimationPresetInfo } from 'pptx-viewer-core';
+import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, getLinkedTextBoxSegments, deriveSlideTitle, getSubstituteFontFamily, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, PptxHandler, deobfuscateFont, detectFontFormat, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS, getAnimationPresetInfo } from 'pptx-viewer-core';
 import DOMPurify from 'dompurify';
 import { z } from 'zod';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';
-import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideLayers, LucideMessageSquare, LucidePlus, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucidePenTool, LucideHighlighter, LucideEraser, LucideMousePointer2, LucideChevronLeft, LucideStar, LucidePlay, LucideMoveRight, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePanelRight, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucidePrinter, LucideSave, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideRotateCcw, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideMonitor, LucideColumns2, LucideCheck, LucideFileDown, LucideSearch, LucideZoomIn, LucideZoomOut, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideLayoutTemplate, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
+import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideLayers, LucideMessageSquare, LucidePlus, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucidePenTool, LucideHighlighter, LucideEraser, LucideMousePointer2, LucideChevronLeft, LucideStar, LucideMoveRight, LucidePlay, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePanelRight, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucidePrinter, LucideSave, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideRotateCcw, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideMonitor, LucideColumns2, LucideCheck, LucideFileDown, LucideSearch, LucideZoomIn, LucideZoomOut, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideLayoutTemplate, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
 import { XMLParser } from 'fast-xml-parser';
 import JSZip from 'jszip';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -7284,6 +7284,30 @@ function resolveDataPointExplosion(series, pointIndex) {
     const point = findDataPoint(series, pointIndex);
     return point?.explosion ?? series.explosion ?? 0;
 }
+/**
+ * Resolve the marker actually drawn for one data point.
+ *
+ * OOXML lets a `c:dPt` carry its own `c:marker`, which overrides the series
+ * `c:ser/c:marker` for that point alone: the classic use is highlighting a
+ * single outlier with a bigger star while the rest of the line keeps its small
+ * circles. Every field falls back independently, matching PowerPoint: a point
+ * marker that sets only `c:symbol` keeps the series size and fill.
+ *
+ * This exists because the per-point marker was a write-only feature. The core
+ * parser read `c:dPt/c:marker`, the save writer round-tripped it, and three
+ * bindings shipped an inspector control for it, but the renderer only ever
+ * looked at `series.marker`, so editing a point marker changed the file and
+ * left the canvas untouched. Resolving it here fixes every binding at once,
+ * since they all paint the same shared view model.
+ */
+function resolveDataPointMarker(series, pointIndex) {
+    const point = findDataPoint(series, pointIndex)?.marker;
+    return {
+        symbol: point?.symbol ?? series.marker?.symbol,
+        size: point?.size ?? series.marker?.size,
+        fill: point?.spPr?.fillColor ?? series.marker?.spPr?.fillColor,
+    };
+}
 
 /**
  * chart-sparkline.ts — framework-agnostic inline mini-chart (sparkline) SVG
@@ -8619,14 +8643,22 @@ function buildMarkerPrimitive(input) {
 /**
  * Build the marker for a data point (honouring `marker.symbol`/`size`) and push
  * it, unless the symbol is `none`. Shared by the line / area / scatter builders.
+ *
+ * `pointIndex` is the SOURCE index (the `c:idx` a `c:dPt` is keyed by), not the
+ * display position, because a chart with hidden/filtered categories renders
+ * fewer points than the series declares and the override must still land on the
+ * point the author picked.
  */
-function pushMarker(out, series, cx, cy, fill, defaultRadius, part, opacity) {
+function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius, part, opacity) {
+    const marker = resolveDataPointMarker(series, pointIndex);
     const m = buildMarkerPrimitive({
-        symbol: series.marker?.symbol,
-        size: series.marker?.size,
+        symbol: marker.symbol,
+        size: marker.size,
         cx,
         cy,
-        fill,
+        // A marker fill (series or per-point) wins over the plot fill, which is
+        // what the line/area body is drawn with.
+        fill: marker.fill ?? fill,
         defaultRadius,
         part,
     });
@@ -8703,7 +8735,7 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
             }
             const idx = sourceIndices[displayIndex] ?? displayIndex;
             const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
-            pushMarker(primitives, series, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2.5, part);
+            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2.5, part);
         });
         if (showLabels) {
             displayValues.forEach((val, displayIndex) => {
@@ -8767,7 +8799,7 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices, xPosition
         pts.forEach((pt, displayIndex) => {
             const idx = sourceIndices[displayIndex] ?? displayIndex;
             const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
-            pushMarker(primitives, series, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2, part);
+            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2, part);
         });
         if (showLabels) {
             displayValues.forEach((val, displayIndex) => {
@@ -8803,7 +8835,7 @@ function buildScatter(chartData, layout, range) {
         const dots = computeScatterDots(series.values, maxXIndex, layout, range, xValues);
         dots.forEach((dot, vi) => {
             const part = { role: 'dataPoint', seriesIndex: si, pointIndex: vi };
-            pushMarker(primitives, series, dot.cx, dot.cy, resolveDataPointFill(series, vi, c) ?? c, 4, part, 0.85);
+            pushMarker(primitives, series, vi, dot.cx, dot.cy, resolveDataPointFill(series, vi, c) ?? c, 4, part, 0.85);
         });
         if (showLabels) {
             series.values.forEach((val, vi) => {
@@ -14591,7 +14623,7 @@ const DIRECTIONAL_PRESETS = new Set([
 // Defaults for a freshly-created animation entry
 // ==========================================================================
 const DEFAULT_DURATION_MS$1 = 500;
-const DEFAULT_TRIGGER = 'onClick';
+const DEFAULT_TRIGGER$1 = 'onClick';
 // ==========================================================================
 // Readers
 // ==========================================================================
@@ -14604,11 +14636,15 @@ function animationFor(slideAnimations, elementId) {
 }
 /**
  * Returns `true` when the element has at least one active effect (entrance,
- * exit, or emphasis) in the slide's animation list.
+ * exit, emphasis, or a motion path) in the slide's animation list.
+ *
+ * The motion path counts because it is driven by the same entry's timing
+ * fields: without it, a motion-path-only element would hide its own
+ * duration / delay / trigger controls.
  */
 function hasAnimation(slideAnimations, elementId) {
     const entry = animationFor(slideAnimations, elementId);
-    return Boolean(entry && (entry.entrance || entry.exit || entry.emphasis));
+    return Boolean(entry && (entry.entrance || entry.exit || entry.emphasis || entry.motionPath));
 }
 /**
  * Returns `true` when the active animation entry has a preset that supports
@@ -14644,7 +14680,7 @@ function upsert(anims, elementId, updater) {
         elementId,
         durationMs: DEFAULT_DURATION_MS$1,
         order: anims.length,
-        trigger: DEFAULT_TRIGGER,
+        trigger: DEFAULT_TRIGGER$1,
     };
     const updated = updater(created);
     if (updated === null) {
@@ -14656,7 +14692,9 @@ function setEffect(anims, elementId, group, preset) {
     const value = preset === 'none' ? undefined : preset;
     return upsert(anims, elementId, (cur) => {
         const next = { ...cur, [group]: value };
-        if (!next.entrance && !next.exit && !next.emphasis) {
+        // A motion path keeps the entry alive: clearing the entrance preset must
+        // not silently delete the path the user drew on the canvas.
+        if (!next.entrance && !next.exit && !next.emphasis && !next.motionPath) {
             return null;
         }
         return next;
@@ -14785,7 +14823,7 @@ function applyAnimationPreset(animations, elementId, group, preset) {
             [group]: preset,
             durationMs: DEFAULT_DURATION_MS$1,
             order: animations.length,
-            trigger: DEFAULT_TRIGGER,
+            trigger: DEFAULT_TRIGGER$1,
         },
     ];
 }
@@ -16026,6 +16064,23 @@ function applyFlyDirection(effect, subtype) {
 // ==========================================================================
 // Dynamic keyframe generation (motion path / rotation / scale / colour)
 // ==========================================================================
+/**
+ * Express one motion-path coordinate as a CSS length measured against the SLIDE.
+ *
+ * OOXML motion-path numbers are fractions of the slide, but a CSS
+ * `translate(%)` resolves against the ELEMENT's own box, so every parsed path
+ * used to under-travel by the ratio between the two (a small shape barely
+ * moved). The offset is therefore emitted as `calc(var(--pptx-slide-w) * f)`;
+ * a binding sets those custom properties on its slide stage, and the fallback
+ * is the default canvas size so an unset stage still travels a sane distance.
+ *
+ * @param percent - Sampled coordinate in percent-of-slide units (path * 100).
+ * @param axis - `w` for the horizontal offset, `h` for the vertical one.
+ */
+function slideOffset(percent, axis) {
+    const fallback = axis === 'w' ? '1280px' : '720px';
+    return `calc(var(--pptx-slide-${axis}, ${fallback}) * ${(percent / 100).toFixed(4)})`;
+}
 /**
  * Build a dynamic CSS `@keyframes` block for motion path, rotation, scale, or
  * colour animations that don't map to a static effect preset. Uses the
@@ -16043,7 +16098,7 @@ function buildDynamicKeyframes(anim, uid) {
         const kfLines = [];
         for (let i = 0; i < points.length; i++) {
             const pct = Math.round((i / (points.length - 1)) * 100);
-            kfLines.push(`\t${pct}% { transform: translate(${points[i].x.toFixed(2)}%, ${points[i].y.toFixed(2)}%); }`);
+            kfLines.push(`\t${pct}% { transform: translate(${slideOffset(points[i].x, 'w')}, ${slideOffset(points[i].y, 'h')}); }`);
         }
         return {
             keyframeName: name,
@@ -16102,8 +16157,8 @@ function buildDynamicKeyframe(anim, uid) {
         const lines = [];
         for (let i = 0; i < points.length; i++) {
             const pct = Math.round((i / (points.length - 1)) * 100);
-            const tx = points[i].x.toFixed(2);
-            const ty = points[i].y.toFixed(2);
+            const tx = slideOffset(points[i].x, 'w');
+            const ty = slideOffset(points[i].y, 'h');
             if (anim.motionPathRotateAuto) {
                 // Compute the tangent angle at this point using the direction
                 // to the next point (or from the previous point for the last one).
@@ -16112,10 +16167,10 @@ function buildDynamicKeyframe(anim, uid) {
                 const dx = i < points.length - 1 ? next.x - points[i].x : points[i].x - prev.x;
                 const dy = i < points.length - 1 ? next.y - points[i].y : points[i].y - prev.y;
                 const angleDeg = Math.atan2(dy, dx) * (180 / Math.PI);
-                lines.push(`\t${pct}% { transform: translate(${tx}%, ${ty}%) rotate(${angleDeg.toFixed(2)}deg); }`);
+                lines.push(`\t${pct}% { transform: translate(${tx}, ${ty}) rotate(${angleDeg.toFixed(2)}deg); }`);
             }
             else {
-                lines.push(`\t${pct}% { transform: translate(${tx}%, ${ty}%); }`);
+                lines.push(`\t${pct}% { transform: translate(${tx}, ${ty}); }`);
             }
         }
         return {
@@ -17877,6 +17932,662 @@ class TimelineEngine {
     }
 }
 
+/**
+ * `animation-preview` — pure preview-descriptor construction for the editor's
+ * animation panel: map an editor preset (+ direction / timing) to a CSS
+ * keyframe name, definition and shorthand. The DOM player that injects the
+ * `<style>` and toggles the element animation stays in each binding.
+ *
+ * @module render/animation-preview
+ */
+// ==========================================================================
+// Preview keyframes generation
+// ==========================================================================
+/** Map editor-level animation presets to the internal effect names used by
+ *  the keyframe definition table. */
+const PRESET_TO_EFFECT = {
+    fadeIn: 'fadeIn',
+    flyIn: 'flyInBottom',
+    zoomIn: 'zoomIn',
+    fadeOut: 'fadeOut',
+    flyOut: 'flyOutBottom',
+    zoomOut: 'zoomOut',
+    spin: 'spin',
+    pulse: 'pulse',
+    colorWave: 'colorWave',
+    bounce: 'bounce',
+    flash: 'flash',
+};
+/** Direction-aware fly-in/out effect name overrides. */
+const DIRECTION_FLY_MAP = {
+    fromLeft: { flyIn: 'flyInLeft', flyOut: 'flyOutLeft' },
+    fromRight: { flyIn: 'flyInRight', flyOut: 'flyOutRight' },
+    fromTop: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
+    fromBottom: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
+    fromTopLeft: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
+    fromTopRight: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
+    fromBottomLeft: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
+    fromBottomRight: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
+};
+/**
+ * Resolve the CSS @keyframes effect name for a given preset and direction.
+ */
+function resolvePreviewEffect(preset, direction) {
+    if ((preset === 'flyIn' || preset === 'flyOut') && direction) {
+        const dirMap = DIRECTION_FLY_MAP[direction];
+        if (dirMap) {
+            return preset === 'flyIn' ? dirMap.flyIn : dirMap.flyOut;
+        }
+    }
+    return PRESET_TO_EFFECT[preset];
+}
+/**
+ * Map a timing curve name to a CSS easing string.
+ * Supports the standard OOXML timing curves plus cubic-bezier extraction.
+ */
+function timingCurveToCss(curve, cubicBezierValues) {
+    if (cubicBezierValues) {
+        // Validate cubic-bezier format: "x1,y1,x2,y2"
+        const parts = cubicBezierValues.split(',').map((s) => s.trim());
+        if (parts.length === 4 && parts.every((p) => !Number.isNaN(Number(p)))) {
+            return `cubic-bezier(${parts.join(', ')})`;
+        }
+    }
+    switch (curve) {
+        case 'ease':
+            return 'ease';
+        case 'ease-in':
+            return 'ease-in';
+        case 'ease-out':
+            return 'ease-out';
+        case 'linear':
+            return 'linear';
+        default:
+            return 'ease';
+    }
+}
+/**
+ * Build a preview animation descriptor for a given preset.
+ *
+ * Returns `undefined` if the preset doesn't have a known effect.
+ */
+function buildPreviewAnimation(preset, options) {
+    if (preset === 'none') {
+        return undefined;
+    }
+    const effectName = resolvePreviewEffect(preset, options?.direction);
+    if (!effectName) {
+        return undefined;
+    }
+    const keyframeName = `pptx-${effectName}`;
+    const keyframesCss = getEffectKeyframes(effectName);
+    if (!keyframesCss) {
+        return undefined;
+    }
+    const duration = options?.durationMs ?? 600;
+    const easing = timingCurveToCss(options?.timingCurve, options?.cubicBezier);
+    return {
+        keyframeName,
+        keyframesCss,
+        cssAnimation: `${keyframeName} ${duration}ms ${easing} 0ms 1 normal both`,
+        durationMs: duration,
+    };
+}
+// ==========================================================================
+// Timing curve extraction from OOXML bezier values
+// ==========================================================================
+/**
+ * Parse OOXML timing curve bezier values from `a:cTn/a:timing/a:curve`.
+ *
+ * OOXML stores bezier control points as attributes:
+ * - `x1`, `y1` — first control point (0..100000 range)
+ * - `x2`, `y2` — second control point (0..100000 range)
+ *
+ * Returns a CSS `cubic-bezier()` string, or undefined if not parseable.
+ */
+function parseOoxmlBezierCurve(x1, y1, x2, y2) {
+    if (x1 === undefined || y1 === undefined || x2 === undefined || y2 === undefined) {
+        return undefined;
+    }
+    // OOXML values are in 0..100000 range, CSS cubic-bezier uses 0..1
+    const cx1 = Math.max(0, Math.min(1, x1 / 100000));
+    const cy1 = y1 / 100000; // y can exceed 0..1 range for overshoot
+    const cx2 = Math.max(0, Math.min(1, x2 / 100000));
+    const cy2 = y2 / 100000;
+    return `${cx1.toFixed(4)},${cy1.toFixed(4)},${cx2.toFixed(4)},${cy2.toFixed(4)}`;
+}
+
+/**
+ * `motion-path-geometry`: turn an OOXML motion path into the things the
+ * authoring UI needs - an SVG outline to draw over the canvas, the draggable
+ * start/end handles, an edited path string after a drag, and the `@keyframes`
+ * block that plays the motion.
+ *
+ * WHY this is separate from `animation-motion-path`: that module samples a path
+ * into waypoints for the native-timeline playback engine and expresses them as
+ * percentages of the element box. Authoring needs the *slide* space PowerPoint
+ * actually stores (`@path` numbers are fractions of the slide, measured from
+ * the element centre), plus the ability to write a modified path back out. Both
+ * share the sampler; only this module knows about pixels and editing.
+ *
+ * @module render/motion-path-geometry
+ */
+/** Commands this module can rewrite. Anything else makes a path read-only. */
+const EDITABLE = new Set(['M', 'L', 'C', 'Z', 'm', 'l', 'c', 'z']);
+/** Coordinate count per command letter. */
+const ARITY = { m: 2, l: 2, c: 6, z: 0 };
+/**
+ * Tokenise a path into segments. Returns `undefined` when the path contains a
+ * command this module cannot faithfully rewrite (arcs, quadratics, PowerPoint's
+ * trailing `E` marker), so callers can fall back to read-only behaviour instead
+ * of silently corrupting the geometry.
+ */
+function scanPath(path) {
+    const tokens = path.match(/[A-Za-z]|-?\d*\.?\d+(?:[eE][-+]?\d+)?/gu);
+    if (!tokens) {
+        return undefined;
+    }
+    const segments = [];
+    let i = 0;
+    let cmd = '';
+    while (i < tokens.length) {
+        if (/^[A-Za-z]$/u.test(tokens[i])) {
+            cmd = tokens[i];
+            i++;
+            if (!EDITABLE.has(cmd)) {
+                return undefined;
+            }
+            if (cmd === 'Z' || cmd === 'z') {
+                segments.push({ cmd, coords: [] });
+            }
+            continue;
+        }
+        const arity = ARITY[cmd.toLowerCase()];
+        if (!arity) {
+            return undefined;
+        }
+        const coords = [];
+        for (let n = 0; n < arity; n++) {
+            const value = Number(tokens[i++]);
+            if (!Number.isFinite(value)) {
+                return undefined;
+            }
+            coords.push(value);
+        }
+        segments.push({ cmd, coords });
+        // A repeated coordinate run after `M` is an implicit lineto, as in SVG.
+        if (cmd === 'M') {
+            cmd = 'L';
+        }
+        else if (cmd === 'm') {
+            cmd = 'l';
+        }
+    }
+    return segments.length > 0 ? segments : undefined;
+}
+/** Render segments back to a path string, trimming float noise. */
+function formatPath(segments) {
+    return segments
+        .map((segment) => segment.coords.length === 0
+        ? segment.cmd
+        : `${segment.cmd} ${segment.coords.map((n) => trimNumber(n)).join(' ')}`)
+        .join(' ');
+}
+/** Format a coordinate with at most 4 decimals and no trailing zeros. */
+function trimNumber(value) {
+    return String(Number(value.toFixed(4)));
+}
+/**
+ * Sample the path into points expressed as slide fractions relative to the
+ * element centre (the same space the path string uses).
+ */
+function motionPathFractionPoints(path) {
+    // `parseMotionPathPoints` returns percentages; authoring works in fractions.
+    return parseMotionPathPoints(path).map((point) => ({ x: point.x / 100, y: point.y / 100 }));
+}
+/** Convert a fraction-space point to slide pixels within `frame`. */
+function toPixels(point, frame) {
+    return {
+        x: frame.originX + point.x * frame.slideWidth,
+        y: frame.originY + point.y * frame.slideHeight,
+    };
+}
+/**
+ * Build an SVG `d` attribute (slide pixels) tracing the motion the element will
+ * make, so the canvas can draw the path where the shape will travel.
+ */
+function motionPathToSvgD(path, frame) {
+    const points = motionPathFractionPoints(path).map((point) => toPixels(point, frame));
+    if (points.length === 0) {
+        return '';
+    }
+    const head = `M ${trimNumber(frame.originX)} ${trimNumber(frame.originY)}`;
+    const rest = points.map((point) => `L ${trimNumber(point.x)} ${trimNumber(point.y)}`);
+    return [head, ...rest].join(' ');
+}
+/** The path's final waypoint in slide pixels (the draggable end handle). */
+function motionPathEndPixel(path, frame) {
+    const points = motionPathFractionPoints(path);
+    // Indexed rather than `.at(-1)`: Angular vendors this file and compiles it
+    // against an ES2021 lib, where `Array.prototype.at` does not exist.
+    const last = points.length > 0 ? points[points.length - 1] : undefined;
+    return last ? toPixels(last, frame) : { x: frame.originX, y: frame.originY };
+}
+/** The path's final waypoint in slide fractions. */
+function motionPathEndFraction(path) {
+    // Indexed rather than `.at(-1)`: see the note in {@link motionPathEndPixel}.
+    const points = motionPathFractionPoints(path);
+    return points.length > 0 ? points[points.length - 1] : { x: 0, y: 0 };
+}
+/**
+ * Move the path's end point to `(x, y)` (slide fractions), returning a new path
+ * string. The last drawn command's endpoint is rewritten; a bezier's control
+ * handles shift with it so the curve keeps its shape instead of kinking.
+ * Returns the input unchanged for closed or unparseable paths, which have no
+ * meaningful free end.
+ */
+function setMotionPathEnd(path, x, y) {
+    const segments = scanPath(path);
+    if (!segments) {
+        return path;
+    }
+    // Reverse scan rather than `findLastIndex`: Angular vendors this file and
+    // compiles it against an ES2021 lib, where that method does not exist.
+    let lastIndex = -1;
+    for (let i = segments.length - 1; i >= 0; i--) {
+        if (segments[i].coords.length > 0) {
+            lastIndex = i;
+            break;
+        }
+    }
+    if (lastIndex < 0 || segments.some((segment) => segment.cmd === 'Z' || segment.cmd === 'z')) {
+        return path;
+    }
+    const last = segments[lastIndex];
+    if (last.cmd === last.cmd.toLowerCase()) {
+        // Relative commands would need the running cursor; not worth the risk.
+        return path;
+    }
+    const coords = [...last.coords];
+    const endX = coords[coords.length - 2];
+    const endY = coords[coords.length - 1];
+    const dx = x - endX;
+    const dy = y - endY;
+    coords[coords.length - 2] = x;
+    coords[coords.length - 1] = y;
+    if (last.cmd === 'C') {
+        // Drag the trailing control point along so the tangent is preserved.
+        coords[2] += dx;
+        coords[3] += dy;
+    }
+    const next = segments.map((segment, index) => index === lastIndex ? { ...last, coords } : segment);
+    return formatPath(next);
+}
+/**
+ * Shift every absolute coordinate by `(dx, dy)` slide fractions: the "drag the
+ * whole path" gesture. Relative commands are deltas and stay untouched.
+ */
+function translateMotionPath(path, dx, dy) {
+    const segments = scanPath(path);
+    if (!segments) {
+        return path;
+    }
+    const moved = segments.map((segment) => {
+        if (segment.cmd === segment.cmd.toLowerCase() || segment.coords.length === 0) {
+            return segment;
+        }
+        return {
+            cmd: segment.cmd,
+            coords: segment.coords.map((value, index) => (index % 2 === 0 ? value + dx : value + dy)),
+        };
+    });
+    return formatPath(moved);
+}
+/** Whether a path can be edited by {@link setMotionPathEnd} / drag handles. */
+function isEditableMotionPath(path) {
+    const segments = scanPath(path);
+    if (!segments) {
+        return false;
+    }
+    return !segments.some((segment) => segment.cmd === 'Z' || segment.cmd === 'z');
+}
+/**
+ * Build the `@keyframes` block that plays a motion path.
+ *
+ * WHY pixels and not percentages: a CSS `translate(%)` resolves against the
+ * ELEMENT's own box, while the path is a fraction of the SLIDE. A 25%-of-slide
+ * move on a small shape would otherwise travel a fraction of the intended
+ * distance, so the frame's slide size is baked in here.
+ */
+function buildMotionPathKeyframes(args) {
+    const points = motionPathFractionPoints(args.path);
+    if (points.length < 2) {
+        return undefined;
+    }
+    const frames = points.map((point, index) => {
+        const percent = Math.round((index / (points.length - 1)) * 100);
+        const x = trimNumber(point.x * args.slideWidth);
+        const y = trimNumber(point.y * args.slideHeight);
+        return `\t${percent}% { transform: translate(${x}px, ${y}px); }`;
+    });
+    return {
+        keyframeName: args.keyframeName,
+        css: `@keyframes ${args.keyframeName} {\n${frames.join('\n')}\n}`,
+    };
+}
+
+/**
+ * `motion-path-presets`: the authoring catalogue of PowerPoint motion-path
+ * effects (Lines, Arcs, Turns, Shapes, Loops).
+ *
+ * WHY a path string and not a preset id: OOXML carries a motion path as free
+ * form geometry in `p:animMotion/@path`; the integer `presetID` on a `path`
+ * class node is informational and is NOT how PowerPoint reconstructs the
+ * curve. So a preset here is a *named path string*, and applying one simply
+ * writes that string onto the element's animation. Anything the user then
+ * drags stays representable, and a deck authored elsewhere round-trips through
+ * the same field.
+ *
+ * Coordinate space: the numbers are fractions of the SLIDE box, measured from
+ * the animated element's own centre (`pathEditMode="relative"`), which is what
+ * PowerPoint emits. `0.25 0` means "a quarter of the slide width to the right
+ * of where the shape sits". Keeping the catalogue in the wire units means no
+ * conversion happens on apply or save, only on render.
+ *
+ * The shapes/loops use x fractions of 0.125 against y fractions of 0.2222 so
+ * they read as visually round on the 16:9 canvas the viewer renders at
+ * (0.125 * 1280 === 0.2222 * 720 === 160 px).
+ *
+ * @module render/motion-path-presets
+ */
+/** Bezier handle length for a circular quadrant (4/3 * tan(pi/8)). */
+const K = 0.5523;
+/** Half-extents used by the closed shapes, equal in rendered pixels on 16:9. */
+const RX = 0.125;
+const RY = 0.2222;
+const CIRCLE = [
+    'M 0 0',
+    `C ${-K * RX} 0 ${-RX} ${-RY + K * RY} ${-RX} ${-RY}`,
+    `C ${-RX} ${-RY - K * RY} ${-K * RX} ${-2 * RY} 0 ${-2 * RY}`,
+    `C ${K * RX} ${-2 * RY} ${RX} ${-RY - K * RY} ${RX} ${-RY}`,
+    `C ${RX} ${-RY + K * RY} ${K * RX} 0 0 0`,
+]
+    .join(' ')
+    .replace(/(\d\.\d{4})\d+/gu, '$1');
+/**
+ * Every motion-path preset, grouped by family in gallery order. Lines travel a
+ * quarter of the slide, matching the distance PowerPoint's own line presets use
+ * for a shape dropped near the middle of a slide.
+ */
+const MOTION_PATH_PRESETS = [
+    // -- Lines ---------------------------------------------------------------
+    { id: 'lineRight', family: 'lines', path: 'M 0 0 L 0.25 0' },
+    { id: 'lineLeft', family: 'lines', path: 'M 0 0 L -0.25 0' },
+    { id: 'lineDown', family: 'lines', path: 'M 0 0 L 0 0.25' },
+    { id: 'lineUp', family: 'lines', path: 'M 0 0 L 0 -0.25' },
+    { id: 'lineDiagonalUpRight', family: 'lines', path: 'M 0 0 L 0.25 -0.25' },
+    { id: 'lineDiagonalDownRight', family: 'lines', path: 'M 0 0 L 0.25 0.25' },
+    { id: 'lineDiagonalUpLeft', family: 'lines', path: 'M 0 0 L -0.25 -0.25' },
+    { id: 'lineDiagonalDownLeft', family: 'lines', path: 'M 0 0 L -0.25 0.25' },
+    // -- Arcs ----------------------------------------------------------------
+    {
+        id: 'arcUp',
+        family: 'arcs',
+        path: 'M 0 0 C 0 -0.1227 0.0559 -0.2222 0.125 -0.2222 C 0.1941 -0.2222 0.25 -0.1227 0.25 0',
+    },
+    {
+        id: 'arcDown',
+        family: 'arcs',
+        path: 'M 0 0 C 0 0.1227 0.0559 0.2222 0.125 0.2222 C 0.1941 0.2222 0.25 0.1227 0.25 0',
+    },
+    {
+        id: 'arcRight',
+        family: 'arcs',
+        path: 'M 0 0 C 0.069 0 0.125 0.0995 0.125 0.2222 C 0.125 0.3449 0.069 0.4444 0 0.4444',
+    },
+    {
+        id: 'arcLeft',
+        family: 'arcs',
+        path: 'M 0 0 C -0.069 0 -0.125 0.0995 -0.125 0.2222 C -0.125 0.3449 -0.069 0.4444 0 0.4444',
+    },
+    // -- Turns ---------------------------------------------------------------
+    { id: 'turnUp', family: 'turns', path: 'M 0 0 L 0.25 0 L 0.25 -0.25' },
+    { id: 'turnDown', family: 'turns', path: 'M 0 0 L 0.25 0 L 0.25 0.25' },
+    { id: 'turnRight', family: 'turns', path: 'M 0 0 L 0 0.25 L 0.25 0.25' },
+    { id: 'turnLeft', family: 'turns', path: 'M 0 0 L 0 0.25 L -0.25 0.25' },
+    {
+        id: 'sCurve',
+        family: 'turns',
+        path: 'M 0 0 C 0.0833 -0.1111 0.1667 0.1111 0.25 0',
+    },
+    {
+        id: 'zigzag',
+        family: 'turns',
+        path: 'M 0 0 L 0.0625 -0.1111 L 0.125 0 L 0.1875 -0.1111 L 0.25 0',
+    },
+    // -- Shapes --------------------------------------------------------------
+    { id: 'circle', family: 'shapes', path: CIRCLE },
+    { id: 'square', family: 'shapes', path: 'M 0 0 L 0.125 0 L 0.125 -0.2222 L 0 -0.2222 Z' },
+    { id: 'triangle', family: 'shapes', path: 'M 0 0 L 0.0625 -0.2222 L 0.125 0 Z' },
+    {
+        id: 'diamond',
+        family: 'shapes',
+        path: 'M 0 0 L 0.0625 -0.1111 L 0.125 0 L 0.0625 0.1111 Z',
+    },
+    {
+        id: 'hexagon',
+        family: 'shapes',
+        path: 'M 0 0 L 0.0417 -0.1111 L 0.125 -0.1111 L 0.1667 0 L 0.125 0.1111 L 0.0417 0.1111 Z',
+    },
+    // -- Loops ---------------------------------------------------------------
+    {
+        id: 'loopDeLoop',
+        family: 'loops',
+        path: 'M 0 0 C 0.0625 0 0.0972 -0.2222 0.1667 -0.2222 C 0.2361 -0.2222 0.2708 0 0.1667 0 L 0.3333 0',
+    },
+    {
+        id: 'figureEight',
+        family: 'loops',
+        path: 'M 0 0 C -0.0833 0 -0.0833 -0.2222 0 -0.2222 C 0.0833 -0.2222 0.0833 0 0.1667 0 C 0.25 0 0.25 -0.2222 0.1667 -0.2222 C 0.0833 -0.2222 0.0833 0 0 0',
+    },
+    {
+        id: 'spiral',
+        family: 'loops',
+        path: 'M 0 0 C 0.0417 0 0.0417 -0.0741 0 -0.0741 C -0.0625 -0.0741 -0.0625 -0.1852 0 -0.1852 C 0.0833 -0.1852 0.0833 -0.3333 0 -0.3333',
+    },
+];
+/** The five families in gallery order, for building grouped UI. */
+const MOTION_PATH_FAMILIES = [
+    'lines',
+    'arcs',
+    'turns',
+    'shapes',
+    'loops',
+];
+/** i18n key for a family heading (`Lines`, `Arcs`, ...). */
+function motionPathFamilyLabelKey(family) {
+    return `pptx.animation.motionPath.family.${family}`;
+}
+/** i18n key for a preset's label (`Right`, `Arc Up`, ...). */
+function motionPathPresetLabelKey(presetId) {
+    return `pptx.animation.motionPath.preset.${presetId}`;
+}
+/** Look a preset up by id. */
+function motionPathPresetById(presetId) {
+    return MOTION_PATH_PRESETS.find((preset) => preset.id === presetId);
+}
+/** Every preset in one family, in catalogue order. */
+function motionPathPresetsByFamily(family) {
+    return MOTION_PATH_PRESETS.filter((preset) => preset.family === family);
+}
+/**
+ * Reverse lookup: the preset id whose path string matches `path`, or
+ * `undefined` for a hand-dragged (custom) path. Lets the panel name the applied
+ * effect instead of showing raw path data.
+ */
+function motionPathPresetIdForPath(path) {
+    if (!path) {
+        return undefined;
+    }
+    const normalized = path.trim().replace(/\s+/gu, ' ');
+    return MOTION_PATH_PRESETS.find((preset) => preset.path.trim().replace(/\s+/gu, ' ') === normalized)?.id;
+}
+/** The path applied by the ribbon's one-click "Path Animation" command. */
+const DEFAULT_MOTION_PATH_PRESET_ID = 'lineRight';
+
+/**
+ * `motion-path-authoring`: apply, edit, remove and preview a motion path on the
+ * editor's slide-level `animations[]` model.
+ *
+ * WHY a bucket of its own: `PptxElementAnimation` models entrance / emphasis /
+ * exit as named presets, but a motion path is geometry, not a preset name. It
+ * therefore lives in the sibling `motionPath` field (which core already
+ * serialises to a real `p:animMotion` node AND preserves in the editor
+ * extension), and the same entry's `trigger` / `durationMs` / `delayMs` /
+ * `order` drive it exactly as they drive the other three buckets. That is why
+ * these helpers upsert the SAME entry rather than adding a second one: one
+ * element, one timeline row, whichever effects it carries.
+ *
+ * Pure: no DOM, no framework. Bindings own the gallery, the canvas overlay and
+ * the `<style>` injection.
+ *
+ * @module render/motion-path-authoring
+ */
+/** Duration PowerPoint gives a freshly applied motion path. */
+const DEFAULT_MOTION_PATH_DURATION_MS = 2000;
+/** Trigger a freshly applied motion path gets, matching the other buckets. */
+const DEFAULT_TRIGGER = 'onClick';
+/** Read the motion path applied to an element, if any. */
+function motionPathFor(animations, elementId) {
+    return animations.find((animation) => animation.elementId === elementId)?.motionPath;
+}
+/** Whether the element currently carries a motion path. */
+function hasMotionPath(animations, elementId) {
+    return Boolean(motionPathFor(animations, elementId));
+}
+/**
+ * Set (or replace) the raw motion path on an element, creating the animation
+ * entry when the element had none. `pathEditMode` is pinned to `relative`
+ * because the catalogue's coordinates are offsets from the element centre,
+ * which is what a `relative` path means on the wire.
+ */
+function setMotionPath(animations, elementId, path) {
+    const index = animations.findIndex((animation) => animation.elementId === elementId);
+    if (index >= 0) {
+        return animations.map((animation, i) => i === index
+            ? {
+                ...animation,
+                motionPath: path,
+                motionPathEditMode: animation.motionPathEditMode ?? 'relative',
+                durationMs: animation.durationMs ?? DEFAULT_MOTION_PATH_DURATION_MS,
+            }
+            : animation);
+    }
+    return [
+        ...animations,
+        {
+            elementId,
+            motionPath: path,
+            motionPathEditMode: 'relative',
+            durationMs: DEFAULT_MOTION_PATH_DURATION_MS,
+            order: animations.length,
+            trigger: DEFAULT_TRIGGER,
+        },
+    ];
+}
+/**
+ * Apply a catalogue preset by id. Unknown ids leave the list untouched so a
+ * stale UI id can never blank an existing path.
+ */
+function applyMotionPathPreset(animations, elementId, presetId) {
+    const preset = motionPathPresetById(presetId);
+    if (!preset) {
+        return [...animations];
+    }
+    return setMotionPath(animations, elementId, preset.path);
+}
+/**
+ * Clear the motion path. The whole entry is dropped when nothing else is left
+ * on it, so removing the only effect does not leave an empty timeline row
+ * behind (the same rule the preset setters follow).
+ */
+function clearMotionPath(animations, elementId) {
+    const index = animations.findIndex((animation) => animation.elementId === elementId);
+    if (index < 0) {
+        return [...animations];
+    }
+    const current = animations[index];
+    const stillHasEffect = Boolean(current.entrance || current.emphasis || current.exit);
+    if (!stillHasEffect) {
+        return animations
+            .filter((animation) => animation.elementId !== elementId)
+            .map((animation, i) => ({ ...animation, order: i }));
+    }
+    return animations.map((animation, i) => i === index
+        ? {
+            ...animation,
+            motionPath: undefined,
+            motionPathEditMode: undefined,
+            motionPtsTypes: undefined,
+        }
+        : animation);
+}
+/**
+ * Project the editor's motion paths onto the native-timeline model so a path
+ * applied in this session plays in the slide show BEFORE the deck is saved.
+ *
+ * WHY it is needed: the slide-show engine reads `slide.nativeAnimations`, which
+ * is only regenerated from `slide.animations` when the file is written. Without
+ * this bridge a user would apply a path, press play, see nothing, and only get
+ * the motion after a save + reload round trip.
+ *
+ * Any element already carrying a native motion path is skipped, so a reloaded
+ * deck (where the same path exists in BOTH models) never plays it twice.
+ */
+function motionPathNativeAnimations(slide) {
+    const native = slide.nativeAnimations ?? [];
+    const alreadyNative = new Set(native.filter((animation) => animation.motionPath).map((animation) => animation.targetId));
+    return (slide.animations ?? [])
+        .filter((animation) => Boolean(animation.motionPath) && !alreadyNative.has(animation.elementId))
+        .map((animation) => ({
+        targetId: animation.elementId,
+        trigger: animation.trigger ?? DEFAULT_TRIGGER,
+        triggerShapeId: animation.triggerShapeId,
+        presetClass: 'path',
+        durationMs: animation.durationMs ?? DEFAULT_MOTION_PATH_DURATION_MS,
+        delayMs: animation.delayMs ?? 0,
+        motionPath: animation.motionPath,
+        motionPathEditMode: animation.motionPathEditMode ?? 'relative',
+    }));
+}
+/**
+ * Build the preview descriptor that plays a motion path on the canvas: the
+ * `@keyframes` block plus the `animation` shorthand a binding assigns to the
+ * element. Mirrors {@link buildPreviewAnimation} for the preset buckets so a
+ * binding's existing preview player only needs one extra branch.
+ */
+function buildMotionPathPreview(args) {
+    const keyframeName = `pptx-motion-preview-${args.uid ?? 0}`;
+    const keyframes = buildMotionPathKeyframes({
+        path: args.path,
+        slideWidth: args.slideWidth,
+        slideHeight: args.slideHeight,
+        keyframeName,
+    });
+    if (!keyframes) {
+        return undefined;
+    }
+    const durationMs = args.durationMs ?? DEFAULT_MOTION_PATH_DURATION_MS;
+    const delayMs = args.delayMs ?? 0;
+    const easing = timingCurveToCss(args.timingCurve);
+    return {
+        keyframeName,
+        keyframesCss: keyframes.css,
+        cssAnimation: `${keyframeName} ${durationMs}ms ${easing} ${delayMs}ms 1 normal both`,
+        durationMs,
+    };
+}
+
 /**
  * `presentation-animation-controller`: a pure, framework-agnostic controller
  * that encapsulates the native-animation (`p:timing`) element playback a binding
@@ -17954,7 +18665,10 @@ class PresentationAnimationController {
      * id list (base element ids + text-build sub-element ids) to track.
      */
     static fromSlide(slide) {
-        const nativeAnims = slide.nativeAnimations ?? [];
+        // Motion paths authored in this session live on the editor model until the
+        // deck is saved; project them in so pressing play right after applying one
+        // actually moves the shape.
+        const nativeAnims = [...(slide.nativeAnimations ?? []), ...motionPathNativeAnimations(slide)];
         const segmentCounts = buildSegmentCounts(slide, nativeAnims);
         const expandedAnims = segmentCounts.size > 0 ? expandTextBuildAnimations(nativeAnims, segmentCounts) : nativeAnims;
         const engine = TimelineEngine.fromAnimations(expandedAnims);
@@ -18208,131 +18922,6 @@ function executeMediaCommandInDom(command, frameRoot) {
     return runMediaCommand(command, (targetId) => findMediaElementByElementId(targetId, frameRoot?.() ?? null));
 }
 
-/**
- * `animation-preview` — pure preview-descriptor construction for the editor's
- * animation panel: map an editor preset (+ direction / timing) to a CSS
- * keyframe name, definition and shorthand. The DOM player that injects the
- * `<style>` and toggles the element animation stays in each binding.
- *
- * @module render/animation-preview
- */
-// ==========================================================================
-// Preview keyframes generation
-// ==========================================================================
-/** Map editor-level animation presets to the internal effect names used by
- *  the keyframe definition table. */
-const PRESET_TO_EFFECT = {
-    fadeIn: 'fadeIn',
-    flyIn: 'flyInBottom',
-    zoomIn: 'zoomIn',
-    fadeOut: 'fadeOut',
-    flyOut: 'flyOutBottom',
-    zoomOut: 'zoomOut',
-    spin: 'spin',
-    pulse: 'pulse',
-    colorWave: 'colorWave',
-    bounce: 'bounce',
-    flash: 'flash',
-};
-/** Direction-aware fly-in/out effect name overrides. */
-const DIRECTION_FLY_MAP = {
-    fromLeft: { flyIn: 'flyInLeft', flyOut: 'flyOutLeft' },
-    fromRight: { flyIn: 'flyInRight', flyOut: 'flyOutRight' },
-    fromTop: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
-    fromBottom: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
-    fromTopLeft: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
-    fromTopRight: { flyIn: 'flyInTop', flyOut: 'flyOutTop' },
-    fromBottomLeft: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
-    fromBottomRight: { flyIn: 'flyInBottom', flyOut: 'flyOutBottom' },
-};
-/**
- * Resolve the CSS @keyframes effect name for a given preset and direction.
- */
-function resolvePreviewEffect(preset, direction) {
-    if ((preset === 'flyIn' || preset === 'flyOut') && direction) {
-        const dirMap = DIRECTION_FLY_MAP[direction];
-        if (dirMap) {
-            return preset === 'flyIn' ? dirMap.flyIn : dirMap.flyOut;
-        }
-    }
-    return PRESET_TO_EFFECT[preset];
-}
-/**
- * Map a timing curve name to a CSS easing string.
- * Supports the standard OOXML timing curves plus cubic-bezier extraction.
- */
-function timingCurveToCss(curve, cubicBezierValues) {
-    if (cubicBezierValues) {
-        // Validate cubic-bezier format: "x1,y1,x2,y2"
-        const parts = cubicBezierValues.split(',').map((s) => s.trim());
-        if (parts.length === 4 && parts.every((p) => !Number.isNaN(Number(p)))) {
-            return `cubic-bezier(${parts.join(', ')})`;
-        }
-    }
-    switch (curve) {
-        case 'ease':
-            return 'ease';
-        case 'ease-in':
-            return 'ease-in';
-        case 'ease-out':
-            return 'ease-out';
-        case 'linear':
-            return 'linear';
-        default:
-            return 'ease';
-    }
-}
-/**
- * Build a preview animation descriptor for a given preset.
- *
- * Returns `undefined` if the preset doesn't have a known effect.
- */
-function buildPreviewAnimation(preset, options) {
-    if (preset === 'none') {
-        return undefined;
-    }
-    const effectName = resolvePreviewEffect(preset, options?.direction);
-    if (!effectName) {
-        return undefined;
-    }
-    const keyframeName = `pptx-${effectName}`;
-    const keyframesCss = getEffectKeyframes(effectName);
-    if (!keyframesCss) {
-        return undefined;
-    }
-    const duration = options?.durationMs ?? 600;
-    const easing = timingCurveToCss(options?.timingCurve, options?.cubicBezier);
-    return {
-        keyframeName,
-        keyframesCss,
-        cssAnimation: `${keyframeName} ${duration}ms ${easing} 0ms 1 normal both`,
-        durationMs: duration,
-    };
-}
-// ==========================================================================
-// Timing curve extraction from OOXML bezier values
-// ==========================================================================
-/**
- * Parse OOXML timing curve bezier values from `a:cTn/a:timing/a:curve`.
- *
- * OOXML stores bezier control points as attributes:
- * - `x1`, `y1` — first control point (0..100000 range)
- * - `x2`, `y2` — second control point (0..100000 range)
- *
- * Returns a CSS `cubic-bezier()` string, or undefined if not parseable.
- */
-function parseOoxmlBezierCurve(x1, y1, x2, y2) {
-    if (x1 === undefined || y1 === undefined || x2 === undefined || y2 === undefined) {
-        return undefined;
-    }
-    // OOXML values are in 0..100000 range, CSS cubic-bezier uses 0..1
-    const cx1 = Math.max(0, Math.min(1, x1 / 100000));
-    const cy1 = y1 / 100000; // y can exceed 0..1 range for overshoot
-    const cx2 = Math.max(0, Math.min(1, x2 / 100000));
-    const cy2 = y2 / 100000;
-    return `${cx1.toFixed(4)},${cy1.toFixed(4)},${cx2.toFixed(4)},${cy2.toFixed(4)}`;
-}
-
 /**
  * Camera-preset → CSS perspective/rotation mapping (framework-agnostic).
  *
@@ -24756,7 +25345,7 @@ const DEBOUNCE_MS = 600;
 const EXPANDED_MAX_HEIGHT = 200;
 const PX_TO_PT = 0.75;
 const MAX_INDENT_LEVEL = 4;
-const INDENT_PX = 24;
+const INDENT_PX$1 = 24;
 /* ------------------------------------------------------------------ */
 /*  Utility helpers                                                    */
 /* ------------------------------------------------------------------ */
@@ -24821,7 +25410,7 @@ function buildParagraph(segments) {
         }
     }
     if (first?.style.paragraphMarginLeft) {
-        indentLevel = Math.min(MAX_INDENT_LEVEL, Math.max(0, Math.round(first.style.paragraphMarginLeft / INDENT_PX)));
+        indentLevel = Math.min(MAX_INDENT_LEVEL, Math.max(0, Math.round(first.style.paragraphMarginLeft / INDENT_PX$1)));
     }
     return {
         segments: segments.length > 0 ? segments : [{ text: '', style: {} }],
@@ -24867,7 +25456,7 @@ function paragraphsToSegments(paragraphs) {
         para.segments.forEach((seg, sIdx) => {
             const updated = { ...seg, style: { ...seg.style } };
             if (para.indentLevel > 0) {
-                updated.style.paragraphMarginLeft = para.indentLevel * INDENT_PX;
+                updated.style.paragraphMarginLeft = para.indentLevel * INDENT_PX$1;
             }
             else {
                 delete updated.style.paragraphMarginLeft;
@@ -25240,7 +25829,7 @@ function parseSegmentsFromRichEditor(root) {
                     if (paraIndent > 0) {
                         segments[i].style = {
                             ...segments[i].style,
-                            paragraphMarginLeft: paraIndent * INDENT_PX,
+                            paragraphMarginLeft: paraIndent * INDENT_PX$1,
                         };
                     }
                     break;
@@ -25311,7 +25900,7 @@ function segmentsToEditorHtml(segments) {
         if (para.indentLevel > 0) {
             attrs.push(`data-indent-level="${para.indentLevel}"`);
         }
-        const indent = para.indentLevel * INDENT_PX;
+        const indent = para.indentLevel * INDENT_PX$1;
         const divStyles = [];
         if (indent > 0) {
             divStyles.push(`padding-left:${indent}px`);
@@ -41268,6 +41857,740 @@ function clampIndex$1(index, slideCount) {
     return Math.min(Math.max(Math.trunc(index), 0), slideCount - 1);
 }
 
+/**
+ * PowerPoint's Outline view, as a framework-agnostic model of the deck's text.
+ *
+ * Outline view shows a deck as an indented text document: one line per slide
+ * title at the far left, that slide's body text indented beneath it. It is the
+ * fastest way to draft or restructure a deck, and no binding shipped it.
+ *
+ * This module owns the READ half (deck -> rows) plus the paragraph read/write
+ * primitives the edit half builds on. `outline-view-edit` owns the WRITE half.
+ * Both are pure: the bindings own the markup and the event listeners, and own
+ * no rule about what a row is or what Tab does.
+ *
+ * Three decisions are worth stating up front, because they are the ones a
+ * reader will otherwise assume were oversights:
+ *
+ * 1. **Placeholders first, then a fallback.** PowerPoint's outline shows only
+ *    placeholder text, and free text boxes never appear. Applying that alone
+ *    here would blank the outline for the many decks (and every deck this repo
+ *    hand-authors as a fixture) that carry no `<p:ph>` at all, which reads as a
+ *    broken feature rather than as fidelity. So placeholders win when present,
+ *    and a slide with none falls back to its text-bearing elements in document
+ *    order. See {@link resolveSlideOutlineElements}.
+ * 2. **A slide always contributes at least one row.** A slide with no title
+ *    placeholder, or no text whatsoever, still gets a title row (with a null
+ *    `elementId`). Without it the outline silently hides slides, and hiding a
+ *    slide from the view whose entire job is to show the deck's structure is
+ *    the worst failure this feature has.
+ * 3. **A row is one (element, paragraph) pair**, keyed by ids rather than by
+ *    position, so a key survives an edit that inserts a slide above it.
+ *
+ * @module render/outline-view
+ */
+// ---------------------------------------------------------------------------
+// DOM contract
+// ---------------------------------------------------------------------------
+/**
+ * Marks the outline-view root in every binding.
+ *
+ * A neutral data attribute rather than a class or a test id, for the same
+ * reason `READING_VIEW_ATTR` is one: `e2e/` addresses all five viewers through
+ * one selector, and a class name is a styling decision each binding may make
+ * differently.
+ */
+const OUTLINE_VIEW_ATTR = 'data-pptx-outline-view';
+/** Marks one editable outline line. Its value is the row's {@link OutlineRow.key}. */
+const OUTLINE_ROW_ATTR = 'data-pptx-outline-row';
+/** Marks a row's slide number, so a binding can group rows per slide. */
+const OUTLINE_SLIDE_ATTR = 'data-pptx-outline-slide';
+/** Marks a row's outline level, so styling and tests read it without parsing CSS. */
+const OUTLINE_LEVEL_ATTR = 'data-pptx-outline-level';
+/** Highest `a:pPr/@lvl` OOXML allows (ECMA-376 CT_TextParagraphProperties). */
+const MAX_PARAGRAPH_LEVEL = 8;
+/** Placeholder types PowerPoint treats as the slide's title. */
+const TITLE_PH_TYPES = new Set(['title', 'ctrtitle']);
+/**
+ * Placeholder types that never belong in an outline.
+ *
+ * Header / footer / date / slide-number repeat on every slide, so listing them
+ * would bury the actual content under four rows of chrome per slide.
+ */
+const CHROME_PH_TYPES = new Set(['ftr', 'hdr', 'dt', 'sldnum']);
+/** Name given to a title element the outline creates for a slide that lacked one. */
+const OUTLINE_TITLE_ELEMENT_NAME = 'Title';
+/**
+ * Read an element's placeholder type from its preserved raw XML.
+ *
+ * Returns `'body'` for a `<p:ph>` that declares no `@type`: the schema default
+ * for `CT_Placeholder/@type` is `body`, and a content placeholder authored as
+ * `<p:ph idx="1"/>` is extremely common. Treating it as "not a placeholder"
+ * dropped the body of most real decks from the outline.
+ */
+function placeholderType(element) {
+    const ph = element.rawXml?.['p:nvSpPr']?.['p:nvPr']?.['p:ph'];
+    if (!ph) {
+        return undefined;
+    }
+    const type = typeof ph['@_type'] === 'string' ? ph['@_type'].trim().toLowerCase() : '';
+    return type.length > 0 ? type : 'body';
+}
+/** Whether an element can carry outline text at all. */
+function isTextBearing(element) {
+    return hasTextProperties(element);
+}
+/** Plain text of an element, used only to decide whether it is worth a row. */
+function elementHasText(element) {
+    if (!hasTextProperties(element)) {
+        return false;
+    }
+    if (typeof element.text === 'string' && element.text.trim().length > 0) {
+        return true;
+    }
+    return (element.textSegments ?? []).some((segment) => segment.text.trim().length > 0);
+}
+/**
+ * Decide which of a slide's elements the outline reads.
+ *
+ * Placeholder-bearing slides resolve exactly as PowerPoint does: the
+ * title/ctrTitle placeholder titles the slide and the remaining content
+ * placeholders supply the body, with header/footer/date/slide-number chrome
+ * excluded. A slide with no usable placeholder falls back to its text-bearing
+ * elements in document order, first as the title and the rest as body: see the
+ * module docstring for why the strict rule alone was not shippable here.
+ *
+ * A slide that has never had a title also matches an element NAMED `Title`,
+ * which is what {@link OUTLINE_TITLE_ELEMENT_NAME} stamps on the element the
+ * outline creates when someone types into an empty title row. Without that the
+ * newly created title would be re-read as body text on the very next render.
+ */
+function resolveSlideOutlineElements(slide) {
+    const elements = (slide.elements ?? []).filter(isTextBearing);
+    const placeholderTitle = elements.find((element) => {
+        const type = placeholderType(element);
+        return type !== undefined && TITLE_PH_TYPES.has(type);
+    });
+    const placeholderBody = elements.filter((element) => {
+        const type = placeholderType(element);
+        return type !== undefined && !TITLE_PH_TYPES.has(type) && !CHROME_PH_TYPES.has(type);
+    });
+    if (placeholderTitle || placeholderBody.length > 0) {
+        return { title: placeholderTitle ?? null, body: placeholderBody };
+    }
+    const named = elements.find((element) => (element.name ?? '').trim().toLowerCase() === OUTLINE_TITLE_ELEMENT_NAME.toLowerCase());
+    const withText = elements.filter(elementHasText);
+    const title = named ?? withText[0] ?? null;
+    return { title, body: withText.filter((element) => element !== title) };
+}
+/**
+ * Whether a segment is the display-only bullet marker core inserts on load.
+ *
+ * Mirrors the save writer's own `isRenderedBulletMarker`: the marker is not
+ * authored text, it is a rendering convenience, and letting it into an outline
+ * row would show "• Item" in the editable line and then write the glyph back
+ * into the deck as literal characters on the next keystroke.
+ */
+function isBulletMarker(segment) {
+    const bullet = segment.bulletInfo;
+    if (!bullet) {
+        return false;
+    }
+    const marker = bullet.char
+        ? `${bullet.char} `
+        : bullet.imageRelId || bullet.imageDataUrl
+            ? '\u{1F4CE} '
+            : bullet.autoNumType
+                ? undefined
+                : '• ';
+    return marker ? segment.text === marker : bullet.paragraphIndex !== undefined;
+}
+function isParagraphSeparator(segment) {
+    return Boolean(segment.isParagraphBreak) || (segment.text === '\n' && !segment.isLineBreak);
+}
+/**
+ * Split an element's segments into paragraph groups.
+ *
+ * Falls back to splitting `element.text` when the element carries no segments
+ * (SDK-built and freshly inserted elements), so every downstream helper can
+ * assume groups exist and none of them has to special-case a bare string.
+ */
+function groupElementParagraphs(element) {
+    const withText = hasTextProperties(element) ? element : undefined;
+    const segments = withText?.textSegments;
+    if (!segments || segments.length === 0) {
+        const style = { ...(withText?.textStyle ?? {}) };
+        return (withText?.text ?? '').split('\n').map((text) => ({
+            content: [{ text, style: { ...style } }],
+        }));
+    }
+    const groups = [{ content: [] }];
+    for (const segment of segments) {
+        if (isParagraphSeparator(segment)) {
+            groups.push({ content: [] });
+            continue;
+        }
+        const current = groups[groups.length - 1];
+        if (current.content.length === 0 && current.marker === undefined && isBulletMarker(segment)) {
+            current.marker = segment;
+            continue;
+        }
+        current.content.push(segment);
+    }
+    return groups;
+}
+/**
+ * Plain text of one paragraph group.
+ *
+ * A soft line break (`a:br`) becomes a single space rather than a newline: an
+ * outline row is one line, and emitting "\n" here would make the row's text
+ * indistinguishable from a paragraph break and silently convert the soft break
+ * into a hard one the first time the row was written back.
+ */
+function paragraphGroupText(group) {
+    return group.content.map((segment) => (segment.isLineBreak ? ' ' : segment.text)).join('');
+}
+/** Raw `a:pPr/@lvl` of a paragraph group, read from its first segment. */
+function paragraphGroupLevel(group) {
+    const first = group.marker ?? group.content[0];
+    const level = first?.paragraphLevel;
+    return typeof level === 'number' && level > 0 ? Math.min(level, MAX_PARAGRAPH_LEVEL) : 0;
+}
+/**
+ * Read an element's paragraphs as the outline sees them.
+ *
+ * Trailing empty paragraphs are dropped, matching `buildParagraphs`: both the
+ * load path and the edit-remap path leave a separator behind, and showing an
+ * always-blank last row under every block would double the outline's length
+ * with lines the deck never draws.
+ */
+function readElementParagraphs(element) {
+    const groups = groupElementParagraphs(element);
+    const paragraphs = groups.map((group) => ({
+        text: paragraphGroupText(group),
+        level: paragraphGroupLevel(group),
+    }));
+    let last = paragraphs.length - 1;
+    while (last >= 0 && paragraphs[last].text.length === 0) {
+        last -= 1;
+    }
+    return paragraphs.slice(0, last + 1);
+}
+// ---------------------------------------------------------------------------
+// Rows
+// ---------------------------------------------------------------------------
+/** Build a row key from the parts that identify it. */
+function outlineRowKey(slideId, elementId, paragraphIndex) {
+    return `${slideId}|${elementId ?? 'new-title'}|${paragraphIndex}`;
+}
+function pushElementRows(rows, element, kind, slide, slideIndex) {
+    for (const [paragraphIndex, paragraph] of readElementParagraphs(element).entries()) {
+        rows.push({
+            key: outlineRowKey(slide.id, element.id, paragraphIndex),
+            slideIndex,
+            slideId: slide.id,
+            kind,
+            elementId: element.id,
+            paragraphIndex,
+            // A title always sits in the leftmost column; body text is pushed one
+            // column right of it, so authored level 0 reads as outline level 1.
+            level: kind === 'title' ? 0 : paragraph.level + 1,
+            text: paragraph.text,
+        });
+    }
+}
+/**
+ * Build the whole deck's outline.
+ *
+ * Every slide contributes at least one row even when it holds no text: see the
+ * module docstring, decision 2.
+ */
+function buildOutline(slides) {
+    const rows = [];
+    for (const [slideIndex, slide] of slides.entries()) {
+        const { title, body } = resolveSlideOutlineElements(slide);
+        const before = rows.length;
+        if (title) {
+            pushElementRows(rows, title, 'title', slide, slideIndex);
+        }
+        if (rows.length === before) {
+            // No title element, or one whose text is entirely empty: emit the
+            // synthetic row so the slide is still visible and still typeable.
+            rows.push({
+                key: outlineRowKey(slide.id, title?.id ?? null, 0),
+                slideIndex,
+                slideId: slide.id,
+                kind: 'title',
+                elementId: title?.id ?? null,
+                paragraphIndex: 0,
+                level: 0,
+                text: '',
+            });
+        }
+        for (const element of body) {
+            pushElementRows(rows, element, 'body', slide, slideIndex);
+        }
+    }
+    return rows;
+}
+/** Find a row by key, or `undefined`. */
+function findOutlineRow(rows, key) {
+    return rows.find((row) => row.key === key);
+}
+
+/** MIME type bindings should use when writing the payload as a custom clipboard format. */
+const ELEMENT_CLIPBOARD_MIME_TYPE = 'application/x-pptx-viewer-elements+json';
+/** Marker identifying a serialized element-clipboard payload. */
+const ELEMENT_CLIPBOARD_MARKER = 'pptx-viewer/elements';
+/** Current codec version; {@link deserializeElementClipboard} rejects others. */
+const ELEMENT_CLIPBOARD_VERSION = 1;
+/** Standard paste/duplicate cascade offset in px (applied to both axes). */
+const PASTE_OFFSET_PX = 20;
+/** Generate a unique element id (`el-<timestamp>-<random>`). */
+function generateElementId() {
+    return `el-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+/**
+ * Build the id for a pasted / duplicated clone so that it routes to the same
+ * store it is inserted into.
+ *
+ * In edit-template mode the clone lands in the template store, so it must keep
+ * a template (`master-` / `layout-`) prefix; otherwise later edits (which route
+ * by id prefix) would target the wrong store and be lost. Outside template mode
+ * a normal id is generated.
+ */
+function makeCloneId(intoTemplate, sourceId) {
+    if (!intoTemplate) {
+        return generateElementId();
+    }
+    if (sourceId.startsWith('master-')) {
+        return `master-${generateElementId()}`;
+    }
+    return `layout-${generateElementId()}`;
+}
+/**
+ * Snapshot a copied/cut element into the in-memory clipboard payload.
+ * Deep-clones so later canvas edits never mutate the clipboard content.
+ */
+function buildElementClipboardPayload(element, isTemplate) {
+    return { element: structuredClone(element), isTemplate };
+}
+/**
+ * Produce the clone inserted by paste/duplicate: a deep copy with a fresh
+ * (template-prefix aware) id and the standard cascade offset applied.
+ */
+function cloneElementForPaste(element, options = {}) {
+    const clone = structuredClone(element);
+    clone.id = makeCloneId(options.intoTemplate ?? false, element.id);
+    clone.x += options.offsetX ?? PASTE_OFFSET_PX;
+    clone.y += options.offsetY ?? PASTE_OFFSET_PX;
+    return clone;
+}
+/** Clone every element in decoded clipboard data for insertion (fresh ids + offset). */
+function prepareElementsForPaste(data, options = {}) {
+    return data.elements.map((element) => cloneElementForPaste(element, options));
+}
+/** Tag used to mark base64-encoded binary fields inside the JSON payload. */
+const BINARY_TAG = '__pptxU8';
+function uint8ToBase64(bytes) {
+    let binary = '';
+    for (let i = 0; i < bytes.length; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+function base64ToUint8(base64) {
+    const binary = atob(base64);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+        bytes[i] = binary.charCodeAt(i);
+    }
+    return bytes;
+}
+/**
+ * Serialize elements to the marked, versioned JSON clipboard string.
+ * `Uint8Array` fields anywhere in the element tree (embedded workbooks, raw
+ * part bytes) are base64-tagged so they survive the text round trip.
+ */
+function serializeElementClipboard(elements, isTemplate = false) {
+    return JSON.stringify({
+        marker: ELEMENT_CLIPBOARD_MARKER,
+        version: ELEMENT_CLIPBOARD_VERSION,
+        isTemplate,
+        elements,
+    }, (_key, value) => {
+        if (value instanceof Uint8Array) {
+            return { [BINARY_TAG]: uint8ToBase64(value) };
+        }
+        return value;
+    });
+}
+function isElementLike(value) {
+    if (typeof value !== 'object' || value === null) {
+        return false;
+    }
+    const candidate = value;
+    return (typeof candidate.id === 'string' &&
+        typeof candidate.type === 'string' &&
+        typeof candidate.x === 'number' &&
+        typeof candidate.y === 'number' &&
+        typeof candidate.width === 'number' &&
+        typeof candidate.height === 'number');
+}
+/**
+ * Decode a clipboard string produced by {@link serializeElementClipboard}.
+ * Returns `null` for anything else (foreign clipboard text, malformed JSON,
+ * wrong marker/version, or structurally invalid elements), so callers can fall
+ * back to their plain-text paste path.
+ */
+function deserializeElementClipboard(text) {
+    let parsed;
+    try {
+        parsed = JSON.parse(text, (_key, value) => {
+            if (typeof value === 'object' && value !== null) {
+                const tagged = value[BINARY_TAG];
+                if (typeof tagged === 'string') {
+                    return base64ToUint8(tagged);
+                }
+            }
+            return value;
+        });
+    }
+    catch {
+        return null;
+    }
+    if (typeof parsed !== 'object' || parsed === null) {
+        return null;
+    }
+    const candidate = parsed;
+    if (candidate.marker !== ELEMENT_CLIPBOARD_MARKER ||
+        candidate.version !== ELEMENT_CLIPBOARD_VERSION ||
+        !Array.isArray(candidate.elements) ||
+        candidate.elements.length === 0 ||
+        !candidate.elements.every(isElementLike)) {
+        return null;
+    }
+    return {
+        elements: candidate.elements,
+        isTemplate: candidate.isTemplate === true,
+    };
+}
+
+/**
+ * The WRITE half of Outline view: turn a keystroke into a new deck.
+ *
+ * Pure and total: `applyOutlineEdit` takes the slides it is given and returns
+ * new slides, never mutating the input. That shape is deliberate. Every binding
+ * already has a history mechanism that watches its slide state, so handing back
+ * a fresh `PptxSlide[]` makes undo/redo work through the machinery each binding
+ * already has instead of asking five of them to grow an outline-specific
+ * history path.
+ *
+ * What is intentionally NOT implemented, so nobody reads its absence as a bug:
+ *
+ * **Tab on a title row does nothing.** In PowerPoint, demoting a title merges
+ * that slide into the one above it and promoting a top-level bullet splits a
+ * new slide out. Both are safe there because PowerPoint's outline owns the
+ * whole slide. Here a slide carries arbitrary elements (images, charts, tables,
+ * ink) that the outline cannot see, so merging two slides would silently
+ * destroy content the user never had on screen. Levels move within a body,
+ * slides are created by Enter on a title, and nothing in this view deletes a
+ * slide.
+ *
+ * @module render/outline-view-edit
+ */
+/**
+ * Translate a key press inside an outline row into an edit.
+ *
+ * Both of PowerPoint's spellings are honoured: bare Tab / Shift+Tab, and the
+ * Alt+Shift+Arrow chords that work anywhere in PowerPoint's outline. Anything
+ * with Ctrl or Meta is left alone so the browser keeps its own shortcuts, and
+ * so Ctrl+Z reaches the binding's undo rather than being eaten here.
+ */
+function mapOutlineKey(input, rowKey) {
+    const none = { edit: null, preventDefault: false };
+    if (input.ctrlKey || input.metaKey) {
+        return none;
+    }
+    if (input.key === 'Tab' && !input.altKey) {
+        return {
+            edit: { type: 'indent', key: rowKey, delta: input.shiftKey ? -1 : 1 },
+            preventDefault: true,
+        };
+    }
+    if (input.altKey && input.shiftKey && (input.key === 'ArrowRight' || input.key === 'ArrowLeft')) {
+        return {
+            edit: { type: 'indent', key: rowKey, delta: input.key === 'ArrowRight' ? 1 : -1 },
+            preventDefault: true,
+        };
+    }
+    if (input.key === 'Enter' && !input.shiftKey && !input.altKey) {
+        return { edit: { type: 'insertAfter', key: rowKey }, preventDefault: true };
+    }
+    return none;
+}
+// ---------------------------------------------------------------------------
+// Paragraph writing
+// ---------------------------------------------------------------------------
+/** Clone a segment list, stamping (or clearing) the paragraph's `a:pPr/@lvl`. */
+function withLevel(segments, level) {
+    return segments.map((segment, index) => {
+        if (index > 0) {
+            return segment;
+        }
+        const next = { ...segment };
+        if (level > 0) {
+            next.paragraphLevel = Math.min(level, MAX_PARAGRAPH_LEVEL);
+        }
+        else {
+            delete next.paragraphLevel;
+        }
+        return next;
+    });
+}
+/**
+ * Rebuild one paragraph's segments for `text`.
+ *
+ * An UNCHANGED paragraph is reused verbatim rather than remapped. That is what
+ * keeps equations, fields, hyperlinks and soft line breaks intact while someone
+ * types on a different line: remapping redistributes characters across runs,
+ * which is exactly right for the line being edited and pure loss for every
+ * other line in the same text body.
+ */
+function rebuildParagraph(group, donor, text, elementStyle) {
+    if (group && paragraphGroupText(group) === text) {
+        return [...(group.marker ? [group.marker] : []), ...group.content];
+    }
+    const source = group ?? donor;
+    const marker = source?.marker ? [source.marker] : [];
+    const content = remapTextToSegments(text, source?.content, elementStyle);
+    return [...marker, ...content];
+}
+/**
+ * Write paragraphs back onto an element, returning a new element.
+ *
+ * `element.text` is rewritten from the row text, which means it no longer
+ * carries the bullet glyphs core prefixes on load. That is correct rather than
+ * lossy: `textSegments` is what both the renderer and the save writer read when
+ * it exists, and the glyph is re-derived from the paragraph's own bullet
+ * properties, which travel on the preserved marker segment.
+ */
+function writeElementParagraphs(element, paragraphs) {
+    const groups = groupElementParagraphs(element);
+    const donor = groups[groups.length - 1];
+    const style = hasTextProperties(element) ? element.textStyle : undefined;
+    const segments = [];
+    for (const [index, paragraph] of paragraphs.entries()) {
+        if (index > 0) {
+            const previous = segments[segments.length - 1];
+            segments.push({
+                text: '\n',
+                style: { ...(previous?.style ?? style ?? {}) },
+                isParagraphBreak: true,
+            });
+        }
+        segments.push(...withLevel(rebuildParagraph(groups[index], donor, paragraph.text, style), paragraph.level));
+    }
+    return {
+        ...element,
+        text: paragraphs.map((paragraph) => paragraph.text).join('\n'),
+        textSegments: segments,
+    };
+}
+// ---------------------------------------------------------------------------
+// Element / slide creation
+// ---------------------------------------------------------------------------
+const DEFAULT_CANVAS = { width: 960, height: 540 };
+/**
+ * Build the title element for a slide that had none.
+ *
+ * Created WITHOUT `rawXml`: the save writer only synthesises a well-formed
+ * `<p:sp>` for elements that carry no raw XML, so handing it a fabricated
+ * `<p:ph>` stub would short-circuit that and emit a shape with no `spPr` and no
+ * `txBody`. The element is identified as the title by its NAME instead, which
+ * `resolveSlideOutlineElements` matches.
+ */
+function createTitleElement(text, options) {
+    const canvas = options.canvas ?? DEFAULT_CANVAS;
+    return {
+        type: 'text',
+        id: options.idGenerator ? options.idGenerator() : generateElementId(),
+        name: OUTLINE_TITLE_ELEMENT_NAME,
+        x: Math.round(canvas.width * 0.06),
+        y: Math.round(canvas.height * 0.08),
+        width: Math.round(canvas.width * 0.88),
+        height: Math.round(canvas.height * 0.17),
+        text,
+        textStyle: { fontSize: 36, bold: true },
+        textSegments: [{ text, style: { fontSize: 36, bold: true } }],
+    };
+}
+/** Renumber slides so `slideNumber` still matches document order after an insert. */
+function renumber(slides) {
+    return slides.map((slide, index) => ({ ...slide, slideNumber: index + 1 }));
+}
+// ---------------------------------------------------------------------------
+// Apply
+// ---------------------------------------------------------------------------
+function unchanged(slides, row) {
+    return {
+        slides,
+        changed: false,
+        focusKey: row?.key ?? null,
+        activeSlideIndex: row?.slideIndex ?? 0,
+    };
+}
+/** Replace one element on one slide, returning fresh slide + deck arrays. */
+function replaceElement(slides, slideIndex, elementId, next) {
+    return slides.map((slide, index) => index === slideIndex
+        ? {
+            ...slide,
+            elements: (slide.elements ?? []).map((element) => element.id === elementId ? next : element),
+        }
+        : slide);
+}
+function editParagraphs(slides, row, mutate) {
+    const slide = slides[row.slideIndex];
+    const element = (slide?.elements ?? []).find((candidate) => candidate.id === row.elementId);
+    if (!element) {
+        return null;
+    }
+    const paragraphs = readElementParagraphs(element);
+    // A row can address the paragraph one past the end: an element whose text is
+    // entirely empty reads as zero paragraphs but still owns row 0.
+    while (paragraphs.length <= row.paragraphIndex) {
+        paragraphs.push({ text: '', level: 0 });
+    }
+    const next = mutate(paragraphs);
+    if (!next) {
+        return null;
+    }
+    return {
+        slides: replaceElement(slides, row.slideIndex, element.id, writeElementParagraphs(element, next)),
+        changed: true,
+        focusKey: row.key,
+        activeSlideIndex: row.slideIndex,
+    };
+}
+/**
+ * An outline row is one LINE. Newlines a paste drags in are folded to spaces
+ * rather than split into extra paragraphs, because splitting here would leave
+ * the caller's row keys addressing paragraphs that had silently moved.
+ */
+function oneLine(text) {
+    return text.replace(/[\r\n]+/g, ' ');
+}
+function applySetText(slides, row, raw, options) {
+    const text = oneLine(raw);
+    if (row.elementId === null) {
+        if (text.length === 0) {
+            return unchanged([...slides], row);
+        }
+        const element = createTitleElement(text, options);
+        // Prepended, not appended: the fallback resolver reads the FIRST
+        // text-bearing element as the title, and a slide reaching this branch has
+        // no placeholder to anchor that decision to.
+        const next = slides.map((slide, index) => index === row.slideIndex
+            ? { ...slide, elements: [element, ...(slide.elements ?? [])] }
+            : slide);
+        return {
+            slides: next,
+            changed: true,
+            focusKey: outlineRowKey(row.slideId, element.id, 0),
+            activeSlideIndex: row.slideIndex,
+        };
+    }
+    const result = editParagraphs(slides, row, (paragraphs) => {
+        if (paragraphs[row.paragraphIndex].text === text) {
+            return null;
+        }
+        const next = [...paragraphs];
+        next[row.paragraphIndex] = { ...next[row.paragraphIndex], text };
+        return next;
+    });
+    return result ?? unchanged([...slides], row);
+}
+function applyIndent(slides, row, delta) {
+    // Titles are the outline's leftmost column and there is nothing to promote
+    // them into: see the module docstring for why demoting one does not merge
+    // slides here.
+    if (row.kind !== 'body' || row.elementId === null || delta === 0) {
+        return unchanged([...slides], row);
+    }
+    const result = editParagraphs(slides, row, (paragraphs) => {
+        const current = paragraphs[row.paragraphIndex];
+        const level = Math.min(Math.max(current.level + (delta > 0 ? 1 : -1), 0), MAX_PARAGRAPH_LEVEL);
+        if (level === current.level) {
+            return null;
+        }
+        const next = [...paragraphs];
+        next[row.paragraphIndex] = { ...current, level };
+        return next;
+    });
+    return result ?? unchanged([...slides], row);
+}
+function applyInsertAfter(slides, row, options) {
+    if (row.kind === 'title') {
+        // PowerPoint's defining outline gesture: Enter on a title starts a slide.
+        const slide = {
+            id: makeSlideId(options.idGenerator),
+            rId: '',
+            slideNumber: row.slideIndex + 2,
+            elements: [],
+        };
+        const next = renumber([
+            ...slides.slice(0, row.slideIndex + 1),
+            slide,
+            ...slides.slice(row.slideIndex + 1),
+        ]);
+        return {
+            slides: next,
+            changed: true,
+            focusKey: outlineRowKey(slide.id, null, 0),
+            activeSlideIndex: row.slideIndex + 1,
+        };
+    }
+    const result = editParagraphs(slides, row, (paragraphs) => {
+        const next = [...paragraphs];
+        next.splice(row.paragraphIndex + 1, 0, {
+            text: '',
+            level: paragraphs[row.paragraphIndex].level,
+        });
+        return next;
+    });
+    if (!result) {
+        return unchanged([...slides], row);
+    }
+    return {
+        ...result,
+        focusKey: outlineRowKey(row.slideId, row.elementId, row.paragraphIndex + 1),
+    };
+}
+/**
+ * Apply one outline edit to a deck.
+ *
+ * Always returns a result, never throws: a key that no longer resolves (the row
+ * was removed by a concurrent collaborator, or the deck reloaded under the
+ * pane) yields `changed: false` rather than an exception thrown at someone who
+ * was only typing.
+ */
+function applyOutlineEdit(slides, edit, options = {}) {
+    const row = findOutlineRow(buildOutline(slides), edit.key);
+    if (!row) {
+        return unchanged([...slides]);
+    }
+    switch (edit.type) {
+        case 'setText':
+            return applySetText(slides, row, edit.text, options);
+        case 'indent':
+            return applyIndent(slides, row, edit.delta);
+        case 'insertAfter':
+            return applyInsertAfter(slides, row, options);
+        default:
+            return unchanged([...slides], row);
+    }
+}
+
 /**
  * The editor keymap: one source of truth for "what does this key do".
  *
@@ -45493,144 +46816,6 @@ const COMMON_FONTS = [
     'Verdana',
 ];
 
-/** MIME type bindings should use when writing the payload as a custom clipboard format. */
-const ELEMENT_CLIPBOARD_MIME_TYPE = 'application/x-pptx-viewer-elements+json';
-/** Marker identifying a serialized element-clipboard payload. */
-const ELEMENT_CLIPBOARD_MARKER = 'pptx-viewer/elements';
-/** Current codec version; {@link deserializeElementClipboard} rejects others. */
-const ELEMENT_CLIPBOARD_VERSION = 1;
-/** Standard paste/duplicate cascade offset in px (applied to both axes). */
-const PASTE_OFFSET_PX = 20;
-/** Generate a unique element id (`el-<timestamp>-<random>`). */
-function generateElementId() {
-    return `el-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-}
-/**
- * Build the id for a pasted / duplicated clone so that it routes to the same
- * store it is inserted into.
- *
- * In edit-template mode the clone lands in the template store, so it must keep
- * a template (`master-` / `layout-`) prefix; otherwise later edits (which route
- * by id prefix) would target the wrong store and be lost. Outside template mode
- * a normal id is generated.
- */
-function makeCloneId(intoTemplate, sourceId) {
-    if (!intoTemplate) {
-        return generateElementId();
-    }
-    if (sourceId.startsWith('master-')) {
-        return `master-${generateElementId()}`;
-    }
-    return `layout-${generateElementId()}`;
-}
-/**
- * Snapshot a copied/cut element into the in-memory clipboard payload.
- * Deep-clones so later canvas edits never mutate the clipboard content.
- */
-function buildElementClipboardPayload(element, isTemplate) {
-    return { element: structuredClone(element), isTemplate };
-}
-/**
- * Produce the clone inserted by paste/duplicate: a deep copy with a fresh
- * (template-prefix aware) id and the standard cascade offset applied.
- */
-function cloneElementForPaste(element, options = {}) {
-    const clone = structuredClone(element);
-    clone.id = makeCloneId(options.intoTemplate ?? false, element.id);
-    clone.x += options.offsetX ?? PASTE_OFFSET_PX;
-    clone.y += options.offsetY ?? PASTE_OFFSET_PX;
-    return clone;
-}
-/** Clone every element in decoded clipboard data for insertion (fresh ids + offset). */
-function prepareElementsForPaste(data, options = {}) {
-    return data.elements.map((element) => cloneElementForPaste(element, options));
-}
-/** Tag used to mark base64-encoded binary fields inside the JSON payload. */
-const BINARY_TAG = '__pptxU8';
-function uint8ToBase64(bytes) {
-    let binary = '';
-    for (let i = 0; i < bytes.length; i++) {
-        binary += String.fromCharCode(bytes[i]);
-    }
-    return btoa(binary);
-}
-function base64ToUint8(base64) {
-    const binary = atob(base64);
-    const bytes = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) {
-        bytes[i] = binary.charCodeAt(i);
-    }
-    return bytes;
-}
-/**
- * Serialize elements to the marked, versioned JSON clipboard string.
- * `Uint8Array` fields anywhere in the element tree (embedded workbooks, raw
- * part bytes) are base64-tagged so they survive the text round trip.
- */
-function serializeElementClipboard(elements, isTemplate = false) {
-    return JSON.stringify({
-        marker: ELEMENT_CLIPBOARD_MARKER,
-        version: ELEMENT_CLIPBOARD_VERSION,
-        isTemplate,
-        elements,
-    }, (_key, value) => {
-        if (value instanceof Uint8Array) {
-            return { [BINARY_TAG]: uint8ToBase64(value) };
-        }
-        return value;
-    });
-}
-function isElementLike(value) {
-    if (typeof value !== 'object' || value === null) {
-        return false;
-    }
-    const candidate = value;
-    return (typeof candidate.id === 'string' &&
-        typeof candidate.type === 'string' &&
-        typeof candidate.x === 'number' &&
-        typeof candidate.y === 'number' &&
-        typeof candidate.width === 'number' &&
-        typeof candidate.height === 'number');
-}
-/**
- * Decode a clipboard string produced by {@link serializeElementClipboard}.
- * Returns `null` for anything else (foreign clipboard text, malformed JSON,
- * wrong marker/version, or structurally invalid elements), so callers can fall
- * back to their plain-text paste path.
- */
-function deserializeElementClipboard(text) {
-    let parsed;
-    try {
-        parsed = JSON.parse(text, (_key, value) => {
-            if (typeof value === 'object' && value !== null) {
-                const tagged = value[BINARY_TAG];
-                if (typeof tagged === 'string') {
-                    return base64ToUint8(tagged);
-                }
-            }
-            return value;
-        });
-    }
-    catch {
-        return null;
-    }
-    if (typeof parsed !== 'object' || parsed === null) {
-        return null;
-    }
-    const candidate = parsed;
-    if (candidate.marker !== ELEMENT_CLIPBOARD_MARKER ||
-        candidate.version !== ELEMENT_CLIPBOARD_VERSION ||
-        !Array.isArray(candidate.elements) ||
-        candidate.elements.length === 0 ||
-        !candidate.elements.every(isElementLike)) {
-        return null;
-    }
-    return {
-        elements: candidate.elements,
-        isTemplate: candidate.isTemplate === true,
-    };
-}
-
 /** Immutably replace one slide's inherited element list. */
 function setTemplateElements(map, slideId, elements) {
     return { ...map, [slideId]: elements };
@@ -53251,6 +54436,48 @@ const 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
@@ -53408,6 +54635,11 @@ const 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',
@@ -56270,7 +57502,7 @@ function createLocalStorageBackend(namespace) {
 /** Try IndexedDB first; fall back to localStorage on any failure. */
 async function resolveBackend(dbName, namespace) {
     try {
-        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-BqhL79Dq.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-DmCC3jY4.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -74602,6 +75834,11 @@ class SlideCanvasComponent {
             position: 'relative',
             overflow: 'hidden',
             'box-shadow': '0 10px 40px rgba(0, 0, 0, 0.35)',
+            // Motion-path keyframes translate by a fraction of the SLIDE, not of the
+            // animated element's own box, so the stage publishes its size for those
+            // `calc(var(--pptx-slide-w) * f)` offsets to resolve against.
+            '--pptx-slide-w': `${size.width}px`,
+            '--pptx-slide-h': `${size.height}px`,
             // Resolved slide background: image → gradient → pattern → solid colour.
             // A stacked overlay layer (the morph departing slide) opts out entirely
             // and stays see-through, so it cannot occlude the stage beneath it.
@@ -77582,6 +78819,249 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [":host{display:block}.pptx-ng-mtoolbar{position:relative;z-index:20;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;min-height:52px;background:color-mix(in srgb,var(--pptx-secondary, #1f2937) 50%,transparent);border-bottom:1px solid var(--pptx-border, #374151);padding-top:max(env(safe-area-inset-top,0px),.25rem)}.pptx-ng-mtoolbar-spacer{flex:1 1 auto}.pptx-ng-mtoolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:none;border-radius:.375rem;background:transparent;color:color-mix(in srgb,var(--pptx-foreground, #f3f4f6) 80%,transparent);cursor:pointer;touch-action:manipulation;transition:background .12s,transform .08s;-webkit-tap-highlight-color:transparent}.pptx-ng-mtoolbar-btn:active:not([disabled]){transform:scale(.92)}.pptx-ng-mtoolbar-btn:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-accent, #1f2937) 60%,transparent)}.pptx-ng-mtoolbar-btn.is-active{color:var(--pptx-primary, #6366f1)}.pptx-ng-mtoolbar-btn[disabled]{opacity:.35;cursor:not-allowed}.pptx-ng-mtoolbar-present{color:var(--pptx-primary, #6366f1)}.pptx-ng-mtoolbar-share{padding:0 .75rem;background:var(--pptx-primary, #6366f1);color:var(--pptx-primary-foreground, #ffffff)}.pptx-ng-mtoolbar-share:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-primary, #6366f1) 90%,transparent)}.pptx-ng-mtoolbar-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.pptx-ng-mtoolbar-icon.is-sm{width:1rem;height:1rem}\n"] }]
         }], propDecorators: { canUndo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUndo", required: false }] }], canRedo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRedo", required: false }] }], canPresent: [{ type: i0.Input, args: [{ isSignal: true, alias: "canPresent", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], menuOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuOpen", required: false }] }], aiEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiEnabled", required: false }] }], aiPanelOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiPanelOpen", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], toggleMenu: [{ type: i0.Output, args: ["toggleMenu"] }], toggleAiPanel: [{ type: i0.Output, args: ["toggleAiPanel"] }], undo: [{ type: i0.Output, args: ["undo"] }], redo: [{ type: i0.Output, args: ["redo"] }], share: [{ type: i0.Output, args: ["share"] }], save: [{ type: i0.Output, args: ["save"] }], present: [{ type: i0.Output, args: ["present"] }] } });
 
+/**
+ * motion-path-overlay.component.ts: draws the selected element's motion path on
+ * the slide stage and lets the user drag its end point.
+ *
+ * Selector: `pptx-motion-path-overlay`
+ *
+ * WHY it is a stage-level sibling and not part of the element's own adorners: a
+ * motion path routinely extends far outside the shape's bounding box, and the
+ * element wrapper carries the shape's rotation / flip transform, which would
+ * skew the path. Projected into the scaled stage (like the collaboration
+ * overlays) it shares the stage's UNSCALED slide-pixel space, so the stage's
+ * own `transform: scale()` applies the on-screen zoom exactly once and the only
+ * zoom maths left is converting a pointer delta back into slide pixels.
+ *
+ * The DOM contract (`data-pptx-motion-path-overlay`,
+ * `data-pptx-motion-path-handle="end"`) is deliberately neutral and identical
+ * in every binding, so `e2e/` can address one viewer the same way it addresses
+ * the next.
+ *
+ * Reference binding: packages/react/src/viewer/components/canvas/MotionPathOverlay.tsx
+ *
+ * @module viewer/motion-path-overlay
+ */
+/** Slide size assumed when the stage cannot be measured (detached overlay). */
+const FALLBACK_CANVAS = { width: 1280, height: 720 };
+class MotionPathOverlayComponent {
+    /** The selected element; its centre is the path origin. */
+    element = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+    /** The active slide's animations; the path is read off the matching entry. */
+    animations = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animations" }] : /* istanbul ignore next */ []));
+    /** Stage size in slide pixels: the unit the path fractions scale by. */
+    canvasSize = input(FALLBACK_CANVAS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canvasSize" }] : /* istanbul ignore next */ []));
+    /** Whether the deck is editable; a read-only deck draws no overlay at all. */
+    canEdit = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    /** Emits an edited path (drag of the end handle) for the host to commit. */
+    pathChange = output();
+    overlayRef = viewChild('overlay', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlayRef" }] : /* istanbul ignore next */ []));
+    drag = null;
+    /** Guards a divide-by-zero when a host passes an unmeasured stage. */
+    size = computed(() => {
+        const size = this.canvasSize();
+        return size.width > 0 && size.height > 0 ? size : FALLBACK_CANVAS;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** The path applied to the selected element, or `''` when there is none. */
+    path = computed(() => {
+        const element = this.element();
+        if (!element || !this.canEdit()) {
+            return '';
+        }
+        return motionPathFor(this.animations(), element.id) ?? '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    /** Slide-pixel frame the path fractions are measured against. */
+    frame = computed(() => {
+        const element = this.element();
+        const size = this.size();
+        return {
+            originX: element ? element.x + element.width / 2 : 0,
+            originY: element ? element.y + element.height / 2 : 0,
+            slideWidth: size.width,
+            slideHeight: size.height,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "frame" }] : /* istanbul ignore next */ []));
+    /** The `d` attribute of the drawn path; empty when nothing is drawable. */
+    pathD = computed(() => {
+        const path = this.path();
+        return path ? motionPathToSvgD(path, this.frame()) : '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pathD" }] : /* istanbul ignore next */ []));
+    /** Where the end handle sits, in slide pixels. */
+    endPoint = computed(() => motionPathEndPixel(this.path(), this.frame()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endPoint" }] : /* istanbul ignore next */ []));
+    /** A closed shape has no free end, so its handle stays inert. */
+    editable = computed(() => this.canEdit() && isEditableMotionPath(this.path()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+    onHandlePointerDown(event) {
+        if (!this.editable()) {
+            return;
+        }
+        event.stopPropagation();
+        event.preventDefault();
+        capturePointer(event);
+        this.drag = { pointerId: event.pointerId, clientX: event.clientX, clientY: event.clientY };
+    }
+    onHandlePointerMove(event) {
+        const drag = this.drag;
+        if (!drag || drag.pointerId !== event.pointerId) {
+            return;
+        }
+        event.stopPropagation();
+        const path = this.path();
+        const frame = this.frame();
+        const scale = this.stageScale();
+        const end = this.endPoint();
+        const nextX = (end.x + (event.clientX - drag.clientX) / scale - frame.originX) / frame.slideWidth;
+        const nextY = (end.y + (event.clientY - drag.clientY) / scale - frame.originY) / frame.slideHeight;
+        const next = setMotionPathEnd(path, nextX, nextY);
+        if (next === path) {
+            return;
+        }
+        // Re-anchor to the pointer so the next move measures from where the path
+        // actually ended up, not from where the gesture began.
+        this.drag = { pointerId: event.pointerId, clientX: event.clientX, clientY: event.clientY };
+        this.pathChange.emit(next);
+    }
+    onHandlePointerUp(event) {
+        if (this.drag?.pointerId !== event.pointerId) {
+            return;
+        }
+        releasePointer(event);
+        this.drag = null;
+    }
+    /**
+     * The stage's on-screen scale, measured rather than plumbed.
+     *
+     * The overlay is rendered INSIDE the scaled stage at slide-pixel size, so the
+     * ratio between its rendered width and the slide width is exactly the scale
+     * the stage transform applied (auto-fit folded with the user's zoom). Reading
+     * it here avoids threading a value the canvas owns privately, per instance,
+     * through the whole viewer.
+     */
+    stageScale() {
+        const svg = this.overlayRef()?.nativeElement;
+        if (!svg) {
+            return 1;
+        }
+        const rendered = svg.getBoundingClientRect().width;
+        return rendered > 0 ? rendered / this.size().width : 1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MotionPathOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MotionPathOverlayComponent, isStandalone: true, selector: "pptx-motion-path-overlay", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, animations: { classPropertyName: "animations", publicName: "animations", isSignal: true, isRequired: false, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pathChange: "pathChange" }, viewQueries: [{ propertyName: "overlayRef", first: true, predicate: ["overlay"], descendants: true, isSignal: true }], ngImport: i0, template: `
+		@if (pathD(); as d) {
+			<svg
+				#overlay
+				class="pptx-ng-motion-path-overlay"
+				data-pptx-motion-path-overlay="true"
+				role="img"
+				[attr.aria-label]="'pptx.animation.motionPath.overlay' | translate"
+				[attr.width]="size().width"
+				[attr.height]="size().height"
+			>
+				<path
+					[attr.d]="d"
+					fill="none"
+					stroke="#0ea5e9"
+					stroke-width="2"
+					stroke-dasharray="6 4"
+					vector-effect="non-scaling-stroke"
+				/>
+				<circle
+					[attr.cx]="frame().originX"
+					[attr.cy]="frame().originY"
+					r="5"
+					fill="#0ea5e9"
+					opacity="0.55"
+				/>
+				<circle
+					data-pptx-motion-path-handle="end"
+					[class.is-editable]="editable()"
+					[attr.cx]="endPoint().x"
+					[attr.cy]="endPoint().y"
+					r="7"
+					fill="#ffffff"
+					stroke="#0ea5e9"
+					stroke-width="2"
+					[attr.aria-label]="'pptx.animation.motionPath.endHandle' | translate"
+					(pointerdown)="onHandlePointerDown($event)"
+					(pointermove)="onHandlePointerMove($event)"
+					(pointerup)="onHandlePointerUp($event)"
+					(pointercancel)="onHandlePointerUp($event)"
+				/>
+			</svg>
+		}
+	`, isInline: true, styles: [":host{position:absolute;inset:0;pointer-events:none;overflow:visible}.pptx-ng-motion-path-overlay{position:absolute;top:0;left:0;z-index:45;pointer-events:none;overflow:visible}circle.is-editable{pointer-events:auto;cursor:move}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MotionPathOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-motion-path-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		@if (pathD(); as d) {
+			<svg
+				#overlay
+				class="pptx-ng-motion-path-overlay"
+				data-pptx-motion-path-overlay="true"
+				role="img"
+				[attr.aria-label]="'pptx.animation.motionPath.overlay' | translate"
+				[attr.width]="size().width"
+				[attr.height]="size().height"
+			>
+				<path
+					[attr.d]="d"
+					fill="none"
+					stroke="#0ea5e9"
+					stroke-width="2"
+					stroke-dasharray="6 4"
+					vector-effect="non-scaling-stroke"
+				/>
+				<circle
+					[attr.cx]="frame().originX"
+					[attr.cy]="frame().originY"
+					r="5"
+					fill="#0ea5e9"
+					opacity="0.55"
+				/>
+				<circle
+					data-pptx-motion-path-handle="end"
+					[class.is-editable]="editable()"
+					[attr.cx]="endPoint().x"
+					[attr.cy]="endPoint().y"
+					r="7"
+					fill="#ffffff"
+					stroke="#0ea5e9"
+					stroke-width="2"
+					[attr.aria-label]="'pptx.animation.motionPath.endHandle' | translate"
+					(pointerdown)="onHandlePointerDown($event)"
+					(pointermove)="onHandlePointerMove($event)"
+					(pointerup)="onHandlePointerUp($event)"
+					(pointercancel)="onHandlePointerUp($event)"
+				/>
+			</svg>
+		}
+	`, styles: [":host{position:absolute;inset:0;pointer-events:none;overflow:visible}.pptx-ng-motion-path-overlay{position:absolute;top:0;left:0;z-index:45;pointer-events:none;overflow:visible}circle.is-editable{pointer-events:auto;cursor:move}\n"] }]
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], animations: [{ type: i0.Input, args: [{ isSignal: true, alias: "animations", required: false }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], pathChange: [{ type: i0.Output, args: ["pathChange"] }], overlayRef: [{ type: i0.ViewChild, args: ['overlay', { isSignal: true }] }] } });
+/** Capture the pointer on the handle so a fast drag cannot outrun it. */
+function capturePointer(event) {
+    const target = event.target;
+    if (target instanceof Element && typeof target.setPointerCapture === 'function') {
+        target.setPointerCapture(event.pointerId);
+    }
+}
+function releasePointer(event) {
+    const target = event.target;
+    if (target instanceof Element && typeof target.releasePointerCapture === 'function') {
+        target.releasePointerCapture(event.pointerId);
+    }
+}
+
 /**
  * notes-toolbar.component.ts: formatting toolbar for the rich speaker-notes
  * editor. Private child of {@link NotesPanelComponent} (not exported from the
@@ -78246,6 +79726,315 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [":host{display:block}.pptx-ng-notes-panel{display:flex;flex-direction:column;border-top:1px solid var(--pptx-border, rgba(0, 0, 0, .1));background:var(--pptx-background, #ffffff);color:var(--pptx-foreground, #111827)}.pptx-ng-notes-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:none;background:transparent;font-size:.8125rem;font-weight:600;color:var(--pptx-muted-foreground, #6b7280);cursor:pointer}.pptx-ng-notes-header:hover{color:var(--pptx-foreground, #111827)}.pptx-ng-notes-body{padding:0 .75rem .75rem}.pptx-ng-notes-rich,.pptx-ng-notes-textarea{box-sizing:border-box;width:100%;min-height:5rem;padding:.5rem;border:1px solid rgba(0,0,0,.15);border-radius:.375rem;background:#00000008;font:inherit;font-size:.8125rem;line-height:1.5;color:#111827}.pptx-ng-notes-rich{overflow:auto;resize:vertical}.pptx-ng-notes-textarea{resize:vertical}.pptx-ng-notes-rich:focus,.pptx-ng-notes-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 1px #6366f14d}.pptx-ng-notes-textarea:disabled{cursor:not-allowed;opacity:.6}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slide: [{ type: i0.Input, args: [{ isSignal: true, alias: "slide", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], update: [{ type: i0.Output, args: ["update"] }], notesToggle: [{ type: i0.Output, args: ["notesToggle"] }], richEditor: [{ type: i0.ViewChild, args: ['richEditor', { isSignal: true }] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }] } });
 
+/**
+ * outline-view-overlay.styles.ts: CSS for PowerPoint's Outline view.
+ *
+ * Lifted out of the component (as `reading-view-overlay.styles.ts` was) so that
+ * file stays a template plus its wiring and keeps under this repo's 300-LOC
+ * cap. A plain exported const still compiles AOT: ng-packagr statically
+ * evaluates the imported string.
+ *
+ * @module angular-viewer/outline-view-overlay.styles
+ */
+/**
+ * Styles for `pptx-outline-view-overlay`.
+ *
+ * `position: fixed; inset: 0` fills the browser WINDOW without the Fullscreen
+ * API, matching the sibling reading view and slide sorter overlays.
+ */
+const OUTLINE_VIEW_OVERLAY_STYLES = `
+	.pptx-ng-outline-root {
+		position: fixed;
+		inset: 0;
+		z-index: 1300;
+		display: flex;
+		flex-direction: column;
+		background: #171717;
+		color: #f5f5f5;
+	}
+
+	.pptx-ng-outline-bar {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		padding: 0.5rem 1rem;
+		border-bottom: 1px solid rgb(255 255 255 / 0.1);
+	}
+
+	.pptx-ng-outline-title {
+		font-size: 0.875rem;
+		font-weight: 600;
+	}
+
+	.pptx-ng-outline-hint {
+		flex: 1 1 auto;
+		overflow: hidden;
+		font-size: 0.6875rem;
+		color: rgb(255 255 255 / 0.5);
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.pptx-ng-outline-btn {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 2rem;
+		height: 2rem;
+		padding: 0;
+		color: rgb(255 255 255 / 0.8);
+		background: transparent;
+		border: 0;
+		border-radius: 0.25rem;
+		cursor: pointer;
+	}
+
+	.pptx-ng-outline-btn:hover {
+		color: #ffffff;
+		background: rgb(255 255 255 / 0.15);
+	}
+
+	.pptx-ng-outline-rows {
+		flex: 1 1 auto;
+		min-height: 0;
+		overflow: auto;
+		padding: 0.75rem 1rem;
+	}
+
+	.pptx-ng-outline-row {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 0.125rem 0;
+	}
+
+	.pptx-ng-outline-number {
+		width: 1.5rem;
+		flex: 0 0 auto;
+		font-size: 0.625rem;
+		font-variant-numeric: tabular-nums;
+		color: rgb(255 255 255 / 0.4);
+		text-align: right;
+	}
+
+	.pptx-ng-outline-input {
+		width: 100%;
+		padding: 0.125rem 0.25rem;
+		font-size: 0.8125rem;
+		color: rgb(255 255 255 / 0.8);
+		background: transparent;
+		border: 0;
+		border-radius: 0.25rem;
+		outline: none;
+	}
+
+	.pptx-ng-outline-input.is-title {
+		font-size: 0.875rem;
+		font-weight: 600;
+		color: #f5f5f5;
+	}
+
+	.pptx-ng-outline-input:focus {
+		background: rgb(255 255 255 / 0.1);
+	}
+`;
+
+/**
+ * outline-view-overlay.component.ts: PowerPoint's Outline view, Angular binding.
+ *
+ * The deck as an editable indented text document: one row per slide title at
+ * the left margin, that slide's body lines stepped in beneath it. Typing edits
+ * the slide, Tab and Shift+Tab change a line's outline level, and Enter on a
+ * title starts a new slide.
+ *
+ * Every rule (what a row is, what Tab does, which edit produces a new slide)
+ * comes from `render/outline-view` and `render/outline-view-edit` in
+ * `pptx-viewer-shared`, so the five bindings cannot drift apart. Nothing in
+ * this file decides what an outline gesture means.
+ *
+ * The deck it edits is the EDITABLE one, never the merged display deck: Angular
+ * partitions each slide's inherited master/layout elements into a separate
+ * store, and committing a merged deck back would bake that whole template layer
+ * into every slide's own elements.
+ *
+ * Reference binding: packages/react/src/viewer/components/OutlineViewOverlay.tsx
+ */
+/** Indent per outline level, in pixels. Level 0 (a title) sits flush left. */
+const INDENT_PX = 22;
+class OutlineViewOverlayComponent {
+    /** The editable (template-free) deck. See the class docstring for why. */
+    slides = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slides" }] : /* istanbul ignore next */ []));
+    canvasSize = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canvasSize" }] : /* istanbul ignore next */ []));
+    canEdit = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    /** Emits the deck after an edit, so the host records ONE undo entry. */
+    commit = output();
+    closed = output();
+    INDENT_PX = INDENT_PX;
+    rows = computed(() => buildOutline(this.slides()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    rowsHost = viewChild('rowsHost', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowsHost" }] : /* istanbul ignore next */ []));
+    onInput(event, key) {
+        const target = event.target;
+        this.run({ type: 'setText', key, text: target?.value ?? '' });
+    }
+    onRowKeyDown(event, key) {
+        const { edit, preventDefault } = mapOutlineKey(event, key);
+        if (preventDefault) {
+            // Tab would otherwise walk out of the outline entirely, and Enter would
+            // submit a surrounding form on a host page that has one.
+            event.preventDefault();
+        }
+        if (edit) {
+            this.run(edit);
+        }
+    }
+    run(edit) {
+        if (!this.canEdit()) {
+            return;
+        }
+        const result = applyOutlineEdit(this.slides(), edit, { canvas: this.canvasSize() });
+        if (!result.changed) {
+            return;
+        }
+        this.commit.emit({ slides: result.slides, activeSlideIndex: result.activeSlideIndex });
+        this.focusRow(result.focusKey);
+    }
+    /**
+     * Restore the caret after the host has re-fed the new deck.
+     *
+     * Deferred to a microtask because the row that should take focus may not
+     * exist yet: a new slide's title row only enters the DOM once change
+     * detection has run over the committed deck.
+     */
+    focusRow(key) {
+        if (!key) {
+            return;
+        }
+        queueMicrotask(() => {
+            const selector = `[${OUTLINE_ROW_ATTR}="${CSS.escape(key)}"]`;
+            const target = this.rowsHost()?.nativeElement.querySelector(selector);
+            if (target && document.activeElement !== target) {
+                target.focus();
+                target.setSelectionRange(target.value.length, target.value.length);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OutlineViewOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: OutlineViewOverlayComponent, isStandalone: true, selector: "pptx-outline-view-overlay", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: false, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { commit: "commit", closed: "closed" }, viewQueries: [{ propertyName: "rowsHost", first: true, predicate: ["rowsHost"], descendants: true, isSignal: true }], ngImport: i0, template: `
+		<div
+			class="pptx-ng-outline-root"
+			[attr.data-pptx-outline-view]="'true'"
+			role="region"
+			[attr.aria-label]="'pptx.view.outlineView' | translate"
+		>
+			<div class="pptx-ng-outline-bar">
+				<span class="pptx-ng-outline-title">{{ 'pptx.view.outlineView' | translate }}</span>
+				<span class="pptx-ng-outline-hint">{{ 'pptx.outline.hint' | translate }}</span>
+				<button
+					type="button"
+					class="pptx-ng-outline-btn"
+					[attr.aria-label]="'pptx.statusBar.normalView' | translate"
+					[title]="'pptx.statusBar.normalView' | translate"
+					(click)="closed.emit()"
+				>
+					<svg lucideX class="h-4 w-4"></svg>
+				</button>
+			</div>
+
+			<div #rowsHost class="pptx-ng-outline-rows">
+				@for (row of rows(); track row.key) {
+					<div class="pptx-ng-outline-row" [style.padding-left.px]="row.level * INDENT_PX">
+						<!--
+							The slide number is drawn only on a slide's first row, which is
+							always its title row, so the outline reads as a list of slides
+							rather than as one undifferentiated wall of lines.
+						-->
+						<span class="pptx-ng-outline-number">{{
+							row.kind === 'title' ? row.slideIndex + 1 : ''
+						}}</span>
+						<input
+							type="text"
+							class="pptx-ng-outline-input"
+							[class.is-title]="row.kind === 'title'"
+							[value]="row.text"
+							[readOnly]="!canEdit()"
+							[attr.data-pptx-outline-row]="row.key"
+							[attr.data-pptx-outline-slide]="row.slideIndex + 1"
+							[attr.data-pptx-outline-level]="row.level"
+							[attr.aria-label]="
+								(row.kind === 'title' ? 'pptx.outline.titleLine' : 'pptx.outline.bodyLine')
+									| translate
+							"
+							(input)="onInput($event, row.key)"
+							(keydown)="onRowKeyDown($event, row.key)"
+						/>
+					</div>
+				}
+			</div>
+		</div>
+	`, isInline: true, styles: [".pptx-ng-outline-root{position:fixed;inset:0;z-index:1300;display:flex;flex-direction:column;background:#171717;color:#f5f5f5}.pptx-ng-outline-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1)}.pptx-ng-outline-title{font-size:.875rem;font-weight:600}.pptx-ng-outline-hint{flex:1 1 auto;overflow:hidden;font-size:.6875rem;color:#ffffff80;text-overflow:ellipsis;white-space:nowrap}.pptx-ng-outline-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#fffc;background:transparent;border:0;border-radius:.25rem;cursor:pointer}.pptx-ng-outline-btn:hover{color:#fff;background:#ffffff26}.pptx-ng-outline-rows{flex:1 1 auto;min-height:0;overflow:auto;padding:.75rem 1rem}.pptx-ng-outline-row{display:flex;align-items:center;gap:.5rem;padding:.125rem 0}.pptx-ng-outline-number{width:1.5rem;flex:0 0 auto;font-size:.625rem;font-variant-numeric:tabular-nums;color:#fff6;text-align:right}.pptx-ng-outline-input{width:100%;padding:.125rem .25rem;font-size:.8125rem;color:#fffc;background:transparent;border:0;border-radius:.25rem;outline:none}.pptx-ng-outline-input.is-title{font-size:.875rem;font-weight:600;color:#f5f5f5}.pptx-ng-outline-input:focus{background:#ffffff1a}\n"], dependencies: [{ kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OutlineViewOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-outline-view-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, LucideX], template: `
+		<div
+			class="pptx-ng-outline-root"
+			[attr.data-pptx-outline-view]="'true'"
+			role="region"
+			[attr.aria-label]="'pptx.view.outlineView' | translate"
+		>
+			<div class="pptx-ng-outline-bar">
+				<span class="pptx-ng-outline-title">{{ 'pptx.view.outlineView' | translate }}</span>
+				<span class="pptx-ng-outline-hint">{{ 'pptx.outline.hint' | translate }}</span>
+				<button
+					type="button"
+					class="pptx-ng-outline-btn"
+					[attr.aria-label]="'pptx.statusBar.normalView' | translate"
+					[title]="'pptx.statusBar.normalView' | translate"
+					(click)="closed.emit()"
+				>
+					<svg lucideX class="h-4 w-4"></svg>
+				</button>
+			</div>
+
+			<div #rowsHost class="pptx-ng-outline-rows">
+				@for (row of rows(); track row.key) {
+					<div class="pptx-ng-outline-row" [style.padding-left.px]="row.level * INDENT_PX">
+						<!--
+							The slide number is drawn only on a slide's first row, which is
+							always its title row, so the outline reads as a list of slides
+							rather than as one undifferentiated wall of lines.
+						-->
+						<span class="pptx-ng-outline-number">{{
+							row.kind === 'title' ? row.slideIndex + 1 : ''
+						}}</span>
+						<input
+							type="text"
+							class="pptx-ng-outline-input"
+							[class.is-title]="row.kind === 'title'"
+							[value]="row.text"
+							[readOnly]="!canEdit()"
+							[attr.data-pptx-outline-row]="row.key"
+							[attr.data-pptx-outline-slide]="row.slideIndex + 1"
+							[attr.data-pptx-outline-level]="row.level"
+							[attr.aria-label]="
+								(row.kind === 'title' ? 'pptx.outline.titleLine' : 'pptx.outline.bodyLine')
+									| translate
+							"
+							(input)="onInput($event, row.key)"
+							(keydown)="onRowKeyDown($event, row.key)"
+						/>
+					</div>
+				}
+			</div>
+		</div>
+	`, styles: [".pptx-ng-outline-root{position:fixed;inset:0;z-index:1300;display:flex;flex-direction:column;background:#171717;color:#f5f5f5}.pptx-ng-outline-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1)}.pptx-ng-outline-title{font-size:.875rem;font-weight:600}.pptx-ng-outline-hint{flex:1 1 auto;overflow:hidden;font-size:.6875rem;color:#ffffff80;text-overflow:ellipsis;white-space:nowrap}.pptx-ng-outline-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#fffc;background:transparent;border:0;border-radius:.25rem;cursor:pointer}.pptx-ng-outline-btn:hover{color:#fff;background:#ffffff26}.pptx-ng-outline-rows{flex:1 1 auto;min-height:0;overflow:auto;padding:.75rem 1rem}.pptx-ng-outline-row{display:flex;align-items:center;gap:.5rem;padding:.125rem 0}.pptx-ng-outline-number{width:1.5rem;flex:0 0 auto;font-size:.625rem;font-variant-numeric:tabular-nums;color:#fff6;text-align:right}.pptx-ng-outline-input{width:100%;padding:.125rem .25rem;font-size:.8125rem;color:#fffc;background:transparent;border:0;border-radius:.25rem;outline:none}.pptx-ng-outline-input.is-title{font-size:.875rem;font-weight:600;color:#f5f5f5}.pptx-ng-outline-input:focus{background:#ffffff1a}\n"] }]
+        }], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: false }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], commit: [{ type: i0.Output, args: ["commit"] }], closed: [{ type: i0.Output, args: ["closed"] }], rowsHost: [{ type: i0.ViewChild, args: ['rowsHost', { isSignal: true }] }] } });
+
 /**
  * A drop-in replacement for `html2canvas(element, options)` that first
  * resolves any oklch / oklab / lch / lab / color() values in the cloned
@@ -83587,6 +85376,13 @@ class PresentationOverlayComponent {
             width: `${size.width * z}px`,
             height: `${size.height * z}px`,
             transform: 'translate(-50%, -50%)',
+            // Motion-path keyframes translate by a fraction of the SLIDE (see
+            // `slideOffset` in the shared timeline helpers), so the presentation
+            // stage publishes the slide size the same way the editing stage does.
+            // Without it every parsed path falls back to the 1280x720 default and a
+            // deck authored at another size under-travels.
+            '--pptx-slide-w': `${size.width}px`,
+            '--pptx-slide-h': `${size.height}px`,
         };
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "stageContainerStyle" }] : /* istanbul ignore next */ []));
@@ -86936,6 +88732,121 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], addAnimation: [{ type: i0.Output, args: ["addAnimation"] }] } });
 
+/**
+ * ribbon-motion-path-gallery.component.ts: the Animations tab's motion-path
+ * gallery (PowerPoint's Lines / Arcs / Turns / Shapes / Loops families).
+ *
+ * Its own component rather than more markup inside
+ * {@link RibbonAnimationsSectionComponent} for the same reason
+ * {@link RibbonAnimationGalleryComponent} is: the catalogue is thirty-odd
+ * buttons, which would push that file past this repo's 300-LOC cap on its own.
+ *
+ * WHY it is a SIBLING of the entrance/emphasis/exit gallery and not a fourth
+ * column of it: a motion path is not one of those three buckets. It is
+ * geometry that coexists with them on the SAME animation entry, so folding it
+ * into the preset columns would imply a mutually exclusive choice the model
+ * does not make (an element can fade in AND travel a path).
+ *
+ * Every path is a real <button> carrying its translated name as both `title`
+ * and visible text, because `e2e/ribbon-control-inventory.spec.ts` inventories
+ * each tab by accessible name and diffs every binding against React: a gallery
+ * hidden behind a hover menu, or one whose buttons are named by an icon only,
+ * is a gallery a screen-reader user (and that spec) does not have. The columns
+ * come from the shared catalogue rather than a hand-written list so a preset
+ * added there needs no follow-up in five bindings.
+ */
+/**
+ * The gallery's columns, in the shared catalogue's own (ribbon) order.
+ *
+ * Built once at module load: the catalogue is static, so recomputing it per
+ * change-detection pass would allocate thirty view models for nothing.
+ */
+const MOTION_PATH_COLUMNS = MOTION_PATH_FAMILIES.map((family) => ({
+    family,
+    labelKey: motionPathFamilyLabelKey(family),
+    presets: motionPathPresetsByFamily(family).map((preset) => ({
+        id: preset.id,
+        labelKey: motionPathPresetLabelKey(preset.id),
+    })),
+}));
+class RibbonMotionPathGalleryComponent {
+    /** True when the deck is not editable or nothing is selected. */
+    disabled = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Emits the catalogue preset id of the pressed path. */
+    applyMotionPath = output();
+    columns = MOTION_PATH_COLUMNS;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonMotionPathGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: RibbonMotionPathGalleryComponent, isStandalone: true, selector: "pptx-ribbon-motion-path-gallery", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyMotionPath: "applyMotionPath" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+		<div
+			role="group"
+			class="flex max-h-[62px] items-start gap-2 overflow-y-auto rounded-sm border border-border/60 bg-muted/30 px-1.5 py-1"
+			[attr.aria-label]="'pptx.animations.motionPathGalleryAria' | translate"
+		>
+			@for (column of columns; track column.family) {
+				<div class="flex flex-col gap-0.5">
+					<span class="text-[9px] font-semibold leading-3 text-muted-foreground">
+						{{ column.labelKey | translate }}
+					</span>
+					<div class="flex max-w-[150px] flex-wrap gap-0.5">
+						@for (preset of column.presets; track preset.id) {
+							<button
+								type="button"
+								class="inline-flex items-center gap-0.5 rounded-sm px-1 py-0.5 text-[9px] leading-3 text-foreground transition-colors hover:bg-accent disabled:opacity-35"
+								[disabled]="disabled()"
+								[title]="preset.labelKey | translate"
+								(click)="applyMotionPath.emit(preset.id)"
+							>
+								<svg lucideMoveRight aria-hidden="true" class="h-2.5 w-2.5 text-sky-500"></svg>
+								<span class="whitespace-nowrap">{{ preset.labelKey | translate }}</span>
+							</button>
+						}
+					</div>
+				</div>
+			}
+		</div>
+	`, isInline: true, dependencies: [{ kind: "component", type: LucideMoveRight, selector: "svg[lucideMoveRight]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonMotionPathGalleryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-ribbon-motion-path-gallery',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
+                    imports: [TranslatePipe, LucideMoveRight],
+                    template: `
+		<div
+			role="group"
+			class="flex max-h-[62px] items-start gap-2 overflow-y-auto rounded-sm border border-border/60 bg-muted/30 px-1.5 py-1"
+			[attr.aria-label]="'pptx.animations.motionPathGalleryAria' | translate"
+		>
+			@for (column of columns; track column.family) {
+				<div class="flex flex-col gap-0.5">
+					<span class="text-[9px] font-semibold leading-3 text-muted-foreground">
+						{{ column.labelKey | translate }}
+					</span>
+					<div class="flex max-w-[150px] flex-wrap gap-0.5">
+						@for (preset of column.presets; track preset.id) {
+							<button
+								type="button"
+								class="inline-flex items-center gap-0.5 rounded-sm px-1 py-0.5 text-[9px] leading-3 text-foreground transition-colors hover:bg-accent disabled:opacity-35"
+								[disabled]="disabled()"
+								[title]="preset.labelKey | translate"
+								(click)="applyMotionPath.emit(preset.id)"
+							>
+								<svg lucideMoveRight aria-hidden="true" class="h-2.5 w-2.5 text-sky-500"></svg>
+								<span class="whitespace-nowrap">{{ preset.labelKey | translate }}</span>
+							</button>
+						}
+					</div>
+				</div>
+			}
+		</div>
+	`,
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], applyMotionPath: [{ type: i0.Output, args: ["applyMotionPath"] }] } });
+
 /**
  * ribbon-animations-section.component.ts: the Animations ribbon tab (Preview,
  * the entrance/emphasis/exit gallery, the Advanced Animation group, and the
@@ -86969,10 +88880,36 @@ class RibbonAnimationsSectionComponent {
     canAuthor() {
         return canAuthorAnimation(this.canEdit(), this.hasSel());
     }
+    /** The path the one-click "Path Animation" command applies. */
+    defaultMotionPathPresetId = DEFAULT_MOTION_PATH_PRESET_ID;
     /** Apply the preset a gallery button asked for. */
     onGalleryPick(pick) {
         this.addAnimation(pick.preset, pick.group);
     }
+    /**
+     * Apply a catalogue motion path to the selected element.
+     *
+     * Separate from {@link addAnimation} because a path is written to the
+     * `motionPath` field of the SAME animation entry the preset buckets use, not
+     * to one of those buckets: applying a path must not wipe an entrance the
+     * element already carries, and clearing that entrance later must not wipe
+     * the path. The shared helper owns both rules.
+     */
+    applyMotionPath(presetId) {
+        if (!this.canEdit()) {
+            return;
+        }
+        const el = this.selectedElement();
+        if (!el) {
+            return;
+        }
+        const slide = this.editor.slides()[this.slideIndex()];
+        if (!slide) {
+            return;
+        }
+        const updated = applyMotionPathPreset(slide.animations ?? [], el.id, presetId);
+        this.editor.updateSlide(this.slideIndex(), { animations: updated });
+    }
     /**
      * Add an animation preset to the selected element on the active slide.
      * Delegates to the immutable helpers in animation-author-helpers.ts and
@@ -87038,6 +88975,28 @@ class RibbonAnimationsSectionComponent {
 			(addAnimation)="onGalleryPick($event)"
 		/>
 		<span class="pptx-rb-sep"></span>
+		<!--
+			Motion Paths: its own captioned group (a path is geometry that coexists
+			with the preset buckets, not a fourth bucket of them), capped at React's
+			own 420px. Uncapped, five 150px family columns claim ~800px of a
+			single-row ribbon and squeeze the Advanced Animation pills beside them
+			until their labels overlap.
+		-->
+		<section
+			class="relative flex max-w-[420px] shrink items-start gap-1 overflow-hidden pb-3"
+			[attr.aria-label]="'pptx.animation.motionPath' | translate"
+		>
+			<pptx-ribbon-motion-path-gallery
+				[disabled]="!canAuthor()"
+				(applyMotionPath)="applyMotionPath($event)"
+			/>
+			<span
+				class="pointer-events-none absolute inset-x-1 bottom-0 truncate text-center text-[9px] leading-3 text-muted-foreground"
+			>
+				{{ 'pptx.animation.motionPath' | translate }}
+			</span>
+		</section>
+		<span class="pptx-rb-sep"></span>
 		<!-- Advanced Animation -->
 		<button
 			type="button"
@@ -87048,11 +89007,15 @@ class RibbonAnimationsSectionComponent {
 			<svg lucideStar class="h-4 w-4 text-red-500"></svg>
 			{{ 'pptx.animations.exitEffects' | translate }}
 		</button>
+		<!--
+			One-click default path (Lines: Right). It used to apply a Fly In
+			entrance, which is not a path at all.
+		-->
 		<button
 			type="button"
 			class="pptx-rb-pill"
 			[disabled]="!canAuthor()"
-			(click)="addAnimation('flyIn', 'entrance')"
+			(click)="applyMotionPath(defaultMotionPathPresetId)"
 		>
 			<svg lucideMoveRight class="h-4 w-4"></svg>
 			{{ 'pptx.animations.pathAnimation' | translate }}
@@ -87128,7 +89091,7 @@ class RibbonAnimationsSectionComponent {
 				disabled
 			/>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "component", type: LucidePlay, selector: "svg[lucidePlay]" }, { kind: "component", type: LucideSparkles, selector: "svg[lucideSparkles], svg[lucideStars]" }, { kind: "component", type: LucideStar, selector: "svg[lucideStar]" }, { kind: "component", type: LucideMoveRight, selector: "svg[lucideMoveRight]" }, { kind: "component", type: LucideMousePointerClick, selector: "svg[lucideMousePointerClick]" }, { kind: "component", type: LucidePaintbrush, selector: "svg[lucidePaintbrush]" }, { kind: "component", type: LucideClock3, selector: "svg[lucideClock3]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucidePanelRight, selector: "svg[lucidePanelRight]" }, { kind: "component", type: RibbonAnimationGalleryComponent, selector: "pptx-ribbon-animation-gallery", inputs: ["disabled"], outputs: ["addAnimation"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: LucidePlay, selector: "svg[lucidePlay]" }, { kind: "component", type: LucideSparkles, selector: "svg[lucideSparkles], svg[lucideStars]" }, { kind: "component", type: LucideStar, selector: "svg[lucideStar]" }, { kind: "component", type: LucideMoveRight, selector: "svg[lucideMoveRight]" }, { kind: "component", type: LucideMousePointerClick, selector: "svg[lucideMousePointerClick]" }, { kind: "component", type: LucidePaintbrush, selector: "svg[lucidePaintbrush]" }, { kind: "component", type: LucideClock3, selector: "svg[lucideClock3]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucidePanelRight, selector: "svg[lucidePanelRight]" }, { kind: "component", type: RibbonAnimationGalleryComponent, selector: "pptx-ribbon-animation-gallery", inputs: ["disabled"], outputs: ["addAnimation"] }, { kind: "component", type: RibbonMotionPathGalleryComponent, selector: "pptx-ribbon-motion-path-gallery", inputs: ["disabled"], outputs: ["applyMotionPath"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonAnimationsSectionComponent, decorators: [{
             type: Component,
@@ -87149,6 +89112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         LucideTrash2,
                         LucidePanelRight,
                         RibbonAnimationGalleryComponent,
+                        RibbonMotionPathGalleryComponent,
                     ],
                     template: `
 		<!-- Preview: plays presentation from this slide; no element-only preview API yet -->
@@ -87168,6 +89132,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 			(addAnimation)="onGalleryPick($event)"
 		/>
 		<span class="pptx-rb-sep"></span>
+		<!--
+			Motion Paths: its own captioned group (a path is geometry that coexists
+			with the preset buckets, not a fourth bucket of them), capped at React's
+			own 420px. Uncapped, five 150px family columns claim ~800px of a
+			single-row ribbon and squeeze the Advanced Animation pills beside them
+			until their labels overlap.
+		-->
+		<section
+			class="relative flex max-w-[420px] shrink items-start gap-1 overflow-hidden pb-3"
+			[attr.aria-label]="'pptx.animation.motionPath' | translate"
+		>
+			<pptx-ribbon-motion-path-gallery
+				[disabled]="!canAuthor()"
+				(applyMotionPath)="applyMotionPath($event)"
+			/>
+			<span
+				class="pointer-events-none absolute inset-x-1 bottom-0 truncate text-center text-[9px] leading-3 text-muted-foreground"
+			>
+				{{ 'pptx.animation.motionPath' | translate }}
+			</span>
+		</section>
+		<span class="pptx-rb-sep"></span>
 		<!-- Advanced Animation -->
 		<button
 			type="button"
@@ -87178,11 +89164,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 			<svg lucideStar class="h-4 w-4 text-red-500"></svg>
 			{{ 'pptx.animations.exitEffects' | translate }}
 		</button>
+		<!--
+			One-click default path (Lines: Right). It used to apply a Fly In
+			entrance, which is not a path at all.
+		-->
 		<button
 			type="button"
 			class="pptx-rb-pill"
 			[disabled]="!canAuthor()"
-			(click)="addAnimation('flyIn', 'entrance')"
+			(click)="applyMotionPath(defaultMotionPathPresetId)"
 		>
 			<svg lucideMoveRight class="h-4 w-4"></svg>
 			{{ 'pptx.animations.pathAnimation' | translate }}
@@ -88484,6 +90474,8 @@ class RibbonViewSectionComponent {
     openSorter = output();
     /** Enter Reading View: the deck full-window, NOT the fullscreen slide show. */
     openReadingView = output();
+    /** Enter Outline view: the deck as editable indented text. */
+    openOutlineView = output();
     openMasterView = output();
     toggleGrid = output();
     toggleRulers = output();
@@ -88495,7 +90487,7 @@ class RibbonViewSectionComponent {
     zoomToFit = output();
     toggleEyedropper = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonViewSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: RibbonViewSectionComponent, isStandalone: true, selector: "pptx-ribbon-view-section", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openSorter: "openSorter", openReadingView: "openReadingView", openMasterView: "openMasterView", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: RibbonViewSectionComponent, isStandalone: true, selector: "pptx-ribbon-view-section", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openSorter: "openSorter", openReadingView: "openReadingView", openOutlineView: "openOutlineView", openMasterView: "openMasterView", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<!-- Presentation views -->
 		<button type="button" class="pptx-rb-pill" [title]="'pptx.view.normal' | translate">
 			{{ 'pptx.view.normal' | translate }}
@@ -88508,6 +90500,14 @@ class RibbonViewSectionComponent {
 		>
 			{{ 'pptx.slideSorter.title' | translate }}
 		</button>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.view.outlineViewTooltip' | translate"
+			(click)="openOutlineView.emit()"
+		>
+			{{ 'pptx.view.outlineView' | translate }}
+		</button>
 		<button
 			type="button"
 			class="pptx-rb-pill"
@@ -88669,6 +90669,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 		>
 			{{ 'pptx.slideSorter.title' | translate }}
 		</button>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.view.outlineViewTooltip' | translate"
+			(click)="openOutlineView.emit()"
+		>
+			{{ 'pptx.view.outlineView' | translate }}
+		</button>
 		<button
 			type="button"
 			class="pptx-rb-pill"
@@ -88809,7 +90817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 		</button>
 	`,
                 }]
-        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }] } });
+        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openOutlineView: [{ type: i0.Output, args: ["openOutlineView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }] } });
 
 /**
  * ribbon-content-secondary.component.ts: the ribbon's Slide Show/Review/View/
@@ -88880,6 +90888,7 @@ class RibbonContentSecondaryComponent {
     openSorter = output();
     /** View tab > Reading View: the deck full-window, not the slide show. */
     openReadingView = output();
+    openOutlineView = output();
     openMasterView = output();
     toggleNotes = output();
     toggleInspector = output();
@@ -88918,7 +90927,7 @@ class RibbonContentSecondaryComponent {
         this.drawToolChange.emit(state);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonContentSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: RibbonContentSecondaryComponent, isStandalone: true, selector: "pptx-ribbon-content-secondary", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, spellCheckEnabled: { classPropertyName: "spellCheckEnabled", publicName: "spellCheckEnabled", isSignal: true, isRequired: false, transformFunction: null }, showSubtitles: { classPropertyName: "showSubtitles", publicName: "showSubtitles", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { present: "present", presenter: "presenter", record: "record", presentFromBeginning: "presentFromBeginning", rehearseTimings: "rehearseTimings", toggleSubtitles: "toggleSubtitles", openSubtitleSettings: "openSubtitleSettings", recordFromBeginning: "recordFromBeginning", recordFromCurrent: "recordFromCurrent", spellCheckChange: "spellCheckChange", broadcast: "broadcast", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", openReadingView: "openReadingView", openMasterView: "openMasterView", toggleNotes: "toggleNotes", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openShortcuts: "openShortcuts", openSettings: "openSettings" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: RibbonContentSecondaryComponent, isStandalone: true, selector: "pptx-ribbon-content-secondary", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, spellCheckEnabled: { classPropertyName: "spellCheckEnabled", publicName: "spellCheckEnabled", isSignal: true, isRequired: false, transformFunction: null }, showSubtitles: { classPropertyName: "showSubtitles", publicName: "showSubtitles", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { present: "present", presenter: "presenter", record: "record", presentFromBeginning: "presentFromBeginning", rehearseTimings: "rehearseTimings", toggleSubtitles: "toggleSubtitles", openSubtitleSettings: "openSubtitleSettings", recordFromBeginning: "recordFromBeginning", recordFromCurrent: "recordFromCurrent", spellCheckChange: "spellCheckChange", broadcast: "broadcast", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", openReadingView: "openReadingView", openOutlineView: "openOutlineView", openMasterView: "openMasterView", toggleNotes: "toggleNotes", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openShortcuts: "openShortcuts", openSettings: "openSettings" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		@switch (activeTab()) {
 			@case ('slideShow') {
 				<pptx-ribbon-slideshow-section
@@ -88960,6 +90969,7 @@ class RibbonContentSecondaryComponent {
 					[eyedropperActive]="eyedropperActive()"
 					(openSorter)="openSorter.emit()"
 					(openReadingView)="openReadingView.emit()"
+					(openOutlineView)="openOutlineView.emit()"
 					(openMasterView)="openMasterView.emit()"
 					(toggleGrid)="toggleGrid.emit()"
 					(toggleRulers)="toggleRulers.emit()"
@@ -89026,7 +91036,7 @@ class RibbonContentSecondaryComponent {
 				/>
 			}
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: RibbonSlideshowSectionComponent, selector: "pptx-ribbon-slideshow-section", inputs: ["slideCount", "showSubtitles", "hiddenActions"], outputs: ["presentFromBeginning", "presentFromCurrent", "presenter", "broadcast", "openCustomShows", "openSetUpSlideShow", "rehearseTimings", "record", "toggleSubtitles", "openSubtitleSettings"] }, { kind: "component", type: RibbonReviewSectionComponent, selector: "pptx-ribbon-review-section", inputs: ["spellCheckEnabled", "canEdit"], outputs: ["comments", "spellCheckChange", "a11y", "openCompare", "language", "link"] }, { kind: "component", type: RibbonViewSectionComponent, selector: "pptx-ribbon-view-section", inputs: ["canEdit", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive"], outputs: ["openSorter", "openReadingView", "openMasterView", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper"] }, { kind: "component", type: RibbonDrawSectionComponent, selector: "pptx-ribbon-draw-section", inputs: ["activeTool", "drawingColor", "drawingWidth"], outputs: ["drawToolChange"] }, { kind: "component", type: RibbonDesignSectionComponent, selector: "pptx-ribbon-design-section", inputs: ["themeGalleryOpen"], outputs: ["toggleThemeGallery", "info", "toggleInspector"] }, { kind: "component", type: RibbonTransitionsSectionComponent, selector: "pptx-ribbon-transitions-section", inputs: ["slideIndex", "selectedTransition", "transitionDurationSec"], outputs: ["present", "toggleInspector", "transitionChange", "durationChange"] }, { kind: "component", type: RibbonAnimationsSectionComponent, selector: "pptx-ribbon-animations-section", inputs: ["slideIndex", "selectedElement", "canEdit"], outputs: ["present", "toggleInspector"] }, { kind: "component", type: RibbonRecordSectionComponent, selector: "pptx-ribbon-record-section", outputs: ["recordFromBeginning", "recordFromCurrent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: RibbonSlideshowSectionComponent, selector: "pptx-ribbon-slideshow-section", inputs: ["slideCount", "showSubtitles", "hiddenActions"], outputs: ["presentFromBeginning", "presentFromCurrent", "presenter", "broadcast", "openCustomShows", "openSetUpSlideShow", "rehearseTimings", "record", "toggleSubtitles", "openSubtitleSettings"] }, { kind: "component", type: RibbonReviewSectionComponent, selector: "pptx-ribbon-review-section", inputs: ["spellCheckEnabled", "canEdit"], outputs: ["comments", "spellCheckChange", "a11y", "openCompare", "language", "link"] }, { kind: "component", type: RibbonViewSectionComponent, selector: "pptx-ribbon-view-section", inputs: ["canEdit", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive"], outputs: ["openSorter", "openReadingView", "openOutlineView", "openMasterView", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper"] }, { kind: "component", type: RibbonDrawSectionComponent, selector: "pptx-ribbon-draw-section", inputs: ["activeTool", "drawingColor", "drawingWidth"], outputs: ["drawToolChange"] }, { kind: "component", type: RibbonDesignSectionComponent, selector: "pptx-ribbon-design-section", inputs: ["themeGalleryOpen"], outputs: ["toggleThemeGallery", "info", "toggleInspector"] }, { kind: "component", type: RibbonTransitionsSectionComponent, selector: "pptx-ribbon-transitions-section", inputs: ["slideIndex", "selectedTransition", "transitionDurationSec"], outputs: ["present", "toggleInspector", "transitionChange", "durationChange"] }, { kind: "component", type: RibbonAnimationsSectionComponent, selector: "pptx-ribbon-animations-section", inputs: ["slideIndex", "selectedElement", "canEdit"], outputs: ["present", "toggleInspector"] }, { kind: "component", type: RibbonRecordSectionComponent, selector: "pptx-ribbon-record-section", outputs: ["recordFromBeginning", "recordFromCurrent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonContentSecondaryComponent, decorators: [{
             type: Component,
@@ -89088,6 +91098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 					[eyedropperActive]="eyedropperActive()"
 					(openSorter)="openSorter.emit()"
 					(openReadingView)="openReadingView.emit()"
+					(openOutlineView)="openOutlineView.emit()"
 					(openMasterView)="openMasterView.emit()"
 					(toggleGrid)="toggleGrid.emit()"
 					(toggleRulers)="toggleRulers.emit()"
@@ -89156,7 +91167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 		}
 	`,
                 }]
-        }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], spellCheckEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheckEnabled", required: false }] }], showSubtitles: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSubtitles", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], presentFromBeginning: [{ type: i0.Output, args: ["presentFromBeginning"] }], rehearseTimings: [{ type: i0.Output, args: ["rehearseTimings"] }], toggleSubtitles: [{ type: i0.Output, args: ["toggleSubtitles"] }], openSubtitleSettings: [{ type: i0.Output, args: ["openSubtitleSettings"] }], recordFromBeginning: [{ type: i0.Output, args: ["recordFromBeginning"] }], recordFromCurrent: [{ type: i0.Output, args: ["recordFromCurrent"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }], openSettings: [{ type: i0.Output, args: ["openSettings"] }] } });
+        }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], spellCheckEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheckEnabled", required: false }] }], showSubtitles: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSubtitles", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], presentFromBeginning: [{ type: i0.Output, args: ["presentFromBeginning"] }], rehearseTimings: [{ type: i0.Output, args: ["rehearseTimings"] }], toggleSubtitles: [{ type: i0.Output, args: ["toggleSubtitles"] }], openSubtitleSettings: [{ type: i0.Output, args: ["openSubtitleSettings"] }], recordFromBeginning: [{ type: i0.Output, args: ["recordFromBeginning"] }], recordFromCurrent: [{ type: i0.Output, args: ["recordFromCurrent"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openOutlineView: [{ type: i0.Output, args: ["openOutlineView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }], openSettings: [{ type: i0.Output, args: ["openSettings"] }] } });
 
 /**
  * ribbon-shape-extras.component.ts: the Arrange group's shape-level extras
@@ -90069,7 +92080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "2.9.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "2.10.0";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -94132,6 +96143,7 @@ class RibbonComponent {
     openSorter = output();
     /** View tab > Reading View: the deck full-window, not the slide show. */
     openReadingView = output();
+    openOutlineView = output();
     openMasterView = output();
     toggleNotes = output();
     toggleFormatPainter = output();
@@ -94196,7 +96208,7 @@ class RibbonComponent {
         this.spellCheckChange.emit(enabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: RibbonComponent, isStandalone: true, selector: "pptx-ribbon", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, zoomPercent: { classPropertyName: "zoomPercent", publicName: "zoomPercent", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null }, hasMacros: { classPropertyName: "hasMacros", publicName: "hasMacros", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: true, isRequired: false, transformFunction: null }, inspectorOpen: { classPropertyName: "inspectorOpen", publicName: "inspectorOpen", isSignal: true, isRequired: false, transformFunction: null }, commentsOpen: { classPropertyName: "commentsOpen", publicName: "commentsOpen", isSignal: true, isRequired: false, transformFunction: null }, commentCount: { classPropertyName: "commentCount", publicName: "commentCount", isSignal: true, isRequired: false, transformFunction: null }, findOpen: { classPropertyName: "findOpen", publicName: "findOpen", isSignal: true, isRequired: false, transformFunction: null }, collabConnected: { classPropertyName: "collabConnected", publicName: "collabConnected", isSignal: true, isRequired: false, transformFunction: null }, connectedCount: { classPropertyName: "connectedCount", publicName: "connectedCount", isSignal: true, isRequired: false, transformFunction: null }, spellCheckEnabled: { classPropertyName: "spellCheckEnabled", publicName: "spellCheckEnabled", isSignal: true, isRequired: false, transformFunction: null }, showSubtitles: { classPropertyName: "showSubtitles", publicName: "showSubtitles", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null }, aiEnabled: { classPropertyName: "aiEnabled", publicName: "aiEnabled", isSignal: true, isRequired: false, transformFunction: null }, aiPanelOpen: { classPropertyName: "aiPanelOpen", publicName: "aiPanelOpen", isSignal: true, isRequired: false, transformFunction: null }, accountAuth: { classPropertyName: "accountAuth", publicName: "accountAuth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prev: "prev", next: "next", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomReset: "zoomReset", find: "find", present: "present", presenter: "presenter", record: "record", presentFromBeginning: "presentFromBeginning", rehearseTimings: "rehearseTimings", toggleSubtitles: "toggleSubtitles", openSubtitleSettings: "openSubtitleSettings", recordFromBeginning: "recordFromBeginning", recordFromCurrent: "recordFromCurrent", spellCheckChange: "spellCheckChange", share: "share", broadcast: "broadcast", openFile: "openFile", openRecentFile: "openRecentFile", createPresentation: "createPresentation", save: "save", savePpsx: "savePpsx", savePptm: "savePptm", packageForSharing: "packageForSharing", toggleSidebar: "toggleSidebar", toggleAiPanel: "toggleAiPanel", signatures: "signatures", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", openReadingView: "openReadingView", openMasterView: "openMasterView", toggleNotes: "toggleNotes", toggleFormatPainter: "toggleFormatPainter", exportPng: "exportPng", exportPdf: "exportPdf", exportGif: "exportGif", exportVideo: "exportVideo", copySlideAsImage: "copySlideAsImage", replace: "replace", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper", openSmartArtDialog: "openSmartArtDialog", openEquationDialog: "openEquationDialog", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openPassword: "openPassword", openFontEmbedding: "openFontEmbedding", openVersionHistory: "openVersionHistory", openShortcuts: "openShortcuts", openSettings: "openSettings" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: RibbonComponent, isStandalone: true, selector: "pptx-ribbon", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, zoomPercent: { classPropertyName: "zoomPercent", publicName: "zoomPercent", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null }, hasMacros: { classPropertyName: "hasMacros", publicName: "hasMacros", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapToShape: { classPropertyName: "snapToShape", publicName: "snapToShape", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: true, isRequired: false, transformFunction: null }, inspectorOpen: { classPropertyName: "inspectorOpen", publicName: "inspectorOpen", isSignal: true, isRequired: false, transformFunction: null }, commentsOpen: { classPropertyName: "commentsOpen", publicName: "commentsOpen", isSignal: true, isRequired: false, transformFunction: null }, commentCount: { classPropertyName: "commentCount", publicName: "commentCount", isSignal: true, isRequired: false, transformFunction: null }, findOpen: { classPropertyName: "findOpen", publicName: "findOpen", isSignal: true, isRequired: false, transformFunction: null }, collabConnected: { classPropertyName: "collabConnected", publicName: "collabConnected", isSignal: true, isRequired: false, transformFunction: null }, connectedCount: { classPropertyName: "connectedCount", publicName: "connectedCount", isSignal: true, isRequired: false, transformFunction: null }, spellCheckEnabled: { classPropertyName: "spellCheckEnabled", publicName: "spellCheckEnabled", isSignal: true, isRequired: false, transformFunction: null }, showSubtitles: { classPropertyName: "showSubtitles", publicName: "showSubtitles", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null }, aiEnabled: { classPropertyName: "aiEnabled", publicName: "aiEnabled", isSignal: true, isRequired: false, transformFunction: null }, aiPanelOpen: { classPropertyName: "aiPanelOpen", publicName: "aiPanelOpen", isSignal: true, isRequired: false, transformFunction: null }, accountAuth: { classPropertyName: "accountAuth", publicName: "accountAuth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prev: "prev", next: "next", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomReset: "zoomReset", find: "find", present: "present", presenter: "presenter", record: "record", presentFromBeginning: "presentFromBeginning", rehearseTimings: "rehearseTimings", toggleSubtitles: "toggleSubtitles", openSubtitleSettings: "openSubtitleSettings", recordFromBeginning: "recordFromBeginning", recordFromCurrent: "recordFromCurrent", spellCheckChange: "spellCheckChange", share: "share", broadcast: "broadcast", openFile: "openFile", openRecentFile: "openRecentFile", createPresentation: "createPresentation", save: "save", savePpsx: "savePpsx", savePptm: "savePptm", packageForSharing: "packageForSharing", toggleSidebar: "toggleSidebar", toggleAiPanel: "toggleAiPanel", signatures: "signatures", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", openReadingView: "openReadingView", openOutlineView: "openOutlineView", openMasterView: "openMasterView", toggleNotes: "toggleNotes", toggleFormatPainter: "toggleFormatPainter", exportPng: "exportPng", exportPdf: "exportPdf", exportGif: "exportGif", exportVideo: "exportVideo", copySlideAsImage: "copySlideAsImage", replace: "replace", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleSnapToShape: "toggleSnapToShape", addGuide: "addGuide", zoomToFit: "zoomToFit", toggleEyedropper: "toggleEyedropper", openSmartArtDialog: "openSmartArtDialog", openEquationDialog: "openEquationDialog", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openPassword: "openPassword", openFontEmbedding: "openFontEmbedding", openVersionHistory: "openVersionHistory", openShortcuts: "openShortcuts", openSettings: "openSettings" }, ngImport: i0, template: `
 		<div
 			role="toolbar"
 			[attr.aria-label]="'pptx.toolbar.presentationToolbarAria' | translate"
@@ -94321,6 +96333,7 @@ class RibbonComponent {
 					(link)="link.emit()"
 					(openSorter)="openSorter.emit()"
 					(openReadingView)="openReadingView.emit()"
+					(openOutlineView)="openOutlineView.emit()"
 					(openMasterView)="openMasterView.emit()"
 					(toggleNotes)="toggleNotes.emit()"
 					(toggleInspector)="toggleInspector.emit()"
@@ -94343,7 +96356,7 @@ class RibbonComponent {
 				/>
 			</div>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "component", type: RibbonPrimaryRowComponent, selector: "pptx-ribbon-primary-row", inputs: ["slideCount", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "hiddenActions", "aiEnabled", "aiPanelOpen"], outputs: ["toggleSidebar", "toggleAiPanel", "toggleComments", "present", "presenter", "broadcast", "openCustomShows", "toggleInspector", "openSettings", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "a11y", "save"] }, { kind: "component", type: RibbonTabListComponent, selector: "pptx-ribbon-tab-list", inputs: ["activeTab", "canEdit", "collabConnected", "connectedCount", "ribbonExpanded", "hiddenActions"], outputs: ["selectTab", "record", "share", "toggleRibbonExpanded"] }, { kind: "component", type: RibbonContentComponent, selector: "pptx-ribbon-content", inputs: ["activeTab", "slideIndex", "slideCount", "canEdit", "selectedElement", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "hiddenActions", "accountAuth"], outputs: ["selectTab", "find", "share", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "signatures", "info", "print", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "openSmartArtDialog", "openEquationDialog", "link", "openPassword", "openFontEmbedding", "openVersionHistory", "openSettings"] }, { kind: "component", type: RibbonContentSecondaryComponent, selector: "pptx-ribbon-content-secondary", inputs: ["activeTab", "slideIndex", "slideCount", "canEdit", "selectedElement", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "spellCheckEnabled", "showSubtitles", "hiddenActions"], outputs: ["present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "broadcast", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openMasterView", "toggleNotes", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSetUpSlideShow", "openCompare", "openShortcuts", "openSettings"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: RibbonPrimaryRowComponent, selector: "pptx-ribbon-primary-row", inputs: ["slideCount", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "hiddenActions", "aiEnabled", "aiPanelOpen"], outputs: ["toggleSidebar", "toggleAiPanel", "toggleComments", "present", "presenter", "broadcast", "openCustomShows", "toggleInspector", "openSettings", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "a11y", "save"] }, { kind: "component", type: RibbonTabListComponent, selector: "pptx-ribbon-tab-list", inputs: ["activeTab", "canEdit", "collabConnected", "connectedCount", "ribbonExpanded", "hiddenActions"], outputs: ["selectTab", "record", "share", "toggleRibbonExpanded"] }, { kind: "component", type: RibbonContentComponent, selector: "pptx-ribbon-content", inputs: ["activeTab", "slideIndex", "slideCount", "canEdit", "selectedElement", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "hiddenActions", "accountAuth"], outputs: ["selectTab", "find", "share", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "signatures", "info", "print", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "openSmartArtDialog", "openEquationDialog", "link", "openPassword", "openFontEmbedding", "openVersionHistory", "openSettings"] }, { kind: "component", type: RibbonContentSecondaryComponent, selector: "pptx-ribbon-content-secondary", inputs: ["activeTab", "slideIndex", "slideCount", "canEdit", "selectedElement", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "spellCheckEnabled", "showSubtitles", "hiddenActions"], outputs: ["present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "broadcast", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openOutlineView", "openMasterView", "toggleNotes", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSetUpSlideShow", "openCompare", "openShortcuts", "openSettings"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RibbonComponent, decorators: [{
             type: Component,
@@ -94483,6 +96496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 					(link)="link.emit()"
 					(openSorter)="openSorter.emit()"
 					(openReadingView)="openReadingView.emit()"
+					(openOutlineView)="openOutlineView.emit()"
 					(openMasterView)="openMasterView.emit()"
 					(toggleNotes)="toggleNotes.emit()"
 					(toggleInspector)="toggleInspector.emit()"
@@ -94507,7 +96521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 		</div>
 	`,
                 }]
-        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], zoomPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomPercent", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], hasMacros: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMacros", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], sidebarCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarCollapsed", required: false }] }], inspectorOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorOpen", required: false }] }], commentsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentsOpen", required: false }] }], commentCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentCount", required: false }] }], findOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findOpen", required: false }] }], collabConnected: [{ type: i0.Input, args: [{ isSignal: true, alias: "collabConnected", required: false }] }], connectedCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedCount", required: false }] }], spellCheckEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheckEnabled", required: false }] }], showSubtitles: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSubtitles", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], aiEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiEnabled", required: false }] }], aiPanelOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiPanelOpen", required: false }] }], accountAuth: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountAuth", required: false }] }], prev: [{ type: i0.Output, args: ["prev"] }], next: [{ type: i0.Output, args: ["next"] }], zoomIn: [{ type: i0.Output, args: ["zoomIn"] }], zoomOut: [{ type: i0.Output, args: ["zoomOut"] }], zoomReset: [{ type: i0.Output, args: ["zoomReset"] }], find: [{ type: i0.Output, args: ["find"] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], presentFromBeginning: [{ type: i0.Output, args: ["presentFromBeginning"] }], rehearseTimings: [{ type: i0.Output, args: ["rehearseTimings"] }], toggleSubtitles: [{ type: i0.Output, args: ["toggleSubtitles"] }], openSubtitleSettings: [{ type: i0.Output, args: ["openSubtitleSettings"] }], recordFromBeginning: [{ type: i0.Output, args: ["recordFromBeginning"] }], recordFromCurrent: [{ type: i0.Output, args: ["recordFromCurrent"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], share: [{ type: i0.Output, args: ["share"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], openRecentFile: [{ type: i0.Output, args: ["openRecentFile"] }], createPresentation: [{ type: i0.Output, args: ["createPresentation"] }], save: [{ type: i0.Output, args: ["save"] }], savePpsx: [{ type: i0.Output, args: ["savePpsx"] }], savePptm: [{ type: i0.Output, args: ["savePptm"] }], packageForSharing: [{ type: i0.Output, args: ["packageForSharing"] }], toggleSidebar: [{ type: i0.Output, args: ["toggleSidebar"] }], toggleAiPanel: [{ type: i0.Output, args: ["toggleAiPanel"] }], signatures: [{ type: i0.Output, args: ["signatures"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], copySlideAsImage: [{ type: i0.Output, args: ["copySlideAsImage"] }], replace: [{ type: i0.Output, args: ["replace"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSmartArtDialog: [{ type: i0.Output, args: ["openSmartArtDialog"] }], openEquationDialog: [{ type: i0.Output, args: ["openEquationDialog"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openPassword: [{ type: i0.Output, args: ["openPassword"] }], openFontEmbedding: [{ type: i0.Output, args: ["openFontEmbedding"] }], openVersionHistory: [{ type: i0.Output, args: ["openVersionHistory"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }], openSettings: [{ type: i0.Output, args: ["openSettings"] }] } });
+        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], zoomPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomPercent", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], hasMacros: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMacros", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], sidebarCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarCollapsed", required: false }] }], inspectorOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorOpen", required: false }] }], commentsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentsOpen", required: false }] }], commentCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentCount", required: false }] }], findOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findOpen", required: false }] }], collabConnected: [{ type: i0.Input, args: [{ isSignal: true, alias: "collabConnected", required: false }] }], connectedCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedCount", required: false }] }], spellCheckEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheckEnabled", required: false }] }], showSubtitles: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSubtitles", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], aiEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiEnabled", required: false }] }], aiPanelOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiPanelOpen", required: false }] }], accountAuth: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountAuth", required: false }] }], prev: [{ type: i0.Output, args: ["prev"] }], next: [{ type: i0.Output, args: ["next"] }], zoomIn: [{ type: i0.Output, args: ["zoomIn"] }], zoomOut: [{ type: i0.Output, args: ["zoomOut"] }], zoomReset: [{ type: i0.Output, args: ["zoomReset"] }], find: [{ type: i0.Output, args: ["find"] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], presentFromBeginning: [{ type: i0.Output, args: ["presentFromBeginning"] }], rehearseTimings: [{ type: i0.Output, args: ["rehearseTimings"] }], toggleSubtitles: [{ type: i0.Output, args: ["toggleSubtitles"] }], openSubtitleSettings: [{ type: i0.Output, args: ["openSubtitleSettings"] }], recordFromBeginning: [{ type: i0.Output, args: ["recordFromBeginning"] }], recordFromCurrent: [{ type: i0.Output, args: ["recordFromCurrent"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], share: [{ type: i0.Output, args: ["share"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], openRecentFile: [{ type: i0.Output, args: ["openRecentFile"] }], createPresentation: [{ type: i0.Output, args: ["createPresentation"] }], save: [{ type: i0.Output, args: ["save"] }], savePpsx: [{ type: i0.Output, args: ["savePpsx"] }], savePptm: [{ type: i0.Output, args: ["savePptm"] }], packageForSharing: [{ type: i0.Output, args: ["packageForSharing"] }], toggleSidebar: [{ type: i0.Output, args: ["toggleSidebar"] }], toggleAiPanel: [{ type: i0.Output, args: ["toggleAiPanel"] }], signatures: [{ type: i0.Output, args: ["signatures"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], openReadingView: [{ type: i0.Output, args: ["openReadingView"] }], openOutlineView: [{ type: i0.Output, args: ["openOutlineView"] }], openMasterView: [{ type: i0.Output, args: ["openMasterView"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], copySlideAsImage: [{ type: i0.Output, args: ["copySlideAsImage"] }], replace: [{ type: i0.Output, args: ["replace"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleSnapToShape: [{ type: i0.Output, args: ["toggleSnapToShape"] }], addGuide: [{ type: i0.Output, args: ["addGuide"] }], zoomToFit: [{ type: i0.Output, args: ["zoomToFit"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSmartArtDialog: [{ type: i0.Output, args: ["openSmartArtDialog"] }], openEquationDialog: [{ type: i0.Output, args: ["openEquationDialog"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openPassword: [{ type: i0.Output, args: ["openPassword"] }], openFontEmbedding: [{ type: i0.Output, args: ["openFontEmbedding"] }], openVersionHistory: [{ type: i0.Output, args: ["openVersionHistory"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }], openSettings: [{ type: i0.Output, args: ["openSettings"] }] } });
 
 /**
  * selection-pane.component.ts: Side panel listing all elements on the active slide.
@@ -95526,8 +97540,23 @@ function getAnimationElementLabel(element) {
 }
 
 let activePreview;
+/** Slide size assumed when the stage cannot be measured (detached preview). */
+const FALLBACK_SLIDE_WIDTH = 1280;
+const FALLBACK_SLIDE_HEIGHT = 720;
+/**
+ * The element a preview should play on.
+ *
+ * The slides panel renders a thumbnail of the SAME element with the same
+ * `data-element-id`, and it comes first in DOM order, so taking the first match
+ * played every preview on a thumbnail the user is not looking at. For a motion
+ * path that is worse than invisible: the travel is measured against the
+ * thumbnail's own tiny stage, so it also plays at the wrong distance. Only the
+ * interactive main canvas carries `data-pptx-viewport`, which is the neutral
+ * marker every binding already agrees on.
+ */
 function findElement(elementId) {
-    return [...document.querySelectorAll('[data-element-id]')].find((element) => element.dataset['elementId'] === elementId);
+    const matches = [...document.querySelectorAll('[data-element-id]')].filter((element) => element.dataset['elementId'] === elementId);
+    return matches.find((element) => element.closest('[data-pptx-viewport]')) ?? matches[0];
 }
 function stopAngularAnimationPreview() {
     if (!activePreview) {
@@ -95539,19 +97568,45 @@ function stopAngularAnimationPreview() {
     activePreview.styleElement.remove();
     activePreview = undefined;
 }
-function previewAngularAnimation(animation) {
-    stopAngularAnimationPreview();
+/**
+ * Pick the descriptor an animation entry should play.
+ *
+ * A motion path WINS over the preset buckets: it is the effect being authored
+ * on the canvas at that moment, and a fade or a spin would hide the travel
+ * entirely. The slide size comes from the element's offset parent (the stage)
+ * because path coordinates are fractions of the SLIDE, not of the element's own
+ * box, and the stage is laid out in unscaled slide pixels.
+ */
+function buildAngularPreviewDescriptor(animation, element) {
+    if (animation.motionPath) {
+        const stage = element.offsetParent;
+        return buildMotionPathPreview({
+            path: animation.motionPath,
+            slideWidth: stage?.offsetWidth || FALLBACK_SLIDE_WIDTH,
+            slideHeight: stage?.offsetHeight || FALLBACK_SLIDE_HEIGHT,
+            durationMs: animation.durationMs,
+            delayMs: animation.delayMs,
+            timingCurve: animation.timingCurve,
+        });
+    }
     const preset = animation.entrance ?? animation.emphasis ?? animation.exit;
     if (!preset || preset === 'none') {
-        return false;
+        return undefined;
     }
-    const descriptor = buildPreviewAnimation(preset, {
+    return buildPreviewAnimation(preset, {
         direction: animation.direction,
         durationMs: animation.durationMs ?? 500,
         timingCurve: animation.timingCurve,
     });
-    const element = descriptor ? findElement(animation.elementId) : undefined;
-    if (!descriptor || !element) {
+}
+function previewAngularAnimation(animation) {
+    stopAngularAnimationPreview();
+    const element = findElement(animation.elementId);
+    if (!element) {
+        return false;
+    }
+    const descriptor = buildAngularPreviewDescriptor(animation, element);
+    if (!descriptor) {
         return false;
     }
     const styleElement = document.createElement('style');
@@ -95726,6 +97781,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [".timeline{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--pptx-inspector-border, #333)}h4{margin:0;color:var(--pptx-inspector-muted, #888);font-size:10px;text-transform:uppercase}.bar{position:relative;height:22px;overflow:hidden;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d)}.bar span{position:absolute;top:3px;bottom:3px;min-width:2%;border-radius:2px;background:#6b9a68}.bar span.selected{outline:1px solid var(--pptx-primary, #4c9ffe)}.list{display:grid;gap:3px;max-height:160px;overflow-y:auto}.item{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid transparent;border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);cursor:grab;font-size:10px}.item.selected{border-color:var(--pptx-primary, #4c9ffe)}.item.drag-over{border-top:2px solid var(--pptx-primary, #4c9ffe)}.grip,.order{color:var(--pptx-inspector-muted, #888)}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect{color:var(--pptx-inspector-muted, #aaa)}\n"] }]
         }], propDecorators: { animations: [{ type: i0.Input, args: [{ isSignal: true, alias: "animations", required: true }] }], elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: false }] }], selectedElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElementId", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], animationsChange: [{ type: i0.Output, args: ["animationsChange"] }] } });
 
+/**
+ * motion-path-row.component.ts: the animation panel's motion-path row.
+ *
+ * Selector: `pptx-motion-path-row`
+ *
+ * Its own component rather than more markup inside
+ * {@link AnimationAuthorPanelComponent} because that file already sits just
+ * under this repo's 300-LOC cap, and the row carries a catalogue-sized
+ * `<select>` of its own.
+ *
+ * WHY a "Custom Path" option exists: dragging the end handle on the canvas
+ * produces a path that no longer matches any catalogue entry. Without a slot
+ * to show that in, the select would snap back to the preset the user started
+ * from and misreport what will actually play. The option is therefore rendered
+ * only while the applied path is unrecognised, and re-picking it is a no-op
+ * (the panel refuses to translate "custom" back into some catalogue geometry).
+ *
+ * Reference binding: packages/react/src/viewer/components/inspector/MotionPathRow.tsx
+ *
+ * @module viewer/motion-path-row
+ */
+/** The select value standing for "this path was hand-dragged". */
+const CUSTOM_MOTION_PATH_VALUE = 'custom';
+/** The select value standing for "no path at all". */
+const NO_MOTION_PATH_VALUE = 'none';
+/**
+ * Which option the select should show for an applied path.
+ *
+ * Pure so the branch that used to be a template ternary can be asserted
+ * directly: `none` when nothing is applied, the catalogue id when the geometry
+ * is recognised, `custom` when it is not.
+ */
+function motionPathSelectValue(motionPath) {
+    if (!motionPath) {
+        return NO_MOTION_PATH_VALUE;
+    }
+    return motionPathPresetIdForPath(motionPath) ?? CUSTOM_MOTION_PATH_VALUE;
+}
+class MotionPathRowComponent {
+    /** The path currently applied to the selected element, if any. */
+    motionPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "motionPath" }] : /* istanbul ignore next */ []));
+    /** Whether the select is live. */
+    canEdit = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    /**
+     * Emits a catalogue preset id, or `'none'` to clear the path. `'custom'` is
+     * never emitted: re-picking the marker changes nothing.
+     */
+    presetChange = output();
+    columns = MOTION_PATH_COLUMNS;
+    /** The option the select shows: `none`, a catalogue id, or `custom`. */
+    selectedValue = computed(() => motionPathSelectValue(this.motionPath()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedValue" }] : /* istanbul ignore next */ []));
+    /** True while the applied path matches no catalogue entry. */
+    isCustom = computed(() => this.selectedValue() === CUSTOM_MOTION_PATH_VALUE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCustom" }] : /* istanbul ignore next */ []));
+    onSelect(event) {
+        const target = event.target;
+        if (!(target instanceof HTMLSelectElement)) {
+            return;
+        }
+        // The custom marker is read-only: it describes a dragged path, and there is
+        // no catalogue geometry to restore it to.
+        if (target.value === CUSTOM_MOTION_PATH_VALUE) {
+            return;
+        }
+        this.presetChange.emit(target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MotionPathRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MotionPathRowComponent, isStandalone: true, selector: "pptx-motion-path-row", inputs: { motionPath: { classPropertyName: "motionPath", publicName: "motionPath", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { presetChange: "presetChange" }, ngImport: i0, template: `
+		<label class="pptx-ng-anim__section pptx-ng-motion-path">
+			<span class="pptx-ng-anim__label">
+				{{ 'pptx.animation.motionPath.label' | translate }}
+			</span>
+			<!--
+				Selection is expressed with [selected] on each option rather than
+				[value] on the select: Angular applies an element's own property
+				bindings before the @for blocks below it have produced any options, so
+				a [value] naming a catalogue id would be assigned to an empty select
+				and silently drop back to the first entry on first render.
+			-->
+			<select class="pptx-ng-anim__select" [disabled]="!canEdit()" (change)="onSelect($event)">
+				<option value="none" [selected]="selectedValue() === 'none'">
+					{{ 'pptx.animation.motionPath.none' | translate }}
+				</option>
+				@if (isCustom()) {
+					<option value="custom" selected>
+						{{ 'pptx.animation.motionPath.custom' | translate }}
+					</option>
+				}
+				@for (column of columns; track column.family) {
+					<optgroup [label]="column.labelKey | translate">
+						@for (preset of column.presets; track preset.id) {
+							<option [value]="preset.id" [selected]="selectedValue() === preset.id">
+								{{ preset.labelKey | translate }}
+							</option>
+						}
+					</optgroup>
+				}
+			</select>
+			@if (motionPath()) {
+				<span class="pptx-ng-motion-path__hint">
+					{{ 'pptx.animation.motionPath.editHint' | translate }}
+				</span>
+			}
+		</label>
+	`, isInline: true, styles: [".pptx-ng-motion-path{display:block}.pptx-ng-motion-path__hint{display:block;margin-top:.2rem;font-size:10px;color:var(--pptx-inspector-muted, #888)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MotionPathRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-motion-path-row', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		<label class="pptx-ng-anim__section pptx-ng-motion-path">
+			<span class="pptx-ng-anim__label">
+				{{ 'pptx.animation.motionPath.label' | translate }}
+			</span>
+			<!--
+				Selection is expressed with [selected] on each option rather than
+				[value] on the select: Angular applies an element's own property
+				bindings before the @for blocks below it have produced any options, so
+				a [value] naming a catalogue id would be assigned to an empty select
+				and silently drop back to the first entry on first render.
+			-->
+			<select class="pptx-ng-anim__select" [disabled]="!canEdit()" (change)="onSelect($event)">
+				<option value="none" [selected]="selectedValue() === 'none'">
+					{{ 'pptx.animation.motionPath.none' | translate }}
+				</option>
+				@if (isCustom()) {
+					<option value="custom" selected>
+						{{ 'pptx.animation.motionPath.custom' | translate }}
+					</option>
+				}
+				@for (column of columns; track column.family) {
+					<optgroup [label]="column.labelKey | translate">
+						@for (preset of column.presets; track preset.id) {
+							<option [value]="preset.id" [selected]="selectedValue() === preset.id">
+								{{ preset.labelKey | translate }}
+							</option>
+						}
+					</optgroup>
+				}
+			</select>
+			@if (motionPath()) {
+				<span class="pptx-ng-motion-path__hint">
+					{{ 'pptx.animation.motionPath.editHint' | translate }}
+				</span>
+			}
+		</label>
+	`, styles: [".pptx-ng-motion-path{display:block}.pptx-ng-motion-path__hint{display:block;margin-top:.2rem;font-size:10px;color:var(--pptx-inspector-muted, #888)}\n"] }]
+        }], propDecorators: { motionPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionPath", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], presetChange: [{ type: i0.Output, args: ["presetChange"] }] } });
+
 /**
  * animation-author-panel.component.ts: Animation authoring inspector sub-panel.
  *
@@ -95881,6 +98087,22 @@ class AnimationAuthorPanelComponent {
         }
         this.emit(setAnimationEmphasis(this.animations(), this.element().id, value));
     }
+    // ── Motion path ───────────────────────────────────────────────────────────
+    /**
+     * Apply or clear the element's motion path.
+     *
+     * The path lives on the SAME animation entry as the preset buckets, so this
+     * deliberately does not go through the preset setters: applying a path must
+     * leave an existing entrance alone, and clearing one must drop the entry only
+     * when nothing else is left on it. Both rules live in the shared helpers.
+     */
+    onMotionPathChange(presetId) {
+        const animations = this.animations();
+        const elementId = this.element().id;
+        this.emit(presetId === 'none'
+            ? clearMotionPath(animations, elementId)
+            : applyMotionPathPreset(animations, elementId, presetId));
+    }
     // ── Trigger handlers ─────────────────────────────────────────────────────
     onTriggerChange(event) {
         const value = stringFromSelect(event);
@@ -96037,6 +98259,15 @@ class AnimationAuthorPanelComponent {
 				</select>
 			</section>
 
+			<!-- ── Motion path: geometry, not a preset, so it gets its own row ─ -->
+			<section class="pptx-ng-anim__section">
+				<pptx-motion-path-row
+					[motionPath]="current()?.motionPath"
+					[canEdit]="canEdit()"
+					(presetChange)="onMotionPathChange($event)"
+				/>
+			</section>
+
 			<!-- ── Effect options: only shown when an animation is set ─────── -->
 			@if (currentHasAnimation()) {
 				<!-- ── Direction picker (directional presets only) ──────────── -->
@@ -96264,11 +98495,18 @@ class AnimationAuthorPanelComponent {
 			}
 			<!-- end @if (currentHasAnimation()) -->
 		</aside>
-	`, isInline: true, styles: [".pptx-ng-anim{display:flex;flex-direction:column;gap:0;padding:.5rem;background:var(--pptx-inspector-bg, #1e1e1e);color:var(--pptx-inspector-fg, #e0e0e0);font-size:12px;min-width:220px;overflow-y:auto}.pptx-ng-anim__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid var(--pptx-inspector-border, #333);margin-bottom:.35rem}.pptx-ng-anim__title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888)}.pptx-ng-anim__header-actions{display:flex;align-items:center;gap:4px}.pptx-ng-anim__preview-btn{padding:2px 6px;border:1px solid var(--pptx-primary, #4c9ffe);border-radius:3px;background:transparent;color:var(--pptx-primary, #4c9ffe);cursor:pointer;font-size:10px}.pptx-ng-anim__subheading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);padding:.4rem 0 .2rem;border-top:1px solid var(--pptx-inspector-border, #333);margin-top:.2rem}.pptx-ng-anim__section{padding:.25rem 0;border-bottom:1px solid var(--pptx-inspector-border, #2a2a2a)}.pptx-ng-anim__section:last-child{border-bottom:none}.pptx-ng-anim__label{display:block;font-size:10px;color:var(--pptx-inspector-muted, #888);margin-bottom:.2rem}.pptx-ng-anim__select,.pptx-ng-anim__input{width:100%;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:3px 6px;font-size:12px;box-sizing:border-box}.pptx-ng-anim__select:disabled,.pptx-ng-anim__input:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__direction-grid{display:flex;flex-wrap:wrap;gap:.25rem}.pptx-ng-anim__dir-btn{width:30px;height:30px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.pptx-ng-anim__dir-btn.is-active{background:var(--pptx-inspector-active, #0078d4);border-color:var(--pptx-inspector-active, #0078d4);color:#fff}.pptx-ng-anim__dir-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__row{display:flex;gap:.35rem}.pptx-ng-anim__order-btn{flex:1;padding:3px 6px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:11px;white-space:nowrap}.pptx-ng-anim__order-btn:hover:not(:disabled){background:var(--pptx-inspector-hover, #3a3a3a)}.pptx-ng-anim__order-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__remove-btn{padding:2px 6px;background:transparent;border:1px solid var(--pptx-inspector-danger-border, #6b2a2a);color:var(--pptx-inspector-danger, #f47c7c);border-radius:3px;cursor:pointer;font-size:10px}.pptx-ng-anim__remove-btn:hover{background:var(--pptx-inspector-danger-hover, #4a1a1a)}@media(pointer:coarse),(max-width:640px){.pptx-ng-anim{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-anim__select,.pptx-ng-anim__input{min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-anim__dir-btn{width:40px;height:40px}.pptx-ng-anim__order-btn{min-height:40px;font-size:13px}}\n"], dependencies: [{ kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "component", type: AnimationTimelineComponent, selector: "pptx-animation-timeline", inputs: ["animations", "elements", "selectedElementId", "canEdit"], outputs: ["animationsChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [".pptx-ng-anim{display:flex;flex-direction:column;gap:0;padding:.5rem;background:var(--pptx-inspector-bg, #1e1e1e);color:var(--pptx-inspector-fg, #e0e0e0);font-size:12px;min-width:220px;overflow-y:auto}.pptx-ng-anim__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid var(--pptx-inspector-border, #333);margin-bottom:.35rem}.pptx-ng-anim__title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888)}.pptx-ng-anim__header-actions{display:flex;align-items:center;gap:4px}.pptx-ng-anim__preview-btn{padding:2px 6px;border:1px solid var(--pptx-primary, #4c9ffe);border-radius:3px;background:transparent;color:var(--pptx-primary, #4c9ffe);cursor:pointer;font-size:10px}.pptx-ng-anim__subheading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);padding:.4rem 0 .2rem;border-top:1px solid var(--pptx-inspector-border, #333);margin-top:.2rem}.pptx-ng-anim__section{padding:.25rem 0;border-bottom:1px solid var(--pptx-inspector-border, #2a2a2a)}.pptx-ng-anim__section:last-child{border-bottom:none}.pptx-ng-anim__label{display:block;font-size:10px;color:var(--pptx-inspector-muted, #888);margin-bottom:.2rem}.pptx-ng-anim__select,.pptx-ng-anim__input{width:100%;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:3px 6px;font-size:12px;box-sizing:border-box}.pptx-ng-anim__select:disabled,.pptx-ng-anim__input:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__direction-grid{display:flex;flex-wrap:wrap;gap:.25rem}.pptx-ng-anim__dir-btn{width:30px;height:30px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.pptx-ng-anim__dir-btn.is-active{background:var(--pptx-inspector-active, #0078d4);border-color:var(--pptx-inspector-active, #0078d4);color:#fff}.pptx-ng-anim__dir-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__row{display:flex;gap:.35rem}.pptx-ng-anim__order-btn{flex:1;padding:3px 6px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:11px;white-space:nowrap}.pptx-ng-anim__order-btn:hover:not(:disabled){background:var(--pptx-inspector-hover, #3a3a3a)}.pptx-ng-anim__order-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-anim__remove-btn{padding:2px 6px;background:transparent;border:1px solid var(--pptx-inspector-danger-border, #6b2a2a);color:var(--pptx-inspector-danger, #f47c7c);border-radius:3px;cursor:pointer;font-size:10px}.pptx-ng-anim__remove-btn:hover{background:var(--pptx-inspector-danger-hover, #4a1a1a)}@media(pointer:coarse),(max-width:640px){.pptx-ng-anim{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-anim__select,.pptx-ng-anim__input{min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-anim__dir-btn{width:40px;height:40px}.pptx-ng-anim__order-btn{min-height:40px;font-size:13px}}\n"], dependencies: [{ kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "component", type: AnimationTimelineComponent, selector: "pptx-animation-timeline", inputs: ["animations", "elements", "selectedElementId", "canEdit"], outputs: ["animationsChange"] }, { kind: "component", type: MotionPathRowComponent, selector: "pptx-motion-path-row", inputs: ["motionPath", "canEdit"], outputs: ["presetChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AnimationAuthorPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-animation-author-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, LucideX, LucideArrowUp, LucideArrowDown, AnimationTimelineComponent], template: `
+            args: [{ selector: 'pptx-animation-author-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        TranslatePipe,
+                        LucideX,
+                        LucideArrowUp,
+                        LucideArrowDown,
+                        AnimationTimelineComponent,
+                        MotionPathRowComponent,
+                    ], template: `
 		<aside class="pptx-ng-anim" [attr.aria-label]="'pptx.animations.propertiesLabel' | translate">
 			<!-- ── Header ───────────────────────────────────────────────────── -->
 			<div class="pptx-ng-anim__header">
@@ -96353,6 +98591,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 				</select>
 			</section>
 
+			<!-- ── Motion path: geometry, not a preset, so it gets its own row ─ -->
+			<section class="pptx-ng-anim__section">
+				<pptx-motion-path-row
+					[motionPath]="current()?.motionPath"
+					[canEdit]="canEdit()"
+					(presetChange)="onMotionPathChange($event)"
+				/>
+			</section>
+
 			<!-- ── Effect options: only shown when an animation is set ─────── -->
 			@if (currentHasAnimation()) {
 				<!-- ── Direction picker (directional presets only) ──────────── -->
@@ -97229,6 +99476,13 @@ function setSeriesChartType(element, seriesIndex, seriesType) {
 function setDataPointFill(element, seriesIndex, pointIndex, color) {
     return withClonedChart(element, (el) => setChartDataPointFill(el, seriesIndex, pointIndex, color));
 }
+/**
+ * Set or clear a per-data-point marker override (`c:dPt/c:marker`), which
+ * replaces the series marker for that one point.
+ */
+function setDataPointMarker(element, seriesIndex, pointIndex, marker) {
+    return withClonedChart(element, (el) => setChartDataPointMarker(el, seriesIndex, pointIndex, marker));
+}
 /** Set or clear a per-data-point pie/doughnut slice explosion. */
 function setDataPointExplosion(element, seriesIndex, pointIndex, explosion) {
     return withClonedChart(element, (el) => setChartDataPointExplosion(el, seriesIndex, pointIndex, explosion));
@@ -98068,6 +100322,242 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [".pptx-chart-card{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-top:1px solid var(--pptx-inspector-border, #333)}.pptx-chart-card__heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0}.pptx-chart-card__group{display:flex;flex-direction:column;gap:.3rem}.pptx-chart-card__group--indent{margin-left:.5rem}.pptx-chart-card__subhead{font-size:11px;font-weight:600}.pptx-chart-card__row{display:flex;align-items:center;gap:.4rem;font-size:11px}.pptx-chart-card__label{flex:0 0 auto;width:5rem;color:var(--pptx-inspector-muted, #888)}.pptx-chart-card__label--wide{width:6.5rem}.pptx-chart-card__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptx-chart-card__check{display:flex;align-items:center;gap:.35rem;font-size:11px;cursor:pointer}.pptx-chart-card__input{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:2px 4px;font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;color:inherit;outline:none}.pptx-chart-card__input--num{flex:0 0 auto;width:4rem;text-align:right}.pptx-chart-card__input:focus{border-color:var(--pptx-inspector-active, #0078d4)}.pptx-chart-card__input:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__color{flex:0 0 auto;width:26px;height:20px;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}.pptx-chart-card__color:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__clear{flex:0 0 auto;padding:0 2px;font-size:12px;line-height:1;background:none;border:none;color:var(--pptx-inspector-muted, #888);cursor:pointer}.pptx-chart-card__clear:hover{color:var(--pptx-inspector-danger, #f47c7c)}.pptx-chart-card__input--num::-webkit-outer-spin-button,.pptx-chart-card__input--num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
         }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], elementChange: [{ type: i0.Output, args: ["elementChange"] }] } });
 
+/**
+ * chart-datapoint-marker-options.component.ts: Per-data-point marker overrides.
+ *
+ * Selector: `pptx-chart-datapoint-marker-options`
+ *
+ * Mirrors React's `ChartDataPointMarkerOptions.tsx`, the one advanced chart
+ * control Angular had never been given: `pptx-chart-datapoint-options` covers a
+ * point's fill and slice explosion, but a `c:dPt` can also carry its own
+ * `c:marker`, which replaces the series marker for that point alone (the usual
+ * use is calling out a single outlier on an otherwise uniform line).
+ *
+ * The checkbox is the presence of the override, not a value: ticking it seeds a
+ * circle, clearing it removes the whole `c:dPt/c:marker`. Edits route through
+ * `setDataPointMarker`, which wraps core's headless op, so the `c:dPt`
+ * bookkeeping matches React, Vue, Svelte and Vanilla exactly.
+ *
+ * @module angular-viewer/chart-datapoint-marker-options
+ */
+/** Concrete symbols only; '' is the "series default" sentinel, which the
+ * presence checkbox already expresses. */
+const SYMBOL_OPTIONS = MARKER_SYMBOL_OPTIONS.filter((option) => option.value !== '');
+class ChartDatapointMarkerOptionsComponent {
+    element = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+    canEdit = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    elementChange = output();
+    symbolOptions = SYMBOL_OPTIONS;
+    seriesIndex = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seriesIndex" }] : /* istanbul ignore next */ []));
+    series = computed(() => this.element().chartData?.series ?? [], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []));
+    categories = computed(() => this.element().chartData?.categories ?? [], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "categories" }] : /* istanbul ignore next */ []));
+    /** Clamp the picker: removing a series must not strand the index past the end. */
+    activeIndex = computed(() => Math.min(this.seriesIndex(), Math.max(0, this.series().length - 1)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    supported = computed(() => {
+        const type = this.element().chartData?.chartType;
+        return (type !== undefined &&
+            MARKER_SUPPORTED_TYPES.has(type) &&
+            this.series().length > 0 &&
+            this.categories().length > 0);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "supported" }] : /* istanbul ignore next */ []));
+    markerAt(pointIndex) {
+        return this.series()[this.activeIndex()]?.dataPoints?.find((p) => p.idx === pointIndex)?.marker;
+    }
+    onSeries(event) {
+        const value = selectValue$2(event);
+        if (value === null) {
+            return;
+        }
+        const num = Number.parseInt(value, 10);
+        if (Number.isFinite(num)) {
+            this.seriesIndex.set(num);
+        }
+    }
+    onToggle(pointIndex, event) {
+        this.emit(pointIndex, boolFromEvent(event) ? { symbol: 'circle' } : null);
+    }
+    onSymbol(pointIndex, event) {
+        const value = selectValue$2(event);
+        if (value === null) {
+            return;
+        }
+        this.emit(pointIndex, { symbol: value });
+    }
+    onSize(pointIndex, event) {
+        const num = numFromEvent(event);
+        this.emit(pointIndex, { size: typeof num === 'number' ? num : undefined });
+    }
+    onFill(pointIndex, event) {
+        const value = stringFromEvent$5(event);
+        if (value === null) {
+            return;
+        }
+        this.emit(pointIndex, { fillColor: value });
+    }
+    emit(pointIndex, marker) {
+        this.elementChange.emit(setDataPointMarker(this.element(), this.activeIndex(), pointIndex, marker));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChartDatapointMarkerOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ChartDatapointMarkerOptionsComponent, isStandalone: true, selector: "pptx-chart-datapoint-marker-options", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { elementChange: "elementChange" }, ngImport: i0, template: `
+		@if (supported()) {
+			<section class="pptx-chart-card" [attr.aria-label]="'pptx.chart.pointMarkers' | translate">
+				<h4 class="pptx-chart-card__heading">{{ 'pptx.chart.pointMarkers' | translate }}</h4>
+
+				@if (series().length > 1) {
+					<label class="pptx-chart-card__row">
+						<span class="pptx-chart-card__label">{{ 'pptx.chart.series' | translate }}</span>
+						<select
+							class="pptx-chart-card__input"
+							[disabled]="!canEdit()"
+							[value]="activeIndex()"
+							(change)="onSeries($event)"
+						>
+							@for (s of series(); track $index; let i = $index) {
+								<option [value]="i">{{ s.name }}</option>
+							}
+						</select>
+					</label>
+				}
+
+				<div class="pptx-chart-card__group">
+					@for (cat of categories(); track $index; let ci = $index) {
+						<div class="pptx-chart-card__row">
+							<span class="pptx-chart-card__name" [title]="cat">{{ cat }}</span>
+							<label class="pptx-chart-card__check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="markerAt(ci) !== undefined"
+									(change)="onToggle(ci, $event)"
+								/>
+								{{ 'pptx.chart.markerOverride' | translate }}
+							</label>
+						</div>
+
+						@if (markerAt(ci); as marker) {
+							<div class="pptx-chart-card__row pptx-chart-card__group--indent">
+								<select
+									class="pptx-chart-card__input"
+									[disabled]="!canEdit()"
+									[value]="marker.symbol"
+									(change)="onSymbol(ci, $event)"
+								>
+									@for (opt of symbolOptions; track opt.value) {
+										<option [value]="opt.value">{{ opt.labelKey | translate }}</option>
+									}
+								</select>
+								<input
+									type="number"
+									min="1"
+									max="20"
+									class="pptx-chart-card__input pptx-chart-card__input--num"
+									[title]="'pptx.chart.markerSize' | translate"
+									[placeholder]="'pptx.chart.auto' | translate"
+									[disabled]="!canEdit()"
+									[value]="marker.size ?? ''"
+									(change)="onSize(ci, $event)"
+								/>
+								<input
+									type="color"
+									class="pptx-chart-card__color"
+									[title]="'pptx.chart.markerFill' | translate"
+									[disabled]="!canEdit()"
+									[value]="marker.spPr?.fillColor ?? '#4472c4'"
+									(input)="onFill(ci, $event)"
+								/>
+							</div>
+						}
+					}
+				</div>
+			</section>
+		}
+	`, isInline: true, styles: [".pptx-chart-card{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-top:1px solid var(--pptx-inspector-border, #333)}.pptx-chart-card__heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0}.pptx-chart-card__group{display:flex;flex-direction:column;gap:.3rem}.pptx-chart-card__group--indent{margin-left:.5rem}.pptx-chart-card__subhead{font-size:11px;font-weight:600}.pptx-chart-card__row{display:flex;align-items:center;gap:.4rem;font-size:11px}.pptx-chart-card__label{flex:0 0 auto;width:5rem;color:var(--pptx-inspector-muted, #888)}.pptx-chart-card__label--wide{width:6.5rem}.pptx-chart-card__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptx-chart-card__check{display:flex;align-items:center;gap:.35rem;font-size:11px;cursor:pointer}.pptx-chart-card__input{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:2px 4px;font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;color:inherit;outline:none}.pptx-chart-card__input--num{flex:0 0 auto;width:4rem;text-align:right}.pptx-chart-card__input:focus{border-color:var(--pptx-inspector-active, #0078d4)}.pptx-chart-card__input:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__color{flex:0 0 auto;width:26px;height:20px;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}.pptx-chart-card__color:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__clear{flex:0 0 auto;padding:0 2px;font-size:12px;line-height:1;background:none;border:none;color:var(--pptx-inspector-muted, #888);cursor:pointer}.pptx-chart-card__clear:hover{color:var(--pptx-inspector-danger, #f47c7c)}.pptx-chart-card__input--num::-webkit-outer-spin-button,.pptx-chart-card__input--num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChartDatapointMarkerOptionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-chart-datapoint-marker-options', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		@if (supported()) {
+			<section class="pptx-chart-card" [attr.aria-label]="'pptx.chart.pointMarkers' | translate">
+				<h4 class="pptx-chart-card__heading">{{ 'pptx.chart.pointMarkers' | translate }}</h4>
+
+				@if (series().length > 1) {
+					<label class="pptx-chart-card__row">
+						<span class="pptx-chart-card__label">{{ 'pptx.chart.series' | translate }}</span>
+						<select
+							class="pptx-chart-card__input"
+							[disabled]="!canEdit()"
+							[value]="activeIndex()"
+							(change)="onSeries($event)"
+						>
+							@for (s of series(); track $index; let i = $index) {
+								<option [value]="i">{{ s.name }}</option>
+							}
+						</select>
+					</label>
+				}
+
+				<div class="pptx-chart-card__group">
+					@for (cat of categories(); track $index; let ci = $index) {
+						<div class="pptx-chart-card__row">
+							<span class="pptx-chart-card__name" [title]="cat">{{ cat }}</span>
+							<label class="pptx-chart-card__check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="markerAt(ci) !== undefined"
+									(change)="onToggle(ci, $event)"
+								/>
+								{{ 'pptx.chart.markerOverride' | translate }}
+							</label>
+						</div>
+
+						@if (markerAt(ci); as marker) {
+							<div class="pptx-chart-card__row pptx-chart-card__group--indent">
+								<select
+									class="pptx-chart-card__input"
+									[disabled]="!canEdit()"
+									[value]="marker.symbol"
+									(change)="onSymbol(ci, $event)"
+								>
+									@for (opt of symbolOptions; track opt.value) {
+										<option [value]="opt.value">{{ opt.labelKey | translate }}</option>
+									}
+								</select>
+								<input
+									type="number"
+									min="1"
+									max="20"
+									class="pptx-chart-card__input pptx-chart-card__input--num"
+									[title]="'pptx.chart.markerSize' | translate"
+									[placeholder]="'pptx.chart.auto' | translate"
+									[disabled]="!canEdit()"
+									[value]="marker.size ?? ''"
+									(change)="onSize(ci, $event)"
+								/>
+								<input
+									type="color"
+									class="pptx-chart-card__color"
+									[title]="'pptx.chart.markerFill' | translate"
+									[disabled]="!canEdit()"
+									[value]="marker.spPr?.fillColor ?? '#4472c4'"
+									(input)="onFill(ci, $event)"
+								/>
+							</div>
+						}
+					}
+				</div>
+			</section>
+		}
+	`, styles: [".pptx-chart-card{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-top:1px solid var(--pptx-inspector-border, #333)}.pptx-chart-card__heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0}.pptx-chart-card__group{display:flex;flex-direction:column;gap:.3rem}.pptx-chart-card__group--indent{margin-left:.5rem}.pptx-chart-card__subhead{font-size:11px;font-weight:600}.pptx-chart-card__row{display:flex;align-items:center;gap:.4rem;font-size:11px}.pptx-chart-card__label{flex:0 0 auto;width:5rem;color:var(--pptx-inspector-muted, #888)}.pptx-chart-card__label--wide{width:6.5rem}.pptx-chart-card__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptx-chart-card__check{display:flex;align-items:center;gap:.35rem;font-size:11px;cursor:pointer}.pptx-chart-card__input{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:2px 4px;font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;color:inherit;outline:none}.pptx-chart-card__input--num{flex:0 0 auto;width:4rem;text-align:right}.pptx-chart-card__input:focus{border-color:var(--pptx-inspector-active, #0078d4)}.pptx-chart-card__input:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__color{flex:0 0 auto;width:26px;height:20px;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}.pptx-chart-card__color:disabled{opacity:.6;cursor:not-allowed}.pptx-chart-card__clear{flex:0 0 auto;padding:0 2px;font-size:12px;line-height:1;background:none;border:none;color:var(--pptx-inspector-muted, #888);cursor:pointer}.pptx-chart-card__clear:hover{color:var(--pptx-inspector-danger, #f47c7c)}.pptx-chart-card__input--num::-webkit-outer-spin-button,.pptx-chart-card__input--num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], elementChange: [{ type: i0.Output, args: ["elementChange"] }] } });
+
 /**
  * chart-datapoint-options.component.ts: Per-data-point fill + slice explosion.
  *
@@ -98979,6 +101469,11 @@ class AdvancedChartEditorComponent {
 				[canEdit]="canEdit()"
 				(elementChange)="elementChange.emit($event)"
 			/>
+			<pptx-chart-datapoint-marker-options
+				[element]="element()"
+				[canEdit]="canEdit()"
+				(elementChange)="elementChange.emit($event)"
+			/>
 			<pptx-chart-trendline-options
 				[element]="element()"
 				[canEdit]="canEdit()"
@@ -98990,7 +101485,7 @@ class AdvancedChartEditorComponent {
 				(elementChange)="elementChange.emit($event)"
 			/>
 		</div>
-	`, isInline: true, styles: [".pptx-advanced-chart{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: ChartDisplayOptionsComponent, selector: "pptx-chart-display-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDataLabelOptionsComponent, selector: "pptx-chart-data-label-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartAxisOptionsComponent, selector: "pptx-chart-axis-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartAxisStyleOptionsComponent, selector: "pptx-chart-axis-style-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartMarkerOptionsComponent, selector: "pptx-chart-marker-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartComboTypeOptionsComponent, selector: "pptx-chart-combo-type-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDatapointOptionsComponent, selector: "pptx-chart-datapoint-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartTrendlineOptionsComponent, selector: "pptx-chart-trendline-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartErrorBarOptionsComponent, selector: "pptx-chart-error-bar-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [".pptx-advanced-chart{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: ChartDisplayOptionsComponent, selector: "pptx-chart-display-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDataLabelOptionsComponent, selector: "pptx-chart-data-label-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartAxisOptionsComponent, selector: "pptx-chart-axis-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartAxisStyleOptionsComponent, selector: "pptx-chart-axis-style-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartMarkerOptionsComponent, selector: "pptx-chart-marker-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartComboTypeOptionsComponent, selector: "pptx-chart-combo-type-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDatapointOptionsComponent, selector: "pptx-chart-datapoint-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDatapointMarkerOptionsComponent, selector: "pptx-chart-datapoint-marker-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartTrendlineOptionsComponent, selector: "pptx-chart-trendline-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartErrorBarOptionsComponent, selector: "pptx-chart-error-bar-options", inputs: ["element", "canEdit"], outputs: ["elementChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AdvancedChartEditorComponent, decorators: [{
             type: Component,
@@ -99002,6 +101497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         ChartMarkerOptionsComponent,
                         ChartComboTypeOptionsComponent,
                         ChartDatapointOptionsComponent,
+                        ChartDatapointMarkerOptionsComponent,
                         ChartTrendlineOptionsComponent,
                         ChartErrorBarOptionsComponent,
                     ], template: `
@@ -99041,6 +101537,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 				[canEdit]="canEdit()"
 				(elementChange)="elementChange.emit($event)"
 			/>
+			<pptx-chart-datapoint-marker-options
+				[element]="element()"
+				[canEdit]="canEdit()"
+				(elementChange)="elementChange.emit($event)"
+			/>
 			<pptx-chart-trendline-options
 				[element]="element()"
 				[canEdit]="canEdit()"
@@ -116440,6 +118941,8 @@ class PowerPointViewerComponent {
      */
     showReadingView = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showReadingView" }] : /* istanbul ignore next */ []));
+    showOutlineView = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showOutlineView" }] : /* istanbul ignore next */ []));
     /** Full-canvas master editor visibility and active target. */
     showMasterView = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showMasterView" }] : /* istanbul ignore next */ []));
@@ -117111,6 +119614,17 @@ class PowerPointViewerComponent {
         this.showReadingView.set(false);
         this.goTo(slideIndex);
     }
+    /**
+     * Commit an outline edit as ONE undoable entry.
+     *
+     * `applyReplacement` rather than `setSlides`: the latter resets the undo
+     * stack and the selection, which would make every keystroke in the outline
+     * throw away the user's history.
+     */
+    onOutlineCommit(commit) {
+        this.editor.applyReplacement(commit.slides);
+        this.goTo(commit.activeSlideIndex);
+    }
     goPrev() {
         this.goTo(this.activeSlideIndex() - 1);
     }
@@ -117260,6 +119774,23 @@ class PowerPointViewerComponent {
         }
         this.canvasEditing.onElementSelect(event);
     }
+    /**
+     * Commit a motion path dragged on the canvas.
+     *
+     * `setMotionPath` rather than a preset apply: the dragged geometry no longer
+     * matches any catalogue entry, and it is written onto the SAME animation
+     * entry the preset buckets use, so the element's entrance survives the edit.
+     */
+    onMotionPathChange(path) {
+        const element = this.selectedElement();
+        const slide = this.activeSlide();
+        if (!this.canEdit() || !element || !slide) {
+            return;
+        }
+        this.editor.updateSlide(this.activeSlideIndex(), {
+            animations: setMotionPath(slide.animations ?? [], element.id, path),
+        });
+    }
     /** Context-menu "Ask AI about this": scope + open the assistant, empty composer. */
     onContextMenuAskAi() {
         this.aiPanelStore.askAboutSelection();
@@ -117730,6 +120261,7 @@ class PowerPointViewerComponent {
 					(link)="docProperties.showHyperlink.set(true)"
 					(openSorter)="showSorter.set(true)"
 					(openReadingView)="showReadingView.set(true)"
+					(openOutlineView)="showOutlineView.set(true)"
 					(toggleNotes)="mobileSheetSvc.toggleNotes()"
 					(toggleFormatPainter)="formatPainter.toggle()"
 					(exportPng)="xport.exportPng()"
@@ -117881,6 +120413,19 @@ class PowerPointViewerComponent {
 									[activeSlideIndex]="activeSlideIndex()"
 								/>
 							}
+							<!--
+								Motion path of the selected element: projected for the same
+								reason the collaboration overlays are, and authored in raw
+								slide coordinates. It draws nothing unless the deck is
+								editable and the selection actually carries a path.
+							-->
+							<pptx-motion-path-overlay
+								[element]="selectedElement()"
+								[animations]="activeSlide()?.animations ?? []"
+								[canvasSize]="loader.canvasSize()"
+								[canEdit]="canEdit()"
+								(pathChange)="onMotionPathChange($event)"
+							/>
 						</pptx-slide-canvas>
 						@if (collab.active() && collab.presence().length > 0) {
 							<div class="pptx-ng-collab-follow">
@@ -118085,6 +120630,21 @@ class PowerPointViewerComponent {
 				/>
 			}
 
+			@if (showOutlineView()) {
+				<!--
+					The EDITABLE deck, not the merged display deck: the merged one has
+					each slide's inherited master/layout elements folded in, and
+					committing that back would bake the template layer into the slides.
+				-->
+				<pptx-outline-view-overlay
+					[slides]="editor.slides()"
+					[canvasSize]="loader.canvasSize()"
+					[canEdit]="canEdit()"
+					(commit)="onOutlineCommit($event)"
+					(closed)="showOutlineView.set(false)"
+				/>
+			}
+
 			@if (showReadingView()) {
 				<!--
 					The merged deck, so each slide carries its own inherited template
@@ -118391,7 +120951,7 @@ class PowerPointViewerComponent {
 				/>
 			}
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "useTimings", "subtitlesVisible", "sessionEnded"], outputs: ["indexChange", "closed", "subtitlesChange", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: ReadingViewOverlayComponent, selector: "pptx-reading-view-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeSlideIndex"], outputs: ["exit"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex", "showAiActions"], outputs: ["closed", "askAi", "fixAi", "editHyperlink", "addComment"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "aiEnabled", "aiPanelOpen", "hiddenActions"], outputs: ["toggleMenu", "toggleAiPanel", "undo", "redo", "share", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "aiEnabled", "aiPanelOpen", "accountAuth"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "toggleAiPanel", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions", "quickAccess"], outputs: ["toggleAutosave", "save", "undo", "redo", "quickCommand", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "themeKey", "availableThemes", "localeCode", "availableLocales", "aiExportVisible"], outputs: ["restoreContent", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "useTimings", "subtitlesVisible", "sessionEnded"], outputs: ["indexChange", "closed", "subtitlesChange", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: OutlineViewOverlayComponent, selector: "pptx-outline-view-overlay", inputs: ["slides", "canvasSize", "canEdit"], outputs: ["commit", "closed"] }, { kind: "component", type: ReadingViewOverlayComponent, selector: "pptx-reading-view-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeSlideIndex"], outputs: ["exit"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex", "showAiActions"], outputs: ["closed", "askAi", "fixAi", "editHyperlink", "addComment"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: MotionPathOverlayComponent, selector: "pptx-motion-path-overlay", inputs: ["element", "animations", "canvasSize", "canEdit"], outputs: ["pathChange"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "aiEnabled", "aiPanelOpen", "hiddenActions"], outputs: ["toggleMenu", "toggleAiPanel", "undo", "redo", "share", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "aiEnabled", "aiPanelOpen", "accountAuth"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "toggleAiPanel", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openOutlineView", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions", "quickAccess"], outputs: ["toggleAutosave", "save", "undo", "redo", "quickCommand", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "themeKey", "availableThemes", "localeCode", "availableLocales", "aiExportVisible"], outputs: ["restoreContent", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
                 Promise.resolve().then(function () { return aiChatPanel_component; }).then(m => m.AiChatPanelComponent)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ngImport: i0, type: PowerPointViewerComponent, resolveDeferredDeps: () => [/* @ts-ignore */
@@ -118410,6 +120970,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
                             PresenterViewComponent,
                             MobilePresenterViewComponent,
                             SlideSorterOverlayComponent,
+                            OutlineViewOverlayComponent,
                             ReadingViewOverlayComponent,
                             SlideDefaultInspectorComponent,
                             FindBarComponent,
@@ -118424,6 +120985,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
                             AccessibilityPanelComponent,
                             CollaborationCursorsComponent,
                             RemoteSelectionOverlayComponent,
+                            MotionPathOverlayComponent,
                             FollowModeBarComponent,
                             PropertiesDialogComponent,
                             HyperlinkDialogComponent,
@@ -118546,6 +121108,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
 					(link)="docProperties.showHyperlink.set(true)"
 					(openSorter)="showSorter.set(true)"
 					(openReadingView)="showReadingView.set(true)"
+					(openOutlineView)="showOutlineView.set(true)"
 					(toggleNotes)="mobileSheetSvc.toggleNotes()"
 					(toggleFormatPainter)="formatPainter.toggle()"
 					(exportPng)="xport.exportPng()"
@@ -118697,6 +121260,19 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
 									[activeSlideIndex]="activeSlideIndex()"
 								/>
 							}
+							<!--
+								Motion path of the selected element: projected for the same
+								reason the collaboration overlays are, and authored in raw
+								slide coordinates. It draws nothing unless the deck is
+								editable and the selection actually carries a path.
+							-->
+							<pptx-motion-path-overlay
+								[element]="selectedElement()"
+								[animations]="activeSlide()?.animations ?? []"
+								[canvasSize]="loader.canvasSize()"
+								[canEdit]="canEdit()"
+								(pathChange)="onMotionPathChange($event)"
+							/>
 						</pptx-slide-canvas>
 						@if (collab.active() && collab.presence().length > 0) {
 							<div class="pptx-ng-collab-follow">
@@ -118901,6 +121477,21 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
 				/>
 			}
 
+			@if (showOutlineView()) {
+				<!--
+					The EDITABLE deck, not the merged display deck: the merged one has
+					each slide's inherited master/layout elements folded in, and
+					committing that back would bake the template layer into the slides.
+				-->
+				<pptx-outline-view-overlay
+					[slides]="editor.slides()"
+					[canvasSize]="loader.canvasSize()"
+					[canEdit]="canEdit()"
+					(commit)="onOutlineCommit($event)"
+					(closed)="showOutlineView.set(false)"
+				/>
+			}
+
 			@if (showReadingView()) {
 				<!--
 					The merged deck, so each slide carries its own inherited template
@@ -121100,5 +123691,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { DATA_TABLE_HEADER_H as $, ALIGN_OPTIONS as A, BroadcastDialogComponent as B, CHART_EDITOR_STYLES as C, CanvasFitService as D, ChartAxisOptionsComponent as E, ChartAxisStyleOptionsComponent as F, ChartComboTypeOptionsComponent as G, ChartDataEditorComponent as H, ChartDataLabelOptionsComponent as I, ChartDatapointOptionsComponent as J, ChartDisplayOptionsComponent as K, ChartElementViewComponent as L, ChartErrorBarOptionsComponent as M, ChartMarkerOptionsComponent as N, ChartPartSelectionService as O, ChartPrimitivesComponent as P, ChartRendererComponent as Q, ChartTrendlineOptionsComponent as R, CollaborationCursorsComponent as S, CollaborationService as T, ColorChangedImageComponent as U, CommentsPanelComponent as V, CommentsService as W, ComparePanelComponent as X, ConnectorRendererComponent as Y, ConnectorTextOverlayComponent as Z, CustomShowsComponent as _, ANIMATION_PRESET_CATEGORIES as a, MAX_ZOOM_SCALE as a$, DATA_TABLE_KEY_W as a0, DATA_TABLE_PADDING as a1, DATA_TABLE_ROW_H as a2, DEFAULT_BOUNDS as a3, DEFAULT_BROADCAST_SERVER_URL as a4, DEFAULT_CANVAS_HEIGHT as a5, DEFAULT_CANVAS_WIDTH as a6, DEFAULT_COLOR_SCHEME as a7, DEFAULT_FILL_COLOR as a8, DEFAULT_LAYOUT as a9, EquationTemplateGalleryComponent as aA, ExportProgressModalComponent as aB, ExportService as aC, FieldContextService as aD, FindBarComponent as aE, FindReplaceBarComponent as aF, FollowModeBarComponent as aG, FontEmbeddingListComponent as aH, FontEmbeddingPanelComponent as aI, GALLERY_THEME_PRESETS as aJ, GradientPickerComponent as aK, HANDOUT_OPTIONS as aL, HeaderFooterDialogComponent as aM, HyperlinkDialogComponent as aN, ImagePropertiesPanelComponent as aO, InkDrawingService as aP, InkRendererComponent as aQ, InsertSmartArtDialogComponent as aR, InspectorPaneHeaderComponent as aS, InspectorPanelComponent as aT, IsMobileService as aU, KeepAnnotationsDialogComponent as aV, LOCALE_CATALOG as aW, LONG_PRESS_DURATION_MS as aX, LONG_PRESS_MOVE_TOLERANCE_PX as aY, LoadContentService as aZ, LocalPresencePublisher as a_, DEFAULT_PALETTE$1 as aa, DEFAULT_PRINT_SETTINGS as ab, DEFAULT_SLIDE_BACKGROUND as ac, DEFAULT_STROKE_COLOR as ad, DEFAULT_STYLE as ae, DEFAULT_TABLE_ROW_HEIGHT as af, DEFAULT_TEXT_COLOR$1 as ag, DEFAULT_VIEWER_PROFILE as ah, DIRECTIONAL_PRESETS as ai, DIRECTION_OPTIONS as aj, DocumentPropertiesCardComponent as ak, EMBEDDED_FONTS_STYLE_ID as al, EMPHASIS_PRESETS as am, ENTRANCE_PRESETS as an, TEMPLATES as ao, EXIT_PRESETS as ap, EditorContextMenuComponent as aq, EditorHistory as ar, EditorStateService as as, EditorToolbarComponent as at, EffectsPanelComponent as au, ElementRendererComponent as av, EmbeddedFontsService as aw, EncryptedFileDialogComponent as ax, EquationEditorDialogComponent as ay, EquationRendererComponent as az, AUDIENCE_HASH as b, RibbonSlideshowSectionComponent as b$, MIN_ZOOM_SCALE as b0, MediaPreviewComponent as b1, MediaPropertiesPanelComponent as b2, MediaRendererComponent as b3, MediaTrimTimelineComponent as b4, MobileBottomBarComponent as b5, MobileMenuSheetComponent as b6, MobilePresenterViewComponent as b7, MobileSheetComponent as b8, MobileSlidesSheetComponent as b9, PrintSettingsPanelComponent as bA, PropertiesDialogComponent as bB, REPEAT_MODE_OPTIONS as bC, RESIZE_HANDLES as bD, RULER_FONT_SIZE as bE, RULER_THICKNESS as bF, ReadingViewOverlayComponent as bG, RemoteSelectionOverlayComponent as bH, RibbonAnimationGalleryComponent as bI, RibbonAnimationsSectionComponent as bJ, RibbonArrangeSectionComponent as bK, RibbonColorPopoverComponent as bL, RibbonComponent as bM, RibbonDesignSectionComponent as bN, RibbonDrawSectionComponent as bO, RibbonDrawingGroupComponent as bP, RibbonEditingSectionComponent as bQ, RibbonFileSectionComponent as bR, RibbonFontControlsComponent as bS, RibbonHomeSectionComponent as bT, RibbonHyperlinkButtonComponent as bU, RibbonInsertFieldsComponent as bV, RibbonInsertSectionComponent as bW, RibbonParagraphControlsComponent as bX, RibbonPrimaryRowComponent as bY, RibbonReviewSectionComponent as bZ, RibbonShapeExtrasComponent as b_, MobileToolbarComponent as ba, ModalDialogComponent as bb, Model3DRendererComponent as bc, NotesHandoutCardComponent as bd, NotesPanelComponent as be, NotesToolbarComponent as bf, OleRendererComponent as bg, POWER_POINT_VIEWER_PROVIDERS as bh, PRESENTER_CHANNEL_NAME as bi, PRESENTER_MSG_ORIGIN as bj, PX_PER_CM as bk, PX_PER_INCH as bl, PasswordProtectionDialogComponent as bm, PasswordStrengthMeterComponent as bn, PowerPointViewerComponent as bo, PresentationAnnotationOverlayComponent as bp, PresentationAnnotationsService as bq, PresentationOverlayComponent as br, PresentationPropertiesPanelComponent as bs, PresentationSettingsCardComponent as bt, PresentationSubtitleBarComponent as bu, PresentationTransitionOverlayComponent as bv, PresenterViewComponent as bw, PresenterWindowService as bx, PrintDialogComponent as by, PrintService as bz, AUDIENCE_NONCE_KEY as c, TextAdvancedPanelComponent as c$, RibbonTransitionsSectionComponent as c0, RibbonViewSectionComponent as c1, RulerGuidesService as c2, SEQUENCE_OPTIONS as c3, SEVERITY_GROUPS as c4, SEVERITY_LABELS as c5, SHORTCUT_REFERENCE_ITEMS as c6, SLIDE_TRANSITION_KEYFRAMES as c7, DEFAULT_PALETTE as c8, PALETTES$1 as c9, SlideThemeOverridePanelComponent as cA, SlideTransitionCardComponent as cB, SlidesPanelComponent as cC, SmartArt3DRendererComponent as cD, SmartArt3DService as cE, SmartArtPreviewComponent as cF, SmartArtPropertiesComponent as cG, SmartArtRendererComponent as cH, StatusBarComponent as cI, TABLE_STRUCTURE_TOGGLES as cJ, TEXT_3D_BOTTOM_BEVEL_KEYS as cK, TEXT_3D_TOP_BEVEL_KEYS as cL, TEXT_DIRECTION_OPTIONS$1 as cM, THEME_CATALOG as cN, TIMING_CURVE_OPTIONS as cO, TRIGGER_OPTIONS as cP, TYPE_LABELS as cQ, TableCellAdvancedFillComponent as cR, TableCellFormattingComponent as cS, TableDataEditorComponent as cT, TablePropertiesComponent as cU, TableRendererComponent as cV, TableResizeOverlayComponent as cW, TableSelectionService as cX, TagsCardComponent as cY, Text3DBevelSectionComponent as cZ, Text3DPanelComponent as c_, SMART_ART_COLOR_SCHEMES as ca, SMART_ART_STYLE_OPTIONS as cb, SUB_ITEM_LABEL as cc, SVG_WARP_PRESETS as cd, SWIPE_MAX_VERTICAL_PX as ce, SWIPE_THRESHOLD_PX as cf, SelectionPaneComponent as cg, SetUpSlideShowDialogComponent as ch, SettingsAppearanceTabComponent as ci, SettingsDialogComponent as cj, SettingsLanguageTabComponent as ck, ShareDialogComponent as cl, ShortcutPanelComponent as cm, ShowOptionsFieldsetComponent as cn, ShowSlidesFieldsetComponent as co, SignatureStrippedDialogComponent as cp, SignaturesPanelComponent as cq, SignaturesService as cr, SlideBackgroundCardComponent as cs, SlideCanvasComponent as ct, SlideDefaultInspectorComponent as cu, SlideDiffChangesComponent as cv, SlideDiffRowComponent as cw, SlideDiffThumbnailsComponent as cx, SlideSizeCardComponent as cy, SlideSorterOverlayComponent as cz, AVATAR_COLOR_SWATCHES as d, buildBroadcastViewerUrl as d$, ThemeEditorFieldsComponent as d0, ThemeGalleryComponent as d1, ThemeSelectorCardComponent as d2, TitleBarComponent as d3, TransitionDirectionPickerComponent as d4, TransitionPreviewComponent as d5, VALIGN_OPTIONS as d6, VIEWER_THEME as d7, VersionHistoryPanelComponent as d8, ViewerCanvasEditingService as d9, addGradientStopPatch as dA, addItem as dB, addSeries as dC, addSubItem as dD, advanceStep as dE, aiToggleVisible as dF, alignPatch as dG, animationFor as dH, animationPresetLabelKey as dI, annotationMapToInkInserts as dJ, applyAcceptedDiff as dK, applyAnimationPreset as dL, applyFindReplacements as dM, applyFormatToElement as dN, applyMove as dO, applyResize as dP, applyTableStylePreset as dQ, asMediaElement as dR, assignUserColor as dS, attachTouchGestures as dT, beginNodeEdit as dU, bevelSizePatch as dV, boolFromEvent as dW, bringForward as dX, bringToFront as dY, buildBarActions as dZ, buildBroadcastConfig as d_, ViewerCollabCursorService as da, ViewerCollaborationSessionService as db, ViewerCompareService as dc, ViewerCustomShowsService as dd, ViewerDialogsService as de, ViewerDocumentPropertiesService as df, ViewerExportService as dg, ViewerExtraDialogsComponent as dh, ViewerFileIOService as di, ViewerFindReplaceService as dj, ViewerFormatPainterService as dk, ViewerInspectorPanelService as dl, ViewerKeyboardService as dm, ViewerMobileSheetService as dn, ViewerPresentationModeService as dp, ViewerThemeGalleryService as dq, ViewerTouchGesturesService as dr, ViewerZoomService as ds, WEBM_MIME_CANDIDATES as dt, WriteBackScheduler as du, ZoomNavigationService as dv, ZoomRendererComponent as dw, ZoomTargetService as dx, addCategory as dy, addCommentToList as dz, AccessibilityPanelComponent as e, clampCursorPosition as e$, buildCategoryLabels as e0, buildCellParagraphs as e1, buildChartViewModel as e2, buildChatLogExport as e3, buildChatLogMarkdown as e4, buildChromeStyle as e5, buildClearHyperlinkPatch as e6, buildClickGroups as e7, buildColStyles as e8, buildCollaborationConfig as e9, buildSmartArtNodes as eA, buildStockViewModel as eB, buildSurfaceViewModel as eC, buildTableViewModel as eD, buildTreemapViewModel as eE, buildTrimFragment as eF, buildWaterfallViewModel as eG, buildZeroLine as eH, buildZoomContainerStyle as eI, buildZoomViewModel as eJ, bulletIndentPx as eK, canAddTopLevelNode as eL, canGroupSelection as eM, canRemoveTopLevelNode as eN, canSetStrokeWidth as eO, canStartBroadcast as eP, canStartShare as eQ, canUngroupSelection as eR, canUseClipboard as eS, captionDisplayText as eT, cellRunStyle as eU, cellStyleToStyleMap as eV, cellTdStyle as eW, changeCountLabel as eX, changeIcon as eY, characterSpacingPatch as eZ, checkFontAvailable as e_, buildComboViewModel as ea, buildCssGradientFromShapeStyle as eb, buildDuotoneFilter as ec, buildDuotoneFilterId as ed, buildEmbeddedFontStyles as ee, buildEquationElement as ef, buildEquationSegment as eg, buildFallbackViewModel as eh, buildFontFaceRule as ei, buildGradientFillCss as ej, buildGridlinesAndLabels as ek, buildHyperlinkPatch as el, buildInkContainerStyle as em, buildInkStrokes as en, buildLegend as eo, buildModel3DContainerStyle as ep, buildModel3DViewModel as eq, buildOleActionModel as er, buildOleInfoRows as es, buildPatternFillCss as et, buildPrintHtmlDocument as eu, buildPropertiesPatch as ev, buildRegionMapViewModel as ew, buildSaveSlides as ex, buildShareUrl as ey, buildSmartArtInsertElement as ez, AccessibilityService as f, defaultRadius as f$, clampGifDimensions as f0, clampIndex as f1, clampNotesFontSize as f2, clampScale as f3, clampStep as f4, clearAllLocalViewerData as f5, clearAudienceContent as f6, cn as f7, collectAccessibilityIssues as f8, collectElementText as f9, computeRSquared as fA, computeRadarPoints as fB, computeScatterDots as fC, computeSelectionBoxes as fD, computeSingleSelected as fE, computeSlideIndices as fF, computeSnap as fG, computeStackedBarRects as fH, computeStackedValueRange as fI, computeTextLines as fJ, computeTimerProgress as fK, computeTrendlinePrimitives as fL, computeValueRange as fM, convertOmmlToMathMl as fN, copyFormatFromElement as fO, countAccessibilityIssues as fP, countAnnotationStrokes as fQ, createAngularAiBridge as fR, createCustomShow as fS, createSwipeDismissDrag as fT, createWebrtcBundle as fU, createWebsocketBundle as fV, cssObjectToStyleMap as fW, currentColorScheme as fX, currentLayout as fY, currentStyle as fZ, defaultCssVars as f_, collectSlideText as fa, collectStoredChats as fb, collectUsedFontFamilies as fc, columnWidthStyle as fd, commitNodeText as fe, computeAlign as ff, computeAxisTitlePrimitives as fg, computeBarRects as fh, computeBubbleRadius as fi, computeCornerHandle as fj, computeDataTablePrimitives as fk, computeDistribute as fl, computeDrawingViewBox as fm, computeErrorBarPrimitives as fn, computeFocusTargets as fo, computeHandleBoxes as fp, computeHandoutLayout as fq, computeIsMobile as fr, computeIsTablet as fs, computeLinePoints as ft, computeLinearRegression as fu, computePageCount as fv, computePieLayout as fw, computePieSlicePath as fx, computePieSlices as fy, computePlotLayout as fz, AccountPageComponent as g, getPatternSvg as g$, defaultThemeColors as g0, deleteElementsByIds as g1, deleteVersion as g2, demoteNode as g3, deriveModel3DBlobUrl as g4, derivePresenceList as g5, describeSmartArtBounds as g6, disableGlowPatch as g7, disableInnerShadowPatch as g8, disableOuterShadowPatch as g9, fontSizeOf as gA, formatAutoNumber as gB, formatAxisValue as gC, formatBytes as gD, formatCursorLabel as gE, formatElapsed as gF, formatFileSize as gG, formatPropertyDate as gH, formatTime as gI, fpsToFrameIntervalMs as gJ, generateBroadcastRoomId as gK, generateCommentId as gL, generateCustomShowId as gM, generatePressureCircles as gN, generateTicks as gO, getClrChangeParams as gP, getContainerStyle as gQ, getDuotoneFilterDef as gR, getImageSrc as gS, getLocalStorageUsageSummary as gT, getOleAriaLabel as gU, getOleBadgeLabel as gV, getOleDisplayName as gW, getOleDownloadFileName as gX, getOleTypeColor as gY, getOleTypeLabel as gZ, getPasswordStrength as g_, disableReflectionPatch as ga, disableSoftEdgePatch as gb, duplicateElementById as gc, durationOf as gd, effectsStateOf as ge, enableGlowPatch as gf, enableInnerShadowPatch as gg, enableOuterShadowPatch as gh, enableReflectionPatch as gi, enableSoftEdgePatch as gj, encodeGif as gk, estimatePageCount as gl, evenColumnWidths as gm, evenRowHeights as gn, exitPresentationFullscreen as go, exportAiChatLogs as gp, extractPathPoints as gq, eyedropperAvailable as gr, fillColorOf as gs, findInSlides as gt, findOwningSlideIndex as gu, findSlideIndexByElementId as gv, fitPolynomial as gw, fitZoom as gx, focusTargetChips as gy, fontMimeForFormat as gz, ActionSettingsPanelComponent as h, moveNodeUp as h$, getPlaceholderStyle as h0, getVersions as h1, getResolvedShapeClipPath as h2, getResolvedShapeClipPathFor as h3, getShapeFillStrokeStyle as h4, getSlideBackgroundStyle as h5, getSlideTransitionAnimations as h6, getSmartArtNodeBounds as h7, getSpeechRecognitionCtor as h8, getTextBlockStyle as h9, isChildNode as hA, isElementInteractive as hB, isInjectableUrl as hC, isItalic as hD, isPpactionUrl as hE, isPresenterMessage as hF, isSigned as hG, isTextElement as hH, isTwoTableFocus as hI, isUnderline as hJ, isUrlSafe as hK, isValidRoomId as hL, isViewportBackgroundPressTarget as hM, isZoomActivationKey as hN, issueTrackKey as hO, issueTypeLabel as hP, keyToLabel as hQ, latexToMathml as hR, linePointsToSvgString as hS, lineSpacingPatch as hT, loadAudienceContent as hU, mergeCaptionResults as hV, mergeDown as hW, mergeRight as hX, mergeSelection as hY, moveElementBy as hZ, moveNodeDown as h_, getTextWarp as ha, getTouchDistance as hb, getWarpCategory as hc, getWarpPath as hd, gradientStateFromStyle as he, gradientStateOf as hf, gradientStatePatch as hg, gridColumns as hh, groupElements as hi, groupIssuesBySeverity as hj, hasAnimation as hk, hasCopyableFormat as hl, hasExistingLink as hm, hasExitedFullscreen as hn, hasGradientFill as ho, hasPressureVariation as hp, hasVisibleSlideAfter as hq, headerLabel as hr, imageDimensions as hs, inkViewBox as ht, insertTableElementColumn as hu, insertTableElementRow as hv, interpolateWidth as hw, isAudienceTab as hx, isBold as hy, isBrowserOpenableMime as hz, AdvancedChartEditorComponent as i, removeNode as i$, msToFrameDelayCs as i0, narrowToCircle as i1, narrowToPolygon as i2, narrowToRect as i3, newChartElement as i4, newEquationElement as i5, newPresetShapeElement as i6, newShapeElement as i7, newSmartArtElement as i8, newTableElement as i9, patchTextStyle as iA, pendingElementStyles as iB, pickColorByClickFallback as iC, pickFile as iD, pickSupportedMimeType as iE, planGifFrames as iF, planVideoSegments as iG, pointsToSvgPathD as iH, presenceToCursors as iI, presetByLayout as iJ, presetsForCategory as iK, pressuresToWidths as iL, prevVisibleIndex as iM, projectDrawingShapes as iN, promoteNode as iO, provideViewerTheme as iP, radarAngle as iQ, radarRingPoints as iR, readAsDataUrl as iS, recordWebm as iT, redistributeColumnWidth as iU, removeAnimation as iV, removeCategory as iW, removeTableElementColumn as iX, removeCommentFromList as iY, removeElementAnimation as iZ, removeGradientStopPatch as i_, newTextElement as ia, nextVisibleIndex as ib, nodeBold as ic, nodeEditBox as id, nodeFillColor as ie, nodeFontColor as ig, nodeIdFromKey as ih, nodeItalic as ii, nodeStyle as ij, normalizeFontFormat as ik, normalizeSlidesPerPage as il, normalizeValue as im, numFromEvent as io, ommlToMathml as ip, ooxmlDashToCssBorderStyle as iq, openNativeEyeDropper as ir, overallStatus as is, paletteColor as it, parseAudienceNonce as iu, parseNodeTextarea as iv, partitionSlides as iw, patchChartData as ix, patchChartStyle as iy, patchTableData as iz, AiChangeOverlayComponent as j, setDuration as j$, removeTableElementRow as j0, removeSeries as j1, renderToCanvas as j2, reorderAnimationDown as j3, reorderAnimationUp as j4, replaceInSlides as j5, replaceMatch as j6, requestPresentationFullscreen as j7, resizeElement as j8, resolveCaptionTracks as j9, searchSlides as jA, seedBroadcastFields as jB, seedHyperlinkDraft as jC, seedPropertiesDraft as jD, seedShareFields as jE, segmentFrameCount as jF, selectValue$2 as jG, sendBackward as jH, sendToBack as jI, sequentialColorScale as jJ, serializeWriteBack as jK, seriesColor as jL, setAnimationEmphasis as jM, setAnimationEntrance as jN, setAnimationExit as jO, setAxis as jP, setAxisLogScale as jQ, setAxisTitleStyle as jR, setCategoryLabel as jS, setCellText as jT, setColorScheme as jU, setDataLabels as jV, setDataPointExplosion as jW, setDataPointFill as jX, setDataPointLabel as jY, setDelay as jZ, setDirection as j_, resolveChartKind as ja, resolveFontVariant as jb, resolveHyperlinkHref as jc, resolveInteractiveElementId as jd, resolveMediaSrc as je, resolveOleType as jf, resolveParagraphBullet as jg, resolvePresenterNotes as jh, resolveProfileInitial as ji, resolveRegionCode as jj, resolveSlideAutoAdvanceMs as jk, resolvePalette as jl, resolveThemeCatalogEntry as jm, resolveTransitionDuration as jn, revealedElementStyles as jo, routeOrthogonalConnector as jp, rowStyle as jq, rulerDragToGuidePosition as jr, rulerHighlight as js, rulerStripTicks as jt, sampleColorFromSlide as ju, sanitizeColor as jv, sanitizeSlideIndex as jw, sanitizeUserName as jx, saveViewerProfile as jy, scanAvailableFonts as jz, AiChatPanelComponent as k, translationsEn as k$, setElementPosition as k0, setGridlineStyle as k1, setLayout as k2, setLegend as k3, setNodeStyle as k4, setNodeText as k5, setRepeatCount as k6, setRepeatMode as k7, setSequence as k8, setSeriesChartType as k9, splitCursorCell as kA, splitMergedCell as kB, statusKind as kC, statusLabel$1 as kD, storeAudienceContent as kE, stringFromEvent$5 as kF, strokeColorOf as kG, strokeToInkElement as kH, strokeWidthOf as kI, styleShadowFilter as kJ, textAdvancedPatch as kK, textAdvancedStateFromStyle as kL, textAdvancedStateOf as kM, textColorOf as kN, textDirectionPatch as kO, textStyleOf as kP, textStylePatch as kQ, themeStyle as kR, themeToCssVars as kS, thumbnailHeight as kT, thumbnailZoom as kU, toggleCommentResolvedInList as kV, toggleNodeBold as kW, toggleNodeItalic as kX, toggleSheet as kY, topLevelNodeCount as kZ, transformSelectedTextCase as k_, setSeriesColor as ka, setSeriesErrorBars as kb, setSeriesMarker as kc, setSeriesName as kd, setSeriesTrendline as ke, setSeriesValue as kf, setStyle as kg, setTimingCurve as kh, setTitle as ki, setTrigger as kj, setTriggerShapeId as kk, shapeStylePatch as kl, sheetAfterNavigate as km, shouldBlockClickAdvance as kn, shouldUseSvgWarp as ko, showDirectionPicker as kp, showsTemplateAffordance as kq, signatureCountLabel as kr, signatureKey as ks, signatureTimestamp as kt, signerName as ku, statusLabel as kv, slideNumberOf as kw, smartArtNodes as kx, paletteColour as ky, snapToGridStep as kz, AiChatService as l, ungroupElements as l0, updateElementById as l1, updateGlowPatch as l2, updateGradientStopPatch as l3, updateInnerShadowPatch as l4, updateOuterShadowPatch as l5, updateReflectionPatch as l6, vAlignPatch as l7, validatePassword as l8, validatePrintSettings as l9, validateRoomId as la, valueToY as lb, vermilionDarkColors as lc, vermilionDarkTheme as ld, vermilionLightColors as le, vermilionLightTheme as lf, vermilionRadius as lg, waypointsToPathD as lh, worstStatus as li, zoomTargetSlideIndex as lj, AiComposerComponent as m, AiFocusBarComponent as n, AiFocusHighlightOverlayComponent as o, AiMessageListComponent as p, AiPanelStore as q, AiProposalCardComponent as r, AiSettingsSectionComponent as s, toChatSummary as t, AiToolCallCardComponent as u, AnimationAuthorPanelComponent as v, AnimationPanelComponent as w, AnimationPlaybackService as x, AutosaveService as y, CURSOR_PALETTE as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-C20L99Zu.mjs.map
+export { CustomShowsComponent as $, ALIGN_OPTIONS as A, BroadcastDialogComponent as B, CHART_EDITOR_STYLES as C, CanvasFitService as D, ChartAxisOptionsComponent as E, ChartAxisStyleOptionsComponent as F, ChartComboTypeOptionsComponent as G, ChartDataEditorComponent as H, ChartDataLabelOptionsComponent as I, ChartDatapointMarkerOptionsComponent as J, ChartDatapointOptionsComponent as K, ChartDisplayOptionsComponent as L, ChartElementViewComponent as M, ChartErrorBarOptionsComponent as N, ChartMarkerOptionsComponent as O, ChartPartSelectionService as P, ChartPrimitivesComponent as Q, ChartRendererComponent as R, ChartTrendlineOptionsComponent as S, CollaborationCursorsComponent as T, CollaborationService as U, ColorChangedImageComponent as V, CommentsPanelComponent as W, CommentsService as X, ComparePanelComponent as Y, ConnectorRendererComponent as Z, ConnectorTextOverlayComponent as _, ANIMATION_PRESET_CATEGORIES as a, LocalPresencePublisher as a$, DATA_TABLE_HEADER_H as a0, DATA_TABLE_KEY_W as a1, DATA_TABLE_PADDING as a2, DATA_TABLE_ROW_H as a3, DEFAULT_BOUNDS as a4, DEFAULT_BROADCAST_SERVER_URL as a5, DEFAULT_CANVAS_HEIGHT as a6, DEFAULT_CANVAS_WIDTH as a7, DEFAULT_COLOR_SCHEME as a8, DEFAULT_FILL_COLOR as a9, EquationRendererComponent as aA, EquationTemplateGalleryComponent as aB, ExportProgressModalComponent as aC, ExportService as aD, FieldContextService as aE, FindBarComponent as aF, FindReplaceBarComponent as aG, FollowModeBarComponent as aH, FontEmbeddingListComponent as aI, FontEmbeddingPanelComponent as aJ, GALLERY_THEME_PRESETS as aK, GradientPickerComponent as aL, HANDOUT_OPTIONS as aM, HeaderFooterDialogComponent as aN, HyperlinkDialogComponent as aO, ImagePropertiesPanelComponent as aP, InkDrawingService as aQ, InkRendererComponent as aR, InsertSmartArtDialogComponent as aS, InspectorPaneHeaderComponent as aT, InspectorPanelComponent as aU, IsMobileService as aV, KeepAnnotationsDialogComponent as aW, LOCALE_CATALOG as aX, LONG_PRESS_DURATION_MS as aY, LONG_PRESS_MOVE_TOLERANCE_PX as aZ, LoadContentService as a_, DEFAULT_LAYOUT as aa, DEFAULT_PALETTE$1 as ab, DEFAULT_PRINT_SETTINGS as ac, DEFAULT_SLIDE_BACKGROUND as ad, DEFAULT_STROKE_COLOR as ae, DEFAULT_STYLE as af, DEFAULT_TABLE_ROW_HEIGHT as ag, DEFAULT_TEXT_COLOR$1 as ah, DEFAULT_VIEWER_PROFILE as ai, DIRECTIONAL_PRESETS as aj, DIRECTION_OPTIONS as ak, DocumentPropertiesCardComponent as al, EMBEDDED_FONTS_STYLE_ID as am, EMPHASIS_PRESETS as an, ENTRANCE_PRESETS as ao, TEMPLATES as ap, EXIT_PRESETS as aq, EditorContextMenuComponent as ar, EditorHistory as as, EditorStateService as at, EditorToolbarComponent as au, EffectsPanelComponent as av, ElementRendererComponent as aw, EmbeddedFontsService as ax, EncryptedFileDialogComponent as ay, EquationEditorDialogComponent as az, AUDIENCE_HASH as b, RibbonParagraphControlsComponent as b$, MAX_ZOOM_SCALE as b0, MIN_ZOOM_SCALE as b1, MOTION_PATH_COLUMNS as b2, MediaPreviewComponent as b3, MediaPropertiesPanelComponent as b4, MediaRendererComponent as b5, MediaTrimTimelineComponent as b6, MobileBottomBarComponent as b7, MobileMenuSheetComponent as b8, MobilePresenterViewComponent as b9, PresenterWindowService as bA, PrintDialogComponent as bB, PrintService as bC, PrintSettingsPanelComponent as bD, PropertiesDialogComponent as bE, REPEAT_MODE_OPTIONS as bF, RESIZE_HANDLES as bG, RULER_FONT_SIZE as bH, RULER_THICKNESS as bI, ReadingViewOverlayComponent as bJ, RemoteSelectionOverlayComponent as bK, RibbonAnimationGalleryComponent as bL, RibbonAnimationsSectionComponent as bM, RibbonArrangeSectionComponent as bN, RibbonColorPopoverComponent as bO, RibbonComponent as bP, RibbonDesignSectionComponent as bQ, RibbonDrawSectionComponent as bR, RibbonDrawingGroupComponent as bS, RibbonEditingSectionComponent as bT, RibbonFileSectionComponent as bU, RibbonFontControlsComponent as bV, RibbonHomeSectionComponent as bW, RibbonHyperlinkButtonComponent as bX, RibbonInsertFieldsComponent as bY, RibbonInsertSectionComponent as bZ, RibbonMotionPathGalleryComponent as b_, MobileSheetComponent as ba, MobileSlidesSheetComponent as bb, MobileToolbarComponent as bc, ModalDialogComponent as bd, Model3DRendererComponent as be, NotesHandoutCardComponent as bf, NotesPanelComponent as bg, NotesToolbarComponent as bh, OleRendererComponent as bi, OutlineViewOverlayComponent as bj, POWER_POINT_VIEWER_PROVIDERS as bk, PRESENTER_CHANNEL_NAME as bl, PRESENTER_MSG_ORIGIN as bm, PX_PER_CM as bn, PX_PER_INCH as bo, PasswordProtectionDialogComponent as bp, PasswordStrengthMeterComponent as bq, PowerPointViewerComponent as br, PresentationAnnotationOverlayComponent as bs, PresentationAnnotationsService as bt, PresentationOverlayComponent as bu, PresentationPropertiesPanelComponent as bv, PresentationSettingsCardComponent as bw, PresentationSubtitleBarComponent as bx, PresentationTransitionOverlayComponent as by, PresenterViewComponent as bz, AUDIENCE_NONCE_KEY as c, TableSelectionService as c$, RibbonPrimaryRowComponent as c0, RibbonReviewSectionComponent as c1, RibbonShapeExtrasComponent as c2, RibbonSlideshowSectionComponent as c3, RibbonTransitionsSectionComponent as c4, RibbonViewSectionComponent as c5, RulerGuidesService as c6, SEQUENCE_OPTIONS as c7, SEVERITY_GROUPS as c8, SEVERITY_LABELS as c9, SlideDiffRowComponent as cA, SlideDiffThumbnailsComponent as cB, SlideSizeCardComponent as cC, SlideSorterOverlayComponent as cD, SlideThemeOverridePanelComponent as cE, SlideTransitionCardComponent as cF, SlidesPanelComponent as cG, SmartArt3DRendererComponent as cH, SmartArt3DService as cI, SmartArtPreviewComponent as cJ, SmartArtPropertiesComponent as cK, SmartArtRendererComponent as cL, StatusBarComponent as cM, TABLE_STRUCTURE_TOGGLES as cN, TEXT_3D_BOTTOM_BEVEL_KEYS as cO, TEXT_3D_TOP_BEVEL_KEYS as cP, TEXT_DIRECTION_OPTIONS$1 as cQ, THEME_CATALOG as cR, TIMING_CURVE_OPTIONS as cS, TRIGGER_OPTIONS as cT, TYPE_LABELS as cU, TableCellAdvancedFillComponent as cV, TableCellFormattingComponent as cW, TableDataEditorComponent as cX, TablePropertiesComponent as cY, TableRendererComponent as cZ, TableResizeOverlayComponent as c_, SHORTCUT_REFERENCE_ITEMS as ca, SLIDE_TRANSITION_KEYFRAMES as cb, DEFAULT_PALETTE as cc, PALETTES$1 as cd, SMART_ART_COLOR_SCHEMES as ce, SMART_ART_STYLE_OPTIONS as cf, SUB_ITEM_LABEL as cg, SVG_WARP_PRESETS as ch, SWIPE_MAX_VERTICAL_PX as ci, SWIPE_THRESHOLD_PX as cj, SelectionPaneComponent as ck, SetUpSlideShowDialogComponent as cl, SettingsAppearanceTabComponent as cm, SettingsDialogComponent as cn, SettingsLanguageTabComponent as co, ShareDialogComponent as cp, ShortcutPanelComponent as cq, ShowOptionsFieldsetComponent as cr, ShowSlidesFieldsetComponent as cs, SignatureStrippedDialogComponent as ct, SignaturesPanelComponent as cu, SignaturesService as cv, SlideBackgroundCardComponent as cw, SlideCanvasComponent as cx, SlideDefaultInspectorComponent as cy, SlideDiffChangesComponent as cz, AVATAR_COLOR_SWATCHES as d, bringForward as d$, TagsCardComponent as d0, Text3DBevelSectionComponent as d1, Text3DPanelComponent as d2, TextAdvancedPanelComponent as d3, ThemeEditorFieldsComponent as d4, ThemeGalleryComponent as d5, ThemeSelectorCardComponent as d6, TitleBarComponent as d7, TransitionDirectionPickerComponent as d8, TransitionPreviewComponent as d9, ZoomRendererComponent as dA, ZoomTargetService as dB, addCategory as dC, addCommentToList as dD, addGradientStopPatch as dE, addItem as dF, addSeries as dG, addSubItem as dH, advanceStep as dI, aiToggleVisible as dJ, alignPatch as dK, animationFor as dL, animationPresetLabelKey as dM, annotationMapToInkInserts as dN, applyAcceptedDiff as dO, applyAnimationPreset as dP, applyFindReplacements as dQ, applyFormatToElement as dR, applyMove as dS, applyResize as dT, applyTableStylePreset as dU, asMediaElement as dV, assignUserColor as dW, attachTouchGestures as dX, beginNodeEdit as dY, bevelSizePatch as dZ, boolFromEvent as d_, VALIGN_OPTIONS as da, VIEWER_THEME as db, VersionHistoryPanelComponent as dc, ViewerCanvasEditingService as dd, ViewerCollabCursorService as de, ViewerCollaborationSessionService as df, ViewerCompareService as dg, ViewerCustomShowsService as dh, ViewerDialogsService as di, ViewerDocumentPropertiesService as dj, ViewerExportService as dk, ViewerExtraDialogsComponent as dl, ViewerFileIOService as dm, ViewerFindReplaceService as dn, ViewerFormatPainterService as dp, ViewerInspectorPanelService as dq, ViewerKeyboardService as dr, ViewerMobileSheetService as ds, ViewerPresentationModeService as dt, ViewerThemeGalleryService as du, ViewerTouchGesturesService as dv, ViewerZoomService as dw, WEBM_MIME_CANDIDATES as dx, WriteBackScheduler as dy, ZoomNavigationService as dz, AccessibilityPanelComponent as e, changeCountLabel as e$, bringToFront as e0, buildBarActions as e1, buildBroadcastConfig as e2, buildBroadcastViewerUrl as e3, buildCategoryLabels as e4, buildCellParagraphs as e5, buildChartViewModel as e6, buildChatLogExport as e7, buildChatLogMarkdown as e8, buildChromeStyle as e9, buildRegionMapViewModel as eA, buildSaveSlides as eB, buildShareUrl as eC, buildSmartArtInsertElement as eD, buildSmartArtNodes as eE, buildStockViewModel as eF, buildSurfaceViewModel as eG, buildTableViewModel as eH, buildTreemapViewModel as eI, buildTrimFragment as eJ, buildWaterfallViewModel as eK, buildZeroLine as eL, buildZoomContainerStyle as eM, buildZoomViewModel as eN, bulletIndentPx as eO, canAddTopLevelNode as eP, canGroupSelection as eQ, canRemoveTopLevelNode as eR, canSetStrokeWidth as eS, canStartBroadcast as eT, canStartShare as eU, canUngroupSelection as eV, canUseClipboard as eW, captionDisplayText as eX, cellRunStyle as eY, cellStyleToStyleMap as eZ, cellTdStyle as e_, buildClearHyperlinkPatch as ea, buildClickGroups as eb, buildColStyles as ec, buildCollaborationConfig as ed, buildComboViewModel as ee, buildCssGradientFromShapeStyle as ef, buildDuotoneFilter as eg, buildDuotoneFilterId as eh, buildEmbeddedFontStyles as ei, buildEquationElement as ej, buildEquationSegment as ek, buildFallbackViewModel as el, buildFontFaceRule as em, buildGradientFillCss as en, buildGridlinesAndLabels as eo, buildHyperlinkPatch as ep, buildInkContainerStyle as eq, buildInkStrokes as er, buildLegend as es, buildModel3DContainerStyle as et, buildModel3DViewModel as eu, buildOleActionModel as ev, buildOleInfoRows as ew, buildPatternFillCss as ex, buildPrintHtmlDocument as ey, buildPropertiesPatch as ez, AccessibilityService as f, currentColorScheme as f$, changeIcon as f0, characterSpacingPatch as f1, checkFontAvailable as f2, clampCursorPosition as f3, clampGifDimensions as f4, clampIndex as f5, clampNotesFontSize as f6, clampScale as f7, clampStep as f8, clearAllLocalViewerData as f9, computePieLayout as fA, computePieSlicePath as fB, computePieSlices as fC, computePlotLayout as fD, computeRSquared as fE, computeRadarPoints as fF, computeScatterDots as fG, computeSelectionBoxes as fH, computeSingleSelected as fI, computeSlideIndices as fJ, computeSnap as fK, computeStackedBarRects as fL, computeStackedValueRange as fM, computeTextLines as fN, computeTimerProgress as fO, computeTrendlinePrimitives as fP, computeValueRange as fQ, convertOmmlToMathMl as fR, copyFormatFromElement as fS, countAccessibilityIssues as fT, countAnnotationStrokes as fU, createAngularAiBridge as fV, createCustomShow as fW, createSwipeDismissDrag as fX, createWebrtcBundle as fY, createWebsocketBundle as fZ, cssObjectToStyleMap as f_, clearAudienceContent as fa, cn as fb, collectAccessibilityIssues as fc, collectElementText as fd, collectSlideText as fe, collectStoredChats as ff, collectUsedFontFamilies as fg, columnWidthStyle as fh, commitNodeText as fi, computeAlign as fj, computeAxisTitlePrimitives as fk, computeBarRects as fl, computeBubbleRadius as fm, computeCornerHandle as fn, computeDataTablePrimitives as fo, computeDistribute as fp, computeDrawingViewBox as fq, computeErrorBarPrimitives as fr, computeFocusTargets as fs, computeHandleBoxes as ft, computeHandoutLayout as fu, computeIsMobile as fv, computeIsTablet as fw, computeLinePoints as fx, computeLinearRegression as fy, computePageCount as fz, AccountPageComponent as g, getOleDownloadFileName as g$, currentLayout as g0, currentStyle as g1, defaultCssVars as g2, defaultRadius as g3, defaultThemeColors as g4, deleteElementsByIds as g5, deleteVersion as g6, demoteNode as g7, deriveModel3DBlobUrl as g8, derivePresenceList as g9, fitPolynomial as gA, fitZoom as gB, focusTargetChips as gC, fontMimeForFormat as gD, fontSizeOf as gE, formatAutoNumber as gF, formatAxisValue as gG, formatBytes as gH, formatCursorLabel as gI, formatElapsed as gJ, formatFileSize as gK, formatPropertyDate as gL, formatTime as gM, fpsToFrameIntervalMs as gN, generateBroadcastRoomId as gO, generateCommentId as gP, generateCustomShowId as gQ, generatePressureCircles as gR, generateTicks as gS, getClrChangeParams as gT, getContainerStyle as gU, getDuotoneFilterDef as gV, getImageSrc as gW, getLocalStorageUsageSummary as gX, getOleAriaLabel as gY, getOleBadgeLabel as gZ, getOleDisplayName as g_, describeSmartArtBounds as ga, disableGlowPatch as gb, disableInnerShadowPatch as gc, disableOuterShadowPatch as gd, disableReflectionPatch as ge, disableSoftEdgePatch as gf, duplicateElementById as gg, durationOf as gh, effectsStateOf as gi, enableGlowPatch as gj, enableInnerShadowPatch as gk, enableOuterShadowPatch as gl, enableReflectionPatch as gm, enableSoftEdgePatch as gn, encodeGif as go, estimatePageCount as gp, evenColumnWidths as gq, evenRowHeights as gr, exitPresentationFullscreen as gs, exportAiChatLogs as gt, extractPathPoints as gu, eyedropperAvailable as gv, fillColorOf as gw, findInSlides as gx, findOwningSlideIndex as gy, findSlideIndexByElementId as gz, ActionSettingsPanelComponent as h, mergeRight as h$, getOleTypeColor as h0, getOleTypeLabel as h1, getPasswordStrength as h2, getPatternSvg as h3, getPlaceholderStyle as h4, getVersions as h5, getResolvedShapeClipPath as h6, getResolvedShapeClipPathFor as h7, getShapeFillStrokeStyle as h8, getSlideBackgroundStyle as h9, interpolateWidth as hA, isAudienceTab as hB, isBold as hC, isBrowserOpenableMime as hD, isChildNode as hE, isElementInteractive as hF, isInjectableUrl as hG, isItalic as hH, isPpactionUrl as hI, isPresenterMessage as hJ, isSigned as hK, isTextElement as hL, isTwoTableFocus as hM, isUnderline as hN, isUrlSafe as hO, isValidRoomId as hP, isViewportBackgroundPressTarget as hQ, isZoomActivationKey as hR, issueTrackKey as hS, issueTypeLabel as hT, keyToLabel as hU, latexToMathml as hV, linePointsToSvgString as hW, lineSpacingPatch as hX, loadAudienceContent as hY, mergeCaptionResults as hZ, mergeDown as h_, getSlideTransitionAnimations as ha, getSmartArtNodeBounds as hb, getSpeechRecognitionCtor as hc, getTextBlockStyle as hd, getTextWarp as he, getTouchDistance as hf, getWarpCategory as hg, getWarpPath as hh, gradientStateFromStyle as hi, gradientStateOf as hj, gradientStatePatch as hk, gridColumns as hl, groupElements as hm, groupIssuesBySeverity as hn, hasAnimation as ho, hasCopyableFormat as hp, hasExistingLink as hq, hasExitedFullscreen as hr, hasGradientFill as hs, hasPressureVariation as ht, hasVisibleSlideAfter as hu, headerLabel as hv, imageDimensions as hw, inkViewBox as hx, insertTableElementColumn as hy, insertTableElementRow as hz, AdvancedChartEditorComponent as i, removeTableElementColumn as i$, mergeSelection as i0, moveElementBy as i1, moveNodeDown as i2, moveNodeUp as i3, msToFrameDelayCs as i4, narrowToCircle as i5, narrowToPolygon as i6, narrowToRect as i7, newChartElement as i8, newEquationElement as i9, partitionSlides as iA, patchChartData as iB, patchChartStyle as iC, patchTableData as iD, patchTextStyle as iE, pendingElementStyles as iF, pickColorByClickFallback as iG, pickFile as iH, pickSupportedMimeType as iI, planGifFrames as iJ, planVideoSegments as iK, pointsToSvgPathD as iL, presenceToCursors as iM, presetByLayout as iN, presetsForCategory as iO, pressuresToWidths as iP, prevVisibleIndex as iQ, projectDrawingShapes as iR, promoteNode as iS, provideViewerTheme as iT, radarAngle as iU, radarRingPoints as iV, readAsDataUrl as iW, recordWebm as iX, redistributeColumnWidth as iY, removeAnimation as iZ, removeCategory as i_, newPresetShapeElement as ia, newShapeElement as ib, newSmartArtElement as ic, newTableElement as id, newTextElement as ie, nextVisibleIndex as ig, nodeBold as ih, nodeEditBox as ii, nodeFillColor as ij, nodeFontColor as ik, nodeIdFromKey as il, nodeItalic as im, nodeStyle as io, normalizeFontFormat as ip, normalizeSlidesPerPage as iq, normalizeValue as ir, numFromEvent as is, ommlToMathml as it, ooxmlDashToCssBorderStyle as iu, openNativeEyeDropper as iv, overallStatus as iw, paletteColor as ix, parseAudienceNonce as iy, parseNodeTextarea as iz, AiChangeOverlayComponent as j, setDataPointFill as j$, removeCommentFromList as j0, removeElementAnimation as j1, removeGradientStopPatch as j2, removeNode as j3, removeTableElementRow as j4, removeSeries as j5, renderToCanvas as j6, reorderAnimationDown as j7, reorderAnimationUp as j8, replaceInSlides as j9, sanitizeSlideIndex as jA, sanitizeUserName as jB, saveViewerProfile as jC, scanAvailableFonts as jD, searchSlides as jE, seedBroadcastFields as jF, seedHyperlinkDraft as jG, seedPropertiesDraft as jH, seedShareFields as jI, segmentFrameCount as jJ, selectValue$2 as jK, sendBackward as jL, sendToBack as jM, sequentialColorScale as jN, serializeWriteBack as jO, seriesColor as jP, setAnimationEmphasis as jQ, setAnimationEntrance as jR, setAnimationExit as jS, setAxis as jT, setAxisLogScale as jU, setAxisTitleStyle as jV, setCategoryLabel as jW, setCellText as jX, setColorScheme as jY, setDataLabels as jZ, setDataPointExplosion as j_, replaceMatch as ja, requestPresentationFullscreen as jb, resizeElement as jc, resolveCaptionTracks as jd, resolveChartKind as je, resolveFontVariant as jf, resolveHyperlinkHref as jg, resolveInteractiveElementId as jh, resolveMediaSrc as ji, resolveOleType as jj, resolveParagraphBullet as jk, resolvePresenterNotes as jl, resolveProfileInitial as jm, resolveRegionCode as jn, resolveSlideAutoAdvanceMs as jo, resolvePalette as jp, resolveThemeCatalogEntry as jq, resolveTransitionDuration as jr, revealedElementStyles as js, routeOrthogonalConnector as jt, rowStyle as ju, rulerDragToGuidePosition as jv, rulerHighlight as jw, rulerStripTicks as jx, sampleColorFromSlide as jy, sanitizeColor as jz, AiChatPanelComponent as k, toggleNodeBold as k$, setDataPointLabel as k0, setDataPointMarker as k1, setDelay as k2, setDirection as k3, setDuration as k4, setElementPosition as k5, setGridlineStyle as k6, setLayout as k7, setLegend as k8, setNodeStyle as k9, statusLabel as kA, slideNumberOf as kB, smartArtNodes as kC, paletteColour as kD, snapToGridStep as kE, splitCursorCell as kF, splitMergedCell as kG, statusKind as kH, statusLabel$1 as kI, storeAudienceContent as kJ, stringFromEvent$5 as kK, strokeColorOf as kL, strokeToInkElement as kM, strokeWidthOf as kN, styleShadowFilter as kO, textAdvancedPatch as kP, textAdvancedStateFromStyle as kQ, textAdvancedStateOf as kR, textColorOf as kS, textDirectionPatch as kT, textStyleOf as kU, textStylePatch as kV, themeStyle as kW, themeToCssVars as kX, thumbnailHeight as kY, thumbnailZoom as kZ, toggleCommentResolvedInList as k_, setNodeText as ka, setRepeatCount as kb, setRepeatMode as kc, setSequence as kd, setSeriesChartType as ke, setSeriesColor as kf, setSeriesErrorBars as kg, setSeriesMarker as kh, setSeriesName as ki, setSeriesTrendline as kj, setSeriesValue as kk, setStyle as kl, setTimingCurve as km, setTitle as kn, setTrigger as ko, setTriggerShapeId as kp, shapeStylePatch as kq, sheetAfterNavigate as kr, shouldBlockClickAdvance as ks, shouldUseSvgWarp as kt, showDirectionPicker as ku, showsTemplateAffordance as kv, signatureCountLabel as kw, signatureKey as kx, signatureTimestamp as ky, signerName as kz, AiChatService as l, toggleNodeItalic as l0, toggleSheet as l1, topLevelNodeCount as l2, transformSelectedTextCase as l3, translationsEn as l4, ungroupElements as l5, updateElementById as l6, updateGlowPatch as l7, updateGradientStopPatch as l8, updateInnerShadowPatch as l9, updateOuterShadowPatch as la, updateReflectionPatch as lb, vAlignPatch as lc, validatePassword as ld, validatePrintSettings as le, validateRoomId as lf, valueToY as lg, vermilionDarkColors as lh, vermilionDarkTheme as li, vermilionLightColors as lj, vermilionLightTheme as lk, vermilionRadius as ll, waypointsToPathD as lm, worstStatus as ln, zoomTargetSlideIndex as lo, AiComposerComponent as m, AiFocusBarComponent as n, AiFocusHighlightOverlayComponent as o, AiMessageListComponent as p, AiPanelStore as q, AiProposalCardComponent as r, AiSettingsSectionComponent as s, toChatSummary as t, AiToolCallCardComponent as u, AnimationAuthorPanelComponent as v, AnimationPanelComponent as w, AnimationPlaybackService as x, AutosaveService as y, CURSOR_PALETTE as z };
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-DS2J9zVf.mjs.map