pptx-angular-viewer 1.1.19 → 1.1.20

package/fesm2022/pptx-angular-viewer.mjs

@@ -1922,9 +1922,9 @@ function getComputedImageStyle(element) {
     };
 }
 
-const NONE_PRESETS = new Set(['textNoShape', 'textPlain']);
+const NONE_PRESETS$1 = new Set(['textNoShape', 'textPlain']);
 /** Presets that render best with SVG textPath along curved/circular paths. */
-const PATH_PRESETS = new Set([
+const PATH_PRESETS$1 = new Set([
     'textArchUp',
     'textArchDown',
     'textCircle',
@@ -1948,7 +1948,7 @@ const PATH_PRESETS = new Set([
     'textStop',
 ]);
 /** Presets that stretch text non-uniformly per line (inflate/deflate/can). */
-const ENVELOPE_PRESETS = new Set([
+const ENVELOPE_PRESETS$1 = new Set([
     'textInflate',
     'textDeflate',
     'textInflateBottom',
@@ -1961,7 +1961,7 @@ const ENVELOPE_PRESETS = new Set([
     'textCanDown',
 ]);
 /** Presets approximated by basic 2D transforms (slant, fade, cascade). */
-const SIMPLE_PRESETS = new Set([
+const SIMPLE_PRESETS$1 = new Set([
     'textSlantUp',
     'textSlantDown',
     'textFadeRight',
@@ -1978,29 +1978,29 @@ const SIMPLE_PRESETS = new Set([
  * without an explicit allowlist check.
  */
 function classifyTextWarp(preset) {
-    if (!preset || NONE_PRESETS.has(preset)) {
+    if (!preset || NONE_PRESETS$1.has(preset)) {
         return 'none';
     }
-    if (PATH_PRESETS.has(preset)) {
+    if (PATH_PRESETS$1.has(preset)) {
         return 'path';
     }
-    if (ENVELOPE_PRESETS.has(preset)) {
+    if (ENVELOPE_PRESETS$1.has(preset)) {
         return 'envelope';
     }
-    if (SIMPLE_PRESETS.has(preset)) {
+    if (SIMPLE_PRESETS$1.has(preset)) {
         return 'simple';
     }
     return 'none';
 }
 /** All classified warp presets (excludes `none`). */
-const ALL_CLASSIFIED_PRESETS = new Set([
-    ...NONE_PRESETS,
-    ...PATH_PRESETS,
-    ...ENVELOPE_PRESETS,
-    ...SIMPLE_PRESETS,
+const ALL_CLASSIFIED_PRESETS$1 = new Set([
+    ...NONE_PRESETS$1,
+    ...PATH_PRESETS$1,
+    ...ENVELOPE_PRESETS$1,
+    ...SIMPLE_PRESETS$1,
 ]);
 /** Presets that require SVG textPath rendering (all others fall back to flat). */
-const SVG_WARP_PRESETS = new Set([
+const SVG_WARP_PRESETS$1 = new Set([
     // Priority 1
     'textArchUp',
     'textArchDown',
@@ -2048,7 +2048,7 @@ const SVG_WARP_PRESETS = new Set([
 const clamp4 = (n) => Math.max(0, Math.min(n, 4));
 // ── Priority 1 ──────────────────────────────────────────────────────────
 /** Concentric upward arcs. t=0 is the tallest arch. */
-function archUpPath(w, h, t, adj) {
+function archUpPath$1(w, h, t, adj) {
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
     const maxArch = (0.85 * adjNorm) / 0.5;
     const archH = h * Math.max(0, maxArch - t * 0.7);
@@ -2058,7 +2058,7 @@ function archUpPath(w, h, t, adj) {
     return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
 }
 /** Concentric downward arcs. t=1 is the deepest. */
-function archDownPath(w, h, t, adj) {
+function archDownPath$1(w, h, t, adj) {
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
     const baseDepth = (0.15 * adjNorm) / 0.5;
     const archH = h * (baseDepth + t * 0.7);
@@ -2068,7 +2068,7 @@ function archDownPath(w, h, t, adj) {
     return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
 }
 /** Full ellipse — concentric ellipses shrink towards centre. */
-function circlePath(w, h, t, adj) {
+function circlePath$1(w, h, t, adj) {
     const cx = w / 2;
     const cy = h / 2;
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
@@ -2081,7 +2081,7 @@ function circlePath(w, h, t, adj) {
         `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
 }
 /** Single sine-wave via cubic Bézier. */
-function wave1Path(w, h, t, adj, adj2) {
+function wave1Path$1(w, h, t, adj, adj2) {
     const yMid = h * (0.25 + t * 0.5);
     const adjFactor = adj !== undefined ? adj / 12500 : 1;
     const amp = h * 0.2 * clamp4(adjFactor);
@@ -2091,28 +2091,28 @@ function wave1Path(w, h, t, adj, adj2) {
     return `M 0,${yMid} C ${cp1x},${yMid - amp} ${cp2x},${yMid + amp} ${w},${yMid}`;
 }
 /** Inflate — top lines bow up, bottom lines bow down. */
-function inflatePath(w, h, t, adj) {
+function inflatePath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const bulge = h * 0.3 * (1 - 2 * t) * clamp4(adjFactor);
     return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
 }
 /** Deflate — opposite of inflate. */
-function deflatePath(w, h, t, adj) {
+function deflatePath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const pinch = h * 0.3 * (2 * t - 1) * clamp4(adjFactor);
     return `M 0,${yBase} Q ${w / 2},${yBase - pinch} ${w},${yBase}`;
 }
 /** Gentle upward curve. */
-function curveUpPath(w, h, t, adj) {
+function curveUpPath$1(w, h, t, adj) {
     const yBase = h * (0.35 + t * 0.55);
     const adjFactor = adj !== undefined ? adj / 45977 : 1;
     const curve = h * 0.4 * (1 - t * 0.3) * clamp4(adjFactor);
     return `M 0,${yBase} Q ${w / 2},${yBase - curve} ${w},${yBase}`;
 }
 /** Gentle downward curve. */
-function curveDownPath(w, h, t, adj) {
+function curveDownPath$1(w, h, t, adj) {
     const yBase = h * (0.1 + t * 0.55);
     const adjFactor = adj !== undefined ? adj / 45977 : 1;
     const curve = h * 0.4 * (1 - (1 - t) * 0.3) * clamp4(adjFactor);
@@ -2120,7 +2120,7 @@ function curveDownPath(w, h, t, adj) {
 }
 // ── Priority 2 ──────────────────────────────────────────────────────────
 /** Inverted single wave (phase-shifted wave1). */
-function wave2Path(w, h, t, adj, adj2) {
+function wave2Path$1(w, h, t, adj, adj2) {
     const yMid = h * (0.25 + t * 0.5);
     const adjFactor = adj !== undefined ? adj / 12500 : 1;
     const amp = h * 0.2 * clamp4(adjFactor);
@@ -2130,7 +2130,7 @@ function wave2Path(w, h, t, adj, adj2) {
     return `M 0,${yMid} C ${cp1x},${yMid + amp} ${cp2x},${yMid - amp} ${w},${yMid}`;
 }
 /** Double wave — two full cycles. */
-function wave4Path(w, h, t, adj, adj2) {
+function wave4Path$1(w, h, t, adj, adj2) {
     const yMid = h * (0.25 + t * 0.5);
     const adjFactor = adj !== undefined ? adj / 12500 : 1;
     const amp = h * 0.15 * clamp4(adjFactor);
@@ -2141,7 +2141,7 @@ function wave4Path(w, h, t, adj, adj2) {
         `C ${w / 2 + q + hShift},${yMid - amp} ${w - q + hShift},${yMid + amp} ${w},${yMid}`);
 }
 /** Double wave with alternating rhythm. */
-function doubleWave1Path(w, h, t, adj, adj2) {
+function doubleWave1Path$1(w, h, t, adj, adj2) {
     const yMid = h * (0.25 + t * 0.5);
     const adjFactor = adj !== undefined ? adj / 6250 : 1;
     const amp = h * 0.18 * clamp4(adjFactor);
@@ -2152,7 +2152,7 @@ function doubleWave1Path(w, h, t, adj, adj2) {
         `C ${w / 2 + q + hShift},${yMid + amp} ${w - q + hShift},${yMid - amp} ${w},${yMid}`);
 }
 /** Cylindrical text — upward. */
-function canUpPath(w, h, t, adj) {
+function canUpPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const curvature = clamp4(adjFactor);
     const archH = h * (0.35 - t * 0.25) * curvature;
@@ -2162,7 +2162,7 @@ function canUpPath(w, h, t, adj) {
     return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
 }
 /** Cylindrical text — downward. */
-function canDownPath(w, h, t, adj) {
+function canDownPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const curvature = clamp4(adjFactor);
     const archH = h * (0.1 + t * 0.25) * curvature;
@@ -2172,14 +2172,14 @@ function canDownPath(w, h, t, adj) {
     return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
 }
 /** Button — convex top / concave bottom. */
-function buttonPath(w, h, t, adj) {
+function buttonPath$1(w, h, t, adj) {
     const yBase = h * (0.1 + t * 0.8);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const bulge = h * 0.15 * (1 - 2 * t) * clamp4(adjFactor);
     return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
 }
 /** Ring inside — concentric ellipses scaled inward. */
-function ringInsidePath(w, h, t, adj) {
+function ringInsidePath$1(w, h, t, adj) {
     const cx = w / 2;
     const cy = h / 2;
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
@@ -2192,7 +2192,7 @@ function ringInsidePath(w, h, t, adj) {
         `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
 }
 /** Ring outside — concentric ellipses scaled outward. */
-function ringOutsidePath(w, h, t, adj) {
+function ringOutsidePath$1(w, h, t, adj) {
     const cx = w / 2;
     const cy = h / 2;
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
@@ -2205,7 +2205,7 @@ function ringOutsidePath(w, h, t, adj) {
         `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
 }
 /** Cascading up — lines tilt from lower-left to upper-right. */
-function cascadeUpPath(w, h, t, adj) {
+function cascadeUpPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 44444 : 1;
     const tilt = 0.2 * clamp4(adjFactor);
     const yMid = h * (0.2 + t * 0.6);
@@ -2214,7 +2214,7 @@ function cascadeUpPath(w, h, t, adj) {
     return `M 0,${yStart} L ${w},${yEnd}`;
 }
 /** Cascading down — lines tilt from upper-left to lower-right. */
-function cascadeDownPath(w, h, t, adj) {
+function cascadeDownPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 44444 : 1;
     const tilt = 0.2 * clamp4(adjFactor);
     const yMid = h * (0.2 + t * 0.6);
@@ -2224,7 +2224,7 @@ function cascadeDownPath(w, h, t, adj) {
 }
 // ── Priority 3 ──────────────────────────────────────────────────────────
 /** Triangle / trapezoid — top line narrow, bottom line full width. */
-function trianglePath(w, h, t, adj) {
+function trianglePath$1(w, h, t, adj) {
     const adjRatio = adj !== undefined ? adj / 100000 : 0.5;
     const narrowW = w * (1 - Math.max(0, Math.min(adjRatio, 1))) * 0.3;
     const lineW = narrowW + t * (w - narrowW);
@@ -2233,7 +2233,7 @@ function trianglePath(w, h, t, adj) {
     return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
 }
 /** Inverted triangle — top line full width, bottom line narrow. */
-function triangleInvertedPath(w, h, t, adj) {
+function triangleInvertedPath$1(w, h, t, adj) {
     const adjRatio = adj !== undefined ? adj / 100000 : 0.5;
     const narrowW = w * (1 - Math.max(0, Math.min(adjRatio, 1))) * 0.3;
     const lineW = w - t * (w - narrowW);
@@ -2242,7 +2242,7 @@ function triangleInvertedPath(w, h, t, adj) {
     return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
 }
 /** Stop / octagon — lines narrow at top and bottom, widest in centre. */
-function stopPath(w, h, t, adj) {
+function stopPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 25000 : 1;
     const insetScale = clamp4(adjFactor);
     const inset = w * 0.15 * (1 - (1 - 2 * Math.abs(t - 0.5)) ** 2) * insetScale;
@@ -2250,42 +2250,42 @@ function stopPath(w, h, t, adj) {
     return `M ${inset},${yBase} L ${w - inset},${yBase}`;
 }
 /** Chevron — V-shape pointing down. */
-function chevronPath(w, h, t, adj) {
+function chevronPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 25000 : 1;
     const dip = h * 0.2 * (1 - t) * clamp4(adjFactor);
     return `M 0,${yBase} L ${w / 2},${yBase + dip} L ${w},${yBase}`;
 }
 /** Inverted chevron — V-shape pointing up. */
-function chevronInvertedPath(w, h, t, adj) {
+function chevronInvertedPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 25000 : 1;
     const rise = h * 0.2 * t * clamp4(adjFactor);
     return `M 0,${yBase} L ${w / 2},${yBase - rise} L ${w},${yBase}`;
 }
 /** Inflate bottom only. */
-function inflateBottomPath(w, h, t, adj) {
+function inflateBottomPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const bulge = t > 0.4 ? h * 0.25 * ((t - 0.4) / 0.6) * clamp4(adjFactor) : 0;
     return `M 0,${yBase} Q ${w / 2},${yBase + bulge} ${w},${yBase}`;
 }
 /** Inflate top only. */
-function inflateTopPath(w, h, t, adj) {
+function inflateTopPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const bulge = t < 0.6 ? h * 0.25 * ((0.6 - t) / 0.6) * clamp4(adjFactor) : 0;
     return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
 }
 /** Deflate bottom only. */
-function deflateBottomPath(w, h, t, adj) {
+function deflateBottomPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const pinch = t > 0.4 ? h * 0.2 * ((t - 0.4) / 0.6) * clamp4(adjFactor) : 0;
     return `M 0,${yBase} Q ${w / 2},${yBase - pinch} ${w},${yBase}`;
 }
 /** Deflate top only. */
-function deflateTopPath(w, h, t, adj) {
+function deflateTopPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const pinch = t < 0.6 ? h * 0.2 * ((0.6 - t) / 0.6) * clamp4(adjFactor) : 0;
@@ -2293,7 +2293,7 @@ function deflateTopPath(w, h, t, adj) {
 }
 // ── Priority 4 ──────────────────────────────────────────────────────────
 /** Slant up — baseline rises from left to right. */
-function slantUpPath(w, h, t, adj) {
+function slantUpPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 55000 : 1;
     const slant = 0.25 * clamp4(adjFactor);
     const yMid = h * (0.175 + t * 0.55);
@@ -2302,7 +2302,7 @@ function slantUpPath(w, h, t, adj) {
     return `M 0,${yStart} L ${w},${yEnd}`;
 }
 /** Slant down — baseline falls from left to right. */
-function slantDownPath(w, h, t, adj) {
+function slantDownPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 55000 : 1;
     const slant = 0.25 * clamp4(adjFactor);
     const yMid = h * (0.175 + t * 0.55);
@@ -2311,7 +2311,7 @@ function slantDownPath(w, h, t, adj) {
     return `M 0,${yStart} L ${w},${yEnd}`;
 }
 /** Fade right — text narrows towards the right (trapezoid). */
-function fadeRightPath(w, h, t, adj) {
+function fadeRightPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 50000 : 1;
     const squeezeScale = clamp4(adjFactor);
     const yLeft = h * (0.1 + t * 0.8);
@@ -2320,7 +2320,7 @@ function fadeRightPath(w, h, t, adj) {
     return `M 0,${yLeft} L ${w},${yRight}`;
 }
 /** Fade left — text narrows towards the left (trapezoid). */
-function fadeLeftPath(w, h, t, adj) {
+function fadeLeftPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 50000 : 1;
     const squeezeScale = clamp4(adjFactor);
     const squeeze = 0.35 * (1 - 2 * t) * squeezeScale;
@@ -2329,7 +2329,7 @@ function fadeLeftPath(w, h, t, adj) {
     return `M 0,${yLeft} L ${w},${yRight}`;
 }
 /** Fade up — text narrows towards the top. */
-function fadeUpPath(w, h, t, adj) {
+function fadeUpPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 50000 : 1;
     const taperScale = clamp4(adjFactor);
     const narrowFraction = 1 - 0.7 * taperScale;
@@ -2340,7 +2340,7 @@ function fadeUpPath(w, h, t, adj) {
     return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
 }
 /** Fade down — text narrows towards the bottom. */
-function fadeDownPath(w, h, t, adj) {
+function fadeDownPath$1(w, h, t, adj) {
     const adjFactor = adj !== undefined ? adj / 50000 : 1;
     const taperScale = clamp4(adjFactor);
     const narrowFraction = 1 - 0.7 * taperScale;
@@ -2351,7 +2351,7 @@ function fadeDownPath(w, h, t, adj) {
     return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
 }
 /** Arch up pour — hollowed arch upward. */
-function archUpPourPath(w, h, t, adj) {
+function archUpPourPath$1(w, h, t, adj) {
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
     const maxArch = (0.7 * adjNorm) / 0.5;
     const archH = h * Math.max(0, maxArch - t * 0.5);
@@ -2361,7 +2361,7 @@ function archUpPourPath(w, h, t, adj) {
     return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
 }
 /** Arch down pour — hollowed arch downward. */
-function archDownPourPath(w, h, t, adj) {
+function archDownPourPath$1(w, h, t, adj) {
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
     const baseDepth = (0.2 * adjNorm) / 0.5;
     const archH = h * (baseDepth + t * 0.5);
@@ -2371,7 +2371,7 @@ function archDownPourPath(w, h, t, adj) {
     return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
 }
 /** Circle pour — concentric ellipses with an inner gap. */
-function circlePourPath(w, h, t, adj) {
+function circlePourPath$1(w, h, t, adj) {
     const cx = w / 2;
     const cy = h / 2;
     const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
@@ -2384,14 +2384,14 @@ function circlePourPath(w, h, t, adj) {
         `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
 }
 /** Button pour — convex top / concave bottom with larger margins. */
-function buttonPourPath(w, h, t, adj) {
+function buttonPourPath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const bulge = h * 0.12 * (1 - 2 * t) * clamp4(adjFactor);
     return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
 }
 /** Deflate-inflate — pinched in centre top/bottom, expanded at edges. */
-function deflateInflatePath(w, h, t, adj) {
+function deflateInflatePath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const factor = Math.sin(t * Math.PI);
@@ -2399,7 +2399,7 @@ function deflateInflatePath(w, h, t, adj) {
     return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
 }
 /** Deflate-inflate-deflate — triple oscillation. */
-function deflateInflateDeflatePath(w, h, t, adj) {
+function deflateInflateDeflatePath$1(w, h, t, adj) {
     const yBase = h * (0.15 + t * 0.7);
     const adjFactor = adj !== undefined ? adj / 18750 : 1;
     const ampScale = clamp4(adjFactor);
@@ -2412,54 +2412,54 @@ function deflateInflateDeflatePath(w, h, t, adj) {
         `Q ${q2},${yBase + bulge} ${w},${yBase}`);
 }
 // ── Generator look-up table ─────────────────────────────────────────────
-const WARP_PATH_GENERATORS = {
-    textArchUp: archUpPath,
-    textArchDown: archDownPath,
-    textCircle: circlePath,
-    textWave1: wave1Path,
-    textInflate: inflatePath,
-    textDeflate: deflatePath,
-    textCurveUp: curveUpPath,
-    textCurveDown: curveDownPath,
-    textWave2: wave2Path,
-    textWave4: wave4Path,
-    textDoubleWave1: doubleWave1Path,
-    textCanUp: canUpPath,
-    textCanDown: canDownPath,
-    textButton: buttonPath,
-    textRingInside: ringInsidePath,
-    textRingOutside: ringOutsidePath,
-    textCascadeUp: cascadeUpPath,
-    textCascadeDown: cascadeDownPath,
-    textTriangle: trianglePath,
-    textTriangleInverted: triangleInvertedPath,
-    textStop: stopPath,
-    textChevron: chevronPath,
-    textChevronInverted: chevronInvertedPath,
-    textInflateBottom: inflateBottomPath,
-    textInflateTop: inflateTopPath,
-    textDeflateBottom: deflateBottomPath,
-    textDeflateTop: deflateTopPath,
-    textSlantUp: slantUpPath,
-    textSlantDown: slantDownPath,
-    textFadeRight: fadeRightPath,
-    textFadeLeft: fadeLeftPath,
-    textFadeUp: fadeUpPath,
-    textFadeDown: fadeDownPath,
-    textArchUpPour: archUpPourPath,
-    textArchDownPour: archDownPourPath,
-    textCirclePour: circlePourPath,
-    textButtonPour: buttonPourPath,
-    textDeflateInflate: deflateInflatePath,
-    textDeflateInflateDeflate: deflateInflateDeflatePath,
+const WARP_PATH_GENERATORS$1 = {
+    textArchUp: archUpPath$1,
+    textArchDown: archDownPath$1,
+    textCircle: circlePath$1,
+    textWave1: wave1Path$1,
+    textInflate: inflatePath$1,
+    textDeflate: deflatePath$1,
+    textCurveUp: curveUpPath$1,
+    textCurveDown: curveDownPath$1,
+    textWave2: wave2Path$1,
+    textWave4: wave4Path$1,
+    textDoubleWave1: doubleWave1Path$1,
+    textCanUp: canUpPath$1,
+    textCanDown: canDownPath$1,
+    textButton: buttonPath$1,
+    textRingInside: ringInsidePath$1,
+    textRingOutside: ringOutsidePath$1,
+    textCascadeUp: cascadeUpPath$1,
+    textCascadeDown: cascadeDownPath$1,
+    textTriangle: trianglePath$1,
+    textTriangleInverted: triangleInvertedPath$1,
+    textStop: stopPath$1,
+    textChevron: chevronPath$1,
+    textChevronInverted: chevronInvertedPath$1,
+    textInflateBottom: inflateBottomPath$1,
+    textInflateTop: inflateTopPath$1,
+    textDeflateBottom: deflateBottomPath$1,
+    textDeflateTop: deflateTopPath$1,
+    textSlantUp: slantUpPath$1,
+    textSlantDown: slantDownPath$1,
+    textFadeRight: fadeRightPath$1,
+    textFadeLeft: fadeLeftPath$1,
+    textFadeUp: fadeUpPath$1,
+    textFadeDown: fadeDownPath$1,
+    textArchUpPour: archUpPourPath$1,
+    textArchDownPour: archDownPourPath$1,
+    textCirclePour: circlePourPath$1,
+    textButtonPour: buttonPourPath$1,
+    textDeflateInflate: deflateInflatePath$1,
+    textDeflateInflateDeflate: deflateInflateDeflatePath$1,
 };
 // ── Public API ──────────────────────────────────────────────────────────
 /** Returns `true` when the preset should use SVG `<textPath>` rendering. */
-function shouldUseSvgWarp(preset) {
+function shouldUseSvgWarp$1(preset) {
     if (!preset || preset === 'textNoShape' || preset === 'textPlain') {
         return false;
     }
-    return SVG_WARP_PRESETS.has(preset);
+    return SVG_WARP_PRESETS$1.has(preset);
 }
 /**
  * Predicate: does this element carry a WordArt/text-warp preset that the SVG
@@ -2470,7 +2470,7 @@ function hasTextWarp(element) {
     if (!hasTextProperties(element)) {
         return false;
     }
-    return shouldUseSvgWarp(element.textStyle?.textWarpPreset);
+    return shouldUseSvgWarp$1(element.textStyle?.textWarpPreset);
 }
 /**
  * Build the SVG path `d` attribute for a warp preset at a given line position.
@@ -2485,7 +2485,7 @@ function hasTextWarp(element) {
  */
 function buildWarpPath(preset, width, height, lineIndex, lineCount, adj, adj2) {
     const t = lineCount <= 1 ? 0.5 : lineIndex / (lineCount - 1);
-    const generator = WARP_PATH_GENERATORS[preset];
+    const generator = WARP_PATH_GENERATORS$1[preset];
     if (generator) {
         return generator(width, height, t, adj, adj2);
     }
@@ -4023,7 +4023,7 @@ function resolveCategoryLabels(chartData) {
  * `mode === 'bar'` centres on category slots; `'line'` anchors at points.
  * Mirrors the React `xToPixel`.
  */
-function xToPixel(xVal, catCount, layout, mode) {
+function xToPixel$1(xVal, catCount, layout, mode) {
     if (mode === 'bar') {
         const slotWidth = layout.plotWidth / Math.max(catCount, 1);
         return layout.plotLeft + slotWidth * xVal + slotWidth / 2;
@@ -4032,7 +4032,7 @@ function xToPixel(xVal, catCount, layout, mode) {
     return layout.plotLeft + (xVal / maxIdx) * layout.plotWidth;
 }
 /** Ordinary least-squares linear regression of `yVals` on `xVals`. */
-function computeLinearRegression(xVals, yVals) {
+function computeLinearRegression$1(xVals, yVals) {
     const n = xVals.length;
     if (n < 2) {
         return { slope: 0, intercept: 0, rSquared: 0 };
@@ -4060,7 +4060,7 @@ function computeLinearRegression(xVals, yVals) {
     return { slope, intercept, rSquared };
 }
 /** Fit polynomial coefficients (ascending order) via Gaussian elimination. */
-function fitPolynomial(xVals, yVals, order) {
+function fitPolynomial$1(xVals, yVals, order) {
     const n = xVals.length;
     const m = order + 1;
     const matrix = Array.from({ length: m }, () => Array(m + 1).fill(0));
@@ -4106,7 +4106,7 @@ function fitPolynomial(xVals, yVals, order) {
     return matrix.map((row) => row[m]);
 }
 /** R² of an arbitrary fit function against the data. */
-function computeRSquared(xVals, yVals, evalFn) {
+function computeRSquared$1(xVals, yVals, evalFn) {
     const n = xVals.length;
     const meanY = yVals.reduce((s, y) => s + y, 0) / n;
     let ssRes = 0;
@@ -4122,7 +4122,7 @@ function computeRSquared(xVals, yVals, evalFn) {
  * series' values. Returns an empty point list when the type is unsupported or
  * the data is too sparse to fit. Mirrors the React `computeTrendlinePoints`.
  */
-function computeTrendlinePoints(trendline, values, catCount, layout, range, mode) {
+function computeTrendlinePoints$1(trendline, values, catCount, layout, range, mode) {
     const n = values.length;
     if (n < 2) {
         return { points: [], equation: '', rSquared: 0 };
@@ -4139,7 +4139,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
     let rSquared = 0;
     switch (trendline.trendlineType) {
         case 'linear': {
-            const reg = computeLinearRegression(xVals, yVals);
+            const reg = computeLinearRegression$1(xVals, yVals);
             const intercept = trendline.intercept;
             const slope = intercept !== undefined
                 ? yVals.reduce((s, y, i) => s + (y - intercept) * xVals[i], 0) /
@@ -4157,7 +4157,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
             if (logY.length < 2) {
                 return { points: [], equation: '', rSquared: 0 };
             }
-            const reg = computeLinearRegression(filteredX, logY);
+            const reg = computeLinearRegression$1(filteredX, logY);
             const a = Math.exp(reg.intercept);
             const b = reg.slope;
             evalFn = (x) => a * Math.exp(b * x);
@@ -4171,7 +4171,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
             if (lnX.length < 2) {
                 return { points: [], equation: '', rSquared: 0 };
             }
-            const reg = computeLinearRegression(lnX, filteredY);
+            const reg = computeLinearRegression$1(lnX, filteredY);
             evalFn = (x) => (x > 0 ? reg.slope * Math.log(x) + reg.intercept : 0);
             equation = `y = ${reg.slope.toFixed(2)}ln(x) + ${reg.intercept.toFixed(2)}`;
             rSquared = reg.rSquared;
@@ -4183,7 +4183,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
             if (logX.length < 2) {
                 return { points: [], equation: '', rSquared: 0 };
             }
-            const reg = computeLinearRegression(logX, logY);
+            const reg = computeLinearRegression$1(logX, logY);
             const a = Math.exp(reg.intercept);
             evalFn = (x) => (x > 0 ? a * x ** reg.slope : 0);
             equation = `y = ${a.toFixed(2)}x^${reg.slope.toFixed(2)}`;
@@ -4192,10 +4192,10 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
         }
         case 'polynomial': {
             const order = Math.min(trendline.order ?? 2, 6);
-            const coeffs = fitPolynomial(xVals, yVals, order);
+            const coeffs = fitPolynomial$1(xVals, yVals, order);
             evalFn = (x) => coeffs.reduce((s, c, i) => s + c * x ** i, 0);
             equation = coeffs.map((c, i) => `${c.toFixed(2)}x^${i}`).join(' + ');
-            rSquared = computeRSquared(xVals, yVals, evalFn);
+            rSquared = computeRSquared$1(xVals, yVals, evalFn);
             break;
         }
         case 'movingAvg': {
@@ -4207,7 +4207,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
                     sum += yVals[j];
                 }
                 const avgVal = sum / period;
-                const px = xToPixel(i, catCount, layout, mode);
+                const px = xToPixel$1(i, catCount, layout, mode);
                 const py = valueToYLocal(avgVal, range, layout.plotTop, layout.plotBottom);
                 maPoints.push({ x: px, y: py });
             }
@@ -4227,7 +4227,7 @@ function computeTrendlinePoints(trendline, values, catCount, layout, range, mode
         if (!Number.isFinite(yVal)) {
             continue;
         }
-        const px = xToPixel(xVal, catCount, layout, mode);
+        const px = xToPixel$1(xVal, catCount, layout, mode);
         const py = valueToYLocal(yVal, range, layout.plotTop, layout.plotBottom);
         points.push({ x: px, y: py });
     }
@@ -4257,7 +4257,7 @@ function computeChartTrendlines(chartData, layout, range, mode, styleId, colorPa
             return;
         }
         series.trendlines.forEach((tl) => {
-            const { points, equation, rSquared } = computeTrendlinePoints(tl, series.values, catCount, layout, range, mode);
+            const { points, equation, rSquared } = computeTrendlinePoints$1(tl, series.values, catCount, layout, range, mode);
             if (points.length < 2) {
                 return;
             }
@@ -16015,7 +16015,7 @@ function stringFromEvent$2(event) {
 const DEFAULT_FILL = '#ffffff';
 const DEFAULT_STROKE = '#000000';
 const DEFAULT_TEXT_COLOR = '#000000';
-const DEFAULT_FONT_SIZE = 12;
+const DEFAULT_FONT_SIZE$1 = 12;
 // ── Readers ──────────────────────────────────────────────────────────────────
 /**
  * Returns the fill colour of the element's shapeStyle, or a white default.
@@ -16053,9 +16053,9 @@ function textColorOf(el) {
  */
 function fontSizeOf(el) {
     if (hasTextProperties(el)) {
-        return el.textStyle?.fontSize ?? DEFAULT_FONT_SIZE;
+        return el.textStyle?.fontSize ?? DEFAULT_FONT_SIZE$1;
     }
-    return DEFAULT_FONT_SIZE;
+    return DEFAULT_FONT_SIZE$1;
 }
 /**
  * Returns whether the element's text is bold (false when absent).
@@ -19610,6 +19610,730 @@ function buildStockViewModel(element, chartData, categoryLabels) {
     };
 }
 
+/**
+ * chart-overlays.ts — chart overlay depth for Angular pptx-angular-viewer.
+ *
+ * Pure functions that produce additional `SvgPrimitive[]` / `SvgText[]` for an
+ * existing cartesian chart.  No Angular dependencies; all inputs are typed
+ * against `pptx-viewer-core` and the `SvgPrimitive` union already defined in
+ * `chart-renderer-helpers.ts`.
+ *
+ * Ported / adapted from:
+ *   packages/react/src/viewer/utils/chart-trendlines.tsx       (regression engine)
+ *   packages/react/src/viewer/utils/chart-overlay-lines.tsx    (error bars)
+ *   packages/react/src/viewer/utils/chart-chrome.tsx           (axis titles)
+ *   packages/react/src/viewer/utils/chart-data-table.tsx       (data table)
+ *   packages/shared/src/render/chart-trendlines.ts             (shared port)
+ *
+ * @module chart-overlays
+ */
+// ─────────────────────────────────────────────────────────────────────────────
+// Internal: coordinate helpers
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Map a (possibly fractional / extrapolated) category index to an X pixel.
+ * `mode === 'bar'` centres on category slots; `'line'` anchors at data points.
+ * Mirrors `xToPixel` from chart-overlay-utils.ts (React) and the shared port.
+ */
+function xToPixel(xVal, catCount, layout, mode) {
+    if (mode === 'bar') {
+        const slotWidth = layout.plotWidth / Math.max(catCount, 1);
+        return layout.plotLeft + slotWidth * xVal + slotWidth / 2;
+    }
+    const maxIdx = Math.max(catCount - 1, 1);
+    return layout.plotLeft + (xVal / maxIdx) * layout.plotWidth;
+}
+/**
+ * Ordinary least-squares linear regression of `yVals` on `xVals`.
+ * Returns slope=0, intercept=mean(y), rSquared=0 when fewer than 2 points or
+ * when the denominator is effectively zero (vertical / constant-x data).
+ *
+ * Mirrors `computeLinearRegression` in chart-trendlines.tsx (React) and
+ * chart-trendlines.ts (shared).
+ */
+function computeLinearRegression(xVals, yVals) {
+    const n = xVals.length;
+    if (n < 2) {
+        return { slope: 0, intercept: 0, rSquared: 0 };
+    }
+    let sumX = 0;
+    let sumY = 0;
+    let sumXY = 0;
+    let sumXX = 0;
+    for (let i = 0; i < n; i++) {
+        sumX += xVals[i];
+        sumY += yVals[i];
+        sumXY += xVals[i] * yVals[i];
+        sumXX += xVals[i] * xVals[i];
+    }
+    const denom = n * sumXX - sumX * sumX;
+    if (Math.abs(denom) < 1e-12) {
+        return { slope: 0, intercept: sumY / n, rSquared: 0 };
+    }
+    const slope = (n * sumXY - sumX * sumY) / denom;
+    const intercept = (sumY - slope * sumX) / n;
+    const ssRes = yVals.reduce((s, y, i) => s + (y - (slope * xVals[i] + intercept)) ** 2, 0);
+    const meanY = sumY / n;
+    const ssTot = yVals.reduce((s, y) => s + (y - meanY) ** 2, 0);
+    const rSquared = ssTot > 0 ? 1 - ssRes / ssTot : 0;
+    return { slope, intercept, rSquared };
+}
+/**
+ * Fit polynomial coefficients (ascending order: [a0, a1, …, a_order]) via
+ * Gaussian elimination on the normal equations.
+ * Mirrors `fitPolynomial` in chart-trendlines.tsx (React).
+ */
+function fitPolynomial(xVals, yVals, order) {
+    const n = xVals.length;
+    const m = order + 1;
+    const matrix = Array.from({ length: m }, () => Array(m + 1).fill(0));
+    for (let i = 0; i < m; i++) {
+        for (let j = 0; j < m; j++) {
+            let sum = 0;
+            for (let k = 0; k < n; k++) {
+                sum += xVals[k] ** (i + j);
+            }
+            matrix[i][j] = sum;
+        }
+        let sum = 0;
+        for (let k = 0; k < n; k++) {
+            sum += yVals[k] * xVals[k] ** i;
+        }
+        matrix[i][m] = sum;
+    }
+    for (let i = 0; i < m; i++) {
+        let maxRow = i;
+        for (let k = i + 1; k < m; k++) {
+            if (Math.abs(matrix[k][i]) > Math.abs(matrix[maxRow][i])) {
+                maxRow = k;
+            }
+        }
+        [matrix[i], matrix[maxRow]] = [matrix[maxRow], matrix[i]];
+        const pivot = matrix[i][i];
+        if (Math.abs(pivot) < 1e-12) {
+            continue;
+        }
+        for (let j = i; j <= m; j++) {
+            matrix[i][j] /= pivot;
+        }
+        for (let k = 0; k < m; k++) {
+            if (k === i) {
+                continue;
+            }
+            const factor = matrix[k][i];
+            for (let j = i; j <= m; j++) {
+                matrix[k][j] -= factor * matrix[i][j];
+            }
+        }
+    }
+    return matrix.map((row) => row[m]);
+}
+/**
+ * Coefficient of determination (R²) of an arbitrary fit function against data.
+ * Mirrors `computeRSquared` in chart-trendlines.tsx (React).
+ */
+function computeRSquared(xVals, yVals, evalFn) {
+    const n = xVals.length;
+    if (n === 0) {
+        return 0;
+    }
+    const meanY = yVals.reduce((s, y) => s + y, 0) / n;
+    let ssRes = 0;
+    let ssTot = 0;
+    for (let i = 0; i < n; i++) {
+        ssRes += (yVals[i] - evalFn(xVals[i])) ** 2;
+        ssTot += (yVals[i] - meanY) ** 2;
+    }
+    return ssTot > 0 ? 1 - ssRes / ssTot : 0;
+}
+/**
+ * Compute the polyline points (and equation / R²) for one trendline over a
+ * series' values. Returns empty points when the type is unsupported or data is
+ * too sparse. Mirrors `computeTrendlinePoints` in chart-trendlines.tsx (React).
+ */
+function computeTrendlinePoints(trendline, values, catCount, layout, range, mode) {
+    const n = values.length;
+    if (n < 2) {
+        return { points: [], equation: '', rSquared: 0 };
+    }
+    const xVals = values.map((_v, i) => i);
+    const yVals = values;
+    const forward = trendline.forward ?? 0;
+    const backward = trendline.backward ?? 0;
+    const startX = -backward;
+    const endX = n - 1 + forward;
+    const steps = Math.max(Math.ceil((endX - startX) * 4), 20);
+    let evalFn;
+    let equation = '';
+    let rSquared = 0;
+    switch (trendline.trendlineType) {
+        case 'linear': {
+            const reg = computeLinearRegression(xVals, yVals);
+            const fixedIntercept = trendline.intercept;
+            const slope = fixedIntercept !== undefined
+                ? yVals.reduce((s, y, i) => s + (y - fixedIntercept) * xVals[i], 0) /
+                    xVals.reduce((s, x) => s + x * x, 0)
+                : reg.slope;
+            const b = fixedIntercept ?? reg.intercept;
+            evalFn = (x) => slope * x + b;
+            equation = `y = ${slope.toFixed(2)}x + ${b.toFixed(2)}`;
+            rSquared = reg.rSquared;
+            break;
+        }
+        case 'exponential': {
+            const posY = yVals.filter((y) => y > 0).map((y) => Math.log(y));
+            const posX = xVals.filter((_x, i) => yVals[i] > 0);
+            if (posY.length < 2) {
+                return { points: [], equation: '', rSquared: 0 };
+            }
+            const reg = computeLinearRegression(posX, posY);
+            const a = Math.exp(reg.intercept);
+            const b = reg.slope;
+            evalFn = (x) => a * Math.exp(b * x);
+            equation = `y = ${a.toFixed(2)}e^(${b.toFixed(2)}x)`;
+            rSquared = reg.rSquared;
+            break;
+        }
+        case 'logarithmic': {
+            const posLnX = xVals.filter((x) => x > 0).map((x) => Math.log(x));
+            const filteredY = yVals.filter((_y, i) => xVals[i] > 0);
+            if (posLnX.length < 2) {
+                return { points: [], equation: '', rSquared: 0 };
+            }
+            const reg = computeLinearRegression(posLnX, filteredY);
+            evalFn = (x) => (x > 0 ? reg.slope * Math.log(x) + reg.intercept : 0);
+            equation = `y = ${reg.slope.toFixed(2)}ln(x) + ${reg.intercept.toFixed(2)}`;
+            rSquared = reg.rSquared;
+            break;
+        }
+        case 'power': {
+            const logXArr = xVals.filter((x, i) => x > 0 && yVals[i] > 0).map((x) => Math.log(x));
+            const logYArr = yVals.filter((y, i) => y > 0 && xVals[i] > 0).map((y) => Math.log(y));
+            if (logXArr.length < 2) {
+                return { points: [], equation: '', rSquared: 0 };
+            }
+            const reg = computeLinearRegression(logXArr, logYArr);
+            const a = Math.exp(reg.intercept);
+            evalFn = (x) => (x > 0 ? a * x ** reg.slope : 0);
+            equation = `y = ${a.toFixed(2)}x^${reg.slope.toFixed(2)}`;
+            rSquared = reg.rSquared;
+            break;
+        }
+        case 'polynomial': {
+            const order = Math.min(trendline.order ?? 2, 6);
+            const coeffs = fitPolynomial(xVals, yVals, order);
+            evalFn = (x) => coeffs.reduce((s, c, i) => s + c * x ** i, 0);
+            equation = coeffs.map((c, i) => `${c.toFixed(2)}x^${i}`).join(' + ');
+            rSquared = computeRSquared(xVals, yVals, evalFn);
+            break;
+        }
+        case 'movingAvg': {
+            const period = trendline.period ?? 2;
+            const maPoints = [];
+            for (let i = period - 1; i < n; i++) {
+                let sum = 0;
+                for (let j = i - period + 1; j <= i; j++) {
+                    sum += yVals[j];
+                }
+                const avgVal = sum / period;
+                const px = xToPixel(i, catCount, layout, mode);
+                const py = valueToY(avgVal, range, layout.plotTop, layout.plotBottom);
+                maPoints.push({ x: px, y: py });
+            }
+            return {
+                points: maPoints,
+                equation: `${period}-period moving average`,
+                rSquared: 0,
+            };
+        }
+        default:
+            return { points: [], equation: '', rSquared: 0 };
+    }
+    const points = [];
+    for (let step = 0; step <= steps; step++) {
+        const xVal = startX + ((endX - startX) * step) / steps;
+        const yVal = evalFn(xVal);
+        if (!Number.isFinite(yVal)) {
+            continue;
+        }
+        const px = xToPixel(xVal, catCount, layout, mode);
+        const py = valueToY(yVal, range, layout.plotTop, layout.plotBottom);
+        points.push({ x: px, y: py });
+    }
+    return { points, equation, rSquared };
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Public: trendline primitives
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Build `SvgPrimitive[]` for all trendlines declared by every series in
+ * `chartData`.  Returns an empty array when no series declares a trendline.
+ *
+ * Each trendline produces:
+ *   - one `SvgPath` (dashed polyline in the series / trendline colour), and
+ *   - optionally one `SvgText` with the equation / R² label at the last point.
+ *
+ * @param chartData  Full parsed chart data.
+ * @param catCount   Number of categories (x-slots), e.g. `chartData.categories.length || 1`.
+ * @param layout     Plot-area bounding box from `computePlotLayout`.
+ * @param range      Value-axis range from `computeValueRange` / `computeStackedValueRange`.
+ * @param mode       `'bar'` for bar/column, `'line'` for line/area/scatter.
+ * @param colorPalette  Optional resolved palette (same as passed to `seriesColor`).
+ */
+function computeTrendlinePrimitives(chartData, catCount, layout, range, mode = 'line', colorPalette) {
+    const out = [];
+    chartData.series.forEach((series, si) => {
+        if (!series.trendlines || series.trendlines.length === 0) {
+            return;
+        }
+        series.trendlines.forEach((tl) => {
+            const { points, equation, rSquared } = computeTrendlinePoints(tl, series.values, catCount, layout, range, mode);
+            if (points.length < 2) {
+                return;
+            }
+            const pathD = points
+                .map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x.toFixed(2)} ${p.y.toFixed(2)}`)
+                .join(' ');
+            const strokeColor = tl.color ?? seriesColor(series, si, colorPalette);
+            const pathPrimitive = {
+                kind: 'path',
+                d: pathD,
+                fill: 'none',
+                stroke: strokeColor,
+                strokeWidth: 1.5,
+            };
+            out.push(pathPrimitive);
+            const labelParts = [];
+            if (tl.displayEq && equation) {
+                labelParts.push(equation);
+            }
+            if (tl.displayRSq) {
+                labelParts.push(`R² = ${rSquared.toFixed(4)}`);
+            }
+            if (labelParts.length > 0) {
+                const last = points[points.length - 1];
+                const labelText = {
+                    kind: 'text',
+                    x: last.x,
+                    y: last.y - 6,
+                    text: labelParts.join('  '),
+                    fontSize: 7,
+                    fill: strokeColor,
+                    textAnchor: 'end',
+                };
+                out.push(labelText);
+            }
+        });
+    });
+    return out;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Internal: error-value computation
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Resolve the half-width of an error bar for a single data point.
+ * Mirrors `computeErrorValue` in chart-overlay-lines.tsx (React).
+ */
+function computeErrorValue(errBars, values, pointIndex, direction) {
+    switch (errBars.valType) {
+        case 'fixedVal':
+            return errBars.val ?? 0;
+        case 'percentage':
+            return Math.abs(values[pointIndex]) * ((errBars.val ?? 0) / 100);
+        case 'stdDev': {
+            const n = values.length;
+            if (n === 0) {
+                return 0;
+            }
+            const mean = values.reduce((s, v) => s + v, 0) / n;
+            const variance = values.reduce((s, v) => s + (v - mean) ** 2, 0) / n;
+            return Math.sqrt(variance) * (errBars.val ?? 1);
+        }
+        case 'stdErr': {
+            const n2 = values.length;
+            if (n2 === 0) {
+                return 0;
+            }
+            const mean2 = values.reduce((s, v) => s + v, 0) / n2;
+            const variance2 = values.reduce((s, v) => s + (v - mean2) ** 2, 0) / n2;
+            return Math.sqrt(variance2 / n2);
+        }
+        case 'cust':
+            return direction === 'plus'
+                ? (errBars.customPlus?.[pointIndex] ?? 0)
+                : (errBars.customMinus?.[pointIndex] ?? 0);
+        default:
+            return 0;
+    }
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Public: error-bar primitives
+// ─────────────────────────────────────────────────────────────────────────────
+/** Stroke colour for error-bar whiskers. */
+const ERROR_BAR_COLOR = '#334155';
+/**
+ * Build `SvgPrimitive[]` for all Y-direction error bars in `chartData`.
+ * Produces stem + cap `SvgLine` pairs for each data point.
+ * X-direction error bars are intentionally skipped (not supported in PPTX
+ * bar/line charts displayed here).
+ *
+ * Mirrors `renderErrorBars` in chart-overlay-lines.tsx (React).
+ *
+ * @param chartData   Full parsed chart data.
+ * @param catCount    Number of categories.
+ * @param layout      Plot-area bounding box.
+ * @param range       Value-axis range.
+ * @param mode        `'bar'` or `'line'` — controls x-pixel mapping.
+ */
+function computeErrorBarPrimitives(chartData, catCount, layout, range, mode = 'line') {
+    const out = [];
+    const capW = 4;
+    chartData.series.forEach((series) => {
+        if (!series.errBars || series.errBars.length === 0) {
+            return;
+        }
+        series.errBars.forEach((eb) => {
+            if (eb.direction !== 'y') {
+                return;
+            }
+            series.values.forEach((val, vi) => {
+                const cx = xToPixel(vi, catCount, layout, mode);
+                const baseY = valueToY(val, range, layout.plotTop, layout.plotBottom);
+                if (eb.barType === 'plus' || eb.barType === 'both') {
+                    const plusErr = computeErrorValue(eb, series.values, vi, 'plus');
+                    const topY = valueToY(val + plusErr, range, layout.plotTop, layout.plotBottom);
+                    const stem = {
+                        kind: 'line',
+                        x1: cx,
+                        y1: baseY,
+                        x2: cx,
+                        y2: topY,
+                        stroke: ERROR_BAR_COLOR,
+                        strokeWidth: 1,
+                    };
+                    const cap = {
+                        kind: 'line',
+                        x1: cx - capW,
+                        y1: topY,
+                        x2: cx + capW,
+                        y2: topY,
+                        stroke: ERROR_BAR_COLOR,
+                        strokeWidth: 1,
+                    };
+                    out.push(stem, cap);
+                }
+                if (eb.barType === 'minus' || eb.barType === 'both') {
+                    const minusErr = computeErrorValue(eb, series.values, vi, 'minus');
+                    const botY = valueToY(val - minusErr, range, layout.plotTop, layout.plotBottom);
+                    const stem = {
+                        kind: 'line',
+                        x1: cx,
+                        y1: baseY,
+                        x2: cx,
+                        y2: botY,
+                        stroke: ERROR_BAR_COLOR,
+                        strokeWidth: 1,
+                    };
+                    const cap = {
+                        kind: 'line',
+                        x1: cx - capW,
+                        y1: botY,
+                        x2: cx + capW,
+                        y2: botY,
+                        stroke: ERROR_BAR_COLOR,
+                        strokeWidth: 1,
+                    };
+                    out.push(stem, cap);
+                }
+            });
+        });
+    });
+    return out;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Public: axis title primitives
+// ─────────────────────────────────────────────────────────────────────────────
+/** Fill colour for axis title text. */
+const AXIS_TITLE_COLOR = '#475569';
+/**
+ * Build `SvgText[]` for the X and Y axis titles.
+ *
+ * Axis titles are read from `chartData.axes`:
+ *   - the primary category axis (`catAx`, `axPos === 'b'`) drives the X title
+ *   - the primary value axis (`valAx`, `axPos === 'l'` or first `valAx`) drives the Y title
+ *
+ * **Rotation note**: `SvgText` has no `transform` or `rotate` field.  The Y
+ * axis title is therefore placed to the left of the plot without rotation and
+ * noted inline.  If the orchestrator adds a `transform?: string` field to
+ * `SvgText` (or a new `SvgTransform` wrapper primitive), the Y title can be
+ * rendered rotated -90° by passing
+ * `transform: \`rotate(-90, ${x}, ${y})\`` — the template expression is
+ * straightforward once the field exists.
+ *
+ * @param chartData  Full parsed chart data.
+ * @param layout     Plot-area bounding box.
+ */
+function computeAxisTitlePrimitives(chartData, layout) {
+    const out = [];
+    const axes = chartData.axes;
+    if (!axes || axes.length === 0) {
+        return out;
+    }
+    // X axis title (category axis at bottom).
+    const catAxis = axes.find((a) => a.axisType === 'catAx' && a.axPos !== 'r' && a.titleText);
+    if (catAxis?.titleText) {
+        const xTitle = {
+            kind: 'text',
+            x: layout.plotLeft + layout.plotWidth / 2,
+            y: layout.plotBottom + 22,
+            text: catAxis.titleText,
+            fontSize: 9,
+            fill: AXIS_TITLE_COLOR,
+            textAnchor: 'middle',
+            fontWeight: 'bold',
+        };
+        out.push(xTitle);
+    }
+    // Y axis title (value axis at left), rotated -90° about its own anchor and
+    // centred vertically on the plot area.
+    const valAxis = axes.find((a) => a.axisType === 'valAx' && a.axPos !== 'r' && a.titleText) ??
+        axes.find((a) => a.axisType === 'valAx' && a.titleText);
+    if (valAxis?.titleText) {
+        const yx = 12;
+        const yy = layout.plotTop + layout.plotHeight / 2;
+        const yTitle = {
+            kind: 'text',
+            x: yx,
+            y: yy,
+            text: valAxis.titleText,
+            fontSize: 9,
+            fill: AXIS_TITLE_COLOR,
+            textAnchor: 'middle',
+            fontWeight: 'bold',
+            transform: `rotate(-90, ${yx}, ${yy})`,
+        };
+        out.push(yTitle);
+    }
+    return out;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Internal: data-table cell formatting
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Format a single data value as a short human-readable string.
+ * Mirrors `formatValue` in chart-data-table.tsx (React) — identical to
+ * `formatAxisValue` but kept local for clarity.
+ */
+function formatDataValue(val) {
+    return formatAxisValue(val);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Public: data table primitives
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Layout constants for the SVG data table rendered below the plot area.
+ * Kept as named constants so tests can assert against them without magic numbers.
+ */
+const DATA_TABLE_ROW_H = 14;
+const DATA_TABLE_HEADER_H = 14;
+const DATA_TABLE_KEY_W = 60;
+const DATA_TABLE_PADDING = 4;
+/**
+ * Build `SvgPrimitive[]` for a simple data table rendered below the plot area.
+ *
+ * The table is rendered as SVG `rect` (borders) + `text` (labels) primitives.
+ * Columns = categories; rows = series (with an optional series-key column on
+ * the left when `dataTable.showKeys !== false`).
+ *
+ * Border flags from `PptxChartDataTable` are respected:
+ *   - `showHorzBorder` — horizontal rules between rows
+ *   - `showVertBorder` — vertical rules between columns
+ *   - `showOutline`    — outer border rectangle
+ *   - `showKeys`       — series name/colour key column
+ *
+ * Mirrors `renderChartDataTable` in chart-data-table.tsx (React), translated
+ * to pure SVG primitives so the Angular template can render them natively.
+ *
+ * @param chartData  Full parsed chart data (`dataTable` must be present).
+ * @param layout     Plot-area bounding box — the table is placed at `plotBottom + 4`.
+ * @param colorPalette  Optional resolved colour palette (same as chart).
+ */
+function computeDataTablePrimitives(chartData, layout, colorPalette) {
+    const table = chartData.dataTable;
+    if (!table) {
+        return [];
+    }
+    const categories = chartData.categories;
+    const series = chartData.series;
+    if (categories.length === 0 && series.length === 0) {
+        return [];
+    }
+    const out = [];
+    const showH = table.showHorzBorder !== false;
+    const showV = table.showVertBorder !== false;
+    const showO = table.showOutline !== false;
+    const showK = table.showKeys !== false;
+    const borderColor = '#cbd5e1';
+    const textColor = '#334155';
+    const headerWeight = 'bold';
+    const catCount = categories.length;
+    const seriesCount = series.length;
+    // Column metrics
+    const keyColW = showK ? DATA_TABLE_KEY_W : 0;
+    const totalW = layout.plotWidth;
+    const cellW = catCount > 0 ? (totalW - keyColW) / catCount : totalW - keyColW;
+    // Table top edge (just below the plot bottom)
+    const tableTop = layout.plotBottom + DATA_TABLE_PADDING;
+    // Total table height: 1 header row + N series rows
+    const tableH = DATA_TABLE_HEADER_H + seriesCount * DATA_TABLE_ROW_H;
+    // Outer border — rendered as four SvgLine segments because SvgRect has no
+    // `stroke` field (only `fill`).
+    if (showO) {
+        const mkBorderLine = (x1, y1, x2, y2) => ({
+            kind: 'line',
+            x1,
+            y1,
+            x2,
+            y2,
+            stroke: borderColor,
+            strokeWidth: 1,
+        });
+        out.push(mkBorderLine(layout.plotLeft, tableTop, layout.plotLeft + totalW, tableTop));
+        out.push(mkBorderLine(layout.plotLeft + totalW, tableTop, layout.plotLeft + totalW, tableTop + tableH));
+        out.push(mkBorderLine(layout.plotLeft + totalW, tableTop + tableH, layout.plotLeft, tableTop + tableH));
+        out.push(mkBorderLine(layout.plotLeft, tableTop + tableH, layout.plotLeft, tableTop));
+    }
+    // Helper: x-position of column ci (0-based category columns, after key col)
+    function colX(ci) {
+        return layout.plotLeft + keyColW + ci * cellW;
+    }
+    // Helper: y-position of row ri (0 = header)
+    function rowY(ri) {
+        return tableTop + (ri === 0 ? 0 : DATA_TABLE_HEADER_H + (ri - 1) * DATA_TABLE_ROW_H);
+    }
+    // Header row: category labels
+    categories.forEach((cat, ci) => {
+        const x = colX(ci) + cellW / 2;
+        const y = rowY(0) + DATA_TABLE_HEADER_H / 2 + 3;
+        const label = {
+            kind: 'text',
+            x,
+            y,
+            text: cat,
+            fontSize: 8,
+            fill: textColor,
+            textAnchor: 'middle',
+            fontWeight: headerWeight,
+        };
+        out.push(label);
+        // Vertical border after this column header (not after the last)
+        if (showV && ci < catCount - 1) {
+            const vx = colX(ci) + cellW;
+            const vLine = {
+                kind: 'line',
+                x1: vx,
+                y1: tableTop,
+                x2: vx,
+                y2: tableTop + tableH,
+                stroke: borderColor,
+                strokeWidth: 1,
+            };
+            out.push(vLine);
+        }
+    });
+    // Horizontal border under header
+    if (showH) {
+        const hy = tableTop + DATA_TABLE_HEADER_H;
+        const hLine = {
+            kind: 'line',
+            x1: layout.plotLeft,
+            y1: hy,
+            x2: layout.plotLeft + totalW,
+            y2: hy,
+            stroke: borderColor,
+            strokeWidth: 1,
+        };
+        out.push(hLine);
+    }
+    // Vertical border between key column and first data column
+    if (showK && showV) {
+        const kvx = layout.plotLeft + keyColW;
+        const kvLine = {
+            kind: 'line',
+            x1: kvx,
+            y1: tableTop,
+            x2: kvx,
+            y2: tableTop + tableH,
+            stroke: borderColor,
+            strokeWidth: 1,
+        };
+        out.push(kvLine);
+    }
+    // Data rows
+    series.forEach((s, si) => {
+        const rowIndex = si + 1; // row 0 is the header
+        const ry = rowY(rowIndex);
+        const cellCy = ry + DATA_TABLE_ROW_H / 2 + 3;
+        // Series key cell (colour swatch + name)
+        if (showK) {
+            const swatchX = layout.plotLeft + DATA_TABLE_PADDING;
+            const swatchY = ry + DATA_TABLE_ROW_H / 2 - 3;
+            const swatchColor = seriesColor(s, si, colorPalette);
+            // Colour swatch as a small filled rect
+            out.push({
+                kind: 'rect',
+                x: swatchX,
+                y: swatchY,
+                w: 7,
+                h: 7,
+                fill: swatchColor,
+                rx: 1,
+            });
+            // Series name text
+            const nameX = swatchX + 9;
+            const nameLabel = {
+                kind: 'text',
+                x: nameX,
+                y: cellCy,
+                text: s.name,
+                fontSize: 8,
+                fill: textColor,
+                textAnchor: 'start',
+            };
+            out.push(nameLabel);
+        }
+        // Data cells
+        categories.forEach((_cat, ci) => {
+            const val = s.values[ci];
+            const cellLabel = {
+                kind: 'text',
+                x: colX(ci) + cellW / 2,
+                y: cellCy,
+                text: val !== undefined ? formatDataValue(val) : '',
+                fontSize: 8,
+                fill: textColor,
+                textAnchor: 'middle',
+            };
+            out.push(cellLabel);
+        });
+        // Horizontal border below this row (not after the last)
+        if (showH && si < seriesCount - 1) {
+            const hy2 = ry + DATA_TABLE_ROW_H;
+            const hRowLine = {
+                kind: 'line',
+                x1: layout.plotLeft,
+                y1: hy2,
+                x2: layout.plotLeft + totalW,
+                y2: hy2,
+                stroke: borderColor,
+                strokeWidth: 1,
+            };
+            out.push(hRowLine);
+        }
+    });
+    return out;
+}
+
 /**
  * View-model builders for surface and treemap chart kinds.
  *
@@ -21409,6 +22133,9 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
         }
     }
     const title = chartData.style?.hasTitle && chartData.title ? chartData.title : undefined;
+    // Overlays (depth): regression trendlines, error bars, axis titles, data
+    // table — appended on top of the base cartesian primitives.
+    primitives.push(...computeTrendlinePrimitives(chartData, catCount, layout, range, catAxisStyle, chartData.colorPalette), ...computeErrorBarPrimitives(chartData, catCount, layout, range, catAxisStyle), ...computeAxisTitlePrimitives(chartData, layout), ...computeDataTablePrimitives(chartData, layout, chartData.colorPalette));
     return {
         svgWidth: layout.svgWidth,
         svgHeight: layout.svgHeight,
@@ -21751,6 +22478,21 @@ class ChartRendererComponent {
 							[attr.stroke-dasharray]="asPolygon(prim).dashArray ?? null"
 						/>
 					}
+					@case ('text') {
+						<text
+							[attr.x]="asText(prim).x"
+							[attr.y]="asText(prim).y"
+							[attr.text-anchor]="asText(prim).textAnchor"
+							[attr.font-size]="asText(prim).fontSize"
+							[attr.fill]="asText(prim).fill"
+							[attr.font-weight]="asText(prim).fontWeight ?? 'normal'"
+							[attr.dominant-baseline]="asText(prim).dominantBaseline ?? 'auto'"
+							[attr.opacity]="asText(prim).opacity ?? 1"
+							[attr.transform]="asText(prim).transform ?? null"
+						>
+							{{ asText(prim).text }}
+						</text>
+					}
 				}
 			}
 
@@ -21940,6 +22682,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
 							[attr.stroke-dasharray]="asPolygon(prim).dashArray ?? null"
 						/>
 					}
+					@case ('text') {
+						<text
+							[attr.x]="asText(prim).x"
+							[attr.y]="asText(prim).y"
+							[attr.text-anchor]="asText(prim).textAnchor"
+							[attr.font-size]="asText(prim).fontSize"
+							[attr.fill]="asText(prim).fill"
+							[attr.font-weight]="asText(prim).fontWeight ?? 'normal'"
+							[attr.dominant-baseline]="asText(prim).dominantBaseline ?? 'auto'"
+							[attr.opacity]="asText(prim).opacity ?? 1"
+							[attr.transform]="asText(prim).transform ?? null"
+						>
+							{{ asText(prim).text }}
+						</text>
+					}
 				}
 			}
 
@@ -27653,6 +28410,855 @@ function bulletIndentPx(level) {
     return lvl * INDENT_PX_PER_LEVEL;
 }
 
+/**
+ * Presets that require SVG `<textPath>` rendering along a curved/circular path.
+ * All other warp presets (envelope: inflate/deflate/can; simple: slant/fade/
+ * cascade) are rendered with CSS transforms instead — see `text-warp.ts`'s
+ * `getWarpCategory`, which this set must stay in sync with (the `'path'`
+ * category). Listing a CSS preset here would wrongly route it to `<textPath>`.
+ */
+const SVG_WARP_PRESETS = new Set([
+    'textArchUp',
+    'textArchDown',
+    'textCircle',
+    'textWave1',
+    'textWave2',
+    'textWave4',
+    'textDoubleWave1',
+    'textCurveUp',
+    'textCurveDown',
+    'textArchUpPour',
+    'textArchDownPour',
+    'textCirclePour',
+    'textButton',
+    'textButtonPour',
+    'textRingInside',
+    'textRingOutside',
+    'textTriangle',
+    'textTriangleInverted',
+    'textChevron',
+    'textChevronInverted',
+    'textStop',
+]);
+// ── Cascade helpers (inlined from warp-path-cascade) ──────────────────
+/** Cascading up — lines tilt from lower-left to upper-right.
+ *  adj (default 44444) controls the cascade tilt amount. */
+function cascadeUpPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 44444 : 1;
+    const tilt = 0.2 * Math.max(0, Math.min(adjFactor, 4));
+    const yMid = h * (0.2 + t * 0.6);
+    const yStart = yMid + (h * tilt) / 2;
+    const yEnd = yMid - (h * tilt) / 2;
+    return `M 0,${yStart} L ${w},${yEnd}`;
+}
+/** Cascading down — lines tilt from upper-left to lower-right.
+ *  adj (default 44444) controls the cascade tilt amount. */
+function cascadeDownPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 44444 : 1;
+    const tilt = 0.2 * Math.max(0, Math.min(adjFactor, 4));
+    const yMid = h * (0.2 + t * 0.6);
+    const yStart = yMid - (h * tilt) / 2;
+    const yEnd = yMid + (h * tilt) / 2;
+    return `M 0,${yStart} L ${w},${yEnd}`;
+}
+// ── Priority 1 path generators ─────────────────────────────────────────
+/** Concentric upward arcs from (0, h) → (w, h).  t=0 is the tallest arch.
+ *  adj (default 10800000) controls the arch height — higher values = taller arch. */
+function archUpPath(w, h, t, adj) {
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const maxArch = (0.85 * adjNorm) / 0.5;
+    const archH = h * Math.max(0, maxArch - t * 0.7);
+    if (archH < 1) {
+        return `M 0,${h} L ${w},${h}`;
+    }
+    return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
+}
+/** Concentric downward arcs from (0, 0) → (w, 0).  t=1 is the deepest.
+ *  adj (default 10800000) controls the arch depth. */
+function archDownPath(w, h, t, adj) {
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const baseDepth = (0.15 * adjNorm) / 0.5;
+    const archH = h * (baseDepth + t * 0.7);
+    if (archH < 1) {
+        return `M 0,0 L ${w},0`;
+    }
+    return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
+}
+/** Full ellipse — concentric ellipses shrink towards centre.
+ *  adj (default 10800000) controls the arc span angle in 60000ths of a degree. */
+function circlePath(w, h, t, adj) {
+    const cx = w / 2;
+    const cy = h / 2;
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const baseScale = 0.45 + adjNorm * 1.1;
+    const scale = Math.min(1, baseScale) - t * 0.55;
+    const rx = Math.max(1, (w / 2) * scale);
+    const ry = Math.max(1, (h / 2) * scale);
+    return (`M ${cx},${cy - ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy + ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
+}
+/** Single sine-wave from left to right using a cubic Bézier.
+ *  adj (default 12500) controls wave amplitude.
+ *  adj2 (default 0) controls horizontal phase shift. */
+function wave1Path(w, h, t, adj, adj2) {
+    const yMid = h * (0.25 + t * 0.5);
+    const adjFactor = adj !== undefined ? adj / 12500 : 1;
+    const amp = h * 0.2 * Math.max(0, Math.min(adjFactor, 4));
+    const hShift = adj2 !== undefined ? (adj2 / 100000) * w * 0.3 : 0;
+    const cp1x = w / 3 + hShift;
+    const cp2x = (2 * w) / 3 + hShift;
+    return `M 0,${yMid} C ${cp1x},${yMid - amp} ${cp2x},${yMid + amp} ${w},${yMid}`;
+}
+/** Inflate — top lines bow upward, bottom lines bow downward.
+ *  adj (default 18750) controls bulge amount. */
+function inflatePath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const bulge = h * 0.3 * (1 - 2 * t) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
+}
+/** Deflate — opposite of inflate.
+ *  adj (default 18750) controls pinch amount. */
+function deflatePath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const pinch = h * 0.3 * (2 * t - 1) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - pinch} ${w},${yBase}`;
+}
+/** Gentle upward curve.
+ *  adj (default 45977) controls curve height. */
+function curveUpPath(w, h, t, adj) {
+    const yBase = h * (0.35 + t * 0.55);
+    const adjFactor = adj !== undefined ? adj / 45977 : 1;
+    const curve = h * 0.4 * (1 - t * 0.3) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - curve} ${w},${yBase}`;
+}
+/** Gentle downward curve.
+ *  adj (default 45977) controls curve depth. */
+function curveDownPath(w, h, t, adj) {
+    const yBase = h * (0.1 + t * 0.55);
+    const adjFactor = adj !== undefined ? adj / 45977 : 1;
+    const curve = h * 0.4 * (1 - (1 - t) * 0.3) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase + curve} ${w},${yBase}`;
+}
+// ── Priority 2 path generators ─────────────────────────────────────────
+/** Inverted single wave (phase-shifted wave1).
+ *  adj (default 12500) controls wave amplitude.
+ *  adj2 (default 0) controls horizontal phase shift. */
+function wave2Path(w, h, t, adj, adj2) {
+    const yMid = h * (0.25 + t * 0.5);
+    const adjFactor = adj !== undefined ? adj / 12500 : 1;
+    const amp = h * 0.2 * Math.max(0, Math.min(adjFactor, 4));
+    const hShift = adj2 !== undefined ? (adj2 / 100000) * w * 0.3 : 0;
+    const cp1x = w / 3 + hShift;
+    const cp2x = (2 * w) / 3 + hShift;
+    return `M 0,${yMid} C ${cp1x},${yMid + amp} ${cp2x},${yMid - amp} ${w},${yMid}`;
+}
+/** Double wave — two full wave cycles across the width.
+ *  adj (default 12500) controls wave amplitude.
+ *  adj2 (default 0) controls horizontal phase shift. */
+function wave4Path(w, h, t, adj, adj2) {
+    const yMid = h * (0.25 + t * 0.5);
+    const adjFactor = adj !== undefined ? adj / 12500 : 1;
+    const amp = h * 0.15 * Math.max(0, Math.min(adjFactor, 4));
+    const hShift = adj2 !== undefined ? (adj2 / 100000) * w * 0.15 : 0;
+    const q = w / 4;
+    return (`M 0,${yMid} ` +
+        `C ${q + hShift},${yMid - amp} ${2 * q + hShift},${yMid + amp} ${w / 2},${yMid} ` +
+        `C ${w / 2 + q + hShift},${yMid - amp} ${w - q + hShift},${yMid + amp} ${w},${yMid}`);
+}
+/** Double wave with alternating rhythm.
+ *  adj (default 6250) controls wave amplitude.
+ *  adj2 (default 0) controls horizontal phase shift. */
+function doubleWave1Path(w, h, t, adj, adj2) {
+    const yMid = h * (0.25 + t * 0.5);
+    const adjFactor = adj !== undefined ? adj / 6250 : 1;
+    const amp = h * 0.18 * Math.max(0, Math.min(adjFactor, 4));
+    const hShift = adj2 !== undefined ? (adj2 / 100000) * w * 0.15 : 0;
+    const q = w / 4;
+    return (`M 0,${yMid} ` +
+        `C ${q + hShift},${yMid - amp} ${2 * q + hShift},${yMid + amp} ${w / 2},${yMid} ` +
+        `C ${w / 2 + q + hShift},${yMid + amp} ${w - q + hShift},${yMid - amp} ${w},${yMid}`);
+}
+/** Cylindrical text — upward.
+ *  adj (default 18750) controls the cylinder curvature. */
+function canUpPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const curvature = Math.max(0, Math.min(adjFactor, 4));
+    const archH = h * (0.35 - t * 0.25) * curvature;
+    if (archH < 1) {
+        return `M 0,${h} L ${w},${h}`;
+    }
+    return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
+}
+/** Cylindrical text — downward.
+ *  adj (default 18750) controls the cylinder curvature. */
+function canDownPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const curvature = Math.max(0, Math.min(adjFactor, 4));
+    const archH = h * (0.1 + t * 0.25) * curvature;
+    if (archH < 1) {
+        return `M 0,0 L ${w},0`;
+    }
+    return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
+}
+/** Button shape — convex top / concave bottom.
+ *  adj (default 18750) controls the curve amount. */
+function buttonPath(w, h, t, adj) {
+    const yBase = h * (0.1 + t * 0.8);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const bulge = h * 0.15 * (1 - 2 * t) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
+}
+/** Ring inside — concentric ellipses scaled inward.
+ *  adj (default 18750) controls ring thickness. */
+function ringInsidePath(w, h, t, adj) {
+    const cx = w / 2;
+    const cy = h / 2;
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const thickness = 0.35 * Math.max(0, Math.min(adjFactor, 4));
+    const scale = 0.7 - t * thickness;
+    const rx = Math.max(1, (w / 2) * scale);
+    const ry = Math.max(1, (h / 2) * scale);
+    return (`M ${cx},${cy - ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy + ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
+}
+/** Ring outside — concentric ellipses scaled outward.
+ *  adj (default 18750) controls ring thickness. */
+function ringOutsidePath(w, h, t, adj) {
+    const cx = w / 2;
+    const cy = h / 2;
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const thickness = 0.35 * Math.max(0, Math.min(adjFactor, 4));
+    const scale = 1 - t * thickness;
+    const rx = Math.max(1, (w / 2) * scale);
+    const ry = Math.max(1, (h / 2) * scale);
+    return (`M ${cx},${cy - ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy + ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
+}
+// ── Priority 3 path generators ─────────────────────────────────────────
+/** Triangle / trapezoid — top line narrow, bottom line full width.
+ *  adj (default 50000) controls the narrowness at the top. */
+function trianglePath(w, h, t, adj) {
+    const adjRatio = adj !== undefined ? adj / 100000 : 0.5;
+    const narrowW = w * (1 - Math.max(0, Math.min(adjRatio, 1))) * 0.3;
+    const lineW = narrowW + t * (w - narrowW);
+    const xStart = (w - lineW) / 2;
+    const yBase = h * (0.1 + t * 0.8);
+    return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
+}
+/** Inverted triangle — top line full width, bottom line narrow.
+ *  adj (default 50000) controls the narrowness at the bottom. */
+function triangleInvertedPath(w, h, t, adj) {
+    const adjRatio = adj !== undefined ? adj / 100000 : 0.5;
+    const narrowW = w * (1 - Math.max(0, Math.min(adjRatio, 1))) * 0.3;
+    const lineW = w - t * (w - narrowW);
+    const xStart = (w - lineW) / 2;
+    const yBase = h * (0.1 + t * 0.8);
+    return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
+}
+/** Stop / octagon — lines narrow at top and bottom, widest in centre.
+ *  adj (default 25000) controls the amount of corner inset. */
+function stopPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 25000 : 1;
+    const insetScale = Math.max(0, Math.min(adjFactor, 4));
+    const inset = w * 0.15 * (1 - (1 - 2 * Math.abs(t - 0.5)) ** 2) * insetScale;
+    const yBase = h * (0.1 + t * 0.8);
+    return `M ${inset},${yBase} L ${w - inset},${yBase}`;
+}
+/** Chevron — V-shape pointing down.
+ *  adj (default 25000) controls chevron point height. */
+function chevronPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 25000 : 1;
+    const dip = h * 0.2 * (1 - t) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} L ${w / 2},${yBase + dip} L ${w},${yBase}`;
+}
+/** Inverted chevron — V-shape pointing up.
+ *  adj (default 25000) controls chevron point height. */
+function chevronInvertedPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 25000 : 1;
+    const rise = h * 0.2 * t * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} L ${w / 2},${yBase - rise} L ${w},${yBase}`;
+}
+/** Inflate bottom only.
+ *  adj (default 18750) controls bulge amount. */
+function inflateBottomPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const bulge = t > 0.4 ? h * 0.25 * ((t - 0.4) / 0.6) * Math.max(0, Math.min(adjFactor, 4)) : 0;
+    return `M 0,${yBase} Q ${w / 2},${yBase + bulge} ${w},${yBase}`;
+}
+/** Inflate top only.
+ *  adj (default 18750) controls bulge amount. */
+function inflateTopPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const bulge = t < 0.6 ? h * 0.25 * ((0.6 - t) / 0.6) * Math.max(0, Math.min(adjFactor, 4)) : 0;
+    return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
+}
+/** Deflate bottom only.
+ *  adj (default 18750) controls pinch amount. */
+function deflateBottomPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const pinch = t > 0.4 ? h * 0.2 * ((t - 0.4) / 0.6) * Math.max(0, Math.min(adjFactor, 4)) : 0;
+    return `M 0,${yBase} Q ${w / 2},${yBase - pinch} ${w},${yBase}`;
+}
+/** Deflate top only.
+ *  adj (default 18750) controls pinch amount. */
+function deflateTopPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const pinch = t < 0.6 ? h * 0.2 * ((0.6 - t) / 0.6) * Math.max(0, Math.min(adjFactor, 4)) : 0;
+    return `M 0,${yBase} Q ${w / 2},${yBase + pinch} ${w},${yBase}`;
+}
+// ── Priority 4 path generators ─────────────────────────────────────────
+/** Slant up — baseline rises from left to right.
+ *  adj (default 55000) controls the slant angle. */
+function slantUpPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 55000 : 1;
+    const slant = 0.25 * Math.max(0, Math.min(adjFactor, 4));
+    const yMid = h * (0.175 + t * 0.55);
+    const yStart = yMid + (h * slant) / 2;
+    const yEnd = yMid - (h * slant) / 2;
+    return `M 0,${yStart} L ${w},${yEnd}`;
+}
+/** Slant down — baseline falls from left to right.
+ *  adj (default 55000) controls the slant angle. */
+function slantDownPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 55000 : 1;
+    const slant = 0.25 * Math.max(0, Math.min(adjFactor, 4));
+    const yMid = h * (0.175 + t * 0.55);
+    const yStart = yMid - (h * slant) / 2;
+    const yEnd = yMid + (h * slant) / 2;
+    return `M 0,${yStart} L ${w},${yEnd}`;
+}
+/** Fade right — text narrows towards the right (trapezoid).
+ *  adj (default 50000) controls the fade/squeeze amount. */
+function fadeRightPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 50000 : 1;
+    const squeezeScale = Math.max(0, Math.min(adjFactor, 4));
+    const yLeft = h * (0.1 + t * 0.8);
+    const squeeze = 0.35 * (1 - 2 * t) * squeezeScale;
+    const yRight = h * (0.5 + squeeze * 0.4);
+    return `M 0,${yLeft} L ${w},${yRight}`;
+}
+/** Fade left — text narrows towards the left (trapezoid).
+ *  adj (default 50000) controls the fade/squeeze amount. */
+function fadeLeftPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 50000 : 1;
+    const squeezeScale = Math.max(0, Math.min(adjFactor, 4));
+    const squeeze = 0.35 * (1 - 2 * t) * squeezeScale;
+    const yLeft = h * (0.5 + squeeze * 0.4);
+    const yRight = h * (0.1 + t * 0.8);
+    return `M 0,${yLeft} L ${w},${yRight}`;
+}
+/** Fade up — text narrows towards the top.
+ *  adj (default 50000) controls the fade/taper amount. */
+function fadeUpPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 50000 : 1;
+    const taperScale = Math.max(0, Math.min(adjFactor, 4));
+    const narrowFraction = 1 - 0.7 * taperScale;
+    const narrowW = w * Math.max(0, narrowFraction);
+    const lineW = narrowW + t * (w - narrowW);
+    const xStart = (w - lineW) / 2;
+    const yBase = h * (0.1 + t * 0.8);
+    return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
+}
+/** Fade down — text narrows towards the bottom.
+ *  adj (default 50000) controls the fade/taper amount. */
+function fadeDownPath(w, h, t, adj) {
+    const adjFactor = adj !== undefined ? adj / 50000 : 1;
+    const taperScale = Math.max(0, Math.min(adjFactor, 4));
+    const narrowFraction = 1 - 0.7 * taperScale;
+    const narrowW = w * Math.max(0, narrowFraction);
+    const lineW = w - t * (w - narrowW);
+    const xStart = (w - lineW) / 2;
+    const yBase = h * (0.1 + t * 0.8);
+    return `M ${xStart},${yBase} L ${xStart + lineW},${yBase}`;
+}
+/** Arch up pour — hollowed arch upward (like archUp but with inner hole).
+ *  adj (default 10800000) controls the arch height in 60000ths of a degree. */
+function archUpPourPath(w, h, t, adj) {
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const maxArch = (0.7 * adjNorm) / 0.5;
+    const archH = h * Math.max(0, maxArch - t * 0.5);
+    if (archH < 1) {
+        return `M 0,${h} L ${w},${h}`;
+    }
+    return `M 0,${h} A ${w / 2},${archH} 0 0,1 ${w},${h}`;
+}
+/** Arch down pour — hollowed arch downward.
+ *  adj (default 10800000) controls the arch depth in 60000ths of a degree. */
+function archDownPourPath(w, h, t, adj) {
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const baseDepth = (0.2 * adjNorm) / 0.5;
+    const archH = h * (baseDepth + t * 0.5);
+    if (archH < 1) {
+        return `M 0,0 L ${w},0`;
+    }
+    return `M 0,0 A ${w / 2},${archH} 0 0,0 ${w},0`;
+}
+/** Circle pour — concentric ellipses (like circle but with an inner gap).
+ *  adj (default 10800000) controls the arc span angle in 60000ths of a degree. */
+function circlePourPath(w, h, t, adj) {
+    const cx = w / 2;
+    const cy = h / 2;
+    const adjNorm = adj !== undefined ? Math.max(0, Math.min(adj / 21600000, 1)) : 0.5;
+    const baseScale = 0.35 + Number(adjNorm);
+    const scale = Math.min(1, baseScale) - t * 0.45;
+    const rx = Math.max(1, (w / 2) * scale);
+    const ry = Math.max(1, (h / 2) * scale);
+    return (`M ${cx},${cy - ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy + ry} ` +
+        `A ${rx},${ry} 0 1,1 ${cx},${cy - ry}`);
+}
+/** Button pour — convex top / concave bottom with larger margins.
+ *  adj (default 18750) controls the curve amount. */
+function buttonPourPath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const bulge = h * 0.12 * (1 - 2 * t) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
+}
+/** Deflate-inflate — pinched in centre top/bottom, expanded at edges.
+ *  adj (default 18750) controls the oscillation amplitude. */
+function deflateInflatePath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const factor = Math.sin(t * Math.PI);
+    const bulge = h * 0.2 * (factor - 0.5) * Math.max(0, Math.min(adjFactor, 4));
+    return `M 0,${yBase} Q ${w / 2},${yBase - bulge} ${w},${yBase}`;
+}
+/** Deflate-inflate-deflate — triple oscillation.
+ *  adj (default 18750) controls the oscillation amplitude. */
+function deflateInflateDeflatePath(w, h, t, adj) {
+    const yBase = h * (0.15 + t * 0.7);
+    const adjFactor = adj !== undefined ? adj / 18750 : 1;
+    const ampScale = Math.max(0, Math.min(adjFactor, 4));
+    const factor = Math.sin(t * Math.PI * 2);
+    const bulge = h * 0.15 * factor * ampScale;
+    const q1 = w / 3;
+    const q2 = (2 * w) / 3;
+    return (`M 0,${yBase} ` +
+        `Q ${q1},${yBase - bulge} ${w / 2},${yBase} ` +
+        `Q ${q2},${yBase + bulge} ${w},${yBase}`);
+}
+// ── Generator look-up table ────────────────────────────────────────────
+const WARP_PATH_GENERATORS = {
+    textArchUp: archUpPath,
+    textArchDown: archDownPath,
+    textCircle: circlePath,
+    textWave1: wave1Path,
+    textInflate: inflatePath,
+    textDeflate: deflatePath,
+    textCurveUp: curveUpPath,
+    textCurveDown: curveDownPath,
+    textWave2: wave2Path,
+    textWave4: wave4Path,
+    textDoubleWave1: doubleWave1Path,
+    textCanUp: canUpPath,
+    textCanDown: canDownPath,
+    textButton: buttonPath,
+    textRingInside: ringInsidePath,
+    textRingOutside: ringOutsidePath,
+    textCascadeUp: cascadeUpPath,
+    textCascadeDown: cascadeDownPath,
+    textTriangle: trianglePath,
+    textTriangleInverted: triangleInvertedPath,
+    textStop: stopPath,
+    textChevron: chevronPath,
+    textChevronInverted: chevronInvertedPath,
+    textInflateBottom: inflateBottomPath,
+    textInflateTop: inflateTopPath,
+    textDeflateBottom: deflateBottomPath,
+    textDeflateTop: deflateTopPath,
+    textSlantUp: slantUpPath,
+    textSlantDown: slantDownPath,
+    textFadeRight: fadeRightPath,
+    textFadeLeft: fadeLeftPath,
+    textFadeUp: fadeUpPath,
+    textFadeDown: fadeDownPath,
+    textArchUpPour: archUpPourPath,
+    textArchDownPour: archDownPourPath,
+    textCirclePour: circlePourPath,
+    textButtonPour: buttonPourPath,
+    textDeflateInflate: deflateInflatePath,
+    textDeflateInflateDeflate: deflateInflateDeflatePath,
+};
+// ── Public API ─────────────────────────────────────────────────────────
+/** Returns `true` when the preset should use SVG `<textPath>` rendering. */
+function shouldUseSvgWarp(preset) {
+    if (!preset || preset === 'textNoShape' || preset === 'textPlain') {
+        return false;
+    }
+    return SVG_WARP_PRESETS.has(preset);
+}
+/** Generate an SVG path `d` attribute for a warp preset at a given line position.
+ *  Optional adj/adj2 are raw OOXML adjustment values (1/60000th units). */
+function getWarpPath(preset, width, height, lineIndex, lineCount, adj, adj2) {
+    const t = lineCount <= 1 ? 0.5 : lineIndex / (lineCount - 1);
+    const generator = WARP_PATH_GENERATORS[preset];
+    if (generator) {
+        return generator(width, height, t, adj, adj2);
+    }
+    const y = height * (0.2 + t * 0.6);
+    return `M 0,${y} L ${width},${y}`;
+}
+
+const NONE_PRESETS = new Set(['textNoShape', 'textPlain']);
+/** Presets that render best with SVG textPath along curved/circular paths. */
+const PATH_PRESETS = new Set([
+    'textArchUp',
+    'textArchDown',
+    'textCircle',
+    'textWave1',
+    'textWave2',
+    'textWave4',
+    'textDoubleWave1',
+    'textCurveUp',
+    'textCurveDown',
+    'textArchUpPour',
+    'textArchDownPour',
+    'textCirclePour',
+    'textButton',
+    'textButtonPour',
+    'textRingInside',
+    'textRingOutside',
+    'textTriangle',
+    'textTriangleInverted',
+    'textChevron',
+    'textChevronInverted',
+    'textStop',
+]);
+/**
+ * Envelope presets stretch text non-uniformly (wider/narrower per line).
+ * CSS transforms approximate the visual effect per text block.
+ */
+const ENVELOPE_PRESETS = new Set([
+    'textInflate',
+    'textDeflate',
+    'textInflateBottom',
+    'textInflateTop',
+    'textDeflateBottom',
+    'textDeflateTop',
+    'textDeflateInflate',
+    'textDeflateInflateDeflate',
+    'textCanUp',
+    'textCanDown',
+]);
+/** Simple presets that work with basic 2D CSS transforms (skew, perspective). */
+const SIMPLE_PRESETS = new Set([
+    'textSlantUp',
+    'textSlantDown',
+    'textFadeRight',
+    'textFadeLeft',
+    'textFadeUp',
+    'textFadeDown',
+    'textCascadeUp',
+    'textCascadeDown',
+]);
+/** All known classified presets (excludes `none`-family). */
+const ALL_CLASSIFIED_PRESETS = new Set([
+    ...NONE_PRESETS,
+    ...PATH_PRESETS,
+    ...ENVELOPE_PRESETS,
+    ...SIMPLE_PRESETS,
+]);
+/**
+ * Classify a warp preset into a rendering strategy category.
+ *
+ * Returns `'none'` for unknown or empty presets so callers can safely
+ * skip rendering without an explicit allowlist check.
+ */
+function getWarpCategory(preset) {
+    if (!preset || NONE_PRESETS.has(preset)) {
+        return 'none';
+    }
+    if (PATH_PRESETS.has(preset)) {
+        return 'path';
+    }
+    if (ENVELOPE_PRESETS.has(preset)) {
+        return 'envelope';
+    }
+    if (SIMPLE_PRESETS.has(preset)) {
+        return 'simple';
+    }
+    return 'none';
+}
+/**
+ * Split an element's `textSegments` into paragraphs.
+ * Paragraph-break segments are used as delimiters and excluded from output.
+ * Falls back to a single synthetic paragraph when only `element.text` is set.
+ */
+function groupIntoParagraphs(el) {
+    const segs = el.textSegments;
+    if (!segs || segs.length === 0) {
+        if (el.text) {
+            return [{ segments: [{ text: el.text, style: {} }] }];
+        }
+        return [];
+    }
+    const paragraphs = [];
+    let current = [];
+    for (const seg of segs) {
+        if (seg.isParagraphBreak) {
+            if (current.length > 0) {
+                paragraphs.push({ segments: current });
+            }
+            current = [];
+        }
+        else {
+            current.push(seg);
+        }
+    }
+    if (current.length > 0) {
+        paragraphs.push({ segments: current });
+    }
+    return paragraphs;
+}
+// ── CSS transform generators ───────────────────────────────────────────
+// (mirrors text-warp-classifier.ts getEnvelopeCssTransform / getSimpleCssTransform)
+/** Default OOXML adjustment values for envelope presets (raw 1/60000th units). */
+const ENVELOPE_DEFAULTS = {
+    textInflate: 18750,
+    textDeflate: 18750,
+    textInflateBottom: 18750,
+    textInflateTop: 18750,
+    textDeflateBottom: 18750,
+    textDeflateTop: 18750,
+    textDeflateInflate: 18750,
+    textDeflateInflateDeflate: 18750,
+    textCanUp: 18750,
+    textCanDown: 18750,
+};
+/** Resolve CSS transform + origin for envelope-family presets. */
+function envelopeCss(preset, adj1) {
+    const defaultAdj = ENVELOPE_DEFAULTS[preset] ?? 18750;
+    const a1 = adj1 ?? defaultAdj;
+    const intensity = Math.max(0, Math.min(a1 / 18750, 4));
+    switch (preset) {
+        case 'textInflate':
+            return {
+                transform: `scaleY(${1 + 0.15 * intensity}) scaleX(${1 + 0.05 * intensity})`,
+                transformOrigin: 'center center',
+            };
+        case 'textInflateBottom':
+            return {
+                transform: `perspective(${600 - 100 * intensity}px) rotateX(${-8 * intensity}deg)`,
+                transformOrigin: 'center bottom',
+            };
+        case 'textInflateTop':
+            return {
+                transform: `perspective(${600 - 100 * intensity}px) rotateX(${8 * intensity}deg)`,
+                transformOrigin: 'center top',
+            };
+        case 'textDeflate':
+            return {
+                transform: `scaleY(${1 - 0.12 * intensity}) scaleX(${1 - 0.05 * intensity})`,
+                transformOrigin: 'center center',
+            };
+        case 'textDeflateBottom':
+            return {
+                transform: `perspective(${600 - 100 * intensity}px) rotateX(${6 * intensity}deg)`,
+                transformOrigin: 'center bottom',
+            };
+        case 'textDeflateTop':
+            return {
+                transform: `perspective(${600 - 100 * intensity}px) rotateX(${-6 * intensity}deg)`,
+                transformOrigin: 'center top',
+            };
+        case 'textDeflateInflate':
+            return {
+                transform: `scaleY(${1 - 0.08 * intensity}) scaleX(${1 + 0.04 * intensity})`,
+                transformOrigin: 'center center',
+            };
+        case 'textDeflateInflateDeflate':
+            return {
+                transform: `scaleY(${1 - 0.15 * intensity}) scaleX(${1 + 0.06 * intensity})`,
+                transformOrigin: 'center center',
+            };
+        case 'textCanUp':
+            return {
+                transform: `perspective(${500 - 80 * intensity}px) rotateX(${-6 * intensity}deg)`,
+                transformOrigin: 'center center',
+            };
+        case 'textCanDown':
+            return {
+                transform: `perspective(${500 - 80 * intensity}px) rotateX(${6 * intensity}deg)`,
+                transformOrigin: 'center center',
+            };
+        default:
+            return undefined;
+    }
+}
+/** Default OOXML adjustment values for simple presets (raw 1/60000th units). */
+const SIMPLE_DEFAULTS = {
+    textSlantUp: 55000,
+    textSlantDown: 55000,
+    textFadeRight: 50000,
+    textFadeLeft: 50000,
+    textFadeUp: 50000,
+    textFadeDown: 50000,
+    textCascadeUp: 44444,
+    textCascadeDown: 44444,
+};
+/** Resolve CSS transform + origin for simple-family presets. */
+function simpleCss(preset, adj1) {
+    const defaultAdj = SIMPLE_DEFAULTS[preset] ?? 50000;
+    const a1 = adj1 ?? defaultAdj;
+    switch (preset) {
+        case 'textSlantUp': {
+            const skew = -4 * (a1 / 55000);
+            return {
+                transform: `perspective(500px) rotateY(${8 * (a1 / 55000)}deg) skewY(${skew}deg)`,
+                transformOrigin: 'left center',
+            };
+        }
+        case 'textSlantDown': {
+            const skew = 4 * (a1 / 55000);
+            return {
+                transform: `perspective(500px) rotateY(${-8 * (a1 / 55000)}deg) skewY(${skew}deg)`,
+                transformOrigin: 'right center',
+            };
+        }
+        case 'textFadeRight': {
+            const angle = 10 * (a1 / 50000);
+            return {
+                transform: `perspective(400px) rotateY(${-angle}deg)`,
+                transformOrigin: 'left center',
+            };
+        }
+        case 'textFadeLeft': {
+            const angle = 10 * (a1 / 50000);
+            return {
+                transform: `perspective(400px) rotateY(${angle}deg)`,
+                transformOrigin: 'right center',
+            };
+        }
+        case 'textFadeUp': {
+            const angle = 10 * (a1 / 50000);
+            return {
+                transform: `perspective(400px) rotateX(${-angle}deg)`,
+                transformOrigin: 'center bottom',
+            };
+        }
+        case 'textFadeDown': {
+            const angle = 10 * (a1 / 50000);
+            return {
+                transform: `perspective(400px) rotateX(${angle}deg)`,
+                transformOrigin: 'center top',
+            };
+        }
+        case 'textCascadeUp': {
+            const skew = -8 * (a1 / 44444);
+            return {
+                transform: `skewY(${skew}deg)`,
+                transformOrigin: 'left top',
+            };
+        }
+        case 'textCascadeDown': {
+            const skew = 8 * (a1 / 44444);
+            return {
+                transform: `skewY(${skew}deg)`,
+                transformOrigin: 'left top',
+            };
+        }
+        default:
+            return undefined;
+    }
+}
+// ── SVG alignment helpers ──────────────────────────────────────────────
+/** Map paragraph alignment to SVG textPath properties. */
+function resolveAlignment(align) {
+    switch (align) {
+        case 'center':
+            return { startOffset: '50%', textAnchor: 'middle' };
+        case 'right':
+            return { startOffset: '100%', textAnchor: 'end' };
+        default:
+            return { startOffset: '0%', textAnchor: 'start' };
+    }
+}
+// ── Public API ─────────────────────────────────────────────────────────
+const DEFAULT_FONT_SIZE = 18;
+const DEFAULT_FONT_FAMILY = 'Calibri, sans-serif';
+const DEFAULT_COLOR = '#000000';
+/**
+ * Resolve a `PptxElement`'s text warp preset into a `TextWarpDef` descriptor,
+ * or `undefined` when the element carries no warp (or the preset is `textNoShape` /
+ * `textPlain` / unknown).
+ *
+ * @param element  Any `PptxElement`.  Elements without text properties always
+ *                 return `undefined`.
+ * @returns  A `TextWarpDef` with `strategy: 'path'` for SVG textPath warps, or
+ *           `strategy: 'css'` for CSS-transform approximations.
+ */
+function getTextWarp(element) {
+    if (!hasTextProperties(element)) {
+        return undefined;
+    }
+    const ts = element.textStyle;
+    const preset = ts?.textWarpPreset;
+    if (!preset || preset === 'textNoShape' || preset === 'textPlain') {
+        return undefined;
+    }
+    const adj1 = ts?.textWarpAdj;
+    const adj2 = ts?.textWarpAdj2;
+    // ── Strategy: SVG path ──────────────────────────────────────────────
+    if (shouldUseSvgWarp(preset)) {
+        const paragraphs = groupIntoParagraphs(element);
+        if (paragraphs.length === 0) {
+            return undefined;
+        }
+        const lineCount = paragraphs.length;
+        const width = element.width;
+        const height = element.height;
+        const pathIdPrefix = `ng-warp-${element.id}`;
+        const { startOffset, textAnchor } = resolveAlignment(ts?.align);
+        const pathLines = paragraphs.map((para, i) => ({
+            pathId: `${pathIdPrefix}-${i}`,
+            d: getWarpPath(preset, width, height, i, lineCount, adj1, adj2),
+            segments: para.segments,
+        }));
+        return {
+            strategy: 'path',
+            preset,
+            pathLines,
+            width,
+            height,
+            textAnchor,
+            startOffset,
+            baseFontSize: (ts?.fontSize ?? DEFAULT_FONT_SIZE),
+            baseFontFamily: ts?.fontFamily ?? DEFAULT_FONT_FAMILY,
+            baseColor: ts?.color ?? DEFAULT_COLOR,
+        };
+    }
+    // ── Strategy: CSS transform ─────────────────────────────────────────
+    const category = getWarpCategory(preset);
+    let cssDef;
+    if (category === 'envelope') {
+        cssDef = envelopeCss(preset, adj1);
+    }
+    else if (category === 'simple') {
+        cssDef = simpleCss(preset, adj1);
+    }
+    if (!cssDef) {
+        return undefined;
+    }
+    return {
+        strategy: 'css',
+        preset,
+        cssTransform: cssDef.transform,
+        cssTransformOrigin: cssDef.transformOrigin,
+    };
+}
+
 /**
  * Build the complete zoom view-model for a given element.
  * Returns sensible defaults for non-zoom elements (all derived strings are
@@ -27856,6 +29462,25 @@ class ElementRendererComponent {
     ...(ngDevMode ? [{ debugName: "textStyle" }] : /* istanbul ignore next */ []));
     imageSrc = computed(() => getImageSrc(this.element(), this.mediaDataUrls()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "imageSrc" }] : /* istanbul ignore next */ []));
+    /** Text-warp (WordArt) descriptor for the element, if any. */
+    textWarp = computed(() => getTextWarp(this.element()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "textWarp" }] : /* istanbul ignore next */ []));
+    /** Only the SVG-textPath warp variant (for the `<svg>` overlay branch). */
+    pathWarp = computed(() => {
+        const w = this.textWarp();
+        return w?.strategy === 'path' ? w : undefined;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pathWarp" }] : /* istanbul ignore next */ []));
+    /** Text block style, folding in a CSS-transform warp when present. */
+    warpedTextStyle = computed(() => {
+        const base = this.textStyle();
+        const w = this.textWarp();
+        if (w?.strategy === 'css') {
+            return { ...base, transform: w.cssTransform, 'transform-origin': w.cssTransformOrigin };
+        }
+        return base;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "warpedTextStyle" }] : /* istanbul ignore next */ []));
     children = computed(() => {
         const el = this.element();
         return el.type === 'group' ? (el.children ?? []) : [];
@@ -28077,8 +29702,45 @@ class ElementRendererComponent {
 					[ngStyle]="shapeContainerStyle()"
 					[attr.data-element-id]="element().id"
 				>
-					@if (hasText()) {
-						<div class="pptx-ng-text" [ngStyle]="textStyle()">
+					@if (pathWarp(); as warp) {
+						<svg
+							[attr.width]="warp.width"
+							[attr.height]="warp.height"
+							[attr.viewBox]="'0 0 ' + warp.width + ' ' + warp.height"
+							style="position: absolute; inset: 0; overflow: visible; pointer-events: none"
+							aria-hidden="true"
+						>
+							<defs>
+								@for (line of warp.pathLines; track line.pathId) {
+									<path [attr.id]="line.pathId" [attr.d]="line.d" fill="none" />
+								}
+							</defs>
+							@for (line of warp.pathLines; track line.pathId) {
+								<text
+									[attr.font-size]="warp.baseFontSize"
+									[attr.font-family]="warp.baseFontFamily"
+									[attr.fill]="warp.baseColor"
+								>
+									<textPath
+										[attr.href]="'#' + line.pathId"
+										[attr.startOffset]="warp.startOffset"
+										[attr.text-anchor]="warp.textAnchor"
+									>
+										@for (seg of line.segments; track $index) {
+											<tspan
+												[attr.fill]="seg.style?.color ?? warp.baseColor"
+												[attr.font-weight]="seg.style?.bold ? 700 : 400"
+												[attr.font-style]="seg.style?.italic ? 'italic' : 'normal'"
+											>
+												{{ seg.text }}
+											</tspan>
+										}
+									</textPath>
+								</text>
+							}
+						</svg>
+					} @else if (hasText()) {
+						<div class="pptx-ng-text" [ngStyle]="warpedTextStyle()">
 							@for (para of paragraphs(); track $index) {
 								<p class="pptx-ng-para" [style.padding-left.px]="para.indentPx">
 									@if (para.bulletMarker) {
@@ -28294,8 +29956,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
 					[ngStyle]="shapeContainerStyle()"
 					[attr.data-element-id]="element().id"
 				>
-					@if (hasText()) {
-						<div class="pptx-ng-text" [ngStyle]="textStyle()">
+					@if (pathWarp(); as warp) {
+						<svg
+							[attr.width]="warp.width"
+							[attr.height]="warp.height"
+							[attr.viewBox]="'0 0 ' + warp.width + ' ' + warp.height"
+							style="position: absolute; inset: 0; overflow: visible; pointer-events: none"
+							aria-hidden="true"
+						>
+							<defs>
+								@for (line of warp.pathLines; track line.pathId) {
+									<path [attr.id]="line.pathId" [attr.d]="line.d" fill="none" />
+								}
+							</defs>
+							@for (line of warp.pathLines; track line.pathId) {
+								<text
+									[attr.font-size]="warp.baseFontSize"
+									[attr.font-family]="warp.baseFontFamily"
+									[attr.fill]="warp.baseColor"
+								>
+									<textPath
+										[attr.href]="'#' + line.pathId"
+										[attr.startOffset]="warp.startOffset"
+										[attr.text-anchor]="warp.textAnchor"
+									>
+										@for (seg of line.segments; track $index) {
+											<tspan
+												[attr.fill]="seg.style?.color ?? warp.baseColor"
+												[attr.font-weight]="seg.style?.bold ? 700 : 400"
+												[attr.font-style]="seg.style?.italic ? 'italic' : 'normal'"
+											>
+												{{ seg.text }}
+											</tspan>
+										}
+									</textPath>
+								</text>
+							}
+						</svg>
+					} @else if (hasText()) {
+						<div class="pptx-ng-text" [ngStyle]="warpedTextStyle()">
 							@for (para of paragraphs(); track $index) {
 								<p class="pptx-ng-para" [style.padding-left.px]="para.indentPx">
 									@if (para.bulletMarker) {
@@ -29777,6 +31476,779 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
+/**
+ * presentation-annotations-helpers.ts — Pure geometry helpers for presentation
+ * ink annotations (pen, highlighter, eraser, laser).
+ *
+ * Ported from React:
+ *   packages/react/src/viewer/components/PresentationAnnotationOverlay.tsx
+ *   packages/react/src/viewer/hooks/usePresentationAnnotations.ts
+ *
+ * No Angular dependencies — all functions are pure so they can be unit-tested
+ * without TestBed.
+ */
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+const PEN_WIDTH = 2.5;
+const HIGHLIGHTER_WIDTH = 14;
+const HIGHLIGHTER_OPACITY = 0.4;
+const ERASER_RADIUS = 16;
+// ---------------------------------------------------------------------------
+// Stroke id generation
+// ---------------------------------------------------------------------------
+let strokeIdCounter = 0;
+/**
+ * Generate a monotonically-increasing stroke id.
+ * Module-level counter is fine: ids only need to be unique within a session.
+ */
+function nextStrokeId() {
+    strokeIdCounter += 1;
+    return `stroke-${strokeIdCounter}`;
+}
+/**
+ * Reset the stroke-id counter. Exposed for tests only — never call from
+ * production code.
+ */
+function resetStrokeIdCounter() {
+    strokeIdCounter = 0;
+}
+// ---------------------------------------------------------------------------
+// SVG path generation
+// ---------------------------------------------------------------------------
+/**
+ * Convert a sequence of points to an SVG path `d` attribute string using
+ * M + L commands (no bezier smoothing — matches the React original).
+ *
+ * Returns an empty string for an empty point array.
+ *
+ * @example
+ * buildPathD([{x:0,y:0},{x:10,y:5}]) // "M 0 0 L 10 5"
+ */
+function buildPathD(points) {
+    if (points.length === 0) {
+        return '';
+    }
+    const first = points[0];
+    let d = `M ${first.x} ${first.y}`;
+    for (let i = 1; i < points.length; i++) {
+        const pt = points[i];
+        d += ` L ${pt.x} ${pt.y}`;
+    }
+    return d;
+}
+// ---------------------------------------------------------------------------
+// Point smoothing
+// ---------------------------------------------------------------------------
+/**
+ * Apply a simple sliding-window average to a series of points, reducing
+ * jitter without imposing bezier curve complexity.
+ *
+ * A window size of 1 is a no-op (identity). The first and last points are
+ * always preserved as-is.
+ *
+ * @param points  Raw pointer-event coordinates.
+ * @param window  Number of neighbours on each side to average (default 2).
+ */
+function smoothPoints(points, window = 2) {
+    const n = points.length;
+    if (n <= 2 || window <= 0) {
+        return points;
+    }
+    const out = [];
+    for (let i = 0; i < n; i++) {
+        if (i === 0 || i === n - 1) {
+            out.push(points[i]);
+            continue;
+        }
+        const lo = Math.max(0, i - window);
+        const hi = Math.min(n - 1, i + window);
+        let sx = 0;
+        let sy = 0;
+        const count = hi - lo + 1;
+        for (let j = lo; j <= hi; j++) {
+            sx += points[j].x;
+            sy += points[j].y;
+        }
+        out.push({ x: sx / count, y: sy / count });
+    }
+    return out;
+}
+// ---------------------------------------------------------------------------
+// Eraser hit-testing
+// ---------------------------------------------------------------------------
+/**
+ * Return `true` when any point on `stroke` lies within `radius` pixels of the
+ * eraser centre `(ex, ey)` in slide space.
+ *
+ * Uses squared-distance comparison to avoid Math.sqrt.
+ */
+function strokeHitsEraser(stroke, ex, ey, radius) {
+    const r2 = radius * radius;
+    for (const pt of stroke.points) {
+        const dx = pt.x - ex;
+        const dy = pt.y - ey;
+        if (dx * dx + dy * dy < r2) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Filter `strokes`, removing any that hit the eraser at `(ex, ey)`.
+ * Returns a new array; does not mutate the input.
+ */
+function eraseAtPoint(strokes, ex, ey, radius = ERASER_RADIUS) {
+    return strokes.filter((s) => !strokeHitsEraser(s, ex, ey, radius));
+}
+// ---------------------------------------------------------------------------
+// Laser dot fade
+// ---------------------------------------------------------------------------
+/**
+ * Compute the CSS `opacity` value for a fading laser dot given a fade ratio
+ * in [0, 1] where 0 = fully visible and 1 = fully invisible.
+ *
+ * Uses a simple quadratic ease-out so the dot lingers at full intensity then
+ * fades quickly near the end.
+ *
+ * @param ratio  0 (fresh) → 1 (expired)
+ */
+function laserDotOpacity(ratio) {
+    const clamped = Math.max(0, Math.min(1, ratio));
+    return (1 - clamped) * (1 - clamped);
+}
+// ---------------------------------------------------------------------------
+// Cursor helper
+// ---------------------------------------------------------------------------
+/**
+ * Return the CSS `cursor` value that matches `tool`.
+ */
+function cursorForTool(tool) {
+    switch (tool) {
+        case 'laser':
+            return 'none';
+        case 'pen':
+            return 'crosshair';
+        case 'highlighter':
+            return 'crosshair';
+        case 'eraser':
+            return 'crosshair';
+        default:
+            return 'default';
+    }
+}
+
+/**
+ * presentation-annotations.service.ts — Signal-based service that manages ink
+ * annotation state during presentation mode.
+ *
+ * Ported from React:
+ *   packages/react/src/viewer/hooks/usePresentationAnnotations.ts
+ *   packages/react/src/viewer/hooks/usePresentationAnnotations.types.ts
+ *
+ * Provides: pen / highlighter / eraser / laser-pointer tools, per-slide stroke
+ * storage keyed by slide index, begin / extend / end stroke lifecycle, undo
+ * (single-step: clear current slide), clear-all, and a transient laser position.
+ *
+ * Provide at the component level so lifetime tracks the host overlay:
+ * `@Component({ providers: [PresentationAnnotationsService] })`.
+ */
+class PresentationAnnotationsService {
+    destroyRef = inject(DestroyRef);
+    // ------------------------------------------------------------------
+    // Private signals
+    // ------------------------------------------------------------------
+    _tool = signal('none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tool" }] : /* istanbul ignore next */ []));
+    _penColor = signal('#ff0000', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_penColor" }] : /* istanbul ignore next */ []));
+    _highlighterColor = signal('#ffff00', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_highlighterColor" }] : /* istanbul ignore next */ []));
+    _currentStroke = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentStroke" }] : /* istanbul ignore next */ []));
+    _laserPosition = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_laserPosition" }] : /* istanbul ignore next */ []));
+    _toolbarVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_toolbarVisible" }] : /* istanbul ignore next */ []));
+    /**
+     * Strokes visible on the current slide. Cleared / populated whenever
+     * `setActiveSlide()` is called.
+     */
+    _annotationStrokes = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_annotationStrokes" }] : /* istanbul ignore next */ []));
+    /**
+     * Per-slide annotation storage. Strokes for the current slide are also kept
+     * in `_annotationStrokes` for rendering convenience; they are synchronised
+     * back into this map on `setActiveSlide()` or `endStroke()`.
+     */
+    _slideAnnotations = new Map();
+    /** Tracks whether a pointer-down initiated an erase gesture. */
+    _isErasing = false;
+    /** Toolbar auto-hide timer handle. */
+    _toolbarTimer = null;
+    /** Index of the slide currently being annotated. */
+    _activeSlideIndex = 0;
+    // ------------------------------------------------------------------
+    // Public read-only signal surface
+    // ------------------------------------------------------------------
+    /** The currently-armed presentation tool. */
+    tool = computed(() => this._tool(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tool" }] : /* istanbul ignore next */ []));
+    /** Stroke colour used by the pen tool. */
+    penColor = computed(() => this._penColor(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "penColor" }] : /* istanbul ignore next */ []));
+    /** Stroke colour used by the highlighter tool. */
+    highlighterColor = computed(() => this._highlighterColor(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highlighterColor" }] : /* istanbul ignore next */ []));
+    /** Committed strokes on the active slide (does not include the live stroke). */
+    annotationStrokes = computed(() => this._annotationStrokes(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "annotationStrokes" }] : /* istanbul ignore next */ []));
+    /** The stroke currently being drawn, or null when not drawing. */
+    currentStroke = computed(() => this._currentStroke(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentStroke" }] : /* istanbul ignore next */ []));
+    /** Laser pointer position in slide-space pixels, or null when not visible. */
+    laserPosition = computed(() => this._laserPosition(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "laserPosition" }] : /* istanbul ignore next */ []));
+    /** Whether the annotation toolbar should be visible. */
+    toolbarVisible = computed(() => this._toolbarVisible(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toolbarVisible" }] : /* istanbul ignore next */ []));
+    /**
+     * `true` when any annotations exist on any slide (used for the
+     * "keep / discard" dialog when exiting presentation mode).
+     */
+    hasAnyAnnotations = computed(() => this._annotationStrokes().length > 0 || this._slideAnnotations.size > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasAnyAnnotations" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Lifecycle
+    // ------------------------------------------------------------------
+    constructor() {
+        this.destroyRef.onDestroy(() => {
+            this._clearToolbarTimer();
+        });
+    }
+    // ------------------------------------------------------------------
+    // Tool management
+    // ------------------------------------------------------------------
+    /**
+     * Arm `tool`. If it is already armed, toggle back to `'none'` (matches
+     * the React behaviour of `setPresentationTool`).
+     */
+    setTool(tool) {
+        this._tool.update((current) => (current === tool ? 'none' : tool));
+        // Clear transient state when switching away from drawing tools.
+        if (this._tool() === 'none' || this._tool() === 'laser') {
+            this._currentStroke.set(null);
+            this._isErasing = false;
+        }
+        if (this._tool() !== 'laser') {
+            this._laserPosition.set(null);
+        }
+    }
+    /** Set the pen colour directly (without toggling the tool). */
+    setPenColor(color) {
+        this._penColor.set(color);
+    }
+    /** Set the highlighter colour directly. */
+    setHighlighterColor(color) {
+        this._highlighterColor.set(color);
+    }
+    /** Show / hide the toolbar programmatically. */
+    setToolbarVisible(visible) {
+        this._toolbarVisible.set(visible);
+    }
+    // ------------------------------------------------------------------
+    // Active slide management
+    // ------------------------------------------------------------------
+    /**
+     * Notify the service that the visible slide has changed. Saves the
+     * in-progress strokes for the previous slide and loads the strokes
+     * for `newIndex`.
+     */
+    setActiveSlide(newIndex) {
+        if (newIndex === this._activeSlideIndex) {
+            return;
+        }
+        this._flushCurrentSlide();
+        this._activeSlideIndex = newIndex;
+        const existing = this._slideAnnotations.get(newIndex) ?? [];
+        this._annotationStrokes.set([...existing]);
+        this._currentStroke.set(null);
+        this._isErasing = false;
+    }
+    // ------------------------------------------------------------------
+    // Drawing
+    // ------------------------------------------------------------------
+    /**
+     * Begin a stroke at `(x, y)` in slide-space coordinates.
+     * Called on pointer-down when the pen or highlighter is armed.
+     */
+    beginStroke(x, y) {
+        const tool = this._tool();
+        if (tool !== 'pen' && tool !== 'highlighter') {
+            return;
+        }
+        const isPen = tool === 'pen';
+        this._currentStroke.set({
+            id: nextStrokeId(),
+            points: [{ x, y }],
+            color: isPen ? this._penColor() : this._highlighterColor(),
+            width: isPen ? PEN_WIDTH : HIGHLIGHTER_WIDTH,
+            opacity: isPen ? 1 : HIGHLIGHTER_OPACITY,
+        });
+    }
+    /**
+     * Extend the active stroke by appending `(x, y)`.
+     * Called on pointer-move while drawing.
+     */
+    extendStroke(x, y) {
+        this._currentStroke.update((prev) => {
+            if (!prev) {
+                return null;
+            }
+            return { ...prev, points: [...prev.points, { x, y }] };
+        });
+    }
+    /**
+     * Commit the active stroke to the slide's annotation list.
+     * Called on pointer-up or pointer-leave while drawing.
+     * Strokes with fewer than 2 points are discarded.
+     */
+    endStroke() {
+        const stroke = this._currentStroke();
+        this._currentStroke.set(null);
+        if (!stroke || stroke.points.length < 2) {
+            return;
+        }
+        this._annotationStrokes.update((prev) => {
+            // Guard against duplicate ids (shouldn't happen, but matches React safety).
+            if (prev.some((s) => s.id === stroke.id)) {
+                return prev;
+            }
+            const updated = [...prev, stroke];
+            this._slideAnnotations.set(this._activeSlideIndex, updated);
+            return updated;
+        });
+    }
+    // ------------------------------------------------------------------
+    // Eraser
+    // ------------------------------------------------------------------
+    /**
+     * Begin an eraser gesture at `(x, y)`.
+     * Must be called on pointer-down when the eraser is armed.
+     */
+    beginErase(x, y) {
+        if (this._tool() !== 'eraser') {
+            return;
+        }
+        this._isErasing = true;
+        this._applyErase(x, y);
+    }
+    /**
+     * Continue erasing at `(x, y)` during a pointer-move.
+     */
+    continueErase(x, y) {
+        if (!this._isErasing || this._tool() !== 'eraser') {
+            return;
+        }
+        this._applyErase(x, y);
+    }
+    /**
+     * End an eraser gesture. Called on pointer-up or pointer-leave.
+     */
+    endErase() {
+        this._isErasing = false;
+    }
+    // ------------------------------------------------------------------
+    // Laser
+    // ------------------------------------------------------------------
+    /**
+     * Update the laser dot position (slide-space coords).
+     * Only takes effect when the laser tool is armed.
+     */
+    moveLaser(x, y) {
+        if (this._tool() !== 'laser') {
+            return;
+        }
+        this._laserPosition.set({ x, y });
+    }
+    /**
+     * Hide the laser dot (called on pointer-leave).
+     */
+    hideLaser() {
+        this._laserPosition.set(null);
+    }
+    // ------------------------------------------------------------------
+    // Clear / undo
+    // ------------------------------------------------------------------
+    /**
+     * Clear all annotations on the active slide.
+     */
+    clearAnnotations() {
+        this._annotationStrokes.set([]);
+        this._currentStroke.set(null);
+        this._isErasing = false;
+        this._slideAnnotations.delete(this._activeSlideIndex);
+    }
+    /**
+     * Clear all annotations across every slide.
+     */
+    clearAllAnnotations() {
+        this._annotationStrokes.set([]);
+        this._currentStroke.set(null);
+        this._isErasing = false;
+        this._slideAnnotations.clear();
+    }
+    // ------------------------------------------------------------------
+    // Snapshot
+    // ------------------------------------------------------------------
+    /**
+     * Return a snapshot of all annotations across every slide.
+     * The current slide's in-progress committed strokes are folded in.
+     *
+     * Used by the "keep as ink elements" dialog handler.
+     */
+    getAllSlideAnnotations() {
+        this._flushCurrentSlide();
+        return new Map(this._slideAnnotations);
+    }
+    // ------------------------------------------------------------------
+    // Toolbar auto-hide
+    // ------------------------------------------------------------------
+    /**
+     * Show the toolbar and schedule it to auto-hide after `delayMs` (default 3 s).
+     * Resets the timer if called repeatedly (debounce on mouse-move).
+     */
+    showToolbarTemporarily(delayMs = 3000) {
+        this._toolbarVisible.set(true);
+        this._clearToolbarTimer();
+        this._toolbarTimer = setTimeout(() => {
+            this._toolbarVisible.set(false);
+            this._toolbarTimer = null;
+        }, delayMs);
+    }
+    // ------------------------------------------------------------------
+    // Reset on exit
+    // ------------------------------------------------------------------
+    /**
+     * Reset transient presentation state (tool, current stroke, laser, toolbar
+     * timer). Does NOT clear stored strokes — those persist for the
+     * keep/discard dialog.
+     */
+    resetForExit() {
+        this._tool.set('none');
+        this._currentStroke.set(null);
+        this._laserPosition.set(null);
+        this._isErasing = false;
+        this._toolbarVisible.set(false);
+        this._clearToolbarTimer();
+    }
+    // ------------------------------------------------------------------
+    // Private helpers
+    // ------------------------------------------------------------------
+    _applyErase(x, y) {
+        this._annotationStrokes.update((prev) => {
+            const next = eraseAtPoint(prev, x, y, ERASER_RADIUS);
+            if (next.length > 0) {
+                this._slideAnnotations.set(this._activeSlideIndex, next);
+            }
+            else {
+                this._slideAnnotations.delete(this._activeSlideIndex);
+            }
+            return next;
+        });
+    }
+    _flushCurrentSlide() {
+        const strokes = this._annotationStrokes();
+        if (strokes.length > 0) {
+            this._slideAnnotations.set(this._activeSlideIndex, [...strokes]);
+        }
+        else {
+            this._slideAnnotations.delete(this._activeSlideIndex);
+        }
+    }
+    _clearToolbarTimer() {
+        if (this._toolbarTimer !== null) {
+            clearTimeout(this._toolbarTimer);
+            this._toolbarTimer = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationAnnotationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationAnnotationsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationAnnotationsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * presentation-annotation-overlay.component.ts — SVG overlay that captures
+ * pointer events and renders ink strokes + laser dot during presentation mode.
+ *
+ * Ported from React:
+ *   packages/react/src/viewer/components/PresentationAnnotationOverlay.tsx
+ *
+ * Selector: `pptx-presentation-annotation-overlay`
+ *
+ * This component is purely presentational: it calls out to
+ * {@link PresentationAnnotationsService} for all state mutations, and
+ * accepts `canvasSize` and `zoom` to correctly map pointer events from
+ * screen space into slide space.
+ *
+ * When the tool is `'none'` the component renders nothing and sets
+ * `pointer-events: none` on its host so click-to-advance still works.
+ */
+class PresentationAnnotationOverlayComponent {
+    // ------------------------------------------------------------------
+    // Inputs
+    // ------------------------------------------------------------------
+    /** Logical canvas dimensions (the slide's authored size in pixels). */
+    canvasSize = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canvasSize" }] : /* istanbul ignore next */ []));
+    /**
+     * The zoom factor currently applied to the slide stage.
+     * Pointer-event coordinates are divided by this value to obtain
+     * slide-space coordinates.
+     */
+    zoom = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Injected state
+    // ------------------------------------------------------------------
+    service = inject(PresentationAnnotationsService);
+    // ------------------------------------------------------------------
+    // Template references
+    // ------------------------------------------------------------------
+    svgRef = viewChild('svg', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "svgRef" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Eraser bookkeeping
+    // ------------------------------------------------------------------
+    /** True while a pointer-down is active in eraser mode. */
+    _isErasing = false;
+    // ------------------------------------------------------------------
+    // Derived signals
+    // ------------------------------------------------------------------
+    /** True when any tool other than 'none' is armed. */
+    isArmed = computed(() => this.service.tool() !== 'none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isArmed" }] : /* istanbul ignore next */ []));
+    /** SVG viewBox string that covers the full canvas. */
+    viewBox = computed(() => {
+        const { width, height } = this.canvasSize();
+        return `0 0 ${width} ${height}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    /** CSS cursor for the outer wrapper div. */
+    wrapperStyle = computed(() => ({
+        cursor: cursorForTool(this.service.tool()),
+        'pointer-events': this.isArmed() ? 'auto' : 'none',
+        'z-index': '60',
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrapperStyle" }] : /* istanbul ignore next */ []));
+    /** Transform the SVG to match the slide's zoom level. */
+    svgStyle = computed(() => ({
+        transform: `scale(${this.zoom()})`,
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "svgStyle" }] : /* istanbul ignore next */ []));
+    /** All strokes to render: committed + the live in-progress stroke. */
+    allStrokes = computed(() => {
+        const committed = this.service.annotationStrokes();
+        const live = this.service.currentStroke();
+        return live ? [...committed, live] : committed;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allStrokes" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Template helpers
+    // ------------------------------------------------------------------
+    strokePath(points) {
+        if (points.length === 0) {
+            return '';
+        }
+        const first = points[0];
+        let d = `M ${first.x} ${first.y}`;
+        for (let i = 1; i < points.length; i++) {
+            const pt = points[i];
+            d += ` L ${pt.x} ${pt.y}`;
+        }
+        return d;
+    }
+    laserDotStyle(x, y) {
+        const z = this.zoom();
+        const dotSize = 24;
+        return {
+            width: `${dotSize}px`,
+            height: `${dotSize}px`,
+            left: `${x * z - dotSize / 2}px`,
+            top: `${y * z - dotSize / 2}px`,
+            'z-index': '70',
+        };
+    }
+    // ------------------------------------------------------------------
+    // Pointer event dispatch
+    // ------------------------------------------------------------------
+    onPointerDown(event) {
+        const tool = this.service.tool();
+        if (tool === 'none') {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        const coords = this._toSlideCoords(event.clientX, event.clientY);
+        if (!coords) {
+            return;
+        }
+        if (tool === 'eraser') {
+            this._isErasing = true;
+            this.service.beginErase(coords.x, coords.y);
+            return;
+        }
+        if (tool === 'pen' || tool === 'highlighter') {
+            this.service.beginStroke(coords.x, coords.y);
+        }
+    }
+    onPointerMove(event) {
+        const tool = this.service.tool();
+        if (tool === 'none') {
+            return;
+        }
+        const coords = this._toSlideCoords(event.clientX, event.clientY);
+        if (!coords) {
+            return;
+        }
+        if (tool === 'laser') {
+            this.service.moveLaser(coords.x, coords.y);
+            return;
+        }
+        if (tool === 'eraser' && this._isErasing) {
+            this.service.continueErase(coords.x, coords.y);
+            return;
+        }
+        if (tool === 'pen' || tool === 'highlighter') {
+            this.service.extendStroke(coords.x, coords.y);
+        }
+    }
+    onPointerUp(event) {
+        const tool = this.service.tool();
+        if (tool === 'none') {
+            return;
+        }
+        event.preventDefault();
+        if (tool === 'eraser') {
+            this._isErasing = false;
+            this.service.endErase();
+            return;
+        }
+        this.service.endStroke();
+    }
+    onPointerLeave(_event) {
+        const tool = this.service.tool();
+        if (tool === 'laser') {
+            this.service.hideLaser();
+        }
+        if (tool === 'eraser') {
+            this._isErasing = false;
+            this.service.endErase();
+        }
+        this.service.endStroke();
+    }
+    // ------------------------------------------------------------------
+    // Coordinate mapping
+    // ------------------------------------------------------------------
+    /**
+     * Map a client-space pointer position to slide-space coordinates by
+     * subtracting the SVG element's bounding rect and dividing by the zoom.
+     * Returns `null` when the SVG ref is not yet available.
+     */
+    _toSlideCoords(clientX, clientY) {
+        const svgEl = this.svgRef()?.nativeElement;
+        if (!svgEl) {
+            return null;
+        }
+        const rect = svgEl.getBoundingClientRect();
+        const z = this.zoom() || 1;
+        return {
+            x: (clientX - rect.left) / z,
+            y: (clientY - rect.top) / z,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationAnnotationOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PresentationAnnotationOverlayComponent, isStandalone: true, selector: "pptx-presentation-annotation-overlay", inputs: { canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "svgRef", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: `
+		@if (isArmed()) {
+			<div
+				class="pptx-ng-anno-wrapper"
+				[ngStyle]="wrapperStyle()"
+				(pointerdown)="onPointerDown($event)"
+				(pointermove)="onPointerMove($event)"
+				(pointerup)="onPointerUp($event)"
+				(pointerleave)="onPointerLeave($event)"
+			>
+				<svg
+					#svg
+					class="pptx-ng-anno-svg"
+					[attr.width]="canvasSize().width"
+					[attr.height]="canvasSize().height"
+					[attr.viewBox]="viewBox()"
+					[ngStyle]="svgStyle()"
+				>
+					@for (s of allStrokes(); track s.id) {
+						<path
+							[attr.d]="strokePath(s.points)"
+							fill="none"
+							[attr.stroke]="s.color"
+							[attr.stroke-width]="s.width"
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							[attr.opacity]="s.opacity"
+						/>
+					}
+				</svg>
+
+				@if (service.tool() === 'laser' && service.laserPosition(); as lp) {
+					<div class="pptx-ng-laser-dot" [ngStyle]="laserDotStyle(lp.x, lp.y)"></div>
+				}
+			</div>
+		}
+	`, isInline: true, styles: [":host{display:block;position:absolute;inset:0;pointer-events:none}.pptx-ng-anno-wrapper{position:absolute;inset:0}.pptx-ng-anno-svg{position:absolute;top:0;left:0;transform-origin:top left;overflow:visible}.pptx-ng-laser-dot{position:absolute;border-radius:50%;pointer-events:none;background:#ff0000d9;box-shadow:0 0 12px 6px #ff000080,0 0 24px 12px #ff000040;filter:drop-shadow(0 0 8px rgba(255,0,0,.7))}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationAnnotationOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-presentation-annotation-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle], template: `
+		@if (isArmed()) {
+			<div
+				class="pptx-ng-anno-wrapper"
+				[ngStyle]="wrapperStyle()"
+				(pointerdown)="onPointerDown($event)"
+				(pointermove)="onPointerMove($event)"
+				(pointerup)="onPointerUp($event)"
+				(pointerleave)="onPointerLeave($event)"
+			>
+				<svg
+					#svg
+					class="pptx-ng-anno-svg"
+					[attr.width]="canvasSize().width"
+					[attr.height]="canvasSize().height"
+					[attr.viewBox]="viewBox()"
+					[ngStyle]="svgStyle()"
+				>
+					@for (s of allStrokes(); track s.id) {
+						<path
+							[attr.d]="strokePath(s.points)"
+							fill="none"
+							[attr.stroke]="s.color"
+							[attr.stroke-width]="s.width"
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							[attr.opacity]="s.opacity"
+						/>
+					}
+				</svg>
+
+				@if (service.tool() === 'laser' && service.laserPosition(); as lp) {
+					<div class="pptx-ng-laser-dot" [ngStyle]="laserDotStyle(lp.x, lp.y)"></div>
+				}
+			</div>
+		}
+	`, styles: [":host{display:block;position:absolute;inset:0;pointer-events:none}.pptx-ng-anno-wrapper{position:absolute;inset:0}.pptx-ng-anno-svg{position:absolute;top:0;left:0;transform-origin:top left;overflow:visible}.pptx-ng-laser-dot{position:absolute;border-radius:50%;pointer-events:none;background:#ff0000d9;box-shadow:0 0 12px 6px #ff000080,0 0 24px 12px #ff000040;filter:drop-shadow(0 0 8px rgba(255,0,0,.7))}\n"] }]
+        }], propDecorators: { canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], svgRef: [{ type: i0.ViewChild, args: ['svg', { isSignal: true }] }] } });
+
 /**
  * Clamp `index` to the valid range [0, count - 1].
  * Returns 0 when `count` is 0 to avoid -1 states.
@@ -29842,6 +32314,235 @@ function fitZoom(canvasW, canvasH, vw, vh) {
     return Math.min(vw / canvasW, vh / canvasH);
 }
 
+/**
+ * presentation-subtitle-helpers.ts — Pure helpers for the subtitle/caption bar.
+ *
+ * Isolates all text-segment logic so it can be unit-tested without DOM or
+ * Angular dependencies.
+ *
+ * Ported from React:
+ *   packages/react/src/viewer/components/PresentationSubtitleBar.tsx
+ */
+// ---------------------------------------------------------------------------
+// Caption text merging
+// ---------------------------------------------------------------------------
+/**
+ * Merge the results from a `SpeechRecognitionEventLite` (starting at
+ * `resultIndex`) into a single caption string.
+ *
+ * Final results form the stable prefix; interim results form the unstable
+ * suffix. Both are joined and the combined string is trimmed.
+ *
+ * @param event        The recognition event from `onresult`.
+ * @param resultIndex  `event.resultIndex` — the first new result index.
+ * @param results      `event.results` — the full results list.
+ * @returns            The merged caption string, or `''` if nothing recognised.
+ */
+function mergeCaptionResults(resultIndex, results) {
+    let finalText = '';
+    let interimText = '';
+    for (let i = resultIndex; i < results.length; i += 1) {
+        const result = results[i];
+        const fragment = result?.[0]?.transcript ?? '';
+        if (result?.isFinal) {
+            finalText += fragment;
+        }
+        else {
+            interimText += fragment;
+        }
+    }
+    const merged = `${finalText} ${interimText}`.trim();
+    return merged;
+}
+// ---------------------------------------------------------------------------
+// Safe speech recognition factory
+// ---------------------------------------------------------------------------
+/**
+ * Attempt to obtain the `SpeechRecognition` constructor from `globalThis`
+ * (browser `window`). Returns `null` when unavailable (SSR / unsupported
+ * browsers / Firefox without the flag enabled).
+ *
+ * Checks both the standard and the webkit-prefixed name.
+ */
+function getSpeechRecognitionCtor() {
+    // Use `globalThis` rather than `window` so this runs in non-DOM environments.
+    const g = globalThis;
+    const ctor = (g['SpeechRecognition'] ?? g['webkitSpeechRecognition']);
+    return ctor ?? null;
+}
+/**
+ * Compute the text to display in the caption bar.
+ *
+ * - When the API is unsupported, returns `fallbackNotSupported`.
+ * - When supported but no text has been captured yet, returns `fallbackListening`.
+ * - Otherwise returns the captured text.
+ */
+function captionDisplayText(supportState, captionText, fallbackNotSupported, fallbackListening) {
+    if (supportState === 'unsupported') {
+        return fallbackNotSupported;
+    }
+    return captionText.length > 0 ? captionText : fallbackListening;
+}
+
+/**
+ * presentation-subtitle-bar.component.ts — Live caption/subtitle bar for
+ * presentation mode, driven by the Web Speech API when available.
+ *
+ * Ported from React:
+ *   packages/react/src/viewer/components/PresentationSubtitleBar.tsx
+ *
+ * Selector: `pptx-presentation-subtitle-bar`
+ *
+ * Inputs:
+ *   - `visible` (required) — show/hide the bar and start/stop recognition.
+ *
+ * When `visible` is false the component renders nothing and stops the
+ * recognition session. When the Web Speech API is unavailable the bar still
+ * renders but shows a "not supported" message.
+ *
+ * All speech-API access is isolated behind `_createRecognition()` so the rest
+ * of the component (and tests) can stay pure. Caption text accumulation logic
+ * lives in {@link mergeCaptionResults} (pure helper, unit-tested separately).
+ */
+class PresentationSubtitleBarComponent {
+    // ------------------------------------------------------------------
+    // Inputs
+    // ------------------------------------------------------------------
+    /** Show the subtitle bar and start speech recognition when true. */
+    visible = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Internal signals
+    // ------------------------------------------------------------------
+    _captionText = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_captionText" }] : /* istanbul ignore next */ []));
+    _supportState = signal('unknown', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_supportState" }] : /* istanbul ignore next */ []));
+    /** The text string rendered in the caption bar. */
+    displayText = signal('Listening…', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    // ------------------------------------------------------------------
+    // Recognition lifecycle bookkeeping
+    // ------------------------------------------------------------------
+    /**
+     * Whether the recognition session should remain running.
+     * Toggled on `visible` changes; checked in `onend` to decide whether
+     * to restart.
+     */
+    _shouldRun = false;
+    /** Active recognition instance, or null when stopped. */
+    _recognition = null;
+    _destroyRef = inject(DestroyRef);
+    constructor() {
+        this._destroyRef.onDestroy(() => {
+            this._stopRecognition();
+        });
+    }
+    // ------------------------------------------------------------------
+    // Lifecycle
+    // ------------------------------------------------------------------
+    ngOnChanges(changes) {
+        if (!('visible' in changes)) {
+            return;
+        }
+        if (this.visible()) {
+            this._startRecognition();
+        }
+        else {
+            this._stopRecognition();
+        }
+    }
+    // ------------------------------------------------------------------
+    // Speech recognition management
+    // ------------------------------------------------------------------
+    _startRecognition() {
+        this._shouldRun = true;
+        this._captionText.set('');
+        this._updateDisplayText();
+        const Ctor = this._getSpeechCtor();
+        if (!Ctor) {
+            this._supportState.set('unsupported');
+            this._updateDisplayText();
+            return;
+        }
+        this._supportState.set('supported');
+        const recognition = new Ctor();
+        recognition.continuous = true;
+        recognition.interimResults = true;
+        recognition.lang = typeof navigator !== 'undefined' ? navigator.language || 'en-US' : 'en-US';
+        recognition.onresult = (event) => {
+            const merged = mergeCaptionResults(event.resultIndex, event.results);
+            if (merged.length > 0) {
+                this._captionText.set(merged);
+                this._updateDisplayText();
+            }
+        };
+        recognition.onerror = () => {
+            // Keep the bar alive; `onend` will attempt restart if still visible.
+        };
+        recognition.onend = () => {
+            if (!this._shouldRun) {
+                return;
+            }
+            try {
+                recognition.start();
+            }
+            catch {
+                // Browser may throttle rapid restarts; the next visibility toggle will retry.
+            }
+        };
+        this._recognition = recognition;
+        try {
+            recognition.start();
+        }
+        catch {
+            this._supportState.set('unsupported');
+            this._updateDisplayText();
+        }
+    }
+    _stopRecognition() {
+        this._shouldRun = false;
+        if (this._recognition) {
+            this._recognition.stop();
+            this._recognition = null;
+        }
+        this._captionText.set('');
+        this._updateDisplayText();
+    }
+    /**
+     * Thin wrapper around {@link getSpeechRecognitionCtor} so tests can spy on
+     * or override this method without patching `globalThis`.
+     */
+    _getSpeechCtor() {
+        return getSpeechRecognitionCtor();
+    }
+    // ------------------------------------------------------------------
+    // Display text derivation
+    // ------------------------------------------------------------------
+    _updateDisplayText() {
+        const text = captionDisplayText(this._supportState(), this._captionText(), 'Subtitles not supported in this browser.', 'Listening…');
+        this.displayText.set(text);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationSubtitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PresentationSubtitleBarComponent, isStandalone: true, selector: "pptx-presentation-subtitle-bar", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: `
+		@if (visible()) {
+			<div class="pptx-ng-subtitle-inner">
+				<span class="pptx-ng-subtitle-text">{{ displayText() }}</span>
+			</div>
+		}
+	`, isInline: true, styles: [":host{display:block;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);z-index:70;max-width:80%;min-width:300px;pointer-events:none}.pptx-ng-subtitle-inner{padding:.75rem 1.5rem;border-radius:.5rem;background:#000000bf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-subtitle-text{display:block;text-align:center;font-size:.9375rem;line-height:1.5;color:#ffffffb3;font-style:italic;font-family:system-ui,sans-serif;white-space:pre-wrap;word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationSubtitleBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-presentation-subtitle-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+		@if (visible()) {
+			<div class="pptx-ng-subtitle-inner">
+				<span class="pptx-ng-subtitle-text">{{ displayText() }}</span>
+			</div>
+		}
+	`, styles: [":host{display:block;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);z-index:70;max-width:80%;min-width:300px;pointer-events:none}.pptx-ng-subtitle-inner{padding:.75rem 1.5rem;border-radius:.5rem;background:#000000bf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-subtitle-text{display:block;text-align:center;font-size:.9375rem;line-height:1.5;color:#ffffffb3;font-style:italic;font-family:system-ui,sans-serif;white-space:pre-wrap;word-break:break-word}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: true }] }] } });
+
 // ---------------------------------------------------------------------------
 // Direction resolvers
 // ---------------------------------------------------------------------------
@@ -30446,6 +33147,30 @@ function getSlideTransitionAnimations(type, durationMs, direction, orient, spoke
             const randomType = RANDOM_ELIGIBLE_TYPES[Math.floor(Math.random() * RANDOM_ELIGIBLE_TYPES.length)];
             return getSlideTransitionAnimations(randomType, durationMs, direction, orient, spokes);
         }
+        // ── Exotic / 3-D transitions — approximated with the closest 2-D CSS
+        // behaviour (mirrors React's CSS fallback for the dynamic-content family
+        // that has no faithful pure-CSS analogue). Delegates to an existing
+        // well-tested case rather than emitting a plain fade.
+        case 'pan':
+        case 'gallery':
+        case 'conveyor':
+            return getSlideTransitionAnimations('push', durationMs, direction, orient, spokes);
+        case 'reveal':
+            return getSlideTransitionAnimations('wipe', durationMs, direction, orient, spokes);
+        case 'doors':
+            return getSlideTransitionAnimations('split', durationMs, direction, orient, spokes);
+        case 'switch':
+        case 'flythrough':
+        case 'ferris':
+        case 'prism':
+            return getSlideTransitionAnimations('zoom', durationMs, direction, orient, spokes);
+        case 'ripple':
+        case 'honeycomb':
+        case 'glitter':
+        case 'shred':
+            return getSlideTransitionAnimations('dissolve', durationMs, direction, orient, spokes);
+        case 'flash':
+            return getSlideTransitionAnimations('fade', durationMs, direction, orient, spokes);
         // Fallback (unknown / not-yet-mapped type)
         default:
             return {
@@ -30732,6 +33457,11 @@ class PresentationOverlayComponent {
     ...(ngDevMode ? [{ debugName: "activeTransition" }] : /* istanbul ignore next */ []));
     /** Click-stepped element-animation playback for the current slide. */
     playback = inject(AnimationPlaybackService);
+    /** Ink-annotation state (pen/highlighter/eraser/laser) for the show. */
+    annotations = inject(PresentationAnnotationsService);
+    /** Whether the live-caption bar is shown. */
+    subtitlesVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "subtitlesVisible" }] : /* istanbul ignore next */ []));
     /** The slide stage root — animation styles are applied to its elements. */
     stageRef = viewChild('stage', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "stageRef" }] : /* istanbul ignore next */ []));
@@ -30973,8 +33703,20 @@ class PresentationOverlayComponent {
         if (event.button !== 0) {
             return;
         }
+        // A drawing tool owns pointer gestures — don't hijack them to advance.
+        if (this.annotations.tool() !== 'none') {
+            return;
+        }
         this.navigate('next');
     }
+    /** Toggle an annotation tool (clicking the active one disarms it). */
+    selectTool(tool) {
+        this.annotations.setTool(tool);
+    }
+    /** Toggle the live-caption (subtitle) bar. */
+    toggleSubtitles() {
+        this.subtitlesVisible.update((v) => !v);
+    }
     /** Close button click — stop propagation so it does not also advance. */
     onClose(event) {
         event.stopPropagation();
@@ -31098,6 +33840,7 @@ class PresentationOverlayComponent {
                 this.activeTransition.set(null);
             }
             this.currentIndex.set(next);
+            this.annotations.setActiveSlide(next);
             this.indexChange.emit(next);
         }
     }
@@ -31105,7 +33848,7 @@ class PresentationOverlayComponent {
         this.closed.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PresentationOverlayComponent, isStandalone: true, selector: "pptx-presentation-overlay", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", closed: "closed" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keydown": "onKeyDown($event)" } }, providers: [AnimationPlaybackService], viewQueries: [{ propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PresentationOverlayComponent, isStandalone: true, selector: "pptx-presentation-overlay", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", closed: "closed" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keydown": "onKeyDown($event)" } }, providers: [AnimationPlaybackService, PresentationAnnotationsService], viewQueries: [{ propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<div
 			class="pptx-ng-presentation-root"
 			(touchstart)="onTouchStart($event)"
@@ -31134,6 +33877,59 @@ class PresentationOverlayComponent {
 						(complete)="activeTransition.set(null)"
 					/>
 				}
+
+				<!-- Ink annotation overlay (pen/highlighter/eraser/laser). -->
+				<pptx-presentation-annotation-overlay [canvasSize]="canvasSize()" [zoom]="zoom()" />
+			</div>
+
+			<!-- Live-caption (subtitle) bar. -->
+			<pptx-presentation-subtitle-bar [visible]="subtitlesVisible()" />
+
+			<!-- Annotation tool toolbar (bottom-centre). -->
+			<div class="pptx-ng-presentation-tools" role="toolbar" aria-label="Annotation tools">
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'pen'"
+					(click)="selectTool('pen')"
+					aria-label="Pen"
+				>
+					✎
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'highlighter'"
+					(click)="selectTool('highlighter')"
+					aria-label="Highlighter"
+				>
+					▭
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'eraser'"
+					(click)="selectTool('eraser')"
+					aria-label="Eraser"
+				>
+					⌫
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'laser'"
+					(click)="selectTool('laser')"
+					aria-label="Laser pointer"
+				>
+					•
+				</button>
+				<button type="button" (click)="annotations.clearAnnotations()" aria-label="Clear ink">
+					🗑
+				</button>
+				<button
+					type="button"
+					[class.is-active]="subtitlesVisible()"
+					(click)="toggleSubtitles()"
+					aria-label="Live captions"
+				>
+					CC
+				</button>
 			</div>
 
 			<!-- Always-visible close button (top-right, safe-area aware). -->
@@ -31175,11 +33971,17 @@ class PresentationOverlayComponent {
 				{{ counterLabel() }}
 			</span>
 		</div>
-	`, isInline: true, styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "selectedIds", "editingId"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textCancel", "rotateUpdate", "marqueeSelect"] }, { kind: "component", type: PresentationTransitionOverlayComponent, selector: "pptx-presentation-transition-overlay", inputs: ["outgoingSlide", "canvasSize", "transition", "templateElements", "mediaDataUrls", "durationMs"], outputs: ["complete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}.pptx-ng-presentation-tools{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:.25rem;padding:.25rem;border-radius:.5rem;background:#0000008c;z-index:80}.pptx-ng-presentation-tools button{width:2rem;height:2rem;border:none;border-radius:.35rem;background:transparent;color:#fff;font-size:1rem;cursor:pointer}.pptx-ng-presentation-tools button:hover{background:#ffffff26}.pptx-ng-presentation-tools button.is-active{background:#ffffff4d}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "selectedIds", "editingId"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textCancel", "rotateUpdate", "marqueeSelect"] }, { kind: "component", type: PresentationTransitionOverlayComponent, selector: "pptx-presentation-transition-overlay", inputs: ["outgoingSlide", "canvasSize", "transition", "templateElements", "mediaDataUrls", "durationMs"], outputs: ["complete"] }, { kind: "component", type: PresentationAnnotationOverlayComponent, selector: "pptx-presentation-annotation-overlay", inputs: ["canvasSize", "zoom"] }, { kind: "component", type: PresentationSubtitleBarComponent, selector: "pptx-presentation-subtitle-bar", inputs: ["visible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PresentationOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-presentation-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, PresentationTransitionOverlayComponent], providers: [AnimationPlaybackService], template: `
+            args: [{ selector: 'pptx-presentation-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgStyle,
+                        SlideCanvasComponent,
+                        PresentationTransitionOverlayComponent,
+                        PresentationAnnotationOverlayComponent,
+                        PresentationSubtitleBarComponent,
+                    ], providers: [AnimationPlaybackService, PresentationAnnotationsService], template: `
 		<div
 			class="pptx-ng-presentation-root"
 			(touchstart)="onTouchStart($event)"
@@ -31208,6 +34010,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
 						(complete)="activeTransition.set(null)"
 					/>
 				}
+
+				<!-- Ink annotation overlay (pen/highlighter/eraser/laser). -->
+				<pptx-presentation-annotation-overlay [canvasSize]="canvasSize()" [zoom]="zoom()" />
+			</div>
+
+			<!-- Live-caption (subtitle) bar. -->
+			<pptx-presentation-subtitle-bar [visible]="subtitlesVisible()" />
+
+			<!-- Annotation tool toolbar (bottom-centre). -->
+			<div class="pptx-ng-presentation-tools" role="toolbar" aria-label="Annotation tools">
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'pen'"
+					(click)="selectTool('pen')"
+					aria-label="Pen"
+				>
+					✎
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'highlighter'"
+					(click)="selectTool('highlighter')"
+					aria-label="Highlighter"
+				>
+					▭
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'eraser'"
+					(click)="selectTool('eraser')"
+					aria-label="Eraser"
+				>
+					⌫
+				</button>
+				<button
+					type="button"
+					[class.is-active]="annotations.tool() === 'laser'"
+					(click)="selectTool('laser')"
+					aria-label="Laser pointer"
+				>
+					•
+				</button>
+				<button type="button" (click)="annotations.clearAnnotations()" aria-label="Clear ink">
+					🗑
+				</button>
+				<button
+					type="button"
+					[class.is-active]="subtitlesVisible()"
+					(click)="toggleSubtitles()"
+					aria-label="Live captions"
+				>
+					CC
+				</button>
 			</div>
 
 			<!-- Always-visible close button (top-right, safe-area aware). -->
@@ -31249,7 +34104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
 				{{ counterLabel() }}
 			</span>
 		</div>
-	`, styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}\n"] }]
+	`, styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}.pptx-ng-presentation-tools{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:.25rem;padding:.25rem;border-radius:.5rem;background:#0000008c;z-index:80}.pptx-ng-presentation-tools button{width:2rem;height:2rem;border:none;border-radius:.35rem;background:transparent;color:#fff;font-size:1rem;cursor:pointer}.pptx-ng-presentation-tools button:hover{background:#ffffff26}.pptx-ng-presentation-tools button.is-active{background:#ffffff4d}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], startIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIndex", required: false }] }], indexChange: [{ type: i0.Output, args: ["indexChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], stageRef: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']
@@ -36443,5 +39298,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessibilityPanelComponent, AccessibilityService, AnimationAuthorPanelComponent, AnimationPanelComponent, AnimationPlaybackService, BroadcastDialogComponent, CURSOR_PALETTE, ChartDataEditorComponent, ChartRendererComponent, CollaborationCursorsComponent, CollaborationService, CommentsPanelComponent, CommentsService, ConnectorRendererComponent, ConnectorTextOverlayComponent, DEFAULT_BROADCAST_SERVER_URL, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_PRINT_SETTINGS, DEFAULT_SLIDE_BACKGROUND, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR$1 as DEFAULT_TEXT_COLOR, EMBEDDED_FONTS_STYLE_ID, EditorContextMenuComponent, EditorHistory, EditorStateService, EditorToolbarComponent, EffectsPanelComponent, ElementRendererComponent, EmbeddedFontsService, EquationRendererComponent, ExportService, FindBarComponent, FindReplaceBarComponent, GradientPickerComponent, HANDOUT_OPTIONS, HyperlinkDialogComponent, InkRendererComponent, InspectorPanelComponent, IsMobileService, LoadContentService, MobileBottomBarComponent, MobileMenuSheetComponent, MobileSheetComponent, MobileSlidesSheetComponent, ModalDialogComponent, Model3DRendererComponent, OleRendererComponent, PowerPointViewerComponent, PresentationOverlayComponent, PresentationTransitionOverlayComponent, PresenterViewComponent, PrintDialogComponent, PrintService, PrintSettingsPanelComponent, PropertiesDialogComponent, RESIZE_HANDLES, SEVERITY_GROUPS, SEVERITY_LABELS, SLIDE_TRANSITION_KEYFRAMES, ShareDialogComponent, SignaturesPanelComponent, SignaturesService, SlideCanvasComponent, SlideSorterOverlayComponent, SlidesPanelComponent, SmartArtRendererComponent, TYPE_LABELS$1 as TYPE_LABELS, TableDataEditorComponent, TableRendererComponent, TextAdvancedPanelComponent, VIEWER_THEME, WEBM_MIME_CANDIDATES, ZoomRendererComponent, addCommentToList, advanceStep, applyFindReplacements, applyMove, applyResize, assignUserColor, bringForward, bringToFront, buildBroadcastConfig, buildBroadcastViewerUrl, buildClearHyperlinkPatch, buildClickGroups, buildCollaborationConfig, buildCssGradientFromShapeStyle, buildDuotoneFilter, buildDuotoneFilterId, buildEmbeddedFontStyles, buildFontFaceRule, buildHyperlinkPatch, buildPatternFillCss, buildPrintDocument, buildPropertiesPatch, buildShareUrl, bulletIndentPx, canStartBroadcast, canStartShare, canUseClipboard, clampCursorPosition, clampGifDimensions, clampNotesFontSize, clampStep, cn, collectAccessibilityIssues, collectElementText, collectSlideText, computeHandoutLayout, computeIsMobile, computeIsTablet, computePageCount, computeSlideIndices, computeTimerProgress, convertOmmlToMathMl, countAccessibilityIssues, defaultCssVars, defaultRadius, defaultThemeColors, deleteElementsByIds, derivePresenceList, duplicateElementById, durationOf, encodeGif, estimatePageCount, findInSlides, fontMimeForFormat, formatAutoNumber, formatCursorLabel, formatElapsed, formatPropertyDate, formatTime, fpsToFrameIntervalMs, generateBroadcastRoomId, generateCommentId, getContainerStyle, getDuotoneFilterDef, getImageSrc, getPatternSvg, getResolvedShapeClipPath, getResolvedShapeClipPathFor, getShapeFillStrokeStyle, getSlideBackgroundStyle, getSlideTransitionAnimations, getTextBlockStyle, groupIssuesBySeverity, hasExistingLink, headerLabel, isInjectableUrl, isPpactionUrl, isSigned, isUrlSafe, isValidRoomId, issueTrackKey, issueTypeLabel, moveElementBy, msToFrameDelayCs, normalizeFontFormat, normalizeSlidesPerPage, ommlToMathml, overallStatus, pendingElementStyles, pickSupportedMimeType, planGifFrames, planVideoSegments, presenceToCursors, provideViewerTheme, recordWebm, removeCommentFromList, renderToCanvas, replaceInSlides, replaceMatch, resizeElement, resolveFontVariant, resolveHyperlinkHref, resolveParagraphBullet, resolvePresenterNotes, resolveTransitionDuration, revealedElementStyles, routeOrthogonalConnector, sanitizeColor, sanitizeSlideIndex, sanitizeUserName, searchSlides, seedBroadcastFields, seedHyperlinkDraft, seedPropertiesDraft, seedShareFields, segmentFrameCount, sendBackward, sendToBack, setElementPosition, signatureCountLabel, signatureKey, signatureTimestamp, signerName, statusKind, statusLabel, themeStyle, themeToCssVars, toggleCommentResolvedInList, updateElementById, validatePrintSettings, validateRoomId, waypointsToPathD, worstStatus };
+export { AccessibilityPanelComponent, AccessibilityService, AnimationAuthorPanelComponent, AnimationPanelComponent, AnimationPlaybackService, BroadcastDialogComponent, CURSOR_PALETTE, ChartDataEditorComponent, ChartRendererComponent, CollaborationCursorsComponent, CollaborationService, CommentsPanelComponent, CommentsService, ConnectorRendererComponent, ConnectorTextOverlayComponent, DEFAULT_BROADCAST_SERVER_URL, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_PRINT_SETTINGS, DEFAULT_SLIDE_BACKGROUND, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR$1 as DEFAULT_TEXT_COLOR, EMBEDDED_FONTS_STYLE_ID, EditorContextMenuComponent, EditorHistory, EditorStateService, EditorToolbarComponent, EffectsPanelComponent, ElementRendererComponent, EmbeddedFontsService, EquationRendererComponent, ExportService, FindBarComponent, FindReplaceBarComponent, GradientPickerComponent, HANDOUT_OPTIONS, HyperlinkDialogComponent, InkRendererComponent, InspectorPanelComponent, IsMobileService, LoadContentService, MobileBottomBarComponent, MobileMenuSheetComponent, MobileSheetComponent, MobileSlidesSheetComponent, ModalDialogComponent, Model3DRendererComponent, OleRendererComponent, PowerPointViewerComponent, PresentationAnnotationOverlayComponent, PresentationAnnotationsService, PresentationOverlayComponent, PresentationSubtitleBarComponent, PresentationTransitionOverlayComponent, PresenterViewComponent, PrintDialogComponent, PrintService, PrintSettingsPanelComponent, PropertiesDialogComponent, RESIZE_HANDLES, SEVERITY_GROUPS, SEVERITY_LABELS, SLIDE_TRANSITION_KEYFRAMES, SVG_WARP_PRESETS, ShareDialogComponent, SignaturesPanelComponent, SignaturesService, SlideCanvasComponent, SlideSorterOverlayComponent, SlidesPanelComponent, SmartArtRendererComponent, TYPE_LABELS$1 as TYPE_LABELS, TableDataEditorComponent, TableRendererComponent, TextAdvancedPanelComponent, VIEWER_THEME, WEBM_MIME_CANDIDATES, ZoomRendererComponent, addCommentToList, advanceStep, applyFindReplacements, applyMove, applyResize, assignUserColor, bringForward, bringToFront, buildBroadcastConfig, buildBroadcastViewerUrl, buildClearHyperlinkPatch, buildClickGroups, buildCollaborationConfig, buildCssGradientFromShapeStyle, buildDuotoneFilter, buildDuotoneFilterId, buildEmbeddedFontStyles, buildFontFaceRule, buildHyperlinkPatch, buildPatternFillCss, buildPrintDocument, buildPropertiesPatch, buildShareUrl, bulletIndentPx, canStartBroadcast, canStartShare, canUseClipboard, clampCursorPosition, clampGifDimensions, clampNotesFontSize, clampStep, cn, collectAccessibilityIssues, collectElementText, collectSlideText, computeHandoutLayout, computeIsMobile, computeIsTablet, computePageCount, computeSlideIndices, computeTimerProgress, convertOmmlToMathMl, countAccessibilityIssues, defaultCssVars, defaultRadius, defaultThemeColors, deleteElementsByIds, derivePresenceList, duplicateElementById, durationOf, encodeGif, estimatePageCount, findInSlides, fontMimeForFormat, formatAutoNumber, formatCursorLabel, formatElapsed, formatPropertyDate, formatTime, fpsToFrameIntervalMs, generateBroadcastRoomId, generateCommentId, getContainerStyle, getDuotoneFilterDef, getImageSrc, getPatternSvg, getResolvedShapeClipPath, getResolvedShapeClipPathFor, getShapeFillStrokeStyle, getSlideBackgroundStyle, getSlideTransitionAnimations, getTextBlockStyle, getTextWarp, getWarpCategory, getWarpPath, groupIssuesBySeverity, hasExistingLink, headerLabel, isInjectableUrl, isPpactionUrl, isSigned, isUrlSafe, isValidRoomId, issueTrackKey, issueTypeLabel, moveElementBy, msToFrameDelayCs, normalizeFontFormat, normalizeSlidesPerPage, ommlToMathml, overallStatus, pendingElementStyles, pickSupportedMimeType, planGifFrames, planVideoSegments, presenceToCursors, provideViewerTheme, recordWebm, removeCommentFromList, renderToCanvas, replaceInSlides, replaceMatch, resizeElement, resolveFontVariant, resolveHyperlinkHref, resolveParagraphBullet, resolvePresenterNotes, resolveTransitionDuration, revealedElementStyles, routeOrthogonalConnector, sanitizeColor, sanitizeSlideIndex, sanitizeUserName, searchSlides, seedBroadcastFields, seedHyperlinkDraft, seedPropertiesDraft, seedShareFields, segmentFrameCount, sendBackward, sendToBack, setElementPosition, shouldUseSvgWarp, signatureCountLabel, signatureKey, signatureTimestamp, signerName, statusKind, statusLabel, themeStyle, themeToCssVars, toggleCommentResolvedInList, updateElementById, validatePrintSettings, validateRoomId, waypointsToPathD, worstStatus };
 //# sourceMappingURL=pptx-angular-viewer.mjs.map