pptx-angular-viewer 1.31.3 → 1.31.5

package/fesm2022/pptx-angular-viewer.mjs

@@ -2,7 +2,7 @@ import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, output, computed, ChangeDetectionStrategy, Component, signal, Injectable, inject, Injector, DestroyRef, effect, viewChild, ElementRef, HostListener, afterNextRender, forwardRef, untracked } from '@angular/core';
 import { TranslatePipe, TranslateService, translate } from '@ngx-translate/core';
-import { guideEmuToPx, getShapeClipPath, getAdjustmentAwareShapeClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, THEME_COLOR_SCHEME_KEYS, getLinkedTextBoxSegments, svgPathToPolygons, deobfuscateFont, detectFontFormat, getSubstituteFontFamily, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, formatCommentTimestamp as formatCommentTimestamp$1, PptxHandler, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, THEME_PRESETS, getAnimationPresetInfo } from 'pptx-viewer-core';
+import { guideEmuToPx, getShapeClipPath, getAdjustmentAwareShapeClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, THEME_COLOR_SCHEME_KEYS, getLinkedTextBoxSegments, createBuiltinVariables, resolveCoordinate, svgPathToPolygons, deobfuscateFont, detectFontFormat, getSubstituteFontFamily, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, formatCommentTimestamp as formatCommentTimestamp$1, PptxHandler, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, THEME_PRESETS, getAnimationPresetInfo } from 'pptx-viewer-core';
 export { SWITCHABLE_LAYOUT_TYPES, addSmartArtNode, addSmartArtNodeAsChild, chartDataAddCategory, chartDataAddSeries, chartDataChangeType, chartDataRemoveCategory, chartDataRemoveSeries, chartDataUpdatePoint, demoteSmartArtNode, promoteSmartArtNode, removeSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, updateSmartArtNodeText } from 'pptx-viewer-core';
 import DOMPurify from 'dompurify';
 import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideChevronRight, LucidePenTool, LucideHighlighter, LucideEraser, LucideMousePointer2, LucideChevronLeft, LucidePlay, LucideSparkles, LucidePanelRight, LucideMoveRight, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideDownload, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucidePrinter, LucideSave, LucideSettings, LucideShare2, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucidePlus, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucidePaintbrush, LucideRotateCcw, LucideScissors, LucideImage, LucideVideo, LucideDatabase, LucideLayers, LucidePanelLeft, LucideMessageSquare, LucideEllipsis, LucideEye, LucideEyeOff, LucideSettings2, LucideStickyNote, LucideMonitor, LucideColumns2, LucidePresentation, LucideCheck, LucideUndo, LucideRedo, LucideSearch } from '@lucide/angular';
@@ -770,6 +770,36 @@ function getGradientTileFlipCss(mode) {
             return undefined;
     }
 }
+/**
+ * Builds the `background-size` / `background-position` / `background-repeat`
+ * that confine a gradient to the rectangle described by `a:gradFill/a:tileRect`.
+ *
+ * `tileRect` LTRB values are 0..1 insets from each edge, so the tile covers
+ * `(1 - l - r)` x `(1 - t - b)` of the shape, offset by `l`/`t`. Returns
+ * `undefined` when the rect is missing, degenerate, or effectively full-bleed
+ * (no meaningful inset), so callers fall through to the plain gradient.
+ */
+function getGradientTileRectCss(tileRect) {
+    if (!tileRect) {
+        return undefined;
+    }
+    const { l, t, r, b } = tileRect;
+    const sizeW = 1 - l - r;
+    const sizeH = 1 - t - b;
+    if (sizeW <= 0 || sizeH <= 0) {
+        return undefined;
+    }
+    if (Math.abs(sizeW - 1) < 0.001 && Math.abs(sizeH - 1) < 0.001) {
+        return undefined;
+    }
+    const posX = 1 - sizeW > 0.001 ? (l / (1 - sizeW)) * 100 : 0;
+    const posY = 1 - sizeH > 0.001 ? (t / (1 - sizeH)) * 100 : 0;
+    return {
+        backgroundSize: `${Math.round(sizeW * 100)}% ${Math.round(sizeH * 100)}%`,
+        backgroundPosition: `${Math.round(posX)}% ${Math.round(posY)}%`,
+        backgroundRepeat: 'no-repeat',
+    };
+}
 /**
  * Creates a reflected (mirrored) copy of gradient stops for tile-flip
  * rendering. The original stops run 0->100; the result packs one full
@@ -796,6 +826,36 @@ function buildReflectedGradientStops(stops) {
     }));
     return [...forward, ...reversed];
 }
+/** Normalise a degree value into the [0, 360) range. */
+function normalizeDegrees(deg) {
+    return ((deg % 360) + 360) % 360;
+}
+/**
+ * Apply `a:lin/@scaled` (aspect-ratio) and `a:gradFill/@rotWithShape`
+ * corrections to a linear-gradient angle. A no-op when no geometry context is
+ * supplied or neither attribute is in force, so callers that pass only a style
+ * keep the raw authored angle.
+ */
+function adjustLinearGradientAngle(angle, gradient, context) {
+    if (!context) {
+        return angle;
+    }
+    let result = angle;
+    const { width, height, rotation } = context;
+    if (gradient.fillGradientScaled !== false &&
+        typeof width === 'number' &&
+        typeof height === 'number' &&
+        width > 0 &&
+        height > 0 &&
+        width !== height) {
+        const rad = (result * Math.PI) / 180;
+        result = normalizeDegrees((Math.atan2(height * Math.sin(rad), width * Math.cos(rad)) * 180) / Math.PI);
+    }
+    if (gradient.fillGradientRotWithShape === false && typeof rotation === 'number') {
+        result = normalizeDegrees(result - rotation);
+    }
+    return result;
+}
 /**
  * Converts a structured OOXML gradient on a `ShapeStyle` to a CSS
  * `linear-gradient(...)` / `radial-gradient(...)` string.
@@ -810,9 +870,11 @@ function buildReflectedGradientStops(stops) {
  * a radial), matching the React port.
  *
  * @param gradient - The shape style carrying gradient configuration.
+ * @param context  - Optional element geometry enabling `@scaled` /
+ *                   `@rotWithShape` angle corrections (linear only).
  * @returns A CSS gradient string, or `undefined`.
  */
-function buildGradientCss(gradient) {
+function buildGradientCss(gradient, context) {
     if (!gradient || gradient.fillMode !== 'gradient') {
         return undefined;
     }
@@ -836,12 +898,13 @@ function buildGradientCss(gradient) {
     const normalizedAngle = typeof gradient.fillGradientAngle === 'number' && Number.isFinite(gradient.fillGradientAngle)
         ? gradient.fillGradientAngle
         : 90;
+    const effectiveAngle = adjustLinearGradientAngle(normalizedAngle, gradient, context);
     // Tile-flip: reflect the stops so a single tile contains one mirrored
     // forward-backward cycle. The repeating/halved tiling is applied by the
     // caller via getGradientTileFlipCss (wired into getComputedFillStyle).
     const flip = gradient.fillGradientFlip;
     const linearStops = flip && flip !== 'none' ? buildReflectedGradientStops(stops) : stops;
-    return `linear-gradient(${Math.round(normalizedAngle)}deg, ${linearStops
+    return `linear-gradient(${Math.round(effectiveAngle)}deg, ${linearStops
         .map(toCssGradientStop)
         .join(', ')})`;
 }
@@ -1251,9 +1314,16 @@ const OOXML_PATTERN_PRESETS = [
  * empty-ish object when no fill applies (so callers can spread the result
  * safely).
  *
- * @param element - The PPTX element to resolve a fill for.
+ * A child of a group whose fill is `a:grpFill` (`fillMode === "group"`)
+ * inherits the group's resolved fill: pass the parent group's `ShapeStyle`
+ * (`GroupPptxElement.groupFill`) as {@link parentGroupFill} and it is resolved
+ * in the child's own box.
+ *
+ * @param element         - The PPTX element to resolve a fill for.
+ * @param parentGroupFill - The enclosing group's fill style, used only when the
+ *                          element's own fill is `a:grpFill`.
  */
-function getComputedFillStyle(element) {
+function getComputedFillStyle(element, parentGroupFill) {
     if (!hasShapeProperties(element)) {
         return undefined;
     }
@@ -1261,6 +1331,20 @@ function getComputedFillStyle(element) {
     if (!ss) {
         return {};
     }
+    // grpFill inheritance: paint the parent group's resolved fill in this
+    // child's box. Without a parent fill there is nothing to inherit.
+    if (ss.fillMode === 'group') {
+        return parentGroupFill ? resolveComputedFill(parentGroupFill, element) : {};
+    }
+    return resolveComputedFill(ss, element);
+}
+/**
+ * Resolves a concrete {@link ComputedFillStyle} from a {@link ShapeStyle} in the
+ * context of `element` (id namespaces pattern filters; geometry drives gradient
+ * `@scaled`/`@rotWithShape` corrections). Split out so grpFill children can
+ * resolve the parent group's style through the identical pipeline.
+ */
+function resolveComputedFill(ss, element) {
     // 1. Image fill — highest priority.
     const imageFillUrl = ss.fillMode === 'image' && ss.fillImageUrl ? ss.fillImageUrl : undefined;
     if (imageFillUrl) {
@@ -1273,7 +1357,12 @@ function getComputedFillStyle(element) {
         };
     }
     // 2. Gradient (structured, with prebuilt-string fallback).
-    const gradient = buildGradientCss(ss) ?? (ss.fillMode === 'gradient' ? ss.fillGradient : undefined);
+    const geometry = {
+        rotation: element.rotation,
+        width: element.width,
+        height: element.height,
+    };
+    const gradient = buildGradientCss(ss, geometry) ?? (ss.fillMode === 'gradient' ? ss.fillGradient : undefined);
     if (gradient) {
         // Tile-flip applies only to structured linear gradients: buildGradientCss
         // reflects the stops, and the matching halved/repeating background-size +
@@ -1290,6 +1379,16 @@ function getComputedFillStyle(element) {
                 backgroundRepeat: tileFlip.backgroundRepeat,
             };
         }
+        // tileRect confines the gradient to a sub-rectangle of the shape.
+        const tileRect = ss.fillMode === 'gradient' ? getGradientTileRectCss(ss.fillGradientTileRect) : undefined;
+        if (tileRect) {
+            return {
+                backgroundImage: gradient,
+                backgroundSize: tileRect.backgroundSize,
+                backgroundPosition: tileRect.backgroundPosition,
+                backgroundRepeat: tileRect.backgroundRepeat,
+            };
+        }
         return { backgroundImage: gradient };
     }
     // 3. Pattern fill.
@@ -6333,6 +6432,16 @@ function resolveDataPointFill(series, pointIndex, fallbackColor) {
     const point = findDataPoint(series, pointIndex);
     return point?.spPr?.fillColor ?? series.color ?? fallbackColor;
 }
+/**
+ * Resolve the fill for a data point in a "vary colours" context, where every
+ * point in a single series is drawn with a distinct palette colour (pie /
+ * doughnut slices, or a bar/column series with `c:varyColors=1`). A per-point
+ * `c:dPt` fill still wins; otherwise the supplied per-point `paletteColor` is
+ * used (NOT the single series colour, which would make every point identical).
+ */
+function resolveVaryColorFill(series, pointIndex, paletteColor) {
+    return findDataPoint(series, pointIndex)?.spPr?.fillColor ?? paletteColor;
+}
 /**
  * Resolve the slice explosion (pull-out distance, 0-100) for a pie/doughnut
  * data point: the per-point `c:dPt` explosion when present, otherwise the
@@ -6998,6 +7107,38 @@ function buildCartesianAxes(chartData, layout, primaryRange, secondaryRange, cat
 function categoryTotals(series, catCount) {
     return Array.from({ length: catCount }, (_, ci) => series.reduce((sum, s) => sum + Math.abs(s.values[ci] ?? 0), 0));
 }
+/**
+ * Blend a `#RRGGBB` colour halfway toward white. Returns the input unchanged
+ * when it is not a parseable 6-digit hex (e.g. a named colour or gradient ref).
+ */
+function blendToWhite(color) {
+    const match = /^#?([0-9a-f]{6})$/iu.exec(color.trim());
+    if (!match) {
+        return color;
+    }
+    const value = Number.parseInt(match[1], 16);
+    const mix = (channel) => Math.round(channel + (255 - channel) * 0.5);
+    const r = mix((value >> 16) & 0xff);
+    const g = mix((value >> 8) & 0xff);
+    const b = mix(value & 0xff);
+    return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, '0').toUpperCase()}`;
+}
+/**
+ * Apply PowerPoint's `c:invertIfNegative` treatment to a bar fill: when the
+ * point value is negative and invert-if-negative is set (a per-point `c:dPt`
+ * override wins over the series-level flag), the bar is drawn in a lightened
+ * fill. Convention: a 50% blend of the base fill toward white. PowerPoint has no
+ * single canonical inverted colour; a lightened same-hue fill echoes its default
+ * "hollow" appearance and is deterministic across bindings.
+ */
+function invertNegativeFill(series, pointIndex, value, baseFill) {
+    if (value >= 0) {
+        return baseFill;
+    }
+    const point = series.dataPoints?.find((p) => p.idx === pointIndex);
+    const invert = point?.invertIfNegative ?? series.invertIfNegative ?? false;
+    return invert ? blendToWhite(baseFill) : baseFill;
+}
 /**
  * Bar primitives for clustered / stacked / percentStacked, honouring a secondary
  * value range for secondary-mapped series (clustered only). Returns rects + data
@@ -7009,28 +7150,45 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
     const series = chartData.series;
     const palette = chartData.colorPalette;
     const showLabels = chartData.style?.hasDataLabels;
+    // Single-series bar/column with c:varyColors=1 gives every category a distinct
+    // palette colour (a per-point c:dPt fill still wins). Multi-series charts keep
+    // their per-series colours (varyColors has no cross-series meaning there).
+    const varyColorsSingle = chartData.varyColors === true && series.length === 1;
     if (grouping === 'clustered') {
         const seriesCount = Math.max(series.length, 1);
         const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
-        const singleBarWidth = (barGroupWidth * 0.7) / seriesCount;
-        const groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+        // Honour c:gapWidth (gap between clusters, % of a bar width) when parsed;
+        // otherwise keep the legacy 0.7-of-group heuristic byte-for-byte.
+        const singleBarWidth = chartData.barGapWidth !== undefined
+            ? barGroupWidth / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100)
+            : (barGroupWidth * 0.7) / seriesCount;
+        // Honour c:overlap (% overlap between adjacent series). overlap=0 reproduces
+        // the original side-by-side layout exactly.
+        const overlap = chartData.barOverlap ?? 0;
+        const step = singleBarWidth * (1 - overlap / 100);
+        const clusterWidth = singleBarWidth + step * (seriesCount - 1);
+        const groupOffset = (barGroupWidth - clusterWidth) / 2;
         for (let displayIndex = 0; displayIndex < catCount; displayIndex++) {
             const sourceIndex = sourceIndices[displayIndex] ?? displayIndex;
             for (let si = 0; si < series.length; si++) {
                 const val = series[si].values[sourceIndex] ?? 0;
-                const x = layout.plotLeft + barGroupWidth * displayIndex + groupOffset + singleBarWidth * si;
+                const x = layout.plotLeft + barGroupWidth * displayIndex + groupOffset + step * si;
                 const activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange;
                 const zeroY = valueToY(0, activeRange, layout.plotTop, layout.plotBottom);
                 const valY = valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
                 const y = Math.min(zeroY, valY);
                 const h = Math.max(Math.abs(zeroY - valY), 1);
+                const baseFill = varyColorsSingle
+                    ? resolveVaryColorFill(series[si], sourceIndex, paletteColor(sourceIndex, palette))
+                    : (resolveDataPointFill(series[si], sourceIndex, paletteColor(si, palette)) ??
+                        seriesColor(series[si], si, palette));
                 primitives.push({
                     kind: 'rect',
                     x,
                     y,
                     w: singleBarWidth,
                     h,
-                    fill: seriesColor(series[si], si, palette),
+                    fill: invertNegativeFill(series[si], sourceIndex, val, baseFill),
                     rx: 1,
                     part: { role: 'dataPoint', seriesIndex: si, pointIndex: sourceIndex },
                 });
@@ -7060,22 +7218,16 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
         }));
         const rects = computeStackedBarRects(displaySeries, catCount, layout, primaryRange, palette);
         for (const r of rects) {
-            primitives.push({
-                kind: 'rect',
-                x: r.x,
-                y: r.y,
-                w: r.w,
-                h: r.h,
-                fill: r.fill,
-                rx: 1,
-                part: r.seriesIndex !== undefined && r.pointIndex !== undefined
-                    ? {
-                        role: 'dataPoint',
-                        seriesIndex: r.seriesIndex,
-                        pointIndex: sourceIndices[r.pointIndex] ?? r.pointIndex,
-                    }
-                    : undefined,
-            });
+            let fill = r.fill;
+            let part;
+            if (r.seriesIndex !== undefined && r.pointIndex !== undefined) {
+                const sourcePointIndex = sourceIndices[r.pointIndex] ?? r.pointIndex;
+                fill = resolveDataPointFill(series[r.seriesIndex], sourcePointIndex, r.fill) ?? r.fill;
+                const value = series[r.seriesIndex].values[sourcePointIndex] ?? 0;
+                fill = invertNegativeFill(series[r.seriesIndex], sourcePointIndex, value, fill);
+                part = { role: 'dataPoint', seriesIndex: r.seriesIndex, pointIndex: sourcePointIndex };
+            }
+            primitives.push({ kind: 'rect', x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part });
         }
         if (showLabels) {
             pushClusteredStackedLabels(series, sourceIndices, catCount, layout, primaryRange, dataLabels);
@@ -7107,13 +7259,15 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
             const topY = valueToY(top, primaryRange, layout.plotTop, layout.plotBottom);
             const y = Math.min(baseY, topY);
             const h = Math.max(Math.abs(baseY - topY), 0.5);
+            const pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor(si, palette)) ??
+                seriesColor(series[si], si, palette);
             primitives.push({
                 kind: 'rect',
                 x,
                 y,
                 w: barW,
                 h,
-                fill: seriesColor(series[si], si, palette),
+                fill: invertNegativeFill(series[si], sourceIndex, rawVal, pctBaseFill),
                 part: { role: 'dataPoint', seriesIndex: si, pointIndex: sourceIndex },
             });
             if (showLabels && Math.abs(val) > 0) {
@@ -7174,6 +7328,181 @@ function pushClusteredStackedLabels(series, sourceIndices, catCount, layout, ran
     }
 }
 
+/**
+ * chart-line-path.ts: bezier smoothing for line-series paths.
+ *
+ * OOXML line/scatter series may set `c:smooth`, which PowerPoint renders as a
+ * smoothed curve through the data points rather than straight segments. This
+ * helper converts a point list into an SVG path `d` string using a Catmull-Rom
+ * spline expressed as cubic beziers, so every binding can render the smoothed
+ * line identically.
+ *
+ * @module chart-line-path
+ */
+/**
+ * Build a smoothed cubic-bezier path `d` through `points` (Catmull-Rom spline).
+ * Returns a straight `M…L…` fallback for fewer than three points.
+ */
+function smoothLinePath(points) {
+    if (points.length === 0) {
+        return '';
+    }
+    if (points.length === 1) {
+        return `M${points[0].x.toFixed(2)},${points[0].y.toFixed(2)}`;
+    }
+    if (points.length === 2) {
+        return `M${points[0].x.toFixed(2)},${points[0].y.toFixed(2)} L${points[1].x.toFixed(2)},${points[1].y.toFixed(2)}`;
+    }
+    let d = `M${points[0].x.toFixed(2)},${points[0].y.toFixed(2)}`;
+    for (let i = 0; i < points.length - 1; i++) {
+        const p0 = points[i - 1] ?? points[i];
+        const p1 = points[i];
+        const p2 = points[i + 1];
+        const p3 = points[i + 2] ?? p2;
+        const cp1x = p1.x + (p2.x - p0.x) / 6;
+        const cp1y = p1.y + (p2.y - p0.y) / 6;
+        const cp2x = p2.x - (p3.x - p1.x) / 6;
+        const cp2y = p2.y - (p3.y - p1.y) / 6;
+        d += ` C${cp1x.toFixed(2)},${cp1y.toFixed(2)} ${cp2x.toFixed(2)},${cp2y.toFixed(2)} ${p2.x.toFixed(2)},${p2.y.toFixed(2)}`;
+    }
+    return d;
+}
+
+/**
+ * chart-marker-shape.ts: framework-agnostic marker-symbol primitive builder for
+ * line / scatter / area chart data points.
+ *
+ * OOXML line/scatter series carry a `c:marker` with a `c:symbol` (circle,
+ * diamond, square, triangle, star, x, plus, dot, dash, none, ...) and an
+ * optional `c:size` (2-72 points). The base view-model historically drew every
+ * data point as a fixed-radius circle, ignoring both. This helper resolves the
+ * parsed marker into the correct `SvgPrimitive` at the requested size, and
+ * returns `null` for `symbol === 'none'` so no dot is drawn.
+ *
+ * @module chart-marker-shape
+ */
+/** Resolve the drawn radius (px) from the parsed point size or the default. */
+function markerRadius(size, defaultRadius) {
+    if (size === undefined || !Number.isFinite(size) || size <= 0) {
+        return defaultRadius;
+    }
+    // OOXML marker size is a point diameter; treat 1pt ~ 1px at chart scale.
+    return size / 2;
+}
+/** Build the SVG points string for a regular/irregular polygon vertex list. */
+function polygonPoints(vertices) {
+    return vertices.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(' ');
+}
+function starVertices(cx, cy, r) {
+    const inner = r * 0.5;
+    const out = [];
+    for (let i = 0; i < 10; i++) {
+        const radius = i % 2 === 0 ? r : inner;
+        const angle = -Math.PI / 2 + (Math.PI * i) / 5;
+        out.push([cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)]);
+    }
+    return out;
+}
+/**
+ * Build the marker primitive for one data point, honouring `symbol` and `size`.
+ * Returns `null` when `symbol === 'none'` (draw nothing).
+ */
+function buildMarkerPrimitive(input) {
+    const { symbol, cx, cy, fill, part } = input;
+    if (symbol === 'none') {
+        return null;
+    }
+    const r = markerRadius(input.size, input.defaultRadius);
+    const stroke = fill;
+    switch (symbol) {
+        case 'square':
+            return { kind: 'rect', x: cx - r, y: cy - r, w: r * 2, h: r * 2, fill, part };
+        case 'dash':
+            return { kind: 'rect', x: cx - r, y: cy - r * 0.32, w: r * 2, h: r * 0.64, fill, part };
+        case 'diamond':
+            return {
+                kind: 'polygon',
+                points: polygonPoints([
+                    [cx, cy - r],
+                    [cx + r, cy],
+                    [cx, cy + r],
+                    [cx - r, cy],
+                ]),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'triangle':
+            return {
+                kind: 'polygon',
+                points: polygonPoints([
+                    [cx, cy - r],
+                    [cx + r * 0.9, cy + r * 0.75],
+                    [cx - r * 0.9, cy + r * 0.75],
+                ]),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'star':
+            return {
+                kind: 'polygon',
+                points: polygonPoints(starVertices(cx, cy, r)),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'plus':
+            return {
+                kind: 'path',
+                d: `M${(cx - r).toFixed(2)},${cy.toFixed(2)} L${(cx + r).toFixed(2)},${cy.toFixed(2)} M${cx.toFixed(2)},${(cy - r).toFixed(2)} L${cx.toFixed(2)},${(cy + r).toFixed(2)}`,
+                fill: 'none',
+                stroke,
+                strokeWidth: Math.max(1, r * 0.4),
+                part,
+            };
+        case 'x':
+            return {
+                kind: 'path',
+                d: `M${(cx - r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx + r).toFixed(2)},${(cy + r).toFixed(2)} M${(cx + r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx - r).toFixed(2)},${(cy + r).toFixed(2)}`,
+                fill: 'none',
+                stroke,
+                strokeWidth: Math.max(1, r * 0.4),
+                part,
+            };
+        case 'dot':
+            return { kind: 'circle', cx, cy, r: Math.max(r * 0.6, 1), fill, part };
+        default:
+            // circle / auto / picture / undefined -> filled circle.
+            return { kind: 'circle', cx, cy, r, fill, part };
+    }
+}
+
+/**
+ * Build the marker for a data point (honouring `marker.symbol`/`size`) and push
+ * it, unless the symbol is `none`. Shared by the line / area / scatter builders.
+ */
+function pushMarker(out, series, cx, cy, fill, defaultRadius, part, opacity) {
+    const m = buildMarkerPrimitive({
+        symbol: series.marker?.symbol,
+        size: series.marker?.size,
+        cx,
+        cy,
+        fill,
+        defaultRadius,
+        part,
+    });
+    if (!m) {
+        return;
+    }
+    if (opacity !== undefined) {
+        m.opacity = opacity;
+    }
+    out.push(m);
+}
 /** Build line-chart primitives, honouring a secondary value range per series. */
 function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices, xPositions) {
     const primitives = [];
@@ -7191,24 +7520,29 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
             x: xPositions?.[index] ?? point.x,
         }));
         const c = seriesColor(series, si, chartData.colorPalette);
-        primitives.push({
-            kind: 'polyline',
-            points: linePointsToSvgString(pts),
-            stroke: c,
-            strokeWidth: 2.4,
-            fill: 'none',
-            part: { role: 'series', seriesIndex: si },
-        });
-        pts.forEach((pt, displayIndex) => {
-            const sourceIndex = sourceIndices[displayIndex] ?? displayIndex;
-            primitives.push({
-                kind: 'circle',
-                cx: pt.x,
-                cy: pt.y,
-                r: 2.5,
-                fill: c,
-                part: { role: 'dataPoint', seriesIndex: si, pointIndex: sourceIndex },
+        // c:smooth draws a bezier path through the points; otherwise a polyline.
+        const seriesPart = { role: 'series', seriesIndex: si };
+        primitives.push(series.smooth
+            ? {
+                kind: 'path',
+                d: smoothLinePath(pts),
+                stroke: c,
+                strokeWidth: 2.4,
+                fill: 'none',
+                part: seriesPart,
+            }
+            : {
+                kind: 'polyline',
+                points: linePointsToSvgString(pts),
+                stroke: c,
+                strokeWidth: 2.4,
+                fill: 'none',
+                part: seriesPart,
             });
+        pts.forEach((pt, displayIndex) => {
+            const idx = sourceIndices[displayIndex] ?? displayIndex;
+            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
+            pushMarker(primitives, series, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2.5, part);
         });
         if (showLabels) {
             displayValues.forEach((val, displayIndex) => {
@@ -7270,18 +7604,9 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices, xPosition
             part: { role: 'series', seriesIndex: si },
         });
         pts.forEach((pt, displayIndex) => {
-            primitives.push({
-                kind: 'circle',
-                cx: pt.x,
-                cy: pt.y,
-                r: 2,
-                fill: c,
-                part: {
-                    role: 'dataPoint',
-                    seriesIndex: si,
-                    pointIndex: sourceIndices[displayIndex] ?? displayIndex,
-                },
-            });
+            const idx = sourceIndices[displayIndex] ?? displayIndex;
+            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
+            pushMarker(primitives, series, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2, part);
         });
         if (showLabels) {
             displayValues.forEach((val, displayIndex) => {
@@ -7316,15 +7641,8 @@ function buildScatter(chartData, layout, range) {
         const c = seriesColor(series, si, chartData.colorPalette);
         const dots = computeScatterDots(series.values, maxXIndex, layout, range, xValues);
         dots.forEach((dot, vi) => {
-            primitives.push({
-                kind: 'circle',
-                cx: dot.cx,
-                cy: dot.cy,
-                r: 4,
-                fill: c,
-                opacity: 0.85,
-                part: { role: 'dataPoint', seriesIndex: si, pointIndex: vi },
-            });
+            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: vi };
+            pushMarker(primitives, series, dot.cx, dot.cy, resolveDataPointFill(series, vi, c) ?? c, 4, part, 0.85);
         });
         if (showLabels) {
             series.values.forEach((val, vi) => {
@@ -7369,7 +7687,7 @@ function buildBubbles(chartData, layout, range) {
                 cx: dot.cx,
                 cy: dot.cy,
                 r,
-                fill: c,
+                fill: resolveDataPointFill(series, vi, c) ?? c,
                 opacity: 0.6,
                 part: { role: 'dataPoint', seriesIndex: si, pointIndex: vi },
             });
@@ -7395,6 +7713,163 @@ function buildBubbles(chartData, layout, range) {
     return { primitives, dataLabels };
 }
 
+/**
+ * chart-helper-lines.ts: shared drop-line / hi-low-line / up-down-bar primitives.
+ *
+ * OOXML line and stock charts may declare `c:dropLines`, `c:hiLowLines`, and
+ * `c:upDownBars` on the chart-type container. Historically these rendered only
+ * in the React chart chrome (drop/hi-low), and up-down bars nowhere, so the
+ * framework-agnostic view-model (Vue / Angular / Vanilla / Svelte) never drew
+ * them. These pure builders project each into `SvgPrimitive[]` so every binding
+ * renders them from a single source.
+ *
+ *   dropLines   - a vertical line from each data point down to the axis baseline.
+ *   hiLowLines  - a vertical line spanning the highest and lowest series value
+ *                 in each category (requires >= 2 series).
+ *   upDownBars  - a bar between the first and last series value in each category,
+ *                 coloured by whether the last value rose or fell (>= 2 series).
+ *
+ * @module chart-helper-lines
+ */
+/** X pixel for a category index, preferring an explicit x-position. */
+function categoryX$2(index, catCount, layout, options) {
+    const explicit = options.xPositions?.[index];
+    if (explicit !== undefined) {
+        return explicit;
+    }
+    if (options.mode === 'bar') {
+        const slot = layout.plotWidth / Math.max(catCount, 1);
+        return layout.plotLeft + slot * index + slot / 2;
+    }
+    const maxIdx = Math.max(catCount - 1, 1);
+    return layout.plotLeft + (index / maxIdx) * layout.plotWidth;
+}
+/** SVG dash pattern for a helper-line dash style, if any. */
+function dashFor(dashStyle) {
+    if (!dashStyle || dashStyle === 'solid') {
+        return undefined;
+    }
+    return dashStyle === 'dot' || dashStyle === 'sysDot' ? '1 2' : '4 3';
+}
+/**
+ * Drop lines: a vertical line from every data point down to the value-axis
+ * baseline (`range.min`). Returns `[]` when `c:dropLines` is absent.
+ */
+function computeDropLinePrimitives(chartData, layout, range, catCount, options) {
+    const style = chartData.dropLines;
+    if (!style) {
+        return [];
+    }
+    const baselineY = valueToY(range.min, range, layout.plotTop, layout.plotBottom);
+    const dashArray = dashFor(style.dashStyle);
+    const out = [];
+    for (const series of chartData.series) {
+        series.values.forEach((val, vi) => {
+            const x = categoryX$2(vi, catCount, layout, options);
+            out.push({
+                kind: 'line',
+                x1: x,
+                y1: valueToY(val, range, layout.plotTop, layout.plotBottom),
+                x2: x,
+                y2: baselineY,
+                stroke: style.color ?? '#94a3b8',
+                strokeWidth: style.width ?? 0.8,
+                dashArray,
+            });
+        });
+    }
+    return out;
+}
+/**
+ * Hi-low lines: a vertical line joining the highest and lowest series value in
+ * each category. Returns `[]` when `c:hiLowLines` is absent or fewer than two
+ * series are present.
+ */
+function computeHiLowLinePrimitives(chartData, layout, range, catCount, options) {
+    const style = chartData.hiLowLines;
+    if (!style || chartData.series.length < 2) {
+        return [];
+    }
+    const dashArray = dashFor(style.dashStyle);
+    const out = [];
+    for (let vi = 0; vi < catCount; vi++) {
+        let high = Number.NEGATIVE_INFINITY;
+        let low = Number.POSITIVE_INFINITY;
+        for (const series of chartData.series) {
+            const v = series.values[vi];
+            if (v !== undefined) {
+                high = Math.max(high, v);
+                low = Math.min(low, v);
+            }
+        }
+        if (!Number.isFinite(high) || !Number.isFinite(low)) {
+            continue;
+        }
+        const x = categoryX$2(vi, catCount, layout, options);
+        out.push({
+            kind: 'line',
+            x1: x,
+            y1: valueToY(high, range, layout.plotTop, layout.plotBottom),
+            x2: x,
+            y2: valueToY(low, range, layout.plotTop, layout.plotBottom),
+            stroke: style.color ?? '#334155',
+            strokeWidth: style.width ?? 1,
+            dashArray,
+        });
+    }
+    return out;
+}
+/**
+ * Up-down bars: a bar between the first and last series value in each category.
+ * Rising categories (last >= first) use the `upBars` fill, falling ones the
+ * `downBars` fill. Returns `[]` when `c:upDownBars` is absent or fewer than two
+ * series are present.
+ */
+function computeUpDownBarPrimitives(chartData, layout, range, catCount, options) {
+    const bars = chartData.upDownBars;
+    if (!bars || chartData.series.length < 2) {
+        return [];
+    }
+    const first = chartData.series[0];
+    const last = chartData.series[chartData.series.length - 1];
+    const slot = layout.plotWidth / Math.max(catCount, 1);
+    const gapWidth = bars.gapWidth ?? 150;
+    const barW = Math.max(slot / (1 + Math.max(gapWidth, 0) / 100), 1);
+    const upFill = bars.upBars?.fillColor ?? '#e2e8f0';
+    const downFill = bars.downBars?.fillColor ?? '#334155';
+    const out = [];
+    for (let vi = 0; vi < catCount; vi++) {
+        const firstVal = first.values[vi];
+        const lastVal = last.values[vi];
+        if (firstVal === undefined || lastVal === undefined) {
+            continue;
+        }
+        const firstY = valueToY(firstVal, range, layout.plotTop, layout.plotBottom);
+        const lastY = valueToY(lastVal, range, layout.plotTop, layout.plotBottom);
+        const x = categoryX$2(vi, catCount, layout, options) - barW / 2;
+        out.push({
+            kind: 'rect',
+            x,
+            y: Math.min(firstY, lastY),
+            w: barW,
+            h: Math.max(Math.abs(firstY - lastY), 1),
+            fill: lastVal >= firstVal ? upFill : downFill,
+        });
+    }
+    return out;
+}
+/**
+ * Convenience: all three helper-line families for a chart, concatenated.
+ * Drawn under the series marks by the caller (they push the data marks first).
+ */
+function computeHelperLinePrimitives(chartData, layout, range, catCount, options) {
+    return [
+        ...computeUpDownBarPrimitives(chartData, layout, range, catCount, options),
+        ...computeDropLinePrimitives(chartData, layout, range, catCount, options),
+        ...computeHiLowLinePrimitives(chartData, layout, range, catCount, options),
+    ];
+}
+
 function categoryX$1(displayIndex, count, layout, spacing) {
     if (spacing === 'bar') {
         return layout.plotLeft + (layout.plotWidth / Math.max(count, 1)) * (displayIndex + 0.5);
@@ -8568,7 +9043,19 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     else {
         plot = buildBubbles(chartData, layout, primaryRange);
     }
-    const primitives = [...plot.primitives, ...horizontalAxis.tickMarks];
+    // Drop lines / hi-low lines / up-down bars (line + area kinds). Drawn behind
+    // the series marks so the data stays legible on top.
+    const helperLines = kind === 'line' || kind === 'area'
+        ? computeHelperLinePrimitives(chartData, layout, primaryRange, catCount, {
+            mode: 'line',
+            xPositions: horizontalAxis.xPositions,
+        })
+        : [];
+    const primitives = [
+        ...helperLines,
+        ...plot.primitives,
+        ...horizontalAxis.tickMarks,
+    ];
     // Overlays (depth): regression trendlines, error bars, axis titles, data table.
     const overlays = [
         ...computeTrendlinePrimitives(displayChartData, catCount, layout, primaryRange, catAxisStyle, chartData.colorPalette),
@@ -8651,6 +9138,9 @@ function buildComboViewModel(element, chartData, categoryLabels) {
     const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
     const primitives = [];
     const dataLabels = [];
+    // Drop / hi-low / up-down helper lines, drawn behind the combo marks.
+    const helperOpts = { mode: 'line', xPositions: horizontalAxis.xPositions };
+    primitives.push(...computeHelperLinePrimitives(chartData, layout, primaryRange, catCount, helperOpts));
     const barSeries = chartData.series.slice(0, 1);
     if (barSeries[0]) {
         const barRange = rangeForSeries$1(0, primaryRange, secondaryRange, secondaryIndexes);
@@ -11315,16 +11805,28 @@ function computePieLayout(elementWidth, elementHeight, chartData, isDoughnut) {
     const cx = size / 2;
     const cy = titleOffset + (size - titleOffset - legendOffset) / 2;
     const outerR = Math.max((size - titleOffset - legendOffset) * 0.42, 0);
-    const innerR = isDoughnut ? outerR * 0.55 : 0;
+    // Honour c:holeSize (10-90% of the outer diameter) when parsed; otherwise
+    // keep the legacy 0.55 ratio byte-for-byte.
+    const holeRatio = isDoughnut && chartData.doughnutHoleSize !== undefined
+        ? Math.min(Math.max(chartData.doughnutHoleSize, 10), 90) / 100
+        : 0.55;
+    const innerR = isDoughnut ? outerR * holeRatio : 0;
     return { cx, cy, outerR, innerR, size };
 }
-function computePieSlices(values, cx, cy, outerR, innerR) {
+function computePieSlices(values, cx, cy, outerR, innerR, options) {
     const total = values.reduce((s, v) => s + Math.abs(v), 0) || 1;
-    let cumAngle = -Math.PI / 2;
-    return values.map((val) => {
+    let cumAngle = options?.startAngle ?? -Math.PI / 2;
+    return values.map((val, i) => {
         const sliceAngle = (Math.abs(val) / total) * Math.PI * 2;
         const startAngle = cumAngle;
         cumAngle += sliceAngle;
+        // A c:explosion pulls the slice outward along its bisector.
+        const explosion = options?.explosions?.[i] ?? 0;
+        if (explosion > 0) {
+            const mid = (startAngle + cumAngle) / 2;
+            const offset = outerR * (explosion / 100);
+            return computePieSlicePath(cx + Math.cos(mid) * offset, cy + Math.sin(mid) * offset, outerR, innerR, startAngle, cumAngle);
+        }
         return computePieSlicePath(cx, cy, outerR, innerR, startAngle, cumAngle);
     });
 }
@@ -11534,12 +12036,23 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
     const { cx, cy, outerR, innerR, size } = computePieLayout(element.width, element.height, chartData, isDoughnut);
     const svgWidth = Math.max(size, 100);
     const svgHeight = Math.max(size, 60);
-    const values = chartData.series[0]?.values ?? [];
-    const slices = computePieSlices(values, cx, cy, outerR, innerR);
+    const pieSeries = chartData.series[0];
+    const values = pieSeries?.values ?? [];
+    // c:firstSliceAng rotates the pie clockwise from 12 o'clock; c:explosion (per
+    // series or per c:dPt) pulls slices outward.
+    const startAngle = -Math.PI / 2 + ((chartData.firstSliceAngle ?? 0) * Math.PI) / 180;
+    const explosions = pieSeries
+        ? values.map((_v, i) => resolveDataPointExplosion(pieSeries, i))
+        : undefined;
+    const slices = computePieSlices(values, cx, cy, outerR, innerR, { startAngle, explosions });
     const primitives = slices.map(({ d }, i) => ({
         kind: 'path',
         d,
-        fill: chartData.series[0]?.color ?? paletteColor(i, chartData.colorPalette),
+        // Pie/doughnut vary colours per slice (c:varyColors defaults on), so each
+        // slice takes its palette colour, with a per-point c:dPt fill overriding.
+        fill: pieSeries
+            ? resolveVaryColorFill(pieSeries, i, paletteColor(i, chartData.colorPalette))
+            : paletteColor(i, chartData.colorPalette),
         stroke: '#ffffff',
         strokeWidth: 1.5,
         part: { role: 'dataPoint', seriesIndex: 0, pointIndex: i },
@@ -12893,6 +13406,25 @@ const PRESET_ID_TO_EFFECT = {
         26: 'pulse',
     },
 };
+/**
+ * Map an OOXML `p:cTn/@presetSubtype` code to a {@link FlyEdge} for Fly In and
+ * Fly Out effects. PowerPoint encodes the direction as a bitmask on the object
+ * origin edge: 1=top, 2=right, 4=bottom, 8=left. Corners combine two bits
+ * (e.g. 12 = 8|4 = bottom-left) and fall back to their horizontal edge, which
+ * is the more visually distinct component. Unknown/absent codes are left to the
+ * caller (which keeps the preset default of bottom).
+ */
+const FLY_SUBTYPE_TO_EDGE = {
+    1: 'top',
+    2: 'right',
+    4: 'bottom',
+    8: 'left',
+    // Corners -> nearest (horizontal) edge.
+    3: 'right', // top-right (1|2)
+    6: 'right', // bottom-right (4|2)
+    9: 'left', // top-left (8|1)
+    12: 'left', // bottom-left (8|4)
+};
 
 /**
  * `animation-keyframes` — CSS `@keyframes` definitions for every static
@@ -13354,10 +13886,10 @@ function resolveEffect(anim) {
         return undefined;
     }
     if (cls === 'entr') {
-        return PRESET_ID_TO_EFFECT.entr[id];
+        return applyFlyDirection(PRESET_ID_TO_EFFECT.entr[id], anim.presetSubtype);
     }
     if (cls === 'exit') {
-        return PRESET_ID_TO_EFFECT.exit[id];
+        return applyFlyDirection(PRESET_ID_TO_EFFECT.exit[id], anim.presetSubtype);
     }
     if (cls === 'emph') {
         return PRESET_ID_TO_EFFECT.emph[id];
@@ -13365,6 +13897,28 @@ function resolveEffect(anim) {
     // For path/motion/rotation/scale, return undefined — handled dynamically.
     return undefined;
 }
+/**
+ * Redirect a Fly In / Fly Out effect according to its `presetSubtype` code.
+ * The preset tables default the fly family to the bottom edge; when a subtype
+ * is present and maps to a known edge, swap in the matching directional effect.
+ * A missing or unrecognised subtype preserves the bottom default so existing
+ * decks are unaffected.
+ */
+function applyFlyDirection(effect, subtype) {
+    if (effect !== 'flyInBottom' && effect !== 'flyOutBottom') {
+        return effect;
+    }
+    if (subtype === undefined) {
+        return effect;
+    }
+    const edge = FLY_SUBTYPE_TO_EDGE[subtype];
+    if (!edge) {
+        return effect;
+    }
+    const prefix = effect === 'flyInBottom' ? 'flyIn' : 'flyOut';
+    const suffix = `${edge.charAt(0).toUpperCase()}${edge.slice(1)}`;
+    return `${prefix}${suffix}`;
+}
 // ==========================================================================
 // Dynamic keyframe generation (motion path / rotation / scale / colour)
 // ==========================================================================
@@ -14171,6 +14725,51 @@ class AnimationSequencer {
  * @module render/animation-timeline-builder
  */
 // ==========================================================================
+// Unmapped-preset safety net
+// ==========================================================================
+/**
+ * Resolve a fallback {@link EffectName} for an animation whose preset we do
+ * not model (no static effect and no dynamic keyframe).
+ *
+ * Without this, an unmapped animation was silently dropped, which broke slide
+ * visibility semantics: an unmapped **entrance** was never registered as
+ * hidden-until-its-start, so it stayed visible from the very first frame; an
+ * unmapped **exit** never hid its element. We substitute a neutral fade so the
+ * element still transitions in (entrance) or out (exit) at the correct time.
+ *
+ * Emphasis / motion-path presets carry no show/hide semantics, so a missing
+ * one is safe to skip and returns `undefined`.
+ */
+/**
+ * Map an animation's parsed `accel`/`decel` fractions to a CSS timing function.
+ * PowerPoint's acceleration eases the effect in, deceleration eases it out, and
+ * both together ease in-and-out. With neither set we keep the neutral `ease`
+ * default so existing decks are unchanged.
+ */
+function cssEasingForAnimation(anim) {
+    const hasAccel = anim.accel !== undefined && anim.accel > 0;
+    const hasDecel = anim.decel !== undefined && anim.decel > 0;
+    if (hasAccel && hasDecel) {
+        return 'ease-in-out';
+    }
+    if (hasAccel) {
+        return 'ease-in';
+    }
+    if (hasDecel) {
+        return 'ease-out';
+    }
+    return 'ease';
+}
+function fallbackEffectForClass(presetClass) {
+    if (presetClass === 'entr') {
+        return 'fadeIn';
+    }
+    if (presetClass === 'exit') {
+        return 'fadeOut';
+    }
+    return undefined;
+}
+// ==========================================================================
 // Timeline builder
 // ==========================================================================
 /**
@@ -14233,10 +14832,15 @@ function buildTimeline(nativeAnimations) {
     for (const anim of regularAnims) {
         const expandedSteps = expandIterateAnimation(anim);
         for (const singleAnim of expandedSteps) {
-            const effect = resolveEffect(singleAnim);
+            let effect = resolveEffect(singleAnim);
             const dynamic = effect ? undefined : buildDynamicKeyframe(singleAnim, dynamicUid++);
             if (!effect && !dynamic) {
-                continue;
+                // Unmapped preset: fall back so an entrance is still hidden until
+                // its start and an exit still hides, rather than being dropped.
+                effect = fallbackEffectForClass(singleAnim.presetClass);
+                if (!effect) {
+                    continue;
+                }
             }
             const keyframe = effect ? cssKeyframeName(effect) : dynamic.keyframeName;
             if (effect) {
@@ -14300,7 +14904,8 @@ function buildTimeline(nativeAnimations) {
                 delayMs = animDelay + triggerDelay;
             }
             const iterStr = iterCount === Infinity ? 'infinite' : String(iterCount);
-            const cssAnimation = `${keyframe} ${duration}ms ease ${delayMs}ms ${iterStr} ${direction} ${fill}`;
+            const easing = cssEasingForAnimation(singleAnim);
+            const cssAnimation = `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
             currentGroup.push({
                 elementId,
                 cssAnimation,
@@ -14401,10 +15006,14 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         const seqGroups = [];
         let seqGroup = [];
         for (const anim of anims) {
-            const effect = resolveEffect(anim);
+            let effect = resolveEffect(anim);
             const dynamic = effect ? undefined : buildDynamicKeyframe(anim, dynamicUid++);
             if (!effect && !dynamic) {
-                continue;
+                // Same unmapped-preset safety net as the main timeline loop.
+                effect = fallbackEffectForClass(anim.presetClass);
+                if (!effect) {
+                    continue;
+                }
             }
             const keyframe = effect ? cssKeyframeName(effect) : dynamic.keyframeName;
             if (effect) {
@@ -14444,7 +15053,8 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 delayMs = animDelay + triggerDelay;
             }
             const iterStr = iterCount === Infinity ? 'infinite' : String(iterCount);
-            const cssAnimation = `${keyframe} ${duration}ms ease ${delayMs}ms ${iterStr} ${direction} ${fill}`;
+            const easing = cssEasingForAnimation(anim);
+            const cssAnimation = `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
             seqGroup.push({
                 elementId,
                 cssAnimation,
@@ -16098,66 +16708,123 @@ function getComputed3dStyle(el) {
 }
 
 /**
- * Convert a {@link CellTextRun}'s per-run formatting to an inline CSS style
- * object suitable for a `<span>` element.
+ * Map a section's border set onto a cell's four edges given the cell's
+ * position relative to that section's region. Outer region edges use the
+ * `top/bottom/left/right` sides; interior edges use `insideH`/`insideV`.
  */
-function cellRunStyle$1(run) {
-    const css = {};
-    if (run.fontFamily) {
-        css.fontFamily = run.fontFamily;
+function edgesFromSection(borders, regionTop, regionBottom, regionLeft, regionRight) {
+    if (!borders) {
+        return undefined;
     }
-    if (typeof run.fontSize === 'number') {
-        css.fontSize = `${run.fontSize}pt`;
+    return {
+        top: regionTop ? (borders.top ?? borders.insideH) : borders.insideH,
+        bottom: regionBottom ? (borders.bottom ?? borders.insideH) : borders.insideH,
+        left: regionLeft ? (borders.left ?? borders.insideV) : borders.insideV,
+        right: regionRight ? (borders.right ?? borders.insideV) : borders.insideV,
+    };
+}
+/** Convert a resolved border side to a CSS `border-*` shorthand value. */
+function borderToCss(border, resolve) {
+    if (!border) {
+        return undefined;
     }
-    if (run.color) {
-        css.color = run.color;
+    if (border.noFill) {
+        return 'none';
     }
-    if (run.bold) {
-        css.fontWeight = 'bold';
+    const width = border.width ?? 1;
+    const dash = ooxmlDashToCssBorderStyle(border.dash);
+    const color = border.color ?? resolve(border.fill) ?? '#000000';
+    return `${width}px ${dash} ${color}`;
+}
+/**
+ * Build the ordered (low -> high precedence) list of edge candidates from the
+ * sections that apply to this cell.
+ */
+function collectLayers(entry, tableData, pos) {
+    const { rowIndex, cellIndex, rowCount, columnCount } = pos;
+    const isTop = rowIndex === 0;
+    const isBottom = rowIndex === rowCount - 1;
+    const isLeft = cellIndex === 0;
+    const isRight = cellIndex === columnCount - 1;
+    const layers = [];
+    // Whole table: region spans the entire table.
+    layers.push(edgesFromSection(entry.wholeTblBorders, isTop, isBottom, isLeft, isRight));
+    // Banded rows: treat each banded row as its own single-row region.
+    if (tableData.bandedRows) {
+        const bandStartRow = tableData.firstRowHeader ? 1 : 0;
+        const bandEndRow = tableData.lastRow ? rowCount - 1 : rowCount;
+        if (rowIndex >= bandStartRow && rowIndex < bandEndRow) {
+            const rowCycle = Math.max(tableData.bandRowCycle ?? 1, 1);
+            const bandGroup = Math.floor((rowIndex - bandStartRow) / rowCycle) % 2;
+            const bands = bandGroup === 0 ? entry.band1HBorders : entry.band2HBorders;
+            layers.push(edgesFromSection(bands, true, true, isLeft, isRight));
+        }
+    }
+    // Banded columns: treat each banded column as its own single-column region.
+    if (tableData.bandedColumns) {
+        const colStart = tableData.firstCol ? 1 : 0;
+        const colEnd = tableData.lastCol ? columnCount - 1 : columnCount;
+        if (cellIndex >= colStart && cellIndex < colEnd) {
+            const colCycle = Math.max(tableData.bandColCycle ?? 1, 1);
+            const colGroup = Math.floor((cellIndex - colStart) / colCycle) % 2;
+            const bands = colGroup === 0 ? entry.band1VBorders : entry.band2VBorders;
+            layers.push(edgesFromSection(bands, isTop, isBottom, true, true));
+        }
     }
-    if (run.italic) {
-        css.fontStyle = 'italic';
+    // First/last row: single-row region spanning all columns.
+    if (tableData.firstRowHeader && isTop) {
+        layers.push(edgesFromSection(entry.firstRowBorders, true, true, isLeft, isRight));
     }
-    const deco = [];
-    if (run.underline) {
-        deco.push('underline');
+    if (tableData.lastRow && isBottom) {
+        layers.push(edgesFromSection(entry.lastRowBorders, true, true, isLeft, isRight));
     }
-    if (run.strikethrough) {
-        deco.push('line-through');
+    // First/last column: single-column region spanning all rows.
+    if (tableData.firstCol && isLeft) {
+        layers.push(edgesFromSection(entry.firstColBorders, isTop, isBottom, true, true));
     }
-    if (deco.length > 0) {
-        css.textDecoration = deco.join(' ');
+    if (tableData.lastCol && isRight) {
+        layers.push(edgesFromSection(entry.lastColBorders, isTop, isBottom, true, true));
     }
-    return css;
+    return layers.filter((layer) => layer !== undefined);
 }
 /**
- * Resolve a preset pattern fill from a {@link PptxTableCellStyle} to CSS
- * background properties.  Mirrors the pattern-fill branch of the React
- * `cellStyleToCss` but returns the two properties separately so callers
- * can apply them individually (e.g. Vue's `:style` binding).
- *
- * Returns `null` when the cell style carries no pattern fill.
+ * Resolve the CSS borders a cell inherits from its table style. Returns
+ * `undefined` when the style defines no applicable borders (so the caller can
+ * keep its own fallback border, e.g. the hardcoded total-row line).
  */
-function cellPatternFillCss(style) {
-    if (style.fillMode !== 'pattern' || !style.patternFillPreset) {
-        return null;
+function resolveCellBorderCss(entry, tableData, pos, resolve) {
+    if (!entry) {
+        return undefined;
     }
-    const fg = normalizeHexColor$1(style.patternFillForeground, '#000000');
-    const bg = normalizeHexColor$1(style.patternFillBackground, '#ffffff');
-    const svgMarkup = getPatternSvg$1(style.patternFillPreset, fg, bg);
-    if (svgMarkup) {
-        const encoded = encodeURIComponent(svgMarkup);
-        return {
-            backgroundImage: `url("data:image/svg+xml,${encoded}")`,
-            backgroundColor: bg,
-        };
+    const layers = collectLayers(entry, tableData, pos);
+    if (layers.length === 0) {
+        return undefined;
     }
-    // Unknown preset — fall back to solid background colour.
-    const fallback = style.patternFillBackground ?? style.backgroundColor;
-    return fallback ? { backgroundColor: fallback } : null;
+    const pick = (edge) => {
+        let winner;
+        for (const layer of layers) {
+            if (layer[edge]) {
+                winner = layer[edge];
+            }
+        }
+        return winner;
+    };
+    const css = {};
+    let applied = false;
+    const edges = ['top', 'bottom', 'left', 'right'];
+    for (const edge of edges) {
+        const value = borderToCss(pick(edge), resolve);
+        if (value) {
+            const key = `border${edge[0].toUpperCase()}${edge.slice(1)}`;
+            css[key] = value;
+            applied = true;
+        }
+    }
+    return applied ? css : undefined;
 }
+
 // ---------------------------------------------------------------------------
-// Theme colour helpers (tint / shade)  — mirrors React viewer/utils/theme.ts
+// Theme colour helpers (tint / shade) — mirrors React viewer/utils/theme.ts
 // ---------------------------------------------------------------------------
 /** Parse a 6-digit hex colour (`#RRGGBB` or `RRGGBB`) into RGB components. */
 function hexToRgb$2(hex) {
@@ -16173,50 +16840,114 @@ function rgbToHex$1(r, g, b) {
     const clamp = (v) => Math.max(0, Math.min(255, Math.round(v)));
     return `#${clamp(r).toString(16).padStart(2, '0').toUpperCase()}${clamp(g).toString(16).padStart(2, '0').toUpperCase()}${clamp(b).toString(16).padStart(2, '0').toUpperCase()}`;
 }
-/**
- * Compute a tinted (lighter) version of a colour.
- * `tintFactor` is 0–1 where 1 = white and 0 = original.
- */
+/** Compute a tinted (lighter) colour. `tintFactor` in 0-1 (1 = white). */
 function tintColor$1(hex, tintFactor) {
     const { r, g, b } = hexToRgb$2(hex);
     return rgbToHex$1(r + (255 - r) * tintFactor, g + (255 - g) * tintFactor, b + (255 - b) * tintFactor);
 }
-/**
- * Compute a shaded (darker) version of a colour.
- * `shadeFactor` is 0–1 where 1 = black and 0 = original.
- */
+/** Compute a shaded (darker) colour. `shadeFactor` in 0-1 (1 = black). */
 function shadeColor$1(hex, shadeFactor) {
     const { r, g, b } = hexToRgb$2(hex);
     return rgbToHex$1(r * (1 - shadeFactor), g * (1 - shadeFactor), b * (1 - shadeFactor));
 }
+/** Apply a fill's tint/shade to a resolved base hex colour. */
+function applyTintShade(base, fill) {
+    let color = base;
+    if (fill.tint !== undefined && fill.tint > 0) {
+        color = tintColor$1(color, fill.tint / 100_000);
+    }
+    if (fill.shade !== undefined && fill.shade > 0) {
+        color = shadeColor$1(color, 1 - fill.shade / 100_000);
+    }
+    return color;
+}
 /**
- * Resolve a {@link ParsedTableStyleFill} to a CSS hex colour using the
- * supplied colour scheme.  Returns `undefined` when the scheme colour key
- * cannot be found.
+ * Resolve a {@link ParsedTableStyleFill} to a concrete CSS hex colour using the
+ * supplied colour scheme. Honours a scheme colour first, then an explicit sRGB
+ * `color`. Returns `undefined` when neither resolves (e.g. gradient/pattern/no
+ * fill, or a scheme key absent from the theme).
  */
 function resolveStyleFillColor(fill, colorScheme) {
     if (!fill) {
         return undefined;
     }
-    if (!colorScheme) {
-        return undefined;
+    let base;
+    if (fill.schemeColor && colorScheme) {
+        base = colorScheme[fill.schemeColor];
+    }
+    if (!base && fill.color) {
+        base = fill.color;
     }
-    const base = colorScheme[fill.schemeColor];
     if (!base) {
         return undefined;
     }
-    let color = base;
-    if (fill.tint !== undefined && fill.tint > 0) {
-        color = tintColor$1(color, fill.tint / 100_000);
+    return applyTintShade(base, fill);
+}
+/** Clear every background-related key so a higher layer replaces cleanly. */
+function clearBackground(css) {
+    delete css.background;
+    delete css.backgroundColor;
+    delete css.backgroundImage;
+}
+/** Build a CSS gradient string from a parsed table-style gradient fill. */
+function gradientCssFromFill(fill, colorScheme) {
+    const gradient = fill.gradient;
+    if (!gradient || gradient.stops.length === 0) {
+        return undefined;
     }
-    if (fill.shade !== undefined && fill.shade > 0) {
-        color = shadeColor$1(color, 1 - fill.shade / 100_000);
+    const shapeLike = {
+        fillMode: 'gradient',
+        fillGradientType: gradient.type,
+        fillGradientAngle: gradient.angle ?? 90,
+        fillGradientStops: gradient.stops.map((stop) => ({
+            color: resolveStyleFillColor(stop.fill, colorScheme) ?? stop.fill.color ?? '#000000',
+            position: stop.position,
+        })),
+    };
+    return buildGradientCss(shapeLike);
+}
+/**
+ * Apply a {@link ParsedTableStyleFill} onto a {@link TableCellCss} background.
+ * Handles no-fill (transparent), gradient, preset pattern, and solid (scheme or
+ * sRGB) fills. When the fill is absent or unresolvable, falls back to
+ * `fallback` as a solid background colour. Returns `true` when anything was set.
+ */
+function applyStyleFill(fill, colorScheme, css, fallback) {
+    if (fill?.noFill) {
+        clearBackground(css);
+        css.backgroundColor = 'transparent';
+        return true;
     }
-    return color;
+    if (fill?.gradient) {
+        const gradientCss = gradientCssFromFill(fill, colorScheme);
+        if (gradientCss) {
+            clearBackground(css);
+            css.background = gradientCss;
+            return true;
+        }
+    }
+    if (fill?.pattern) {
+        const fg = normalizeHexColor$1(resolveStyleFillColor(fill.pattern.foreground, colorScheme), '#000000');
+        const bg = normalizeHexColor$1(resolveStyleFillColor(fill.pattern.background, colorScheme), '#ffffff');
+        const svg = getPatternSvg$1(fill.pattern.preset, fg, bg);
+        clearBackground(css);
+        if (svg) {
+            css.backgroundImage = `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+        }
+        css.backgroundColor = bg;
+        return true;
+    }
+    const color = resolveStyleFillColor(fill, colorScheme) ?? fallback;
+    if (color) {
+        clearBackground(css);
+        css.backgroundColor = color;
+        return true;
+    }
+    return false;
 }
 /**
  * Apply text properties from a {@link ParsedTableStyleText} entry into a
- * {@link TableCellCss} object.  Returns `true` when any property was set.
+ * {@link TableCellCss} object. Returns `true` when any property was set.
  */
 function applyStyleText(text, colorScheme, css) {
     if (!text) {
@@ -16231,6 +16962,14 @@ function applyStyleText(text, colorScheme, css) {
         css.fontStyle = 'italic';
         applied = true;
     }
+    if (text.underline) {
+        css.textDecorationLine = 'underline';
+        applied = true;
+    }
+    if (text.fontFace) {
+        css.fontFamily = text.fontFace;
+        applied = true;
+    }
     if (text.fontSchemeColor && colorScheme) {
         const base = colorScheme[text.fontSchemeColor];
         if (base) {
@@ -16245,8 +16984,72 @@ function applyStyleText(text, colorScheme, css) {
             applied = true;
         }
     }
+    else if (text.fontColor) {
+        css.color = text.fontColor;
+        applied = true;
+    }
     return applied;
 }
+
+/**
+ * Convert a {@link CellTextRun}'s per-run formatting to an inline CSS style
+ * object suitable for a `<span>` element.
+ */
+function cellRunStyle$1(run) {
+    const css = {};
+    if (run.fontFamily) {
+        css.fontFamily = run.fontFamily;
+    }
+    if (typeof run.fontSize === 'number') {
+        css.fontSize = `${run.fontSize}pt`;
+    }
+    if (run.color) {
+        css.color = run.color;
+    }
+    if (run.bold) {
+        css.fontWeight = 'bold';
+    }
+    if (run.italic) {
+        css.fontStyle = 'italic';
+    }
+    const deco = [];
+    if (run.underline) {
+        deco.push('underline');
+    }
+    if (run.strikethrough) {
+        deco.push('line-through');
+    }
+    if (deco.length > 0) {
+        css.textDecoration = deco.join(' ');
+    }
+    return css;
+}
+/**
+ * Resolve a preset pattern fill from a {@link PptxTableCellStyle} to CSS
+ * background properties.  Mirrors the pattern-fill branch of the React
+ * `cellStyleToCss` but returns the two properties separately so callers
+ * can apply them individually (e.g. Vue's `:style` binding).
+ *
+ * Returns `null` when the cell style carries no pattern fill.
+ */
+function cellPatternFillCss(style) {
+    if (style.fillMode !== 'pattern' || !style.patternFillPreset) {
+        return null;
+    }
+    const fg = normalizeHexColor$1(style.patternFillForeground, '#000000');
+    const bg = normalizeHexColor$1(style.patternFillBackground, '#ffffff');
+    const svgMarkup = getPatternSvg$1(style.patternFillPreset, fg, bg);
+    if (svgMarkup) {
+        const encoded = encodeURIComponent(svgMarkup);
+        return {
+            backgroundImage: `url("data:image/svg+xml,${encoded}")`,
+            backgroundColor: bg,
+        };
+    }
+    // Unknown preset — fall back to solid background colour.
+    const fallback = style.patternFillBackground ?? style.backgroundColor;
+    return fallback ? { backgroundColor: fallback } : null;
+}
 /**
  * Look up the table style entry for a style GUID, trying both the raw value
  * and the braced-upper-case normalisation that OOXML uses.
@@ -16475,9 +17278,7 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
     let applied = false;
     // ── Whole-table fill (lowest priority layer). ──
     if (styleEntry?.wholeTblFill) {
-        const wholeBg = resolveFill(styleEntry.wholeTblFill, '');
-        if (wholeBg) {
-            style.backgroundColor = wholeBg;
+        if (applyStyleFill(styleEntry.wholeTblFill, colorScheme, style, '')) {
             applied = true;
         }
     }
@@ -16492,16 +17293,12 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
         const rowCycle = Math.max(tableData.bandRowCycle ?? 1, 1);
         const bandGroup = Math.floor(bandIndex / rowCycle) % 2;
         if (bandGroup === 0) {
-            style.backgroundColor = resolveFill(styleEntry?.band1HFill, 'rgba(217, 226, 243, 0.5)');
-            if (applyStyleText(styleEntry?.band1HText, colorScheme, style)) {
-                applied = true;
-            }
+            applyStyleFill(styleEntry?.band1HFill, colorScheme, style, 'rgba(217, 226, 243, 0.5)');
+            applyStyleText(styleEntry?.band1HText, colorScheme, style);
             applied = true;
         }
         else if (styleEntry?.band2HFill) {
-            const band2Bg = resolveFill(styleEntry.band2HFill, '');
-            if (band2Bg) {
-                style.backgroundColor = band2Bg;
+            if (applyStyleFill(styleEntry.band2HFill, colorScheme, style, '')) {
                 applyStyleText(styleEntry.band2HText, colorScheme, style);
                 applied = true;
             }
@@ -16516,21 +17313,19 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
         if (!skipCol) {
             const colCycle = Math.max(tableData.bandColCycle ?? 1, 1);
             const colBandGroup = Math.floor(colBandIndex / colCycle) % 2;
+            // Column banding yields to row banding when both apply to this cell.
+            const canOverride = !style.backgroundColor || !tableData.bandedRows;
             if (colBandGroup === 0) {
-                if (!style.backgroundColor || !tableData.bandedRows) {
-                    style.backgroundColor = resolveFill(styleEntry?.band1VFill, 'rgba(217, 226, 243, 0.35)');
+                if (canOverride) {
+                    applyStyleFill(styleEntry?.band1VFill, colorScheme, style, 'rgba(217, 226, 243, 0.35)');
                     applyStyleText(styleEntry?.band1VText, colorScheme, style);
                     applied = true;
                 }
             }
-            else if (styleEntry?.band2VFill) {
-                if (!style.backgroundColor || !tableData.bandedRows) {
-                    const band2Bg = resolveFill(styleEntry.band2VFill, '');
-                    if (band2Bg) {
-                        style.backgroundColor = band2Bg;
-                        applyStyleText(styleEntry.band2VText, colorScheme, style);
-                        applied = true;
-                    }
+            else if (styleEntry?.band2VFill && canOverride) {
+                if (applyStyleFill(styleEntry.band2VFill, colorScheme, style, '')) {
+                    applyStyleText(styleEntry.band2VText, colorScheme, style);
+                    applied = true;
                 }
             }
         }
@@ -16538,7 +17333,7 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
     // ── Header row (first row). ──
     if (tableData.firstRowHeader && rowIndex === 0) {
         style.fontWeight = 700;
-        style.backgroundColor = resolveFill(styleEntry?.firstRowFill, 'rgba(68, 114, 196, 0.85)');
+        applyStyleFill(styleEntry?.firstRowFill, colorScheme, style, 'rgba(68, 114, 196, 0.85)');
         style.color = '#ffffff';
         applyStyleText(styleEntry?.firstRowText, colorScheme, style);
         applied = true;
@@ -16547,10 +17342,7 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
     if (tableData.lastRow && rowIndex === rowCount - 1) {
         style.fontWeight = 700;
         if (styleEntry?.lastRowFill) {
-            const lastRowBg = resolveFill(styleEntry.lastRowFill, '');
-            if (lastRowBg) {
-                style.backgroundColor = lastRowBg;
-            }
+            applyStyleFill(styleEntry.lastRowFill, colorScheme, style, '');
         }
         const borderColor = resolveFill(styleEntry?.firstRowFill, 'rgba(68, 114, 196, 0.7)');
         style.borderTop = `2px solid ${borderColor}`;
@@ -16561,10 +17353,7 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
     if (tableData.firstCol && cellIndex === 0) {
         style.fontWeight = 700;
         if (styleEntry?.firstColFill) {
-            const firstColBg = resolveFill(styleEntry.firstColFill, '');
-            if (firstColBg) {
-                style.backgroundColor = firstColBg;
-            }
+            applyStyleFill(styleEntry.firstColFill, colorScheme, style, '');
         }
         applyStyleText(styleEntry?.firstColText, colorScheme, style);
         applied = true;
@@ -16573,14 +17362,56 @@ function getTableCellBandStyle(tableData, rowIndex, cellIndex, rowCount, columnC
     if (tableData.lastCol && cellIndex === columnCount - 1) {
         style.fontWeight = 700;
         if (styleEntry?.lastColFill) {
-            const lastColBg = resolveFill(styleEntry.lastColFill, '');
-            if (lastColBg) {
-                style.backgroundColor = lastColBg;
-            }
+            applyStyleFill(styleEntry.lastColFill, colorScheme, style, '');
         }
         applyStyleText(styleEntry?.lastColText, colorScheme, style);
         applied = true;
     }
+    // ── Corner cells (highest fill/text precedence, issue #95). ──
+    // Each corner overrides the intersection of a first/last row with a
+    // first/last column (CT_TableStyle, ECMA-376 §21.1.3.16): nw = top-left,
+    // ne = top-right, sw = bottom-left, se = bottom-right. Only applies when
+    // both the row and column emphasis are active for this cell.
+    if (styleEntry) {
+        const atTop = Boolean(tableData.firstRowHeader) && rowIndex === 0;
+        const atBottom = Boolean(tableData.lastRow) && rowIndex === rowCount - 1;
+        const atLeft = Boolean(tableData.firstCol) && cellIndex === 0;
+        const atRight = Boolean(tableData.lastCol) && cellIndex === columnCount - 1;
+        let cornerFill;
+        let cornerText = undefined;
+        if (atTop && atLeft) {
+            cornerFill = styleEntry.nwCellFill;
+            cornerText = styleEntry.nwCellText;
+        }
+        else if (atTop && atRight) {
+            cornerFill = styleEntry.neCellFill;
+            cornerText = styleEntry.neCellText;
+        }
+        else if (atBottom && atLeft) {
+            cornerFill = styleEntry.swCellFill;
+            cornerText = styleEntry.swCellText;
+        }
+        else if (atBottom && atRight) {
+            cornerFill = styleEntry.seCellFill;
+            cornerText = styleEntry.seCellText;
+        }
+        if (cornerFill && applyStyleFill(cornerFill, colorScheme, style, '')) {
+            applied = true;
+        }
+        if (applyStyleText(cornerText, colorScheme, style)) {
+            applied = true;
+        }
+    }
+    // ── Table-style borders (issue #71). ──
+    // Resolve gridlines/edges the cell inherits from the table style and let
+    // them supersede the hardcoded total-row line above. Per-cell explicit
+    // `a:lnX` borders (parsed into the cell style) are applied on top of this
+    // layer by the renderer, so they still win.
+    const borderCss = resolveCellBorderCss(styleEntry, tableData, { rowIndex, cellIndex, rowCount, columnCount }, (fill) => resolveStyleFillColor(fill, colorScheme));
+    if (borderCss) {
+        Object.assign(style, borderCss);
+        applied = true;
+    }
     return applied ? style : undefined;
 }
 
@@ -23761,6 +24592,9 @@ function waypointsToPathD(waypoints) {
 /**
  * Compute connection sites for a rectangular bounding box. Returns the four
  * edge midpoints in element-local coordinates: top, right, bottom, left.
+ *
+ * This is the fallback used for shapes whose real connection sites are
+ * unknown (preset shapes without a parsed `a:cxnLst`).
  */
 function getConnectionSites(width, height) {
     return [
@@ -23770,6 +24604,36 @@ function getConnectionSites(width, height) {
         { x: 0, y: height / 2, index: 3 }, // left center
     ];
 }
+/**
+ * Resolve the connection sites of a shape element in element-local pixel
+ * coordinates.
+ *
+ * When the shape carries typed custom-geometry connection sites (parsed from
+ * `a:custGeom/a:cxnLst/a:cxn`), each `a:pos` formula is evaluated against the
+ * shape's path coordinate space and scaled to the element's pixel box, so a
+ * connector referencing `stCxn/@idx` on a non-rectangular shape attaches near
+ * the real site rather than collapsing to an edge midpoint. Shapes with no
+ * known sites fall back to the four edge midpoints.
+ */
+function getShapeConnectionSites(shape) {
+    const geo = shape;
+    const cxn = geo.customGeometryConnectionSites;
+    if (!cxn || cxn.length === 0) {
+        return getConnectionSites(shape.width, shape.height);
+    }
+    // Path coordinate space the `a:pos` formulas are expressed in. Fall back to
+    // the element's pixel dimensions (scale factor 1) when unavailable.
+    const pathW = geo.pathWidth && geo.pathWidth > 0 ? geo.pathWidth : shape.width;
+    const pathH = geo.pathHeight && geo.pathHeight > 0 ? geo.pathHeight : shape.height;
+    const vars = createBuiltinVariables({ w: pathW, h: pathH });
+    const scaleX = pathW > 0 ? shape.width / pathW : 1;
+    const scaleY = pathH > 0 ? shape.height / pathH : 1;
+    return cxn.map((site, index) => ({
+        x: resolveCoordinate(site.posX, vars) * scaleX,
+        y: resolveCoordinate(site.posY, vars) * scaleY,
+        index,
+    }));
+}
 /**
  * Find all connectors on the slide that reference any of the given element IDs
  * via `connectorStartConnection`/`connectorEndConnection`, and recalculate
@@ -23829,7 +24693,7 @@ function computeConnectorGeometry(connector, startConn, endConn, elementMap) {
         if (!startShape) {
             return null;
         }
-        const sites = getConnectionSites(startShape.width, startShape.height);
+        const sites = getShapeConnectionSites(startShape);
         const siteIndex = startConn.connectionSiteIndex ?? 0;
         const site = sites[siteIndex] ?? sites[0];
         sx = startShape.x + site.x;
@@ -23847,7 +24711,7 @@ function computeConnectorGeometry(connector, startConn, endConn, elementMap) {
         if (!endShape) {
             return null;
         }
-        const sites = getConnectionSites(endShape.width, endShape.height);
+        const sites = getShapeConnectionSites(endShape);
         const siteIndex = endConn.connectionSiteIndex ?? 0;
         const site = sites[siteIndex] ?? sites[0];
         ex = endShape.x + site.x;
@@ -23857,12 +24721,25 @@ function computeConnectorGeometry(connector, startConn, endConn, elementMap) {
         ex = connector.x + connector.width;
         ey = connector.y + connector.height;
     }
+    // Recompute the flip flags from the relative order of the resolved
+    // endpoints. `getConnectorPathGeometry` derives the start/end corners
+    // (and hence line direction / arrowheads) from these flags:
+    //   flipH => start at local x=width, end at x=0
+    //   flipV => start at local y=height, end at y=0
+    // Since the bounding box is anchored at min(sx,ex)/min(sy,ey), a start that
+    // sits to the right of / below the end must be drawn from the far corner,
+    // i.e. flipH when ex < sx and flipV when ey < sy. Equal coordinates keep the
+    // flag false so a purely vertical / horizontal line is not spuriously flipped.
+    const flipHorizontal = ex < sx;
+    const flipVertical = ey < sy;
     return {
         id: connector.id,
         x: Math.min(sx, ex),
         y: Math.min(sy, ey),
         width: Math.abs(ex - sx) || 1,
         height: Math.abs(ey - sy) || 1,
+        flipHorizontal,
+        flipVertical,
     };
 }
 /**
@@ -23883,13 +24760,23 @@ function applyReroutedConnectors(elements, rerouted) {
         if (!update) {
             return el;
         }
-        return {
+        const next = {
             ...el,
             x: update.x,
             y: update.y,
             width: update.width,
             height: update.height,
         };
+        // Only overwrite the flip flags when the reroute recomputed them, so
+        // callers that build ReroutedConnector without flip data (e.g. tests or
+        // non-endpoint updates) leave the connector's existing flags intact.
+        if (update.flipHorizontal !== undefined) {
+            next.flipHorizontal = update.flipHorizontal;
+        }
+        if (update.flipVertical !== undefined) {
+            next.flipVertical = update.flipVertical;
+        }
+        return next;
     });
 }
 
@@ -27706,160 +28593,481 @@ const DEFAULT_TRANSITION_DURATION_MS$1 = 1000;
 const EASE = 'ease-in-out';
 
 /**
- * `slide-transition-keyframes` — the full `@keyframes` block backing every
- * resolved slide transition. Inject it once per overlay via a `<style>` element
- * (the same pattern the element-animation engine uses for
- * `ANIMATION_KEYFRAMES_CSS`).
- *
- * Keyframe names are `pptx-tr-*`-prefixed so they never collide with the
- * element-animation keyframes (`pptx-vue-*`) or the native-animation timeline
- * keyframes (`pptx-tl-*`).
+ * `p14-transition-keyframes` — CSS `@keyframes` for the 18 additional Office
+ * 2010 (`p14` namespace) slide transitions, complementing the core
+ * `slide-transition-keyframes`. All names share the `pptx-tr-*` prefix.
  *
- * Both {@link SLIDE_TRANSITION_KEYFRAMES} and the `*_CSS` alias point at the
- * same string — the bindings historically exported it under both names, so the
- * alias preserves their public surface.
+ * Split into two string blocks purely to keep individual definitions grouped;
+ * {@link P14_TRANSITION_KEYFRAMES_ALL} concatenates both for one-shot injection,
+ * while {@link P14_TRANSITION_KEYFRAMES} / {@link P14_TRANSITION_KEYFRAMES_2}
+ * preserve the React binding's original two-part public surface.
  *
- * @module render/slide-transition-keyframes
+ * @module render/p14-transition-keyframes
  */
-const SLIDE_TRANSITION_KEYFRAMES = `
-/* ── Fade ───────────────────────────────────────────────────────────── */
-@keyframes pptx-tr-fade-in {
-	from { opacity: 0; }
-	to   { opacity: 1; }
+/** Part 1: conveyor / doors / ferris / flash / flythrough / gallery / glitter / honeycomb / pan. */
+const P14_TRANSITION_KEYFRAMES = `
+/* ── Conveyor (translate X with staggered timing) ──────────────────── */
+@keyframes pptx-tr-conveyor-in-from-right {
+	from { transform: translateX(100%) rotateY(-30deg); }
+	60%  { transform: translateX(20%) rotateY(-10deg); }
+	to   { transform: translateX(0) rotateY(0deg); }
 }
-@keyframes pptx-tr-fade-out {
+@keyframes pptx-tr-conveyor-out-to-left {
+	from { transform: translateX(0) rotateY(0deg); }
+	40%  { transform: translateX(-20%) rotateY(10deg); }
+	to   { transform: translateX(-100%) rotateY(30deg); }
+}
+@keyframes pptx-tr-conveyor-in-from-left {
+	from { transform: translateX(-100%) rotateY(30deg); }
+	60%  { transform: translateX(-20%) rotateY(10deg); }
+	to   { transform: translateX(0) rotateY(0deg); }
+}
+@keyframes pptx-tr-conveyor-out-to-right {
+	from { transform: translateX(0) rotateY(0deg); }
+	40%  { transform: translateX(20%) rotateY(-10deg); }
+	to   { transform: translateX(100%) rotateY(-30deg); }
+}
+
+/* ── Doors (clip-path from center split) ──────────────────────────── */
+@keyframes pptx-tr-doors-horz {
+	from { clip-path: inset(0 50%); }
+	to   { clip-path: inset(0 0); }
+}
+@keyframes pptx-tr-doors-vert {
+	from { clip-path: inset(50% 0); }
+	to   { clip-path: inset(0 0); }
+}
+
+/* ── Ferris (rotate elements around center) ───────────────────────── */
+@keyframes pptx-tr-ferris-in-from-right {
+	from { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }
+	to   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
+}
+@keyframes pptx-tr-ferris-out-to-left {
+	from { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
+	to   { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }
+}
+@keyframes pptx-tr-ferris-in-from-left {
+	from { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }
+	to   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
+}
+@keyframes pptx-tr-ferris-out-to-right {
+	from { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
+	to   { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }
+}
+
+/* ── Flash (bright flash opacity burst) ──────────────────────────── */
+@keyframes pptx-tr-flash-white {
+	0%   { opacity: 1; }
+	30%  { opacity: 0; }
+	50%  { opacity: 0; }
+	100% { opacity: 1; }
+}
+@keyframes pptx-tr-flash-in {
+	0%   { opacity: 0; }
+	50%  { opacity: 0; }
+	70%  { opacity: 1; }
+	100% { opacity: 1; }
+}
+
+/* ── Flythrough (scale + translate Z-axis feel) ──────────────────── */
+@keyframes pptx-tr-flythrough-in {
+	from { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }
+	to   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
+}
+@keyframes pptx-tr-flythrough-out {
+	from { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
+	to   { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }
+}
+@keyframes pptx-tr-flythrough-reverse-in {
+	from { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }
+	to   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
+}
+@keyframes pptx-tr-flythrough-reverse-out {
+	from { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
+	to   { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }
+}
+
+/* ── Gallery (translate with perspective) ─────────────────────────── */
+@keyframes pptx-tr-gallery-in-from-right {
+	from { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }
+	to   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
+}
+@keyframes pptx-tr-gallery-out-to-left {
+	from { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
+	to   { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }
+}
+@keyframes pptx-tr-gallery-in-from-left {
+	from { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }
+	to   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
+}
+@keyframes pptx-tr-gallery-out-to-right {
+	from { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
+	to   { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }
+}
+
+/* ── Glitter (particle dissolve effect) ──────────────────────────── */
+@keyframes pptx-tr-glitter-in {
+	from { opacity: 0; filter: brightness(1.5) contrast(1.3) blur(2px); }
+	60%  { opacity: 0.7; filter: brightness(1.2) contrast(1.1) blur(1px); }
+	to   { opacity: 1; filter: brightness(1) contrast(1) blur(0); }
+}
+
+/* ── Honeycomb (hexagonal reveal) ────────────────────────────────── */
+@keyframes pptx-tr-honeycomb-in {
+	from {
+		clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
+		opacity: 0;
+	}
+	to {
+		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
+		opacity: 1;
+	}
+}
+@keyframes pptx-tr-honeycomb-out {
 	from { opacity: 1; }
-	to   { opacity: 0; }
+	to   { opacity: 0; filter: blur(2px); }
 }
 
-/* ── Push ───────────────────────────────────────────────────────────── */
-@keyframes pptx-tr-push-in-from-right {
+/* ── Pan (large-scale translate) ─────────────────────────────────── */
+@keyframes pptx-tr-pan-from-right {
 	from { transform: translateX(100%); }
 	to   { transform: translateX(0); }
 }
-@keyframes pptx-tr-push-out-to-left {
+@keyframes pptx-tr-pan-to-left {
 	from { transform: translateX(0); }
 	to   { transform: translateX(-100%); }
 }
-@keyframes pptx-tr-push-in-from-left {
+@keyframes pptx-tr-pan-from-left {
 	from { transform: translateX(-100%); }
 	to   { transform: translateX(0); }
 }
-@keyframes pptx-tr-push-out-to-right {
+@keyframes pptx-tr-pan-to-right {
 	from { transform: translateX(0); }
 	to   { transform: translateX(100%); }
 }
-@keyframes pptx-tr-push-in-from-bottom {
+@keyframes pptx-tr-pan-from-bottom {
 	from { transform: translateY(100%); }
 	to   { transform: translateY(0); }
 }
-@keyframes pptx-tr-push-out-to-top {
+@keyframes pptx-tr-pan-to-top {
 	from { transform: translateY(0); }
 	to   { transform: translateY(-100%); }
 }
-@keyframes pptx-tr-push-in-from-top {
+@keyframes pptx-tr-pan-from-top {
 	from { transform: translateY(-100%); }
 	to   { transform: translateY(0); }
 }
-@keyframes pptx-tr-push-out-to-bottom {
+@keyframes pptx-tr-pan-to-bottom {
 	from { transform: translateY(0); }
 	to   { transform: translateY(100%); }
 }
-
-/* ── Cover (incoming slides over stationary outgoing) ───────────────── */
-@keyframes pptx-tr-cover-from-right {
-	from { transform: translateX(100%); }
-	to   { transform: translateX(0); }
+`;
+/** Part 2: prism / reveal / ripple / shred / switch / vortex / warp / wheelReverse / window. */
+const P14_TRANSITION_KEYFRAMES_2 = `
+/* ── Prism (3D rotation via perspective transform) ───────────────── */
+@keyframes pptx-tr-prism-in-from-right {
+	from { transform: perspective(800px) rotateY(-90deg) translateX(50%); opacity: 0; }
+	to   { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
 }
-@keyframes pptx-tr-cover-from-left {
-	from { transform: translateX(-100%); }
-	to   { transform: translateX(0); }
+@keyframes pptx-tr-prism-out-to-left {
+	from { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
+	to   { transform: perspective(800px) rotateY(90deg) translateX(-50%); opacity: 0; }
 }
-@keyframes pptx-tr-cover-from-bottom {
-	from { transform: translateY(100%); }
-	to   { transform: translateY(0); }
+@keyframes pptx-tr-prism-in-from-left {
+	from { transform: perspective(800px) rotateY(90deg) translateX(-50%); opacity: 0; }
+	to   { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
 }
-@keyframes pptx-tr-cover-from-top {
-	from { transform: translateY(-100%); }
-	to   { transform: translateY(0); }
+@keyframes pptx-tr-prism-out-to-right {
+	from { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
+	to   { transform: perspective(800px) rotateY(-90deg) translateX(50%); opacity: 0; }
 }
-@keyframes pptx-tr-cover-from-lu {
-	from { transform: translate(-100%, -100%); }
-	to   { transform: translate(0, 0); }
+@keyframes pptx-tr-prism-in-from-bottom {
+	from { transform: perspective(800px) rotateX(90deg) translateY(50%); opacity: 0; }
+	to   { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
 }
-@keyframes pptx-tr-cover-from-ld {
-	from { transform: translate(-100%, 100%); }
-	to   { transform: translate(0, 0); }
+@keyframes pptx-tr-prism-out-to-top {
+	from { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
+	to   { transform: perspective(800px) rotateX(-90deg) translateY(-50%); opacity: 0; }
 }
-@keyframes pptx-tr-cover-from-ru {
-	from { transform: translate(100%, -100%); }
-	to   { transform: translate(0, 0); }
+@keyframes pptx-tr-prism-in-from-top {
+	from { transform: perspective(800px) rotateX(-90deg) translateY(-50%); opacity: 0; }
+	to   { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
 }
-@keyframes pptx-tr-cover-from-rd {
-	from { transform: translate(100%, 100%); }
-	to   { transform: translate(0, 0); }
+@keyframes pptx-tr-prism-out-to-bottom {
+	from { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
+	to   { transform: perspective(800px) rotateX(90deg) translateY(50%); opacity: 0; }
 }
 
-/* ── Uncover (outgoing slides away revealing stationary incoming) ──── */
-@keyframes pptx-tr-uncover-to-left {
-	from { transform: translateX(0); }
-	to   { transform: translateX(-100%); }
-}
-@keyframes pptx-tr-uncover-to-right {
+/* ── Reveal (slide away reveal) ──────────────────────────────────── */
+@keyframes pptx-tr-reveal-out-to-right {
 	from { transform: translateX(0); }
 	to   { transform: translateX(100%); }
 }
-@keyframes pptx-tr-uncover-to-top {
-	from { transform: translateY(0); }
-	to   { transform: translateY(-100%); }
+@keyframes pptx-tr-reveal-out-to-left {
+	from { transform: translateX(0); }
+	to   { transform: translateX(-100%); }
 }
-@keyframes pptx-tr-uncover-to-bottom {
-	from { transform: translateY(0); }
-	to   { transform: translateY(100%); }
+@keyframes pptx-tr-reveal-in {
+	from { opacity: 0.5; }
+	to   { opacity: 1; }
 }
-@keyframes pptx-tr-uncover-to-lu {
-	from { transform: translate(0, 0); }
-	to   { transform: translate(-100%, -100%); }
+
+/* ── Ripple (expanding ring clip-path) ───────────────────────────── */
+@keyframes pptx-tr-ripple-in {
+	from { clip-path: circle(0% at 50% 50%); opacity: 0.5; }
+	30%  { clip-path: circle(20% at 50% 50%); opacity: 0.7; }
+	60%  { clip-path: circle(50% at 50% 50%); opacity: 0.9; }
+	to   { clip-path: circle(75% at 50% 50%); opacity: 1; }
 }
-@keyframes pptx-tr-uncover-to-ld {
-	from { transform: translate(0, 0); }
-	to   { transform: translate(-100%, 100%); }
+
+/* ── Shred (fragmented clip-path pieces) ─────────────────────────── */
+@keyframes pptx-tr-shred-strips-in {
+	from { clip-path: inset(0 100% 0 0); opacity: 0; }
+	30%  { clip-path: inset(0 60% 0 0); opacity: 0.5; }
+	to   { clip-path: inset(0); opacity: 1; }
 }
-@keyframes pptx-tr-uncover-to-ru {
-	from { transform: translate(0, 0); }
-	to   { transform: translate(100%, -100%); }
+@keyframes pptx-tr-shred-rectangles-in {
+	from { clip-path: inset(50%); opacity: 0; }
+	40%  { clip-path: inset(20%); opacity: 0.6; }
+	to   { clip-path: inset(0); opacity: 1; }
 }
-@keyframes pptx-tr-uncover-to-rd {
-	from { transform: translate(0, 0); }
-	to   { transform: translate(100%, 100%); }
+@keyframes pptx-tr-shred-out {
+	from { opacity: 1; }
+	to   { opacity: 0; filter: blur(2px); }
 }
 
-/* ── Wipe (clip-path reveal) ────────────────────────────────────────── */
-@keyframes pptx-tr-wipe-from-left {
-	from { clip-path: inset(0 100% 0 0); }
-	to   { clip-path: inset(0 0 0 0); }
+/* ── Switch (flip/rotate swap) ───────────────────────────────────── */
+@keyframes pptx-tr-switch-in-from-right {
+	from { transform: perspective(800px) rotateY(-180deg); opacity: 0; }
+	to   { transform: perspective(800px) rotateY(0deg); opacity: 1; }
 }
-@keyframes pptx-tr-wipe-from-right {
-	from { clip-path: inset(0 0 0 100%); }
-	to   { clip-path: inset(0 0 0 0); }
+@keyframes pptx-tr-switch-out-to-left {
+	from { transform: perspective(800px) rotateY(0deg); opacity: 1; }
+	to   { transform: perspective(800px) rotateY(180deg); opacity: 0; }
 }
-@keyframes pptx-tr-wipe-from-top {
-	from { clip-path: inset(0 0 100% 0); }
-	to   { clip-path: inset(0 0 0 0); }
+@keyframes pptx-tr-switch-in-from-left {
+	from { transform: perspective(800px) rotateY(180deg); opacity: 0; }
+	to   { transform: perspective(800px) rotateY(0deg); opacity: 1; }
 }
-@keyframes pptx-tr-wipe-from-bottom {
-	from { clip-path: inset(100% 0 0 0); }
-	to   { clip-path: inset(0 0 0 0); }
+@keyframes pptx-tr-switch-out-to-right {
+	from { transform: perspective(800px) rotateY(0deg); opacity: 1; }
+	to   { transform: perspective(800px) rotateY(-180deg); opacity: 0; }
 }
 
-/* ── Split ──────────────────────────────────────────────────────────── */
-@keyframes pptx-tr-split-h-out {
-	from { clip-path: inset(0 50%); }
-	to   { clip-path: inset(0 0); }
+/* ── Vortex (rotate + scale spiral) ──────────────────────────────── */
+@keyframes pptx-tr-vortex-in {
+	from { transform: rotate(720deg) scale(0); opacity: 0; }
+	to   { transform: rotate(0deg) scale(1); opacity: 1; }
 }
-@keyframes pptx-tr-split-v-out {
-	from { clip-path: inset(50% 0); }
-	to   { clip-path: inset(0 0); }
+@keyframes pptx-tr-vortex-out {
+	from { transform: rotate(0deg) scale(1); opacity: 1; }
+	to   { transform: rotate(-720deg) scale(0); opacity: 0; }
+}
+
+/* ── Warp (skew distortion) ──────────────────────────────────────── */
+@keyframes pptx-tr-warp-in {
+	from { transform: scale(0.3) skewX(30deg) skewY(15deg); opacity: 0; }
+	50%  { transform: scale(0.8) skewX(-5deg) skewY(-3deg); opacity: 0.7; }
+	to   { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; }
+}
+@keyframes pptx-tr-warp-out {
+	from { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; }
+	50%  { transform: scale(0.8) skewX(5deg) skewY(3deg); opacity: 0.7; }
+	to   { transform: scale(0.3) skewX(-30deg) skewY(-15deg); opacity: 0; }
+}
+@keyframes pptx-tr-warp-reverse-in {
+	from { transform: scale(3) skewX(-20deg) skewY(-10deg); opacity: 0; filter: blur(4px); }
+	to   { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; filter: blur(0); }
+}
+@keyframes pptx-tr-warp-reverse-out {
+	from { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; filter: blur(0); }
+	to   { transform: scale(3) skewX(20deg) skewY(10deg); opacity: 0; filter: blur(4px); }
+}
+
+/* ── WheelReverse (reverse wheel rotation) ───────────────────────── */
+@keyframes pptx-tr-wheel-reverse-in {
+	from { clip-path: circle(0% at 50% 50%); transform: rotate(180deg); }
+	to   { clip-path: circle(75% at 50% 50%); transform: rotate(0deg); }
+}
+
+/* ── Window (scale from center with border) ──────────────────────── */
+@keyframes pptx-tr-window-horz {
+	from { clip-path: inset(0 50%); }
+	to   { clip-path: inset(0 0); }
+}
+@keyframes pptx-tr-window-vert {
+	from { clip-path: inset(50% 0); }
+	to   { clip-path: inset(0 0); }
+}
+@keyframes pptx-tr-window-out {
+	from { opacity: 1; transform: scale(1); }
+	to   { opacity: 0; transform: scale(0.9); }
+}
+`;
+/** Both p14 keyframe blocks concatenated, for single `<style>` injection. */
+const P14_TRANSITION_KEYFRAMES_ALL = `${P14_TRANSITION_KEYFRAMES}\n${P14_TRANSITION_KEYFRAMES_2}`;
+
+/**
+ * `slide-transition-keyframes` — the full `@keyframes` block backing every
+ * resolved slide transition. Inject it once per overlay via a `<style>` element
+ * (the same pattern the element-animation engine uses for
+ * `ANIMATION_KEYFRAMES_CSS`).
+ *
+ * Keyframe names are `pptx-tr-*`-prefixed so they never collide with the
+ * element-animation keyframes (`pptx-vue-*`) or the native-animation timeline
+ * keyframes (`pptx-tl-*`).
+ *
+ * Both {@link SLIDE_TRANSITION_KEYFRAMES} and the `*_CSS` alias point at the
+ * same string — the bindings historically exported it under both names, so the
+ * alias preserves their public surface.
+ *
+ * The faithful Office 2010 (`p14`) keyframes are appended (via
+ * {@link P14_TRANSITION_KEYFRAMES_ALL}) so the exotic / 3-D transitions routed
+ * through `getP14TransitionAnimations` animate wherever this block is injected,
+ * with no per-binding wiring.
+ *
+ * @module render/slide-transition-keyframes
+ */
+const CORE_SLIDE_TRANSITION_KEYFRAMES = `
+/* ── Fade ───────────────────────────────────────────────────────────── */
+@keyframes pptx-tr-fade-in {
+	from { opacity: 0; }
+	to   { opacity: 1; }
+}
+@keyframes pptx-tr-fade-out {
+	from { opacity: 1; }
+	to   { opacity: 0; }
+}
+
+/* ── Push ───────────────────────────────────────────────────────────── */
+@keyframes pptx-tr-push-in-from-right {
+	from { transform: translateX(100%); }
+	to   { transform: translateX(0); }
+}
+@keyframes pptx-tr-push-out-to-left {
+	from { transform: translateX(0); }
+	to   { transform: translateX(-100%); }
+}
+@keyframes pptx-tr-push-in-from-left {
+	from { transform: translateX(-100%); }
+	to   { transform: translateX(0); }
+}
+@keyframes pptx-tr-push-out-to-right {
+	from { transform: translateX(0); }
+	to   { transform: translateX(100%); }
+}
+@keyframes pptx-tr-push-in-from-bottom {
+	from { transform: translateY(100%); }
+	to   { transform: translateY(0); }
+}
+@keyframes pptx-tr-push-out-to-top {
+	from { transform: translateY(0); }
+	to   { transform: translateY(-100%); }
+}
+@keyframes pptx-tr-push-in-from-top {
+	from { transform: translateY(-100%); }
+	to   { transform: translateY(0); }
+}
+@keyframes pptx-tr-push-out-to-bottom {
+	from { transform: translateY(0); }
+	to   { transform: translateY(100%); }
+}
+
+/* ── Cover (incoming slides over stationary outgoing) ───────────────── */
+@keyframes pptx-tr-cover-from-right {
+	from { transform: translateX(100%); }
+	to   { transform: translateX(0); }
+}
+@keyframes pptx-tr-cover-from-left {
+	from { transform: translateX(-100%); }
+	to   { transform: translateX(0); }
+}
+@keyframes pptx-tr-cover-from-bottom {
+	from { transform: translateY(100%); }
+	to   { transform: translateY(0); }
+}
+@keyframes pptx-tr-cover-from-top {
+	from { transform: translateY(-100%); }
+	to   { transform: translateY(0); }
+}
+@keyframes pptx-tr-cover-from-lu {
+	from { transform: translate(-100%, -100%); }
+	to   { transform: translate(0, 0); }
+}
+@keyframes pptx-tr-cover-from-ld {
+	from { transform: translate(-100%, 100%); }
+	to   { transform: translate(0, 0); }
+}
+@keyframes pptx-tr-cover-from-ru {
+	from { transform: translate(100%, -100%); }
+	to   { transform: translate(0, 0); }
+}
+@keyframes pptx-tr-cover-from-rd {
+	from { transform: translate(100%, 100%); }
+	to   { transform: translate(0, 0); }
+}
+
+/* ── Uncover (outgoing slides away revealing stationary incoming) ──── */
+@keyframes pptx-tr-uncover-to-left {
+	from { transform: translateX(0); }
+	to   { transform: translateX(-100%); }
+}
+@keyframes pptx-tr-uncover-to-right {
+	from { transform: translateX(0); }
+	to   { transform: translateX(100%); }
+}
+@keyframes pptx-tr-uncover-to-top {
+	from { transform: translateY(0); }
+	to   { transform: translateY(-100%); }
+}
+@keyframes pptx-tr-uncover-to-bottom {
+	from { transform: translateY(0); }
+	to   { transform: translateY(100%); }
+}
+@keyframes pptx-tr-uncover-to-lu {
+	from { transform: translate(0, 0); }
+	to   { transform: translate(-100%, -100%); }
+}
+@keyframes pptx-tr-uncover-to-ld {
+	from { transform: translate(0, 0); }
+	to   { transform: translate(-100%, 100%); }
+}
+@keyframes pptx-tr-uncover-to-ru {
+	from { transform: translate(0, 0); }
+	to   { transform: translate(100%, -100%); }
+}
+@keyframes pptx-tr-uncover-to-rd {
+	from { transform: translate(0, 0); }
+	to   { transform: translate(100%, 100%); }
+}
+
+/* ── Wipe (clip-path reveal) ────────────────────────────────────────── */
+@keyframes pptx-tr-wipe-from-left {
+	from { clip-path: inset(0 100% 0 0); }
+	to   { clip-path: inset(0 0 0 0); }
+}
+@keyframes pptx-tr-wipe-from-right {
+	from { clip-path: inset(0 0 0 100%); }
+	to   { clip-path: inset(0 0 0 0); }
+}
+@keyframes pptx-tr-wipe-from-top {
+	from { clip-path: inset(0 0 100% 0); }
+	to   { clip-path: inset(0 0 0 0); }
+}
+@keyframes pptx-tr-wipe-from-bottom {
+	from { clip-path: inset(100% 0 0 0); }
+	to   { clip-path: inset(0 0 0 0); }
+}
+
+/* ── Split ──────────────────────────────────────────────────────────── */
+@keyframes pptx-tr-split-h-out {
+	from { clip-path: inset(0 50%); }
+	to   { clip-path: inset(0 0); }
+}
+@keyframes pptx-tr-split-v-out {
+	from { clip-path: inset(50% 0); }
+	to   { clip-path: inset(0 0); }
 }
 @keyframes pptx-tr-split-h-in {
 	from { clip-path: inset(0 0); }
@@ -27984,641 +29192,18 @@ const SLIDE_TRANSITION_KEYFRAMES = `
 	to   { clip-path: circle(75% at 50% 50%); transform: rotate(0deg); }
 }
 `;
+/**
+ * The full slide-transition `@keyframes` block: the classic set plus the
+ * faithful Office 2010 (`p14`) keyframes, so both the classic and exotic / 3-D
+ * transitions animate wherever this single string is injected.
+ */
+const SLIDE_TRANSITION_KEYFRAMES = `${CORE_SLIDE_TRANSITION_KEYFRAMES}\n${P14_TRANSITION_KEYFRAMES_ALL}`;
 /**
  * Alias of {@link SLIDE_TRANSITION_KEYFRAMES} under the `_CSS` name the Vue
  * binding historically exported.
  */
 const SLIDE_TRANSITION_KEYFRAMES_CSS = SLIDE_TRANSITION_KEYFRAMES;
 
-/**
- * `slide-transition-css` — pure mapping from a {@link PptxSlideTransition}
- * (type + duration + direction/orientation) to the CSS `animation` shorthand
- * pieces used by each binding's presentation-mode transition overlay during a
- * slide change.
- *
- * Consolidates the React `transition-resolver` / `transition-helpers` /
- * `transition-keyframes` trio, the Vue `slide-transition-css`, and the Angular
- * `transition-helpers` into one framework-agnostic module:
- *
- *  - {@link getSlideTransitionAnimations} resolves a transition to the
- *    `animation` shorthand strings for the outgoing (old) and incoming (new)
- *    slide layers, plus whether the outgoing layer sits on top.
- *  - the `@keyframes` referenced live in `slide-transition-keyframes`
- *    (`SLIDE_TRANSITION_KEYFRAMES`), injected once via a `<style>` element.
- *
- * Superset note: the exotic / 3-D transition family (`pan`/`gallery`/
- * `conveyor`/`reveal`/`doors`/`switch`/`flythrough`/`ferris`/`prism`/`ripple`/
- * `honeycomb`/`glitter`/`shred`/`flash`) is approximated with the closest
- * well-tested 2-D case (originally an Angular-only refinement) rather than a
- * plain fade. Truly-unknown types still fall back to a symmetrical cross-fade.
- * A more faithful per-effect p14 keyframe set is available separately via
- * `p14-transition-keyframes` + {@link getP14TransitionAnimations}.
- *
- * Everything here is pure and unit-testable: no framework imports, no DOM.
- *
- * @module render/slide-transition-css
- */
-/**
- * Map a {@link PptxTransitionType} (+ duration/direction/orient/spokes) to the
- * concrete CSS `animation` descriptors for the outgoing and incoming layers.
- *
- * Unknown types fall back to a symmetrical cross-fade.
- */
-function getSlideTransitionAnimations(type, durationMs, direction, orient, spokes) {
-    const dur = `${durationMs}ms`;
-    // `spokes` is reserved for future wheel spoke-count support; forwarded only
-    // through recursive calls (random/pull/exotic aliases).
-    void spokes;
-    switch (type) {
-        case 'none':
-        case 'cut':
-            return INSTANT;
-        case 'fade':
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-        case 'push': {
-            const dir = resolveDirection(direction, 'left');
-            const configs = {
-                left: {
-                    outgoing: `pptx-tr-push-out-to-left ${dur} ${EASE} forwards`,
-                    incoming: `pptx-tr-push-in-from-right ${dur} ${EASE} forwards`,
-                    outgoingOnTop: false,
-                },
-                right: {
-                    outgoing: `pptx-tr-push-out-to-right ${dur} ${EASE} forwards`,
-                    incoming: `pptx-tr-push-in-from-left ${dur} ${EASE} forwards`,
-                    outgoingOnTop: false,
-                },
-                up: {
-                    outgoing: `pptx-tr-push-out-to-top ${dur} ${EASE} forwards`,
-                    incoming: `pptx-tr-push-in-from-bottom ${dur} ${EASE} forwards`,
-                    outgoingOnTop: false,
-                },
-                down: {
-                    outgoing: `pptx-tr-push-out-to-bottom ${dur} ${EASE} forwards`,
-                    incoming: `pptx-tr-push-in-from-top ${dur} ${EASE} forwards`,
-                    outgoingOnTop: false,
-                },
-            };
-            return configs[dir];
-        }
-        case 'wipe': {
-            const dir = resolveDirection(direction, 'left');
-            const wipeNames = {
-                left: `pptx-tr-wipe-from-left ${dur} ${EASE} forwards`,
-                right: `pptx-tr-wipe-from-right ${dur} ${EASE} forwards`,
-                up: `pptx-tr-wipe-from-top ${dur} ${EASE} forwards`,
-                down: `pptx-tr-wipe-from-bottom ${dur} ${EASE} forwards`,
-            };
-            return {
-                outgoing: 'none',
-                incoming: wipeNames[dir],
-                outgoingOnTop: false,
-            };
-        }
-        case 'cover': {
-            const dir = resolveDirection8(direction, 'left');
-            const coverMap = {
-                left: `pptx-tr-cover-from-left ${dur} ${EASE} forwards`,
-                right: `pptx-tr-cover-from-right ${dur} ${EASE} forwards`,
-                up: `pptx-tr-cover-from-top ${dur} ${EASE} forwards`,
-                down: `pptx-tr-cover-from-bottom ${dur} ${EASE} forwards`,
-                lu: `pptx-tr-cover-from-lu ${dur} ${EASE} forwards`,
-                ld: `pptx-tr-cover-from-ld ${dur} ${EASE} forwards`,
-                ru: `pptx-tr-cover-from-ru ${dur} ${EASE} forwards`,
-                rd: `pptx-tr-cover-from-rd ${dur} ${EASE} forwards`,
-            };
-            return {
-                outgoing: 'none',
-                incoming: coverMap[dir],
-                outgoingOnTop: false,
-            };
-        }
-        case 'uncover': {
-            const dir = resolveDirection8(direction, 'left');
-            const uncoverMap = {
-                left: `pptx-tr-uncover-to-left ${dur} ${EASE} forwards`,
-                right: `pptx-tr-uncover-to-right ${dur} ${EASE} forwards`,
-                up: `pptx-tr-uncover-to-top ${dur} ${EASE} forwards`,
-                down: `pptx-tr-uncover-to-bottom ${dur} ${EASE} forwards`,
-                lu: `pptx-tr-uncover-to-lu ${dur} ${EASE} forwards`,
-                ld: `pptx-tr-uncover-to-ld ${dur} ${EASE} forwards`,
-                ru: `pptx-tr-uncover-to-ru ${dur} ${EASE} forwards`,
-                rd: `pptx-tr-uncover-to-rd ${dur} ${EASE} forwards`,
-            };
-            return {
-                outgoing: uncoverMap[dir],
-                incoming: 'none',
-                outgoingOnTop: true,
-            };
-        }
-        case 'split': {
-            const o = resolveOrientation(undefined, orient);
-            const isOut = direction !== 'in';
-            if (isOut) {
-                return {
-                    outgoing: 'none',
-                    incoming: o === 'vert'
-                        ? `pptx-tr-split-v-out ${dur} ${EASE} forwards`
-                        : `pptx-tr-split-h-out ${dur} ${EASE} forwards`,
-                    outgoingOnTop: false,
-                };
-            }
-            return {
-                outgoing: o === 'vert'
-                    ? `pptx-tr-split-v-in ${dur} ${EASE} forwards`
-                    : `pptx-tr-split-h-in ${dur} ${EASE} forwards`,
-                incoming: 'none',
-                outgoingOnTop: true,
-            };
-        }
-        case 'dissolve':
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-dissolve-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-        case 'circle':
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-circle-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        case 'diamond':
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-diamond-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        case 'plus':
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-plus-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        case 'wedge':
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-wedge-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        case 'wheel':
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-wheel-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        case 'zoom':
-            return {
-                outgoing: `pptx-tr-zoom-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-zoom-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-        case 'blinds': {
-            const o = resolveOrientation(direction, orient);
-            return {
-                outgoing: 'none',
-                incoming: o === 'vert'
-                    ? `pptx-tr-blinds-v ${dur} ${EASE} forwards`
-                    : `pptx-tr-blinds-h ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        }
-        case 'checker':
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-checker-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-        case 'comb': {
-            const o = resolveOrientation(direction, orient);
-            return {
-                outgoing: 'none',
-                incoming: o === 'vert'
-                    ? `pptx-tr-comb-v ${dur} ${EASE} forwards`
-                    : `pptx-tr-comb-h ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        }
-        case 'strips': {
-            const stripDir = direction === 'lu' || direction === 'ld' || direction === 'ru' || direction === 'rd'
-                ? direction
-                : 'lu';
-            return {
-                outgoing: 'none',
-                incoming: `pptx-tr-strips-${stripDir} ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        }
-        case 'randomBar': {
-            const o = resolveOrientation(direction, orient);
-            return {
-                outgoing: 'none',
-                incoming: o === 'vert'
-                    ? `pptx-tr-randombar-v ${dur} ${EASE} forwards`
-                    : `pptx-tr-randombar-h ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        }
-        case 'newsflash':
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-newsflash-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: false,
-            };
-        // `pull` is the directional alias of `uncover`.
-        case 'pull':
-            return getSlideTransitionAnimations('uncover', durationMs, direction, orient, spokes);
-        case 'morph':
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-        case 'random': {
-            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 well-tested
-        // 2-D CSS behaviour (delegates to an existing case rather than emitting a
-        // plain fade). A faithful per-effect keyframe set is available via
-        // `getP14TransitionAnimations`.
-        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) — symmetrical cross-fade.
-        default:
-            return {
-                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
-                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
-                outgoingOnTop: true,
-            };
-    }
-}
-/**
- * Convenience wrapper that reads everything off a {@link PptxSlideTransition},
- * applying the React/Vue default duration when none is set. `none`/`cut` and a
- * transition with a non-positive duration resolve to {@link INSTANT}.
- */
-function resolveSlideTransition(transition) {
-    if (!transition || transition.type === 'none' || transition.type === 'cut') {
-        return INSTANT;
-    }
-    const durationMs = typeof transition.durationMs === 'number' && transition.durationMs > 0
-        ? transition.durationMs
-        : DEFAULT_TRANSITION_DURATION_MS$1;
-    return getSlideTransitionAnimations(transition.type, durationMs, transition.direction, transition.orient, transition.spokes);
-}
-/**
- * The effective duration (ms) for a transition under the React/Vue policy — the
- * configured `durationMs`, or {@link DEFAULT_TRANSITION_DURATION_MS} when
- * unset/invalid. `none`/`cut` resolve to `0` (instant).
- */
-function resolveTransitionDurationMs(transition) {
-    if (!transition || transition.type === 'none' || transition.type === 'cut') {
-        return 0;
-    }
-    return typeof transition.durationMs === 'number' && transition.durationMs > 0
-        ? transition.durationMs
-        : DEFAULT_TRANSITION_DURATION_MS$1;
-}
-
-/**
- * `p14-transition-keyframes` — CSS `@keyframes` for the 18 additional Office
- * 2010 (`p14` namespace) slide transitions, complementing the core
- * `slide-transition-keyframes`. All names share the `pptx-tr-*` prefix.
- *
- * Split into two string blocks purely to keep individual definitions grouped;
- * {@link P14_TRANSITION_KEYFRAMES_ALL} concatenates both for one-shot injection,
- * while {@link P14_TRANSITION_KEYFRAMES} / {@link P14_TRANSITION_KEYFRAMES_2}
- * preserve the React binding's original two-part public surface.
- *
- * @module render/p14-transition-keyframes
- */
-/** Part 1: conveyor / doors / ferris / flash / flythrough / gallery / glitter / honeycomb / pan. */
-const P14_TRANSITION_KEYFRAMES = `
-/* ── Conveyor (translate X with staggered timing) ──────────────────── */
-@keyframes pptx-tr-conveyor-in-from-right {
-	from { transform: translateX(100%) rotateY(-30deg); }
-	60%  { transform: translateX(20%) rotateY(-10deg); }
-	to   { transform: translateX(0) rotateY(0deg); }
-}
-@keyframes pptx-tr-conveyor-out-to-left {
-	from { transform: translateX(0) rotateY(0deg); }
-	40%  { transform: translateX(-20%) rotateY(10deg); }
-	to   { transform: translateX(-100%) rotateY(30deg); }
-}
-@keyframes pptx-tr-conveyor-in-from-left {
-	from { transform: translateX(-100%) rotateY(30deg); }
-	60%  { transform: translateX(-20%) rotateY(10deg); }
-	to   { transform: translateX(0) rotateY(0deg); }
-}
-@keyframes pptx-tr-conveyor-out-to-right {
-	from { transform: translateX(0) rotateY(0deg); }
-	40%  { transform: translateX(20%) rotateY(-10deg); }
-	to   { transform: translateX(100%) rotateY(-30deg); }
-}
-
-/* ── Doors (clip-path from center split) ──────────────────────────── */
-@keyframes pptx-tr-doors-horz {
-	from { clip-path: inset(0 50%); }
-	to   { clip-path: inset(0 0); }
-}
-@keyframes pptx-tr-doors-vert {
-	from { clip-path: inset(50% 0); }
-	to   { clip-path: inset(0 0); }
-}
-
-/* ── Ferris (rotate elements around center) ───────────────────────── */
-@keyframes pptx-tr-ferris-in-from-right {
-	from { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }
-	to   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
-}
-@keyframes pptx-tr-ferris-out-to-left {
-	from { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
-	to   { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }
-}
-@keyframes pptx-tr-ferris-in-from-left {
-	from { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }
-	to   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
-}
-@keyframes pptx-tr-ferris-out-to-right {
-	from { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }
-	to   { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }
-}
-
-/* ── Flash (bright flash opacity burst) ──────────────────────────── */
-@keyframes pptx-tr-flash-white {
-	0%   { opacity: 1; }
-	30%  { opacity: 0; }
-	50%  { opacity: 0; }
-	100% { opacity: 1; }
-}
-@keyframes pptx-tr-flash-in {
-	0%   { opacity: 0; }
-	50%  { opacity: 0; }
-	70%  { opacity: 1; }
-	100% { opacity: 1; }
-}
-
-/* ── Flythrough (scale + translate Z-axis feel) ──────────────────── */
-@keyframes pptx-tr-flythrough-in {
-	from { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }
-	to   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
-}
-@keyframes pptx-tr-flythrough-out {
-	from { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
-	to   { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }
-}
-@keyframes pptx-tr-flythrough-reverse-in {
-	from { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }
-	to   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
-}
-@keyframes pptx-tr-flythrough-reverse-out {
-	from { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }
-	to   { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }
-}
-
-/* ── Gallery (translate with perspective) ─────────────────────────── */
-@keyframes pptx-tr-gallery-in-from-right {
-	from { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }
-	to   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
-}
-@keyframes pptx-tr-gallery-out-to-left {
-	from { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
-	to   { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }
-}
-@keyframes pptx-tr-gallery-in-from-left {
-	from { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }
-	to   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
-}
-@keyframes pptx-tr-gallery-out-to-right {
-	from { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }
-	to   { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }
-}
-
-/* ── Glitter (particle dissolve effect) ──────────────────────────── */
-@keyframes pptx-tr-glitter-in {
-	from { opacity: 0; filter: brightness(1.5) contrast(1.3) blur(2px); }
-	60%  { opacity: 0.7; filter: brightness(1.2) contrast(1.1) blur(1px); }
-	to   { opacity: 1; filter: brightness(1) contrast(1) blur(0); }
-}
-
-/* ── Honeycomb (hexagonal reveal) ────────────────────────────────── */
-@keyframes pptx-tr-honeycomb-in {
-	from {
-		clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
-		opacity: 0;
-	}
-	to {
-		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-		opacity: 1;
-	}
-}
-@keyframes pptx-tr-honeycomb-out {
-	from { opacity: 1; }
-	to   { opacity: 0; filter: blur(2px); }
-}
-
-/* ── Pan (large-scale translate) ─────────────────────────────────── */
-@keyframes pptx-tr-pan-from-right {
-	from { transform: translateX(100%); }
-	to   { transform: translateX(0); }
-}
-@keyframes pptx-tr-pan-to-left {
-	from { transform: translateX(0); }
-	to   { transform: translateX(-100%); }
-}
-@keyframes pptx-tr-pan-from-left {
-	from { transform: translateX(-100%); }
-	to   { transform: translateX(0); }
-}
-@keyframes pptx-tr-pan-to-right {
-	from { transform: translateX(0); }
-	to   { transform: translateX(100%); }
-}
-@keyframes pptx-tr-pan-from-bottom {
-	from { transform: translateY(100%); }
-	to   { transform: translateY(0); }
-}
-@keyframes pptx-tr-pan-to-top {
-	from { transform: translateY(0); }
-	to   { transform: translateY(-100%); }
-}
-@keyframes pptx-tr-pan-from-top {
-	from { transform: translateY(-100%); }
-	to   { transform: translateY(0); }
-}
-@keyframes pptx-tr-pan-to-bottom {
-	from { transform: translateY(0); }
-	to   { transform: translateY(100%); }
-}
-`;
-/** Part 2: prism / reveal / ripple / shred / switch / vortex / warp / wheelReverse / window. */
-const P14_TRANSITION_KEYFRAMES_2 = `
-/* ── Prism (3D rotation via perspective transform) ───────────────── */
-@keyframes pptx-tr-prism-in-from-right {
-	from { transform: perspective(800px) rotateY(-90deg) translateX(50%); opacity: 0; }
-	to   { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
-}
-@keyframes pptx-tr-prism-out-to-left {
-	from { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
-	to   { transform: perspective(800px) rotateY(90deg) translateX(-50%); opacity: 0; }
-}
-@keyframes pptx-tr-prism-in-from-left {
-	from { transform: perspective(800px) rotateY(90deg) translateX(-50%); opacity: 0; }
-	to   { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
-}
-@keyframes pptx-tr-prism-out-to-right {
-	from { transform: perspective(800px) rotateY(0deg) translateX(0); opacity: 1; }
-	to   { transform: perspective(800px) rotateY(-90deg) translateX(50%); opacity: 0; }
-}
-@keyframes pptx-tr-prism-in-from-bottom {
-	from { transform: perspective(800px) rotateX(90deg) translateY(50%); opacity: 0; }
-	to   { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
-}
-@keyframes pptx-tr-prism-out-to-top {
-	from { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
-	to   { transform: perspective(800px) rotateX(-90deg) translateY(-50%); opacity: 0; }
-}
-@keyframes pptx-tr-prism-in-from-top {
-	from { transform: perspective(800px) rotateX(-90deg) translateY(-50%); opacity: 0; }
-	to   { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
-}
-@keyframes pptx-tr-prism-out-to-bottom {
-	from { transform: perspective(800px) rotateX(0deg) translateY(0); opacity: 1; }
-	to   { transform: perspective(800px) rotateX(90deg) translateY(50%); opacity: 0; }
-}
-
-/* ── Reveal (slide away reveal) ──────────────────────────────────── */
-@keyframes pptx-tr-reveal-out-to-right {
-	from { transform: translateX(0); }
-	to   { transform: translateX(100%); }
-}
-@keyframes pptx-tr-reveal-out-to-left {
-	from { transform: translateX(0); }
-	to   { transform: translateX(-100%); }
-}
-@keyframes pptx-tr-reveal-in {
-	from { opacity: 0.5; }
-	to   { opacity: 1; }
-}
-
-/* ── Ripple (expanding ring clip-path) ───────────────────────────── */
-@keyframes pptx-tr-ripple-in {
-	from { clip-path: circle(0% at 50% 50%); opacity: 0.5; }
-	30%  { clip-path: circle(20% at 50% 50%); opacity: 0.7; }
-	60%  { clip-path: circle(50% at 50% 50%); opacity: 0.9; }
-	to   { clip-path: circle(75% at 50% 50%); opacity: 1; }
-}
-
-/* ── Shred (fragmented clip-path pieces) ─────────────────────────── */
-@keyframes pptx-tr-shred-strips-in {
-	from { clip-path: inset(0 100% 0 0); opacity: 0; }
-	30%  { clip-path: inset(0 60% 0 0); opacity: 0.5; }
-	to   { clip-path: inset(0); opacity: 1; }
-}
-@keyframes pptx-tr-shred-rectangles-in {
-	from { clip-path: inset(50%); opacity: 0; }
-	40%  { clip-path: inset(20%); opacity: 0.6; }
-	to   { clip-path: inset(0); opacity: 1; }
-}
-@keyframes pptx-tr-shred-out {
-	from { opacity: 1; }
-	to   { opacity: 0; filter: blur(2px); }
-}
-
-/* ── Switch (flip/rotate swap) ───────────────────────────────────── */
-@keyframes pptx-tr-switch-in-from-right {
-	from { transform: perspective(800px) rotateY(-180deg); opacity: 0; }
-	to   { transform: perspective(800px) rotateY(0deg); opacity: 1; }
-}
-@keyframes pptx-tr-switch-out-to-left {
-	from { transform: perspective(800px) rotateY(0deg); opacity: 1; }
-	to   { transform: perspective(800px) rotateY(180deg); opacity: 0; }
-}
-@keyframes pptx-tr-switch-in-from-left {
-	from { transform: perspective(800px) rotateY(180deg); opacity: 0; }
-	to   { transform: perspective(800px) rotateY(0deg); opacity: 1; }
-}
-@keyframes pptx-tr-switch-out-to-right {
-	from { transform: perspective(800px) rotateY(0deg); opacity: 1; }
-	to   { transform: perspective(800px) rotateY(-180deg); opacity: 0; }
-}
-
-/* ── Vortex (rotate + scale spiral) ──────────────────────────────── */
-@keyframes pptx-tr-vortex-in {
-	from { transform: rotate(720deg) scale(0); opacity: 0; }
-	to   { transform: rotate(0deg) scale(1); opacity: 1; }
-}
-@keyframes pptx-tr-vortex-out {
-	from { transform: rotate(0deg) scale(1); opacity: 1; }
-	to   { transform: rotate(-720deg) scale(0); opacity: 0; }
-}
-
-/* ── Warp (skew distortion) ──────────────────────────────────────── */
-@keyframes pptx-tr-warp-in {
-	from { transform: scale(0.3) skewX(30deg) skewY(15deg); opacity: 0; }
-	50%  { transform: scale(0.8) skewX(-5deg) skewY(-3deg); opacity: 0.7; }
-	to   { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; }
-}
-@keyframes pptx-tr-warp-out {
-	from { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; }
-	50%  { transform: scale(0.8) skewX(5deg) skewY(3deg); opacity: 0.7; }
-	to   { transform: scale(0.3) skewX(-30deg) skewY(-15deg); opacity: 0; }
-}
-@keyframes pptx-tr-warp-reverse-in {
-	from { transform: scale(3) skewX(-20deg) skewY(-10deg); opacity: 0; filter: blur(4px); }
-	to   { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; filter: blur(0); }
-}
-@keyframes pptx-tr-warp-reverse-out {
-	from { transform: scale(1) skewX(0deg) skewY(0deg); opacity: 1; filter: blur(0); }
-	to   { transform: scale(3) skewX(20deg) skewY(10deg); opacity: 0; filter: blur(4px); }
-}
-
-/* ── WheelReverse (reverse wheel rotation) ───────────────────────── */
-@keyframes pptx-tr-wheel-reverse-in {
-	from { clip-path: circle(0% at 50% 50%); transform: rotate(180deg); }
-	to   { clip-path: circle(75% at 50% 50%); transform: rotate(0deg); }
-}
-
-/* ── Window (scale from center with border) ──────────────────────── */
-@keyframes pptx-tr-window-horz {
-	from { clip-path: inset(0 50%); }
-	to   { clip-path: inset(0 0); }
-}
-@keyframes pptx-tr-window-vert {
-	from { clip-path: inset(50% 0); }
-	to   { clip-path: inset(0 0); }
-}
-@keyframes pptx-tr-window-out {
-	from { opacity: 1; transform: scale(1); }
-	to   { opacity: 0; transform: scale(0.9); }
-}
-`;
-/** Both p14 keyframe blocks concatenated, for single `<style>` injection. */
-const P14_TRANSITION_KEYFRAMES_ALL = `${P14_TRANSITION_KEYFRAMES}\n${P14_TRANSITION_KEYFRAMES_2}`;
-
 /**
  * `p14-transition-css` — animation resolver for the Office 2010 (`p14`
  * namespace) slide transitions. Maps each p14 transition type to the faithful
@@ -28663,7 +29248,10 @@ function resolveCardinal(direction) {
             return 'left';
     }
 }
-/** Build a directional transition pair given a per-direction keyframe prefix. */
+/**
+ * Build a directional pair using the bare `to-X` / `from-Y` suffixes (the `pan`
+ * keyframes use this naming).
+ */
 function directionalPair(direction, prefix, dur, ease) {
     const dir = resolveCardinal(direction);
     const opposites = {
@@ -28679,6 +29267,25 @@ function directionalPair(direction, prefix, dur, ease) {
         outgoingOnTop: false,
     };
 }
+/**
+ * Build a directional pair using the explicit `out-to-X` / `in-from-Y` suffixes
+ * (the `prism` keyframes use this naming, matching conveyor/switch/gallery).
+ */
+function cardinalOutInPair(direction, prefix, dur, ease) {
+    const dir = resolveCardinal(direction);
+    const map = {
+        left: ['out-to-left', 'in-from-right'],
+        right: ['out-to-right', 'in-from-left'],
+        up: ['out-to-top', 'in-from-bottom'],
+        down: ['out-to-bottom', 'in-from-top'],
+    };
+    const [outSuffix, inSuffix] = map[dir];
+    return {
+        outgoing: `${prefix}-${outSuffix} ${dur} ${ease} forwards`,
+        incoming: `${prefix}-${inSuffix} ${dur} ${ease} forwards`,
+        outgoingOnTop: false,
+    };
+}
 /**
  * Return CSS animation descriptors for p14 transition types. Returns
  * `undefined` when the type is not a p14 transition.
@@ -28778,7 +29385,7 @@ function getP14TransitionAnimations(type, durationMs, direction, orient) {
         case 'pan':
             return directionalPair(direction, 'pptx-tr-pan', dur, ease);
         case 'prism':
-            return directionalPair(direction, 'pptx-tr-prism', dur, ease);
+            return cardinalOutInPair(direction, 'pptx-tr-prism', dur, ease);
         case 'reveal': {
             const lr = resolveLR(direction);
             return {
@@ -28862,6 +29469,314 @@ function getP14TransitionAnimations(type, durationMs, direction, orient) {
     }
 }
 
+/**
+ * `slide-transition-css` — pure mapping from a {@link PptxSlideTransition}
+ * (type + duration + direction/orientation) to the CSS `animation` shorthand
+ * pieces used by each binding's presentation-mode transition overlay during a
+ * slide change.
+ *
+ * Consolidates the React `transition-resolver` / `transition-helpers` /
+ * `transition-keyframes` trio, the Vue `slide-transition-css`, and the Angular
+ * `transition-helpers` into one framework-agnostic module:
+ *
+ *  - {@link getSlideTransitionAnimations} resolves a transition to the
+ *    `animation` shorthand strings for the outgoing (old) and incoming (new)
+ *    slide layers, plus whether the outgoing layer sits on top.
+ *  - the `@keyframes` referenced live in `slide-transition-keyframes`
+ *    (`SLIDE_TRANSITION_KEYFRAMES`), injected once via a `<style>` element.
+ *
+ * Superset note: the exotic / 3-D transition family (`pan`/`gallery`/
+ * `conveyor`/`reveal`/`doors`/`switch`/`flythrough`/`ferris`/`prism`/`ripple`/
+ * `honeycomb`/`glitter`/`shred`/`flash`/`vortex`/`warp`/`wheelReverse`/`window`)
+ * is rendered faithfully by delegating to {@link getP14TransitionAnimations}
+ * (its `@keyframes` live in `p14-transition-keyframes` and are folded into
+ * `SLIDE_TRANSITION_KEYFRAMES`). The classic set and the newer p15 cinematic
+ * types with no dedicated keyframes (`cube`/`flip`/`rotate`/`orbit`/`fracture`/
+ * `peelOff`/`pageCurl*`/`airplane`/`origami`, etc.) fall back to a symmetrical
+ * cross-fade.
+ *
+ * Everything here is pure and unit-testable: no framework imports, no DOM.
+ *
+ * @module render/slide-transition-css
+ */
+/**
+ * Map a {@link PptxTransitionType} (+ duration/direction/orient/spokes) to the
+ * concrete CSS `animation` descriptors for the outgoing and incoming layers.
+ *
+ * Unknown types fall back to a symmetrical cross-fade.
+ */
+function getSlideTransitionAnimations(type, durationMs, direction, orient, spokes) {
+    const dur = `${durationMs}ms`;
+    // `spokes` is reserved for future wheel spoke-count support; forwarded only
+    // through recursive calls (random / pull aliases).
+    void spokes;
+    // Prefer the faithful Office 2010 (p14) keyframe set for the exotic / 3-D
+    // transition family (conveyor/doors/ferris/flash/flythrough/gallery/glitter/
+    // honeycomb/pan/prism/reveal/ripple/shred/switch/vortex/warp/wheelReverse/
+    // window). Returns `undefined` for the classic set, which falls through to
+    // the 2-D CSS cases below. The p14 `@keyframes` are folded into
+    // `SLIDE_TRANSITION_KEYFRAMES`, so every binding that injects that block
+    // animates these faithfully with no per-binding wiring.
+    const p14 = getP14TransitionAnimations(type, durationMs, direction, orient);
+    if (p14) {
+        return p14;
+    }
+    switch (type) {
+        case 'none':
+        case 'cut':
+            return INSTANT;
+        case 'fade':
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+        case 'push': {
+            const dir = resolveDirection(direction, 'left');
+            const configs = {
+                left: {
+                    outgoing: `pptx-tr-push-out-to-left ${dur} ${EASE} forwards`,
+                    incoming: `pptx-tr-push-in-from-right ${dur} ${EASE} forwards`,
+                    outgoingOnTop: false,
+                },
+                right: {
+                    outgoing: `pptx-tr-push-out-to-right ${dur} ${EASE} forwards`,
+                    incoming: `pptx-tr-push-in-from-left ${dur} ${EASE} forwards`,
+                    outgoingOnTop: false,
+                },
+                up: {
+                    outgoing: `pptx-tr-push-out-to-top ${dur} ${EASE} forwards`,
+                    incoming: `pptx-tr-push-in-from-bottom ${dur} ${EASE} forwards`,
+                    outgoingOnTop: false,
+                },
+                down: {
+                    outgoing: `pptx-tr-push-out-to-bottom ${dur} ${EASE} forwards`,
+                    incoming: `pptx-tr-push-in-from-top ${dur} ${EASE} forwards`,
+                    outgoingOnTop: false,
+                },
+            };
+            return configs[dir];
+        }
+        case 'wipe': {
+            const dir = resolveDirection(direction, 'left');
+            const wipeNames = {
+                left: `pptx-tr-wipe-from-left ${dur} ${EASE} forwards`,
+                right: `pptx-tr-wipe-from-right ${dur} ${EASE} forwards`,
+                up: `pptx-tr-wipe-from-top ${dur} ${EASE} forwards`,
+                down: `pptx-tr-wipe-from-bottom ${dur} ${EASE} forwards`,
+            };
+            return {
+                outgoing: 'none',
+                incoming: wipeNames[dir],
+                outgoingOnTop: false,
+            };
+        }
+        case 'cover': {
+            const dir = resolveDirection8(direction, 'left');
+            const coverMap = {
+                left: `pptx-tr-cover-from-left ${dur} ${EASE} forwards`,
+                right: `pptx-tr-cover-from-right ${dur} ${EASE} forwards`,
+                up: `pptx-tr-cover-from-top ${dur} ${EASE} forwards`,
+                down: `pptx-tr-cover-from-bottom ${dur} ${EASE} forwards`,
+                lu: `pptx-tr-cover-from-lu ${dur} ${EASE} forwards`,
+                ld: `pptx-tr-cover-from-ld ${dur} ${EASE} forwards`,
+                ru: `pptx-tr-cover-from-ru ${dur} ${EASE} forwards`,
+                rd: `pptx-tr-cover-from-rd ${dur} ${EASE} forwards`,
+            };
+            return {
+                outgoing: 'none',
+                incoming: coverMap[dir],
+                outgoingOnTop: false,
+            };
+        }
+        case 'uncover': {
+            const dir = resolveDirection8(direction, 'left');
+            const uncoverMap = {
+                left: `pptx-tr-uncover-to-left ${dur} ${EASE} forwards`,
+                right: `pptx-tr-uncover-to-right ${dur} ${EASE} forwards`,
+                up: `pptx-tr-uncover-to-top ${dur} ${EASE} forwards`,
+                down: `pptx-tr-uncover-to-bottom ${dur} ${EASE} forwards`,
+                lu: `pptx-tr-uncover-to-lu ${dur} ${EASE} forwards`,
+                ld: `pptx-tr-uncover-to-ld ${dur} ${EASE} forwards`,
+                ru: `pptx-tr-uncover-to-ru ${dur} ${EASE} forwards`,
+                rd: `pptx-tr-uncover-to-rd ${dur} ${EASE} forwards`,
+            };
+            return {
+                outgoing: uncoverMap[dir],
+                incoming: 'none',
+                outgoingOnTop: true,
+            };
+        }
+        case 'split': {
+            const o = resolveOrientation(undefined, orient);
+            const isOut = direction !== 'in';
+            if (isOut) {
+                return {
+                    outgoing: 'none',
+                    incoming: o === 'vert'
+                        ? `pptx-tr-split-v-out ${dur} ${EASE} forwards`
+                        : `pptx-tr-split-h-out ${dur} ${EASE} forwards`,
+                    outgoingOnTop: false,
+                };
+            }
+            return {
+                outgoing: o === 'vert'
+                    ? `pptx-tr-split-v-in ${dur} ${EASE} forwards`
+                    : `pptx-tr-split-h-in ${dur} ${EASE} forwards`,
+                incoming: 'none',
+                outgoingOnTop: true,
+            };
+        }
+        case 'dissolve':
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-dissolve-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+        case 'circle':
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-circle-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        case 'diamond':
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-diamond-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        case 'plus':
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-plus-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        case 'wedge':
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-wedge-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        case 'wheel':
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-wheel-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        case 'zoom':
+            return {
+                outgoing: `pptx-tr-zoom-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-zoom-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+        case 'blinds': {
+            const o = resolveOrientation(direction, orient);
+            return {
+                outgoing: 'none',
+                incoming: o === 'vert'
+                    ? `pptx-tr-blinds-v ${dur} ${EASE} forwards`
+                    : `pptx-tr-blinds-h ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        }
+        case 'checker':
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-checker-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+        case 'comb': {
+            const o = resolveOrientation(direction, orient);
+            return {
+                outgoing: 'none',
+                incoming: o === 'vert'
+                    ? `pptx-tr-comb-v ${dur} ${EASE} forwards`
+                    : `pptx-tr-comb-h ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        }
+        case 'strips': {
+            const stripDir = direction === 'lu' || direction === 'ld' || direction === 'ru' || direction === 'rd'
+                ? direction
+                : 'lu';
+            return {
+                outgoing: 'none',
+                incoming: `pptx-tr-strips-${stripDir} ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        }
+        case 'randomBar': {
+            const o = resolveOrientation(direction, orient);
+            return {
+                outgoing: 'none',
+                incoming: o === 'vert'
+                    ? `pptx-tr-randombar-v ${dur} ${EASE} forwards`
+                    : `pptx-tr-randombar-h ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        }
+        case 'newsflash':
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-newsflash-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: false,
+            };
+        // `pull` is the directional alias of `uncover`.
+        case 'pull':
+            return getSlideTransitionAnimations('uncover', durationMs, direction, orient, spokes);
+        case 'morph':
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+        case 'random': {
+            const randomType = RANDOM_ELIGIBLE_TYPES[Math.floor(Math.random() * RANDOM_ELIGIBLE_TYPES.length)];
+            return getSlideTransitionAnimations(randomType, durationMs, direction, orient, spokes);
+        }
+        // The exotic / 3-D transition family (conveyor/doors/ferris/flash/
+        // flythrough/gallery/glitter/honeycomb/pan/prism/reveal/ripple/shred/
+        // switch/vortex/warp/wheelReverse/window) is handled faithfully above via
+        // `getP14TransitionAnimations` and never reaches this switch.
+        // Fallback (unknown / not-yet-mapped type, e.g. the p15 cinematic set:
+        // cube/flip/rotate/orbit/fracture/peelOff/pageCurl*/airplane/origami)
+        // — symmetrical cross-fade.
+        default:
+            return {
+                outgoing: `pptx-tr-fade-out ${dur} ${EASE} forwards`,
+                incoming: `pptx-tr-fade-in ${dur} ${EASE} forwards`,
+                outgoingOnTop: true,
+            };
+    }
+}
+/**
+ * Convenience wrapper that reads everything off a {@link PptxSlideTransition},
+ * applying the React/Vue default duration when none is set. `none`/`cut` and a
+ * transition with a non-positive duration resolve to {@link INSTANT}.
+ */
+function resolveSlideTransition(transition) {
+    if (!transition || transition.type === 'none' || transition.type === 'cut') {
+        return INSTANT;
+    }
+    const durationMs = typeof transition.durationMs === 'number' && transition.durationMs > 0
+        ? transition.durationMs
+        : DEFAULT_TRANSITION_DURATION_MS$1;
+    return getSlideTransitionAnimations(transition.type, durationMs, transition.direction, transition.orient, transition.spokes);
+}
+/**
+ * The effective duration (ms) for a transition under the React/Vue policy — the
+ * configured `durationMs`, or {@link DEFAULT_TRANSITION_DURATION_MS} when
+ * unset/invalid. `none`/`cut` resolve to `0` (instant).
+ */
+function resolveTransitionDurationMs(transition) {
+    if (!transition || transition.type === 'none' || transition.type === 'cut') {
+        return 0;
+    }
+    return typeof transition.durationMs === 'number' && transition.durationMs > 0
+        ? transition.durationMs
+        : DEFAULT_TRANSITION_DURATION_MS$1;
+}
+
 /**
  * SmartArt layout engine — pure colour / style / tree / family-resolution
  * helpers shared by the React, Vue, and Angular bindings.
@@ -29695,6 +30610,29 @@ function computeTargetLayout(nodes, box, palette, style, elementId) {
  * `import … from 'pptx-viewer-shared'` (or a thin binding shim) yields the full
  * surface the renderers and colocated tests expect.
  */
+/**
+ * Expand a colour palette across `count` nodes.
+ *
+ * For `span`, distributes the nodes evenly along the palette and interpolates
+ * intermediate colours in HSL space (honouring `hueDirection`), so e.g. a
+ * two-colour "colorful range" scheme fades smoothly across many nodes. For
+ * `cycle`/`repeat`/unset, wraps the palette by index (the historic behaviour).
+ */
+function interpolateSmartArtPalette(palette, count, method, hueDirection) {
+    if (count <= 0 || palette.length === 0) {
+        return [];
+    }
+    if (method !== 'span' || palette.length < 2 || count <= palette.length) {
+        return Array.from({ length: count }, (_, i) => palette[i % palette.length]);
+    }
+    const segments = palette.length - 1;
+    return Array.from({ length: count }, (_, i) => {
+        const pos = (i / (count - 1)) * segments;
+        const lower = Math.min(Math.floor(pos), segments - 1);
+        const frac = pos - lower;
+        return interpolateColor(palette[lower], palette[lower + 1], frac, 'hsl', hueDirection);
+    });
+}
 /**
  * Compute the SVG layout for a SmartArt element when drawing shapes are absent.
  *
@@ -29705,32 +30643,40 @@ function computeTargetLayout(nodes, box, palette, style, elementId) {
  * @param elementId           - Element ID (used for stable SVG key generation).
  * @param resolvedLayoutType  - Layout type string from the core parser.
  * @param layout              - Named layout preset.
+ * @param interpolation       - Optional colour-list span/cycle interpolation
+ *                              (from the diagram's colour scheme). When `span`,
+ *                              the palette is expanded into a per-node gradient
+ *                              before layout; otherwise the palette is used
+ *                              as-is and cycled by the family computers.
  * @returns Complete layout geometry for the resolved family.
  */
-function computeSmartArtLayout(nodes, box, palette, style, elementId, resolvedLayoutType, layout) {
+function computeSmartArtLayout(nodes, box, palette, style, elementId, resolvedLayoutType, layout, interpolation) {
     const flat = flattenNodes(nodes);
     const family = resolveLayoutFamily(nodes, resolvedLayoutType, layout);
+    const pal = interpolation?.method === 'span'
+        ? interpolateSmartArtPalette(palette, flat.length, 'span', interpolation.hueDirection)
+        : palette;
     switch (family) {
         case 'list':
-            return computeListLayout(flat, box, palette, style, elementId);
+            return computeListLayout(flat, box, pal, style, elementId);
         case 'process':
-            return computeProcessLayout(flat, box, palette, style, elementId);
+            return computeProcessLayout(flat, box, pal, style, elementId);
         case 'cycle':
-            return computeCycleLayout(flat, box, palette, style, elementId);
+            return computeCycleLayout(flat, box, pal, style, elementId);
         case 'hierarchy':
-            return computeHierarchyLayout(nodes, box, palette, style, elementId);
+            return computeHierarchyLayout(nodes, box, pal, style, elementId);
         case 'matrix':
-            return computeMatrixLayout(flat, box, palette, style, elementId);
+            return computeMatrixLayout(flat, box, pal, style, elementId);
         case 'radial':
-            return computeRadialLayout(flat, box, palette, style, elementId);
+            return computeRadialLayout(flat, box, pal, style, elementId);
         case 'pyramid':
-            return computePyramidLayout(flat, box, palette, style, elementId);
+            return computePyramidLayout(flat, box, pal, style, elementId);
         case 'venn':
-            return computeVennLayout(flat, box, palette, style, elementId);
+            return computeVennLayout(flat, box, pal, style, elementId);
         case 'funnel':
-            return computeFunnelLayout(flat, box, palette, style, elementId);
+            return computeFunnelLayout(flat, box, pal, style, elementId);
         case 'target':
-            return computeTargetLayout(flat, box, palette, style, elementId);
+            return computeTargetLayout(flat, box, pal, style, elementId);
     }
 }
 
@@ -37146,6 +38092,20 @@ function updateViewerPreference(preferences, key, value) {
 function shouldLoopContinuously(input) {
     return Boolean(input.loopContinuously) || input.showType === 'kiosk';
 }
+/**
+ * PowerPoint's "On Mouse Click" advance gate. An on-slide click / tap / swipe
+ * advances the show only when the current slide's transition allows it: a slide
+ * whose transition sets `advanceOnClick` to false is advanced solely by timings
+ * or by explicit navigation (keyboard, on-screen next/prev buttons). An
+ * undefined flag defaults to allowed, preserving the historical
+ * click-to-advance behaviour.
+ *
+ * Only the click / tap / swipe advance may consult this. Keyboard, on-screen
+ * next/prev buttons and timed auto-advance must never be gated by it.
+ */
+function isClickAdvanceAllowed(slide) {
+    return slide?.transition?.advanceOnClick !== false;
+}
 function applyRehearsalTimings(slides, timings) {
     return slides.map((slide, index) => {
         const advanceAfterMs = timings[index];
@@ -67977,6 +68937,16 @@ function hasExitedFullscreen(doc) {
     return !d?.fullscreenElement;
 }
 
+/**
+ * Whether a click/tap/swipe advance must be swallowed instead of moving to the
+ * next slide. A click still steps the current slide's remaining animation
+ * builds, so this only blocks once they are exhausted (`playbackComplete`) and
+ * only when the slide's transition sets advanceOnClick to false. Keyboard and
+ * the on-screen next/prev buttons never consult this.
+ */
+function shouldBlockClickAdvance(playbackComplete, slide) {
+    return playbackComplete && !isClickAdvanceAllowed(slide);
+}
 /**
  * Clamp `index` to the valid range [0, count - 1].
  * Returns 0 when `count` is 0 to avoid -1 states.
@@ -68764,8 +69734,16 @@ class PresentationOverlayComponent {
                 getScale: () => 1,
                 callbacks: {
                     onSwipe: (direction) => {
-                        // direction 1 = swipe right (previous), -1 = swipe left (next).
-                        this.navigate(direction === 1 ? 'prev' : 'next');
+                        // direction 1 = swipe right (previous), -1 = swipe left (next). A
+                        // swipe is PowerPoint's on-click advance, so the forward case is
+                        // gated by the current slide's advanceOnClick flag; a backward
+                        // swipe is explicit navigation and never gated.
+                        if (direction === 1) {
+                            this.navigate('prev');
+                        }
+                        else {
+                            this.advanceFromClick();
+                        }
                     },
                 },
             });
@@ -68876,6 +69854,19 @@ class PresentationOverlayComponent {
         if (this.annotations.tool() !== 'none') {
             return;
         }
+        this.advanceFromClick();
+    }
+    /**
+     * Click/tap/swipe advance. Like every forward step it first reveals the
+     * current slide's next animation build; only once the builds are exhausted
+     * does it advance the slide, and then only when the slide's transition allows
+     * click-advance (advanceOnClick !== false). Keyboard and the on-screen
+     * next/prev buttons call navigate() directly and are never gated.
+     */
+    advanceFromClick() {
+        if (shouldBlockClickAdvance(this.playback.isComplete(), this.currentSlide())) {
+            return;
+        }
         this.navigate('next');
     }
     /** Toggle an annotation tool (clicking the active one disarms it). */
@@ -73953,7 +74944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "1.31.2";
+const PPTX_ANGULAR_VIEWER_VERSION = "1.31.4";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -100780,5 +101771,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_OPTIONS, AUDIENCE_HASH, AUDIENCE_NONCE_KEY, AVATAR_COLOR_SWATCHES, AccessibilityPanelComponent, AccessibilityService, AccountPageComponent, ActionSettingsPanelComponent, AdvancedChartEditorComponent, AnimationAuthorPanelComponent, AnimationPanelComponent, AnimationPlaybackService, AutosaveService, BroadcastDialogComponent, CHART_EDITOR_STYLES, CURSOR_PALETTE, CanvasFitService, ChartAxisOptionsComponent, ChartAxisStyleOptionsComponent, ChartComboTypeOptionsComponent, ChartDataEditorComponent, ChartDataLabelOptionsComponent, ChartDatapointOptionsComponent, ChartDisplayOptionsComponent, ChartElementViewComponent, ChartErrorBarOptionsComponent, ChartMarkerOptionsComponent, ChartPartSelectionService, ChartPrimitivesComponent, ChartRendererComponent, ChartTrendlineOptionsComponent, CollaborationCursorsComponent, CollaborationService, ColorChangedImageComponent, CommentsPanelComponent, CommentsService, ComparePanelComponent, ConnectorRendererComponent, ConnectorTextOverlayComponent, CustomShowsComponent, DATA_TABLE_HEADER_H, DATA_TABLE_KEY_W, DATA_TABLE_PADDING, DATA_TABLE_ROW_H, DEFAULT_BOUNDS, DEFAULT_BROADCAST_SERVER_URL, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_COLOR_SCHEME, DEFAULT_FILL_COLOR, DEFAULT_LAYOUT, DEFAULT_PALETTE$1 as DEFAULT_PALETTE, DEFAULT_PRINT_SETTINGS, DEFAULT_SLIDE_BACKGROUND, DEFAULT_STROKE_COLOR, DEFAULT_STYLE, DEFAULT_TABLE_ROW_HEIGHT, DEFAULT_TEXT_COLOR$1 as DEFAULT_TEXT_COLOR, DEFAULT_VIEWER_PROFILE, DIRECTIONAL_PRESETS, DIRECTION_OPTIONS, DocumentPropertiesCardComponent, EMBEDDED_FONTS_STYLE_ID, EMPHASIS_PRESETS, ENTRANCE_PRESETS, TEMPLATES as EQUATION_TEMPLATES, EXIT_PRESETS, EditorContextMenuComponent, EditorHistory, EditorStateService, EditorToolbarComponent, EffectsPanelComponent, ElementRendererComponent, EmbeddedFontsService, EncryptedFileDialogComponent, EquationEditorDialogComponent, EquationRendererComponent, EquationTemplateGalleryComponent, ExportProgressModalComponent, ExportService, FieldContextService, FindBarComponent, FindReplaceBarComponent, FollowModeBarComponent, FontEmbeddingListComponent, FontEmbeddingPanelComponent, GALLERY_THEME_PRESETS, GradientPickerComponent, HANDOUT_OPTIONS, HeaderFooterDialogComponent, HyperlinkDialogComponent, ImagePropertiesPanelComponent, InkDrawingService, InkRendererComponent, InsertSmartArtDialogComponent, InspectorPaneHeaderComponent, InspectorPanelComponent, IsMobileService, KeepAnnotationsDialogComponent, LOCALE_CATALOG, LONG_PRESS_DURATION_MS, LONG_PRESS_MOVE_TOLERANCE_PX, LoadContentService, LocalPresencePublisher, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MediaPreviewComponent, MediaPropertiesPanelComponent, MediaRendererComponent, MediaTrimTimelineComponent, MobileBottomBarComponent, MobileMenuSheetComponent, MobilePresenterViewComponent, MobileSheetComponent, MobileSlidesSheetComponent, MobileToolbarComponent, ModalDialogComponent, Model3DRendererComponent, NotesHandoutCardComponent, NotesPanelComponent, NotesToolbarComponent, OleRendererComponent, POWER_POINT_VIEWER_PROVIDERS, PRESENTER_CHANNEL_NAME, PRESENTER_MSG_ORIGIN, PasswordProtectionDialogComponent, PasswordStrengthMeterComponent, PowerPointViewerComponent, PresentationAnnotationOverlayComponent, PresentationAnnotationsService, PresentationOverlayComponent, PresentationPropertiesPanelComponent, PresentationSettingsCardComponent, PresentationSubtitleBarComponent, PresentationTransitionOverlayComponent, PresenterViewComponent, PresenterWindowService, PrintDialogComponent, PrintService, PrintSettingsPanelComponent, PropertiesDialogComponent, REPEAT_MODE_OPTIONS, RESIZE_HANDLES, RULER_THICKNESS, RemoteSelectionOverlayComponent, RibbonAnimationsSectionComponent, RibbonArrangeSectionComponent, RibbonColorPopoverComponent, RibbonComponent, RibbonDesignSectionComponent, RibbonDrawSectionComponent, RibbonDrawingGroupComponent, RibbonEditingSectionComponent, RibbonFileSectionComponent, RibbonFontControlsComponent, RibbonHomeSectionComponent, RibbonInsertFieldsComponent, RibbonInsertSectionComponent, RibbonParagraphControlsComponent, RibbonPrimaryRowComponent, RibbonReviewSectionComponent, RibbonSlideshowSectionComponent, RibbonTransitionsSectionComponent, RibbonViewSectionComponent, RulerGuidesService, SEQUENCE_OPTIONS, SEVERITY_GROUPS, SEVERITY_LABELS, SHORTCUT_REFERENCE_ITEMS, SLIDE_PX_PER_INCH, SLIDE_TRANSITION_KEYFRAMES, DEFAULT_PALETTE as SMARTART_DEFAULT_PALETTE, PALETTES$1 as SMARTART_PALETTES, SMART_ART_COLOR_SCHEMES, SMART_ART_STYLE_OPTIONS, SUB_ITEM_LABEL, SVG_WARP_PRESETS, SWIPE_MAX_VERTICAL_PX, SWIPE_THRESHOLD_PX, SelectionPaneComponent, SetUpSlideShowDialogComponent, SettingsAppearanceTabComponent, SettingsDialogComponent, SettingsLanguageTabComponent, ShareDialogComponent, ShortcutPanelComponent, ShowOptionsFieldsetComponent, ShowSlidesFieldsetComponent, SignatureStrippedDialogComponent, SignaturesPanelComponent, SignaturesService, SlideCanvasComponent, SlideDefaultInspectorComponent, SlideDiffChangesComponent, SlideDiffRowComponent, SlideDiffThumbnailsComponent, SlideSizeCardComponent, SlideSorterOverlayComponent, SlideThemeOverridePanelComponent, SlidesPanelComponent, SmartArt3DRendererComponent, SmartArt3DService, SmartArtPreviewComponent, SmartArtPropertiesComponent, SmartArtRendererComponent, StatusBarComponent, TABLE_STRUCTURE_TOGGLES, TEXT_DIRECTION_OPTIONS$1 as TEXT_DIRECTION_OPTIONS, THEME_CATALOG, TIMING_CURVE_OPTIONS, TRIGGER_OPTIONS, TYPE_LABELS, TableCellAdvancedFillComponent, TableCellFormattingComponent, TableDataEditorComponent, TablePropertiesComponent, TableRendererComponent, TableResizeOverlayComponent, TableSelectionService, TextAdvancedPanelComponent, ThemeEditorFieldsComponent, ThemeGalleryComponent, ThemeSelectorCardComponent, TitleBarComponent, VALIGN_OPTIONS, VIEWER_THEME, VersionHistoryPanelComponent, ViewerCanvasEditingService, ViewerCollabCursorService, ViewerCollaborationSessionService, ViewerCompareService, ViewerCustomShowsService, ViewerDialogsService, ViewerDocumentPropertiesService, ViewerExportService, ViewerExtraDialogsComponent, ViewerFileIOService, ViewerFindReplaceService, ViewerFormatPainterService, ViewerInspectorPanelService, ViewerKeyboardService, ViewerMobileSheetService, ViewerPresentationModeService, ViewerThemeGalleryService, ViewerTouchGesturesService, ViewerZoomService, WEBM_MIME_CANDIDATES, WriteBackScheduler, ZoomNavigationService, ZoomRendererComponent, ZoomTargetService, addCategory, addCommentToList, addGradientStopPatch, addItem, addSeries, addSubItem, advanceStep, alignPatch, animationFor, annotationMapToInkInserts, applyAcceptedDiff, applyAnimationPreset, applyFindReplacements, applyFormatToElement, applyMove, applyResize, applyTableStylePreset, asMediaElement, assignUserColor, attachTouchGestures, beginNodeEdit, boolFromEvent, bringForward, bringToFront, buildBarActions, buildBroadcastConfig, buildBroadcastViewerUrl, buildCategoryLabels, buildCellParagraphs, buildChartViewModel, buildChromeStyle, buildClearHyperlinkPatch, buildClickGroups, buildColStyles, buildCollaborationConfig, buildComboViewModel, buildCssGradientFromShapeStyle, buildDuotoneFilter, buildDuotoneFilterId, buildEmbeddedFontStyles, buildEquationElement, buildEquationSegment, buildFallbackViewModel, buildFontFaceRule, buildGradientFillCss, buildGridlinesAndLabels, buildHyperlinkPatch, buildInkContainerStyle, buildInkStrokes, buildLegend, buildModel3DContainerStyle, buildModel3DViewModel, buildOleActionModel, buildOleInfoRows, buildPatternFillCss, buildPrintHtmlDocument as buildPrintDocument, buildPropertiesPatch, buildRegionMapViewModel, buildSaveSlides, buildShareUrl, buildSmartArtInsertElement, buildSmartArtNodes, buildStockViewModel, buildSurfaceViewModel, buildTableViewModel, buildTreemapViewModel, buildTrimFragment, buildWaterfallViewModel, buildZeroLine, buildZoomContainerStyle, buildZoomViewModel, bulletIndentPx, canAddTopLevelNode, canRemoveTopLevelNode, canStartBroadcast, canStartShare, canUseClipboard, captionDisplayText, cellRunStyle, cellStyleToStyleMap, cellTdStyle, changeCountLabel, changeIcon, characterSpacingPatch, checkFontAvailable, clampCursorPosition, clampGifDimensions, clampIndex, clampNotesFontSize, clampScale, clampStep, clearAllLocalViewerData, clearAudienceContent, cn, collectAccessibilityIssues, collectElementText, collectSlideText, collectUsedFontFamilies, columnWidthStyle, commitNodeText, computeAlign, computeAxisTitlePrimitives, computeBarRects, computeBubbleRadius, computeCornerHandle, computeDataTablePrimitives, computeDistribute, computeDrawingViewBox, computeErrorBarPrimitives, computeHandleBoxes, computeHandoutLayout, computeIsMobile, computeIsTablet, computeLinePoints, computeLinearRegression, computePageCount, computePieLayout, computePieSlicePath, computePieSlices, computePlotLayout, computeRSquared, computeRadarPoints, computeScatterDots, computeSelectionBoxes, computeSingleSelected, computeSlideIndices, computeSnap, computeStackedBarRects, computeStackedValueRange, computeTextLines, computeTimerProgress, computeTrendlinePrimitives, computeValueRange, convertOmmlToMathMl, copyFormatFromElement, countAccessibilityIssues, countAnnotationStrokes, createCustomShow, createSwipeDismissDrag, createWebrtcBundle, createWebsocketBundle, cssObjectToStyleMap, currentColorScheme, currentLayout, currentStyle, defaultCssVars, defaultRadius, defaultThemeColors, deleteElementsByIds, deleteVersion as deleteRecoveryVersion, demoteNode, deriveModel3DBlobUrl, derivePresenceList, describeSmartArtBounds, disableGlowPatch, disableInnerShadowPatch, disableOuterShadowPatch, disableReflectionPatch, disableSoftEdgePatch, duplicateElementById, durationOf, effectsStateOf, enableGlowPatch, enableInnerShadowPatch, enableOuterShadowPatch, enableReflectionPatch, enableSoftEdgePatch, encodeGif, estimatePageCount, evenColumnWidths, evenRowHeights, exitPresentationFullscreen, extractPathPoints, eyedropperAvailable, fillColorOf, findInSlides, findOwningSlideIndex, findSlideIndexByElementId, fitPolynomial, fitZoom, fontMimeForFormat, fontSizeOf, formatAutoNumber, formatAxisValue, formatBytes, formatCursorLabel, formatElapsed, formatFileSize, formatPropertyDate, formatTime, fpsToFrameIntervalMs, generateBroadcastRoomId, generateCommentId, generateCustomShowId, generatePressureCircles, generateRulerTicks, getClrChangeParams, getContainerStyle, getDuotoneFilterDef, getImageSrc, getLocalStorageUsageSummary, getOleAriaLabel, getOleBadgeLabel, getOleDisplayName, getOleDownloadFileName, getOleTypeColor, getOleTypeLabel, getPasswordStrength, getPatternSvg, getPlaceholderStyle, getVersions as getRecoveryVersions, getResolvedShapeClipPath, getResolvedShapeClipPathFor, getShapeFillStrokeStyle, getSlideBackgroundStyle, getSlideTransitionAnimations, getSmartArtNodeBounds, getSpeechRecognitionCtor, getTextBlockStyle, getTextWarp, getTouchDistance, getWarpCategory, getWarpPath, gradientStateFromStyle, gradientStateOf, gradientStatePatch, gridColumns, groupElements, groupIssuesBySeverity, hasAnimation, hasCopyableFormat, hasExistingLink, hasExitedFullscreen, hasGradientFill, hasPressureVariation, headerLabel, inkViewBox, insertColumn, insertRow, interpolateWidth, isAudienceTab, isBold, isBrowserOpenableMime, isChildNode, isElementInteractive, isInjectableUrl, isItalic, isPpactionUrl, isPresenterMessage, isSigned, isTextElement, isUnderline, isUrlSafe, isValidRoomId, isViewportBackgroundPressTarget, isZoomActivationKey, issueTrackKey, issueTypeLabel, keyToLabel, latexToMathml, linePointsToSvgString, lineSpacingPatch, loadAudienceContent, mergeCaptionResults, mergeDown, mergeRight, mergeSelection, moveElementBy, moveNodeDown, moveNodeUp, msToFrameDelayCs, narrowToCircle, narrowToPolygon, narrowToRect, newChartElement, newEquationElement, newPresetShapeElement, newShapeElement, newSmartArtElement, newTableElement, newTextElement, nextVisibleIndex, nodeBold, nodeEditBox, nodeFillColor, nodeFontColor, nodeIdFromKey, nodeItalic, nodeStyle, normalizeFontFormat, normalizeSlidesPerPage, normalizeValue, numFromEvent, ommlToMathml, ooxmlDashToCssBorderStyle, openNativeEyeDropper, overallStatus, paletteColor, parseAudienceNonce, parseNodeTextarea, partitionSlides, patchChartData, patchChartStyle, patchTableData, patchTextStyle, pendingElementStyles, pickColorByClickFallback, pickSupportedMimeType, planGifFrames, planVideoSegments, pointsToSvgPathD, presenceToCursors, presetByLayout, presetsForCategory, pressuresToWidths, prevVisibleIndex, projectDrawingShapes, promoteNode, provideViewerTheme, radarAngle, radarRingPoints, recordWebm, redistributeColumnWidth, removeAnimation, removeCategory, removeColumn, removeCommentFromList, removeElementAnimation, removeGradientStopPatch, removeNode, removeRow, removeSeries, renderToCanvas, reorderAnimationDown, reorderAnimationUp, replaceInSlides, replaceMatch, requestPresentationFullscreen, resizeElement, resolveCaptionTracks, resolveChartKind, resolveFontVariant, resolveHyperlinkHref, resolveInteractiveElementId, resolveMediaSrc, resolveOleType, resolveParagraphBullet, resolvePresenterNotes, resolveProfileInitial, resolveRegionCode, resolvePalette as resolveSmartArtPalette, resolveThemeCatalogEntry, resolveTransitionDuration, revealedElementStyles, routeOrthogonalConnector, rowStyle, sampleColorFromSlide, sanitizeColor, sanitizeSlideIndex, sanitizeUserName, saveViewerProfile, scanAvailableFonts, searchSlides, seedBroadcastFields, seedHyperlinkDraft, seedPropertiesDraft, seedShareFields, segmentFrameCount, selectValue$2 as selectValue, sendBackward, sendToBack, sequentialColorScale, serializeWriteBack, seriesColor, setAnimationEmphasis, setAnimationEntrance, setAnimationExit, setAxis, setAxisLogScale, setAxisTitleStyle, setCategoryLabel, setCellText, setColorScheme, setDataLabels, setDataPointExplosion, setDataPointFill, setDataPointLabel, setDelay, setDirection, setDuration, setElementPosition, setGridlineStyle, setLayout, setLegend, setNodeStyle, setNodeText, setRepeatCount, setRepeatMode, setSequence, setSeriesChartType, setSeriesColor, setSeriesErrorBars, setSeriesMarker, setSeriesName, setSeriesTrendline, setSeriesValue, setStyle, setTimingCurve, setTitle, setTrigger, setTriggerShapeId, shapeStylePatch, sheetAfterNavigate, shouldUseSvgWarp, showDirectionPicker, showsTemplateAffordance, signatureCountLabel, signatureKey, signatureTimestamp, signerName, statusLabel as slideDiffStatusLabel, slideNumberOf, smartArtNodes, paletteColour as smartArtPaletteColour, snapToGridStep, splitCursorCell, splitMergedCell, statusKind, statusLabel$1 as statusLabel, storeAudienceContent, stringFromEvent$5 as stringFromEvent, strokeColorOf, strokeToInkElement, styleShadowFilter, textAdvancedPatch, textAdvancedStateFromStyle, textAdvancedStateOf, textColorOf, textDirectionPatch, textStyleOf, textStylePatch, themeStyle, themeToCssVars, thumbnailHeight, thumbnailZoom, toggleCommentResolvedInList, toggleNodeBold, toggleNodeItalic, toggleSheet, topLevelNodeCount, transformSelectedTextCase, translationsEn, ungroupElements, updateElementById, updateGlowPatch, updateGradientStopPatch, updateInnerShadowPatch, updateOuterShadowPatch, updateReflectionPatch, vAlignPatch, validatePassword, validatePrintSettings, validateRoomId, valueToY, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, waypointsToPathD, worstStatus, zoomTargetSlideIndex };
+export { ALIGN_OPTIONS, AUDIENCE_HASH, AUDIENCE_NONCE_KEY, AVATAR_COLOR_SWATCHES, AccessibilityPanelComponent, AccessibilityService, AccountPageComponent, ActionSettingsPanelComponent, AdvancedChartEditorComponent, AnimationAuthorPanelComponent, AnimationPanelComponent, AnimationPlaybackService, AutosaveService, BroadcastDialogComponent, CHART_EDITOR_STYLES, CURSOR_PALETTE, CanvasFitService, ChartAxisOptionsComponent, ChartAxisStyleOptionsComponent, ChartComboTypeOptionsComponent, ChartDataEditorComponent, ChartDataLabelOptionsComponent, ChartDatapointOptionsComponent, ChartDisplayOptionsComponent, ChartElementViewComponent, ChartErrorBarOptionsComponent, ChartMarkerOptionsComponent, ChartPartSelectionService, ChartPrimitivesComponent, ChartRendererComponent, ChartTrendlineOptionsComponent, CollaborationCursorsComponent, CollaborationService, ColorChangedImageComponent, CommentsPanelComponent, CommentsService, ComparePanelComponent, ConnectorRendererComponent, ConnectorTextOverlayComponent, CustomShowsComponent, DATA_TABLE_HEADER_H, DATA_TABLE_KEY_W, DATA_TABLE_PADDING, DATA_TABLE_ROW_H, DEFAULT_BOUNDS, DEFAULT_BROADCAST_SERVER_URL, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_COLOR_SCHEME, DEFAULT_FILL_COLOR, DEFAULT_LAYOUT, DEFAULT_PALETTE$1 as DEFAULT_PALETTE, DEFAULT_PRINT_SETTINGS, DEFAULT_SLIDE_BACKGROUND, DEFAULT_STROKE_COLOR, DEFAULT_STYLE, DEFAULT_TABLE_ROW_HEIGHT, DEFAULT_TEXT_COLOR$1 as DEFAULT_TEXT_COLOR, DEFAULT_VIEWER_PROFILE, DIRECTIONAL_PRESETS, DIRECTION_OPTIONS, DocumentPropertiesCardComponent, EMBEDDED_FONTS_STYLE_ID, EMPHASIS_PRESETS, ENTRANCE_PRESETS, TEMPLATES as EQUATION_TEMPLATES, EXIT_PRESETS, EditorContextMenuComponent, EditorHistory, EditorStateService, EditorToolbarComponent, EffectsPanelComponent, ElementRendererComponent, EmbeddedFontsService, EncryptedFileDialogComponent, EquationEditorDialogComponent, EquationRendererComponent, EquationTemplateGalleryComponent, ExportProgressModalComponent, ExportService, FieldContextService, FindBarComponent, FindReplaceBarComponent, FollowModeBarComponent, FontEmbeddingListComponent, FontEmbeddingPanelComponent, GALLERY_THEME_PRESETS, GradientPickerComponent, HANDOUT_OPTIONS, HeaderFooterDialogComponent, HyperlinkDialogComponent, ImagePropertiesPanelComponent, InkDrawingService, InkRendererComponent, InsertSmartArtDialogComponent, InspectorPaneHeaderComponent, InspectorPanelComponent, IsMobileService, KeepAnnotationsDialogComponent, LOCALE_CATALOG, LONG_PRESS_DURATION_MS, LONG_PRESS_MOVE_TOLERANCE_PX, LoadContentService, LocalPresencePublisher, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MediaPreviewComponent, MediaPropertiesPanelComponent, MediaRendererComponent, MediaTrimTimelineComponent, MobileBottomBarComponent, MobileMenuSheetComponent, MobilePresenterViewComponent, MobileSheetComponent, MobileSlidesSheetComponent, MobileToolbarComponent, ModalDialogComponent, Model3DRendererComponent, NotesHandoutCardComponent, NotesPanelComponent, NotesToolbarComponent, OleRendererComponent, POWER_POINT_VIEWER_PROVIDERS, PRESENTER_CHANNEL_NAME, PRESENTER_MSG_ORIGIN, PasswordProtectionDialogComponent, PasswordStrengthMeterComponent, PowerPointViewerComponent, PresentationAnnotationOverlayComponent, PresentationAnnotationsService, PresentationOverlayComponent, PresentationPropertiesPanelComponent, PresentationSettingsCardComponent, PresentationSubtitleBarComponent, PresentationTransitionOverlayComponent, PresenterViewComponent, PresenterWindowService, PrintDialogComponent, PrintService, PrintSettingsPanelComponent, PropertiesDialogComponent, REPEAT_MODE_OPTIONS, RESIZE_HANDLES, RULER_THICKNESS, RemoteSelectionOverlayComponent, RibbonAnimationsSectionComponent, RibbonArrangeSectionComponent, RibbonColorPopoverComponent, RibbonComponent, RibbonDesignSectionComponent, RibbonDrawSectionComponent, RibbonDrawingGroupComponent, RibbonEditingSectionComponent, RibbonFileSectionComponent, RibbonFontControlsComponent, RibbonHomeSectionComponent, RibbonInsertFieldsComponent, RibbonInsertSectionComponent, RibbonParagraphControlsComponent, RibbonPrimaryRowComponent, RibbonReviewSectionComponent, RibbonSlideshowSectionComponent, RibbonTransitionsSectionComponent, RibbonViewSectionComponent, RulerGuidesService, SEQUENCE_OPTIONS, SEVERITY_GROUPS, SEVERITY_LABELS, SHORTCUT_REFERENCE_ITEMS, SLIDE_PX_PER_INCH, SLIDE_TRANSITION_KEYFRAMES, DEFAULT_PALETTE as SMARTART_DEFAULT_PALETTE, PALETTES$1 as SMARTART_PALETTES, SMART_ART_COLOR_SCHEMES, SMART_ART_STYLE_OPTIONS, SUB_ITEM_LABEL, SVG_WARP_PRESETS, SWIPE_MAX_VERTICAL_PX, SWIPE_THRESHOLD_PX, SelectionPaneComponent, SetUpSlideShowDialogComponent, SettingsAppearanceTabComponent, SettingsDialogComponent, SettingsLanguageTabComponent, ShareDialogComponent, ShortcutPanelComponent, ShowOptionsFieldsetComponent, ShowSlidesFieldsetComponent, SignatureStrippedDialogComponent, SignaturesPanelComponent, SignaturesService, SlideCanvasComponent, SlideDefaultInspectorComponent, SlideDiffChangesComponent, SlideDiffRowComponent, SlideDiffThumbnailsComponent, SlideSizeCardComponent, SlideSorterOverlayComponent, SlideThemeOverridePanelComponent, SlidesPanelComponent, SmartArt3DRendererComponent, SmartArt3DService, SmartArtPreviewComponent, SmartArtPropertiesComponent, SmartArtRendererComponent, StatusBarComponent, TABLE_STRUCTURE_TOGGLES, TEXT_DIRECTION_OPTIONS$1 as TEXT_DIRECTION_OPTIONS, THEME_CATALOG, TIMING_CURVE_OPTIONS, TRIGGER_OPTIONS, TYPE_LABELS, TableCellAdvancedFillComponent, TableCellFormattingComponent, TableDataEditorComponent, TablePropertiesComponent, TableRendererComponent, TableResizeOverlayComponent, TableSelectionService, TextAdvancedPanelComponent, ThemeEditorFieldsComponent, ThemeGalleryComponent, ThemeSelectorCardComponent, TitleBarComponent, VALIGN_OPTIONS, VIEWER_THEME, VersionHistoryPanelComponent, ViewerCanvasEditingService, ViewerCollabCursorService, ViewerCollaborationSessionService, ViewerCompareService, ViewerCustomShowsService, ViewerDialogsService, ViewerDocumentPropertiesService, ViewerExportService, ViewerExtraDialogsComponent, ViewerFileIOService, ViewerFindReplaceService, ViewerFormatPainterService, ViewerInspectorPanelService, ViewerKeyboardService, ViewerMobileSheetService, ViewerPresentationModeService, ViewerThemeGalleryService, ViewerTouchGesturesService, ViewerZoomService, WEBM_MIME_CANDIDATES, WriteBackScheduler, ZoomNavigationService, ZoomRendererComponent, ZoomTargetService, addCategory, addCommentToList, addGradientStopPatch, addItem, addSeries, addSubItem, advanceStep, alignPatch, animationFor, annotationMapToInkInserts, applyAcceptedDiff, applyAnimationPreset, applyFindReplacements, applyFormatToElement, applyMove, applyResize, applyTableStylePreset, asMediaElement, assignUserColor, attachTouchGestures, beginNodeEdit, boolFromEvent, bringForward, bringToFront, buildBarActions, buildBroadcastConfig, buildBroadcastViewerUrl, buildCategoryLabels, buildCellParagraphs, buildChartViewModel, buildChromeStyle, buildClearHyperlinkPatch, buildClickGroups, buildColStyles, buildCollaborationConfig, buildComboViewModel, buildCssGradientFromShapeStyle, buildDuotoneFilter, buildDuotoneFilterId, buildEmbeddedFontStyles, buildEquationElement, buildEquationSegment, buildFallbackViewModel, buildFontFaceRule, buildGradientFillCss, buildGridlinesAndLabels, buildHyperlinkPatch, buildInkContainerStyle, buildInkStrokes, buildLegend, buildModel3DContainerStyle, buildModel3DViewModel, buildOleActionModel, buildOleInfoRows, buildPatternFillCss, buildPrintHtmlDocument as buildPrintDocument, buildPropertiesPatch, buildRegionMapViewModel, buildSaveSlides, buildShareUrl, buildSmartArtInsertElement, buildSmartArtNodes, buildStockViewModel, buildSurfaceViewModel, buildTableViewModel, buildTreemapViewModel, buildTrimFragment, buildWaterfallViewModel, buildZeroLine, buildZoomContainerStyle, buildZoomViewModel, bulletIndentPx, canAddTopLevelNode, canRemoveTopLevelNode, canStartBroadcast, canStartShare, canUseClipboard, captionDisplayText, cellRunStyle, cellStyleToStyleMap, cellTdStyle, changeCountLabel, changeIcon, characterSpacingPatch, checkFontAvailable, clampCursorPosition, clampGifDimensions, clampIndex, clampNotesFontSize, clampScale, clampStep, clearAllLocalViewerData, clearAudienceContent, cn, collectAccessibilityIssues, collectElementText, collectSlideText, collectUsedFontFamilies, columnWidthStyle, commitNodeText, computeAlign, computeAxisTitlePrimitives, computeBarRects, computeBubbleRadius, computeCornerHandle, computeDataTablePrimitives, computeDistribute, computeDrawingViewBox, computeErrorBarPrimitives, computeHandleBoxes, computeHandoutLayout, computeIsMobile, computeIsTablet, computeLinePoints, computeLinearRegression, computePageCount, computePieLayout, computePieSlicePath, computePieSlices, computePlotLayout, computeRSquared, computeRadarPoints, computeScatterDots, computeSelectionBoxes, computeSingleSelected, computeSlideIndices, computeSnap, computeStackedBarRects, computeStackedValueRange, computeTextLines, computeTimerProgress, computeTrendlinePrimitives, computeValueRange, convertOmmlToMathMl, copyFormatFromElement, countAccessibilityIssues, countAnnotationStrokes, createCustomShow, createSwipeDismissDrag, createWebrtcBundle, createWebsocketBundle, cssObjectToStyleMap, currentColorScheme, currentLayout, currentStyle, defaultCssVars, defaultRadius, defaultThemeColors, deleteElementsByIds, deleteVersion as deleteRecoveryVersion, demoteNode, deriveModel3DBlobUrl, derivePresenceList, describeSmartArtBounds, disableGlowPatch, disableInnerShadowPatch, disableOuterShadowPatch, disableReflectionPatch, disableSoftEdgePatch, duplicateElementById, durationOf, effectsStateOf, enableGlowPatch, enableInnerShadowPatch, enableOuterShadowPatch, enableReflectionPatch, enableSoftEdgePatch, encodeGif, estimatePageCount, evenColumnWidths, evenRowHeights, exitPresentationFullscreen, extractPathPoints, eyedropperAvailable, fillColorOf, findInSlides, findOwningSlideIndex, findSlideIndexByElementId, fitPolynomial, fitZoom, fontMimeForFormat, fontSizeOf, formatAutoNumber, formatAxisValue, formatBytes, formatCursorLabel, formatElapsed, formatFileSize, formatPropertyDate, formatTime, fpsToFrameIntervalMs, generateBroadcastRoomId, generateCommentId, generateCustomShowId, generatePressureCircles, generateRulerTicks, getClrChangeParams, getContainerStyle, getDuotoneFilterDef, getImageSrc, getLocalStorageUsageSummary, getOleAriaLabel, getOleBadgeLabel, getOleDisplayName, getOleDownloadFileName, getOleTypeColor, getOleTypeLabel, getPasswordStrength, getPatternSvg, getPlaceholderStyle, getVersions as getRecoveryVersions, getResolvedShapeClipPath, getResolvedShapeClipPathFor, getShapeFillStrokeStyle, getSlideBackgroundStyle, getSlideTransitionAnimations, getSmartArtNodeBounds, getSpeechRecognitionCtor, getTextBlockStyle, getTextWarp, getTouchDistance, getWarpCategory, getWarpPath, gradientStateFromStyle, gradientStateOf, gradientStatePatch, gridColumns, groupElements, groupIssuesBySeverity, hasAnimation, hasCopyableFormat, hasExistingLink, hasExitedFullscreen, hasGradientFill, hasPressureVariation, headerLabel, inkViewBox, insertColumn, insertRow, interpolateWidth, isAudienceTab, isBold, isBrowserOpenableMime, isChildNode, isElementInteractive, isInjectableUrl, isItalic, isPpactionUrl, isPresenterMessage, isSigned, isTextElement, isUnderline, isUrlSafe, isValidRoomId, isViewportBackgroundPressTarget, isZoomActivationKey, issueTrackKey, issueTypeLabel, keyToLabel, latexToMathml, linePointsToSvgString, lineSpacingPatch, loadAudienceContent, mergeCaptionResults, mergeDown, mergeRight, mergeSelection, moveElementBy, moveNodeDown, moveNodeUp, msToFrameDelayCs, narrowToCircle, narrowToPolygon, narrowToRect, newChartElement, newEquationElement, newPresetShapeElement, newShapeElement, newSmartArtElement, newTableElement, newTextElement, nextVisibleIndex, nodeBold, nodeEditBox, nodeFillColor, nodeFontColor, nodeIdFromKey, nodeItalic, nodeStyle, normalizeFontFormat, normalizeSlidesPerPage, normalizeValue, numFromEvent, ommlToMathml, ooxmlDashToCssBorderStyle, openNativeEyeDropper, overallStatus, paletteColor, parseAudienceNonce, parseNodeTextarea, partitionSlides, patchChartData, patchChartStyle, patchTableData, patchTextStyle, pendingElementStyles, pickColorByClickFallback, pickSupportedMimeType, planGifFrames, planVideoSegments, pointsToSvgPathD, presenceToCursors, presetByLayout, presetsForCategory, pressuresToWidths, prevVisibleIndex, projectDrawingShapes, promoteNode, provideViewerTheme, radarAngle, radarRingPoints, recordWebm, redistributeColumnWidth, removeAnimation, removeCategory, removeColumn, removeCommentFromList, removeElementAnimation, removeGradientStopPatch, removeNode, removeRow, removeSeries, renderToCanvas, reorderAnimationDown, reorderAnimationUp, replaceInSlides, replaceMatch, requestPresentationFullscreen, resizeElement, resolveCaptionTracks, resolveChartKind, resolveFontVariant, resolveHyperlinkHref, resolveInteractiveElementId, resolveMediaSrc, resolveOleType, resolveParagraphBullet, resolvePresenterNotes, resolveProfileInitial, resolveRegionCode, resolvePalette as resolveSmartArtPalette, resolveThemeCatalogEntry, resolveTransitionDuration, revealedElementStyles, routeOrthogonalConnector, rowStyle, sampleColorFromSlide, sanitizeColor, sanitizeSlideIndex, sanitizeUserName, saveViewerProfile, scanAvailableFonts, searchSlides, seedBroadcastFields, seedHyperlinkDraft, seedPropertiesDraft, seedShareFields, segmentFrameCount, selectValue$2 as selectValue, sendBackward, sendToBack, sequentialColorScale, serializeWriteBack, seriesColor, setAnimationEmphasis, setAnimationEntrance, setAnimationExit, setAxis, setAxisLogScale, setAxisTitleStyle, setCategoryLabel, setCellText, setColorScheme, setDataLabels, setDataPointExplosion, setDataPointFill, setDataPointLabel, setDelay, setDirection, setDuration, setElementPosition, setGridlineStyle, setLayout, setLegend, setNodeStyle, setNodeText, setRepeatCount, setRepeatMode, setSequence, setSeriesChartType, setSeriesColor, setSeriesErrorBars, setSeriesMarker, setSeriesName, setSeriesTrendline, setSeriesValue, setStyle, setTimingCurve, setTitle, setTrigger, setTriggerShapeId, shapeStylePatch, sheetAfterNavigate, shouldBlockClickAdvance, shouldUseSvgWarp, showDirectionPicker, showsTemplateAffordance, signatureCountLabel, signatureKey, signatureTimestamp, signerName, statusLabel as slideDiffStatusLabel, slideNumberOf, smartArtNodes, paletteColour as smartArtPaletteColour, snapToGridStep, splitCursorCell, splitMergedCell, statusKind, statusLabel$1 as statusLabel, storeAudienceContent, stringFromEvent$5 as stringFromEvent, strokeColorOf, strokeToInkElement, styleShadowFilter, textAdvancedPatch, textAdvancedStateFromStyle, textAdvancedStateOf, textColorOf, textDirectionPatch, textStyleOf, textStylePatch, themeStyle, themeToCssVars, thumbnailHeight, thumbnailZoom, toggleCommentResolvedInList, toggleNodeBold, toggleNodeItalic, toggleSheet, topLevelNodeCount, transformSelectedTextCase, translationsEn, ungroupElements, updateElementById, updateGlowPatch, updateGradientStopPatch, updateInnerShadowPatch, updateOuterShadowPatch, updateReflectionPatch, vAlignPatch, validatePassword, validatePrintSettings, validateRoomId, valueToY, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, waypointsToPathD, worstStatus, zoomTargetSlideIndex };
 //# sourceMappingURL=pptx-angular-viewer.mjs.map