pptx-angular-viewer 3.2.0 → 3.2.2

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-MUEM_FFu.mjs → pptx-angular-viewer-pptx-angular-viewer-CblBWEKg.mjs}

@@ -2,7 +2,7 @@ import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, output, inject, computed, ChangeDetectionStrategy, Component, signal, Injectable, DestroyRef, viewChild, effect, Injector, ElementRef, HostListener, afterNextRender, Renderer2, ViewEncapsulation, forwardRef, untracked, Directive } from '@angular/core';
 import { TranslateService, TranslatePipe, translate } from '@ngx-translate/core';
-import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, customGeometryPathsToSvgSubpaths, evaluatePresetShape, hasShapeProperties, ooxmlGradientAngleToCssDegrees, getShapeType, isImageLikeElement, getElementTextContent, getRoundRectRadiusPx as getRoundRectRadiusPx$1, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, getSubstituteFontFamily, parsePanoseString, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataChangeType, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, EMU_PER_PX as EMU_PER_PX$2, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, formatAutoNumberMarker, getLinkedTextBoxSegments, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, styleStroke, strokeFor, fitFontSize, nodeTextStyle, truncate, nodeOpacity, nodeStroke, nodeFill, styleShadow, buildTree, treeWidth, treeDepth, gearPoints, flattenNodes, interpretSmartArtLayout, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, chevronPoints, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, detectFileFormat, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, cloneElement, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, getOleObjectTypeLabel, addSmartArtNodeAsChild, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
+import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, customGeometryPathsToSvgSubpaths, evaluatePresetShape, hasShapeProperties, ooxmlGradientAngleToCssDegrees, getShapeType, isImageLikeElement, getElementTextContent, getRoundRectRadiusPx as getRoundRectRadiusPx$1, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, getSubstituteFontFamily, parsePanoseString, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataChangeType, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, EMU_PER_PX as EMU_PER_PX$2, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, formatAutoNumberMarker, getLinkedTextBoxSegments, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, styleStroke, strokeFor, fitFontSize, nodeTextStyle, truncate, nodeOpacity, nodeStroke, nodeFill, styleShadow, buildTree, treeWidth, treeDepth, gearPoints, flattenNodes, interpretSmartArtLayout, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, detectFileFormat, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, cloneElement, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, getOleObjectTypeLabel, addSmartArtNodeAsChild, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
 import DOMPurify from 'dompurify';
 import { z } from 'zod';
 import * as mcp from 'pptx-viewer-mcp';
@@ -2331,6 +2331,36 @@ function resolveComputedFill(ss, element) {
     return {};
 }
 
+const TEXT_ORIENTATION_IDENTITY = [1, 0, 0, 1];
+function isTextOrientationMatrix(value) {
+    return (Array.isArray(value) &&
+        value.length === 4 &&
+        value.every((entry) => typeof entry === 'number' && Number.isFinite(entry)));
+}
+function multiplyTextOrientationMatrices(left, right) {
+    return [
+        left[0] * right[0] + left[2] * right[1],
+        left[1] * right[0] + left[3] * right[1],
+        left[0] * right[2] + left[2] * right[3],
+        left[1] * right[2] + left[3] * right[3],
+    ];
+}
+function getElementOrientationMatrix(element) {
+    const radians = ((Number(element.rotation) || 0) * Math.PI) / 180;
+    const cosine = Math.cos(radians);
+    const sine = Math.sin(radians);
+    const rotation = [cosine, sine, -sine, cosine];
+    const flip = [
+        element.flipHorizontal ? -1 : 1,
+        0,
+        0,
+        element.flipVertical ? -1 : 1,
+    ];
+    return multiplyTextOrientationMatrices(rotation, flip);
+}
+function textOrientationAngleScore(matrix) {
+    return Math.abs(Math.atan2(matrix[1], matrix[0]));
+}
 /**
  * Normalizes a raw stroke dash type string to a valid `StrokeDashType` enum value.
  * Performs case-insensitive matching against all OOXML dash types.
@@ -2573,12 +2603,37 @@ function getElementTransformWithoutRotation(element) {
  */
 function getTextCompensationTransform(element) {
     const transforms = [];
-    if (element.flipHorizontal) {
+    const normalizedRotation = (((Number(element.rotation) || 0) % 360) + 360) % 360;
+    const swapFlipAxis = normalizedRotation > 90 &&
+        normalizedRotation < 270 &&
+        element.flipHorizontal !== element.flipVertical;
+    const compensateHorizontal = swapFlipAxis ? element.flipVertical : element.flipHorizontal;
+    const compensateVertical = swapFlipAxis ? element.flipHorizontal : element.flipVertical;
+    if (compensateHorizontal) {
         transforms.push('scaleX(-1)');
     }
-    if (element.flipVertical) {
+    if (compensateVertical) {
         transforms.push('scaleY(-1)');
     }
+    const ancestorGroupTransform = 'textStyle' in element ? element.textStyle?.ancestorGroupTransform : undefined;
+    if (isTextOrientationMatrix(ancestorGroupTransform)) {
+        const localCompensation = [
+            compensateHorizontal ? -1 : 1,
+            0,
+            0,
+            compensateVertical ? -1 : 1,
+        ];
+        const visibleTransform = multiplyTextOrientationMatrices(multiplyTextOrientationMatrices(ancestorGroupTransform, getElementOrientationMatrix(element)), localCompensation);
+        const determinant = visibleTransform[0] * visibleTransform[3] - visibleTransform[1] * visibleTransform[2];
+        if (determinant < -1e-6) {
+            const horizontalCandidate = multiplyTextOrientationMatrices(visibleTransform, [-1, 0, 0, 1]);
+            const verticalCandidate = multiplyTextOrientationMatrices(visibleTransform, [1, 0, 0, -1]);
+            transforms.push(textOrientationAngleScore(horizontalCandidate) <=
+                textOrientationAngleScore(verticalCandidate)
+                ? 'scaleX(-1)'
+                : 'scaleY(-1)');
+        }
+    }
     return transforms.length > 0 ? transforms.join(' ') : undefined;
 }
 /**
@@ -2958,6 +3013,7 @@ function getOuterShadowCss(style, context) {
     if (!style?.shadowColor || style.shadowColor === 'transparent') {
         return undefined;
     }
+    const usesOoxmlDefaults = style.outerShadowXml !== undefined;
     let offsetX;
     let offsetY;
     if (typeof style.shadowAngle === 'number' && typeof style.shadowDistance === 'number') {
@@ -2972,18 +3028,30 @@ function getOuterShadowCss(style, context) {
         offsetX =
             typeof style.shadowOffsetX === 'number' && Number.isFinite(style.shadowOffsetX)
                 ? style.shadowOffsetX
-                : 4;
+                : usesOoxmlDefaults
+                    ? 0
+                    : 4;
         offsetY =
             typeof style.shadowOffsetY === 'number' && Number.isFinite(style.shadowOffsetY)
                 ? style.shadowOffsetY
-                : 4;
+                : usesOoxmlDefaults
+                    ? 0
+                    : 4;
     }
-    const blur = typeof style.shadowBlur === 'number' && Number.isFinite(style.shadowBlur)
+    const rawBlur = typeof style.shadowBlur === 'number' && Number.isFinite(style.shadowBlur)
         ? Math.max(0, style.shadowBlur)
-        : 6;
+        : usesOoxmlDefaults
+            ? 0
+            : 6;
+    // DrawingML `blurRad` is a radius while CSS shadows take a Gaussian
+    // standard deviation. Halving authored OOXML radii matches PowerPoint's
+    // falloff; host-authored CSS-style values retain their historical meaning.
+    const blur = usesOoxmlDefaults ? rawBlur / 2 : rawBlur;
     const opacity = typeof style.shadowOpacity === 'number' && Number.isFinite(style.shadowOpacity)
         ? clampUnitInterval(style.shadowOpacity)
-        : 0.35;
+        : usesOoxmlDefaults
+            ? 1
+            : 0.35;
     // Honour @sx/@sy (1000ths of a percent, 100000 = 100%) as a box-shadow
     // spread: a scaled-up shadow grows outward, a scaled-down one shrinks. This
     // is a best-effort mapping (box-shadow has no true scale). @kx/@ky skew and
@@ -2994,6 +3062,77 @@ function getOuterShadowCss(style, context) {
     const geometry = `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px`;
     return spread === 0 ? `${geometry} ${color}` : `${geometry} ${spread}px ${color}`;
 }
+/**
+ * Build pixel-composited outer shadows for images, text and groups.
+ *
+ * `box-shadow` follows the rectangular element box; PowerPoint shadows the
+ * already-composited pixels. CSS `drop-shadow()` has those semantics.
+ */
+function getCompositeOuterShadowFilterCss(style, context) {
+    if (!style) {
+        return undefined;
+    }
+    const usesOoxmlDefaults = style.outerShadowXml !== undefined;
+    const shadows = style.shadows && style.shadows.length > 0
+        ? style.shadows
+        : style.shadowColor && style.shadowColor !== 'transparent'
+            ? [
+                {
+                    angle: style.shadowAngle,
+                    distance: style.shadowDistance,
+                    offsetX: style.shadowOffsetX,
+                    offsetY: style.shadowOffsetY,
+                    blur: style.shadowBlur,
+                    color: style.shadowColor,
+                    opacity: style.shadowOpacity,
+                },
+            ]
+            : [];
+    const parts = [];
+    for (const shadow of shadows) {
+        if (!shadow.color || shadow.color === 'transparent') {
+            continue;
+        }
+        let offsetX;
+        let offsetY;
+        if (typeof shadow.angle === 'number' && typeof shadow.distance === 'number') {
+            const angle = style.shadowRotateWithShape === false && typeof context?.rotation === 'number'
+                ? shadow.angle - context.rotation
+                : shadow.angle;
+            const angleRad = (angle * Math.PI) / 180;
+            offsetX = Math.cos(angleRad) * shadow.distance;
+            offsetY = Math.sin(angleRad) * shadow.distance;
+        }
+        else {
+            offsetX =
+                typeof shadow.offsetX === 'number' && Number.isFinite(shadow.offsetX)
+                    ? shadow.offsetX
+                    : usesOoxmlDefaults
+                        ? 0
+                        : 4;
+            offsetY =
+                typeof shadow.offsetY === 'number' && Number.isFinite(shadow.offsetY)
+                    ? shadow.offsetY
+                    : usesOoxmlDefaults
+                        ? 0
+                        : 4;
+        }
+        const rawBlur = typeof shadow.blur === 'number' && Number.isFinite(shadow.blur)
+            ? Math.max(0, shadow.blur)
+            : usesOoxmlDefaults
+                ? 0
+                : 6;
+        const blur = usesOoxmlDefaults ? rawBlur / 2 : rawBlur;
+        const opacity = typeof shadow.opacity === 'number' && Number.isFinite(shadow.opacity)
+            ? clampUnitInterval(shadow.opacity)
+            : usesOoxmlDefaults
+                ? 1
+                : 0.35;
+        const color = colorWithOpacity(normalizeHexColor(shadow.color, DEFAULT_SHADOW_COLOR), opacity);
+        parts.push(`drop-shadow(${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${color})`);
+    }
+    return parts.length > 0 ? parts.join(' ') : undefined;
+}
 /**
  * Derive a box-shadow spread (px) from outer-shadow `@sx`/`@sy` scale factors
  * (1000ths of a percent; 100000 = 100%). The spread is proportional to the
@@ -3274,7 +3413,7 @@ function getEffectFilterCss(style, elementId) {
     // Outer glow → drop-shadow
     if (style.glowColor && style.glowColor !== 'transparent' && style.glowRadius) {
         const glowOpacity = typeof style.glowOpacity === 'number' ? style.glowOpacity : 0.75;
-        const glowRad = Math.round(Math.max(0, style.glowRadius));
+        const glowRad = Math.max(0, style.glowRadius / 2);
         const glowCol = colorWithOpacity(normalizeHexColor(style.glowColor, DEFAULT_GLOW_COLOR), glowOpacity);
         parts.push(`drop-shadow(0 0 ${glowRad}px ${glowCol})`);
     }
@@ -3479,7 +3618,16 @@ function getComputedEffectStyle(element, options = {}) {
     // container as well would shadow the bounding RECTANGLE on top of the line.
     const paintsLineEffectsItself = element.type === 'connector' ||
         getShapeType('shapeType' in element ? element.shapeType : undefined) === 'connector';
-    const boxShadow = getBoxShadowCss(style, { includeGlow: options.includeGlowBoxShadow }, { rotation: element.rotation });
+    const shadowsCompositePixels = element.type === 'group' ||
+        element.type === 'text' ||
+        element.type === 'image' ||
+        element.type === 'picture';
+    const compositeShadow = shadowsCompositePixels
+        ? getCompositeOuterShadowFilterCss(style, { rotation: element.rotation })
+        : undefined;
+    const boxShadow = shadowsCompositePixels
+        ? undefined
+        : getBoxShadowCss(style, { includeGlow: options.includeGlowBoxShadow }, { rotation: element.rotation });
     // The line-level shadow (`a:ln/a:effectLst/a:outerShdw`) is part of the same
     // box-shadow channel. Only React applied it to a shape container; folding it
     // in here is what carries it to the other four bindings.
@@ -3491,7 +3639,7 @@ function getComputedEffectStyle(element, options = {}) {
     const filter = getEffectFilterCss(style, element.id);
     // As above for `a:ln/a:effectLst/a:glow`, which is a `drop-shadow` filter.
     const lineGlow = paintsLineEffectsItself ? undefined : getLineGlowFilterCss(style);
-    const filterParts = [filter, lineGlow].filter((part) => part !== undefined && part !== '');
+    const filterParts = [compositeShadow, filter, lineGlow].filter((part) => part !== undefined && part !== '');
     if (filterParts.length > 0) {
         result.filter = filterParts.join(' ');
     }
@@ -3754,6 +3902,59 @@ function outlinePathData(clipPath, width, height) {
     }
     return rect;
 }
+const WEDGE_CALLOUT_PRESET_NAMES = new Set([
+    'wedgerectcallout',
+    'wedgeroundrectcallout',
+    'wedgeellipsecallout',
+]);
+/** Whether a preset's pointer is part of the authored outline and may extend outside its body box. */
+function isWedgeCalloutPresetShape(shapeType) {
+    return typeof shapeType === 'string' && WEDGE_CALLOUT_PRESET_NAMES.has(shapeType.toLowerCase());
+}
+function clipPathPolygonPoints(clipPath, width, height) {
+    const asPolygon = /^polygon\((.*)\)$/su.exec(clipPath.trim());
+    if (!asPolygon) {
+        return [];
+    }
+    const toPx = (token, extent) => token.endsWith('%') ? (Number.parseFloat(token) / 100) * extent : Number.parseFloat(token);
+    return asPolygon[1]
+        .split(',')
+        .map((pair) => pair.trim().split(/\s+/u))
+        .filter((parts) => parts.length === 2)
+        .map(([rawX, rawY]) => [toPx(rawX, width), toPx(rawY, height)])
+        .filter(([x, y]) => Number.isFinite(x) && Number.isFinite(y));
+}
+/** Resolve a preset outline into SVG path data plus any authored out-of-box bounds. */
+function getPresetShapeVectorGeometry(shapeType, width, height, adjustments) {
+    const normalizedWidth = Math.max(Number.isFinite(width) ? width : 0, 1);
+    const normalizedHeight = Math.max(Number.isFinite(height) ? height : 0, 1);
+    const clipPath = getResolvedShapeClipPathFor(shapeType, normalizedWidth, normalizedHeight, adjustments);
+    const d = outlinePathData(clipPath, normalizedWidth, normalizedHeight);
+    if (!d) {
+        return undefined;
+    }
+    let minX = 0;
+    let minY = 0;
+    let maxX = normalizedWidth;
+    let maxY = normalizedHeight;
+    for (const [x, y] of clipPath
+        ? clipPathPolygonPoints(clipPath, normalizedWidth, normalizedHeight)
+        : []) {
+        minX = Math.min(minX, x);
+        minY = Math.min(minY, y);
+        maxX = Math.max(maxX, x);
+        maxY = Math.max(maxY, y);
+    }
+    return {
+        d,
+        minX,
+        minY,
+        maxX,
+        maxY,
+        viewWidth: Math.max(maxX - minX, 1),
+        viewHeight: Math.max(maxY - minY, 1),
+    };
+}
 /**
  * The parallel strands a line is painted with. A single (`sng`) line keeps the
  * outline's own width verbatim so the ordinary case is byte-identical to a
@@ -20778,6 +20979,7 @@ function getEffectKeyframes(effect) {
  *
  * @module render/animation-color
  */
+const HEX_COLOR = /^#?[0-9a-f]{6}$/iu;
 // ==========================================================================
 // Colour conversion utilities
 // ==========================================================================
@@ -20948,64 +21150,178 @@ function resolveCssProperties(attrName) {
  * Returns an empty array for text/`color`-only animations, which do not need a
  * vector renderer to relinquish its painted fill / stroke.
  */
-function resolveColorAnimationTargets(targetAttribute) {
-    const cssProperties = resolveCssProperties(targetAttribute);
+function resolveColorAnimationTargets(animationOrAttribute) {
+    const attributes = typeof animationOrAttribute === 'string' || animationOrAttribute === undefined
+        ? [animationOrAttribute]
+        : colorAnimationComponents(animationOrAttribute).map((component) => component.targetAttribute);
     const targets = [];
-    if (cssProperties.includes('fill')) {
-        targets.push('fill');
-    }
-    if (cssProperties.includes('stroke')) {
-        targets.push('stroke');
+    for (const attribute of attributes) {
+        const cssProperties = resolveCssProperties(attribute);
+        if (cssProperties.includes('fill') && !targets.includes('fill')) {
+            targets.push('fill');
+        }
+        if (cssProperties.includes('stroke') && !targets.includes('stroke')) {
+            targets.push('stroke');
+        }
     }
     return targets;
 }
-/**
- * Build CSS `@keyframes` for a color animation (`p:animClr`).
- *
- * Generates keyframe stops at regular intervals with interpolated colors.
- * The CSS property is determined from the `targetAttribute` field which is
- * parsed from `p:attrNameLst` (e.g. "fillcolor" → `backgroundColor`).
- *
- * @param colorAnim - Parsed color animation data
- * @param keyframeName - Name for the generated `@keyframes` rule
- * @param steps - Number of keyframe stops (default 10 for smooth interpolation)
- * @returns CSS `@keyframes` string, or undefined if colors are missing
- */
-function buildColorAnimationKeyframes(colorAnim, keyframeName, steps = 10) {
-    const { colorSpace, direction, fromColor, toColor, byColor, targetAttribute } = colorAnim;
-    // Determine effective start and end colors
+/** CSS custom properties that snapshot the shape paint before animation owns it. */
+const ANIMATION_COLOR_BASE_PROPERTIES = {
+    color: '--pptx-animation-color-base',
+    fill: '--pptx-animation-fill-base',
+    stroke: '--pptx-animation-stroke-base',
+};
+/** Return every authored sibling behaviour, or the legacy single behaviour. */
+function colorAnimationComponents(colorAnim) {
+    return colorAnim.components && colorAnim.components.length > 0
+        ? colorAnim.components
+        : [colorAnim];
+}
+/** Clamp saturation / lightness to PowerPoint's legal range. */
+function clampPercent$1(value) {
+    return Math.max(0, Math.min(100, value));
+}
+/** Apply a signed OOXML HSL delta to a concrete starting colour. */
+function applyHslDelta(fromColor, delta, progress) {
+    const fromRgb = hexToRgb$2(fromColor);
+    const fromHsl = rgbToHsl(fromRgb.r, fromRgb.g, fromRgb.b);
+    const hue = (((fromHsl.h + delta.hue * progress) % 360) + 360) % 360;
+    const saturation = clampPercent$1(fromHsl.s + delta.saturation * progress);
+    const lightness = clampPercent$1(fromHsl.l + delta.lightness * progress);
+    const rgb = hslToRgb(hue, saturation, lightness);
+    return rgbToHex$2(rgb.r, rgb.g, rgb.b);
+}
+/** Stable compact number for generated CSS (also avoids `-0`). */
+function cssNumber(value) {
+    const rounded = Math.round(value * 1_000_000) / 1_000_000;
+    return String(Object.is(rounded, -0) ? 0 : rounded);
+}
+/** The pre-animation paint snapshot appropriate for one emitted CSS property. */
+function baseColorForProperty(property) {
+    if (property === 'fill' || property === 'background-color' || property === 'backgroundColor') {
+        return `var(${ANIMATION_COLOR_BASE_PROPERTIES.fill}, currentColor)`;
+    }
+    if (property === 'stroke' || property === 'border-color' || property === 'borderColor') {
+        return `var(${ANIMATION_COLOR_BASE_PROPERTIES.stroke}, currentColor)`;
+    }
+    return `var(${ANIMATION_COLOR_BASE_PROPERTIES.color}, currentColor)`;
+}
+/** CSS relative-colour form for a `by` HSL animation with no explicit `from`. */
+function relativeHslColor(property, delta, progress) {
+    const hue = cssNumber(delta.hue * progress);
+    const saturation = cssNumber(delta.saturation * progress);
+    const lightness = cssNumber(delta.lightness * progress);
+    return `hsl(from ${baseColorForProperty(property)} calc(h + ${hue}) calc(s + ${saturation}) calc(l + ${lightness}) / alpha)`;
+}
+/** Resolve an ordinary absolute/RGB-delta component at one progress stop. */
+function absoluteComponentColor(component, progress) {
+    const { colorSpace, direction, fromColor, toColor, byColor } = component;
     let effectiveFrom;
     let effectiveTo;
     if (fromColor && toColor) {
+        if (!HEX_COLOR.test(fromColor) || !HEX_COLOR.test(toColor)) {
+            return undefined;
+        }
         effectiveFrom = fromColor;
         effectiveTo = toColor;
     }
     else if (fromColor && byColor) {
-        // "by" animation: add the delta to the from color
+        if (!HEX_COLOR.test(fromColor) || !HEX_COLOR.test(byColor)) {
+            return undefined;
+        }
         const fromRgb = hexToRgb$2(fromColor);
         const byRgb = hexToRgb$2(byColor);
         effectiveFrom = fromColor;
         effectiveTo = rgbToHex$2(fromRgb.r + byRgb.r, fromRgb.g + byRgb.g, fromRgb.b + byRgb.b);
     }
     else if (toColor) {
-        // No from specified — use a neutral starting point
+        if (!HEX_COLOR.test(toColor)) {
+            return undefined;
+        }
         effectiveFrom = '#000000';
         effectiveTo = toColor;
     }
     else {
         return undefined;
     }
-    const cssProperties = resolveCssProperties(targetAttribute);
+    return interpolateColor(effectiveFrom, effectiveTo, progress, colorSpace, direction);
+}
+/**
+ * Build CSS `@keyframes` for a color animation (`p:animClr`).
+ *
+ * Generates keyframe stops at regular intervals with interpolated colors.
+ * The CSS property is determined from the `targetAttribute` field which is
+ * parsed from `p:attrNameLst` (e.g. "fillcolor" → `backgroundColor`).
+ *
+ * @param colorAnim - Parsed color animation data
+ * @param keyframeName - Name for the generated `@keyframes` rule
+ * @param steps - Number of keyframe stops (default 10 for smooth interpolation)
+ * @returns CSS `@keyframes` string, or undefined if colors are missing
+ */
+function buildColorAnimationKeyframes(colorAnim, keyframeName, steps = 10) {
+    const components = colorAnimationComponents(colorAnim);
+    if (!components.some((component) => component.hslDelta !== undefined ||
+        component.toColor !== undefined ||
+        (component.fromColor !== undefined && component.byColor !== undefined))) {
+        return undefined;
+    }
     const lines = [];
+    let hasDeclarations = false;
     const actualSteps = Math.max(2, steps);
     for (let i = 0; i <= actualSteps; i++) {
         const t = i / actualSteps;
         const pct = Math.round(t * 100);
-        const color = interpolateColor(effectiveFrom, effectiveTo, t, colorSpace, direction);
-        const decls = cssProperties.map((prop) => `${prop}: ${color};`).join(' ');
+        const declarations = [];
+        for (const component of components) {
+            const cssProperties = resolveCssProperties(component.targetAttribute);
+            if (component.hslDelta) {
+                if (component.fromColor && !HEX_COLOR.test(component.fromColor)) {
+                    continue;
+                }
+                for (const property of cssProperties) {
+                    const color = component.fromColor
+                        ? applyHslDelta(component.fromColor, component.hslDelta, t)
+                        : relativeHslColor(property, component.hslDelta, t);
+                    declarations.push(`${property}: ${color};`);
+                    hasDeclarations = true;
+                }
+                continue;
+            }
+            const color = absoluteComponentColor(component, t);
+            if (color) {
+                declarations.push(...cssProperties.map((property) => `${property}: ${color};`));
+                hasDeclarations = true;
+            }
+        }
+        const decls = declarations.join(' ');
         lines.push(`\t${pct}% { ${decls} }`);
     }
-    return `@keyframes ${keyframeName} {\n${lines.join('\n')}\n}`;
+    return hasDeclarations ? `@keyframes ${keyframeName} {\n${lines.join('\n')}\n}` : undefined;
+}
+
+/**
+ * Build CSS custom properties only while a paint animation is active, keeping
+ * ordinary rendering and existing style snapshots unchanged.
+ */
+function getAnimationColorBaseStyle(element, options = {}) {
+    if (!hasShapeProperties(element) || (!options.animatesFill && !options.animatesStroke)) {
+        return {};
+    }
+    const style = {};
+    if (options.animatesFill) {
+        const fill = getComputedFillStyle(element, options.parentGroupFill);
+        style[ANIMATION_COLOR_BASE_PROPERTIES.fill] =
+            fill?.backgroundColor ?? element.shapeStyle?.fillColor ?? 'currentColor';
+    }
+    if (options.animatesStroke) {
+        const stroke = getComputedStrokeStyle(element);
+        style[ANIMATION_COLOR_BASE_PROPERTIES.stroke] =
+            stroke.borderColor ?? element.shapeStyle?.strokeColor ?? 'currentColor';
+    }
+    style[ANIMATION_COLOR_BASE_PROPERTIES.color] =
+        (hasTextProperties(element) ? element.textStyle?.color : undefined) ?? 'currentColor';
+    return style;
 }
 
 /**
@@ -21098,7 +21414,7 @@ function resolveStepBuildDescriptor(anim) {
 // Playback-time progress helpers
 // ==========================================================================
 /** Clamp a value into the closed unit interval. */
-function clamp01$2(value) {
+function clamp01$3(value) {
     return Math.max(0, Math.min(1, value));
 }
 /**
@@ -21114,7 +21430,7 @@ function computeBuildProgress(timing, elapsedMs) {
     if (timing.durationMs <= 0) {
         return elapsedMs >= timing.delayMs ? 1 : 0;
     }
-    return clamp01$2((elapsedMs - timing.delayMs) / timing.durationMs);
+    return clamp01$3((elapsedMs - timing.delayMs) / timing.durationMs);
 }
 /**
  * Map a 0..1 build progress to a whole number of revealed stages given the
@@ -21129,7 +21445,7 @@ function revealedStageCount(progress, totalStages) {
     if (totalStages <= 0) {
         return 0;
     }
-    const p = clamp01$2(progress);
+    const p = clamp01$3(progress);
     if (p <= 0) {
         return 0;
     }
@@ -21305,6 +21621,138 @@ function revealedSmartArtNodeCount(nodes, build) {
     return revealedStageCount(build.progress, nodes.length);
 }
 
+const ATTRIBUTE_KINDS = {
+    opacity: 'opacity',
+    ppt_h: 'scaleY',
+    ppt_w: 'scaleX',
+    ppt_x: 'translateX',
+    ppt_y: 'translateY',
+    'style.opacity': 'opacity',
+    'style.rotation': 'rotation',
+};
+const SELF_REFERENCE_RE = /^#?ppt_([whxy])(?:([+-])(\d*\.?\d+))?$/iu;
+function clamp01$2(value) {
+    return Math.max(0, Math.min(1, value));
+}
+function numericValue(keyframe) {
+    const parsed = Number(keyframe.value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+function parseSelfReference(keyframe, expectedAxis) {
+    const token = String(keyframe.value).replaceAll(' ', '').toLowerCase();
+    const match = SELF_REFERENCE_RE.exec(token);
+    if (!match || match[1] !== expectedAxis) {
+        return undefined;
+    }
+    const magnitude = match[3] === undefined ? 0 : Number(match[3]);
+    if (!Number.isFinite(magnitude)) {
+        return undefined;
+    }
+    return { offset: match[2] === '-' ? -magnitude : magnitude };
+}
+function parseValue(kind, keyframe) {
+    if (kind === 'rotation') {
+        return numericValue(keyframe);
+    }
+    if (kind === 'opacity') {
+        const value = numericValue(keyframe);
+        return value === undefined ? undefined : clamp01$2(value);
+    }
+    if (kind === 'scaleX' || kind === 'scaleY') {
+        const numeric = numericValue(keyframe);
+        if (numeric === 0) {
+            return 0;
+        }
+        const axis = kind === 'scaleX' ? 'w' : 'h';
+        const reference = parseSelfReference(keyframe, axis);
+        return reference?.offset === 0 ? 1 : undefined;
+    }
+    const axis = kind === 'translateX' ? 'x' : 'y';
+    const reference = parseSelfReference(keyframe, axis);
+    return reference === undefined ? undefined : reference.offset * 100;
+}
+function parseComponent(component, effectDurationMs) {
+    const kind = ATTRIBUTE_KINDS[component.attrName];
+    if (!kind) {
+        return undefined;
+    }
+    const stops = [];
+    for (const keyframe of component.keyframes) {
+        if (typeof keyframe.tm !== 'number' || !Number.isFinite(keyframe.tm)) {
+            return undefined;
+        }
+        const value = parseValue(kind, keyframe);
+        if (value === undefined) {
+            return undefined;
+        }
+        stops.push({ progress: clamp01$2(keyframe.tm / 100000), value });
+    }
+    if (stops.length < 2) {
+        return undefined;
+    }
+    stops.sort((left, right) => left.progress - right.progress);
+    return {
+        delayMs: component.delayMs ?? 0,
+        durationMs: component.durationMs ?? effectDurationMs,
+        kind,
+        stops,
+    };
+}
+function valueAt(component, progress, effectDurationMs) {
+    const elapsedMs = progress * effectDurationMs - component.delayMs;
+    const localProgress = clamp01$2(elapsedMs / Math.max(1, component.durationMs));
+    const first = component.stops[0];
+    const last = component.stops[component.stops.length - 1];
+    if (localProgress <= first.progress) {
+        return first.value;
+    }
+    if (localProgress >= last.progress) {
+        return last.value;
+    }
+    for (let index = 1; index < component.stops.length; index += 1) {
+        const right = component.stops[index];
+        const left = component.stops[index - 1];
+        if (localProgress <= right.progress) {
+            const span = Math.max(Number.EPSILON, right.progress - left.progress);
+            const ratio = (localProgress - left.progress) / span;
+            return left.value + (right.value - left.value) * ratio;
+        }
+    }
+    return last.value;
+}
+/** Build a normalized playback model for supported generic `p:anim` transforms. */
+function createAttributeTransformModel(anim) {
+    const effectDurationMs = Math.max(1, anim.durationMs ?? 1000);
+    const supportedComponents = (anim.attributeAnimations ?? []).filter((component) => ATTRIBUTE_KINDS[component.attrName] !== undefined);
+    const components = supportedComponents.map((component) => parseComponent(component, effectDurationMs));
+    const parsedComponents = components.filter((component) => component !== undefined);
+    // A partial transform is worse than the preset fallback: one unrepresentable
+    // sibling can carry the primary movement while an identity sibling still
+    // parses, causing the incomplete dynamic keyframe to suppress that preset.
+    if (parsedComponents.length !== supportedComponents.length) {
+        return undefined;
+    }
+    if (parsedComponents.length === 0) {
+        return undefined;
+    }
+    const progressSet = new Set([0, 1]);
+    for (const component of parsedComponents) {
+        for (const stop of component.stops) {
+            progressSet.add(clamp01$2((component.delayMs + stop.progress * component.durationMs) / effectDurationMs));
+        }
+    }
+    return {
+        progresses: [...progressSet].sort((left, right) => left - right),
+        stateAt(progress) {
+            const state = {};
+            for (const component of parsedComponents) {
+                state[component.kind] = valueAt(component, progress, effectDurationMs);
+            }
+            return state;
+        },
+    };
+}
+
 /**
  * `animation-motion-path`: parse an OOXML `p:animMotion/@path` string into a
  * dense list of waypoints (percentages of the element box) suitable for driving
@@ -21422,214 +21870,169 @@ function parseMotionPathPoints(motionPath) {
 }
 
 /**
- * `animation-timeline-absolute` — dynamic CSS `@keyframes` for the absolute
- * `from`/`to` form of `p:animRot` (ST_Angle) and `p:animScale`
- * (percentage), and for a `p:tavLst` ramp attached to a generic `p:anim`
- * behaviour (opacity or colour).
+ * Compose authored motion, rotation, and scale behaviours into one CSS
+ * keyframe block. OOXML permits those behaviours to share one effect wrapper,
+ * while CSS animations that each write `transform` would overwrite each other.
  *
- * {@link buildDynamicKeyframe} / {@link buildDynamicKeyframes} in
- * `animation-timeline-helpers` already handle the RELATIVE `@by` form
- * (`rotationBy` / `scaleByX` / `scaleByY`); this module covers the sibling
- * absolute form, which OOXML allows instead of (or alongside) `@by`:
- * ECMA-376 S19.5.7 CT_TLAnimateRotationBehavior and S19.5.8
- * CT_TLAnimateScaleBehavior both make `from`/`to`/`by` independently
- * optional. Only the relative form was ever read, so a deck that authored
- * "rotate from 0 to 180" (no `@by`) or "scale from 50% to 150%" produced no
- * rotation/scale keyframes at all and the effect silently did nothing.
- *
- * `p:tavLst` (ECMA-376 S19.5.30 CT_TLAnimVariantList) is schema-generic: a
- * `p:anim` node can drive ANY attribute its `p:attrNameLst/p:attrName` names,
- * and until the core parser surfaced that name (`PptxNativeAnimation.attrName`)
- * this module could only guess from the keyframe VALUE shape, which is why it
- * only ever recognised a numeric `[0, 1]` ramp as opacity. With the attribute
- * name available, {@link buildOpacityTavKeyframe} now confirms it against a
- * known opacity name instead of trusting the value shape alone, and
- * {@link buildColorTavKeyframe} covers the sibling case: a multi-stop colour
- * ramp on `fillcolor` / `fill.color` / `style.color` / `stroke.color`, reusing
- * the same attribute -> CSS-property mapping as the dedicated `p:animClr`
- * behaviour (`animation-color.ts`). Every other attribute name (position,
- * size, and anything this module cannot confirm a CSS mapping for) is left on
- * the caller's canned-timing fallback; see `docs/guide/limitations.md`.
- *
- * @module render/animation-timeline-absolute
- */
-/**
- * Build an absolute-rotation `@keyframes` block from `rotationFrom`/
- * `rotationTo`, or `undefined` when the animation has no absolute rotation
- * (including when a relative `rotationBy` is present, which the caller
- * already handles and takes priority over this).
- *
- * A `from` with no `to` (or vice versa) still produces a sensible sweep: the
- * missing bound defaults to the other one's value so the animation is a
- * no-op turn rather than being dropped, matching how PowerPoint treats a
- * partially-specified rotation as ending at its one given angle.
+ * @module render/animation-transform-keyframes
  */
-function buildAbsoluteRotationKeyframe(anim, namePrefix, uid) {
-    if (anim.rotationBy !== undefined) {
-        return undefined;
+function slideOffset(percent, axis) {
+    const fallback = axis === 'w' ? '1280px' : '720px';
+    return `calc(var(--pptx-slide-${axis}, ${fallback}) * ${(percent / 100).toFixed(4)})`;
+}
+function hasRotation(anim) {
+    return (anim.rotationBy !== undefined ||
+        anim.rotationFrom !== undefined ||
+        anim.rotationTo !== undefined);
+}
+function hasScale(anim) {
+    return (anim.scaleByX !== undefined ||
+        anim.scaleByY !== undefined ||
+        anim.scaleFromX !== undefined ||
+        anim.scaleFromY !== undefined ||
+        anim.scaleToX !== undefined ||
+        anim.scaleToY !== undefined);
+}
+/** True when the parsed animation contains an authored transform behaviour. */
+function hasAuthoredTransform(anim) {
+    return (Boolean(anim.motionPath) ||
+        hasRotation(anim) ||
+        hasScale(anim) ||
+        createAttributeTransformModel(anim) !== undefined);
+}
+function rotationAt(anim, progress) {
+    const from = anim.rotationFrom ?? 0;
+    const to = anim.rotationTo ?? (anim.rotationBy !== undefined ? from + anim.rotationBy : from);
+    return from + (to - from) * progress;
+}
+function scaleAt(anim, axis, progress) {
+    const from = axis === 'x' ? (anim.scaleFromX ?? 1) : (anim.scaleFromY ?? 1);
+    const authoredTo = axis === 'x' ? anim.scaleToX : anim.scaleToY;
+    const by = axis === 'x' ? anim.scaleByX : anim.scaleByY;
+    const to = authoredTo ?? (by !== undefined ? from * by : from);
+    return from + (to - from) * progress;
+}
+function opacityAt(anim, progress) {
+    if (anim.presetClass === 'entr') {
+        return progress;
+    }
+    if (anim.presetClass === 'exit') {
+        return 1 - progress;
     }
-    if (anim.rotationFrom === undefined && anim.rotationTo === undefined) {
-        return undefined;
+    return undefined;
+}
+function formatNumber(value, fractionDigits = 4) {
+    return String(Number(value.toFixed(fractionDigits)));
+}
+function tangentAngle(points, index) {
+    const point = points[index];
+    const next = index < points.length - 1 ? points[index + 1] : point;
+    const previous = index > 0 ? points[index - 1] : point;
+    const dx = index < points.length - 1 ? next.x - point.x : point.x - previous.x;
+    const dy = index < points.length - 1 ? next.y - point.y : point.y - previous.y;
+    return Math.atan2(dy, dx) * (180 / Math.PI);
+}
+function rotateMotionPathPoints(points, anim) {
+    const angle = anim.motionPathRotationAngle ?? 0;
+    if (!Number.isFinite(angle) || angle === 0) {
+        return [...points];
     }
-    const from = anim.rotationFrom ?? anim.rotationTo ?? 0;
-    const to = anim.rotationTo ?? anim.rotationFrom ?? 0;
-    const name = `${namePrefix}-${uid}`;
+    const radians = (angle * Math.PI) / 180;
+    const cosine = Math.cos(radians);
+    const sine = Math.sin(radians);
+    const centerX = anim.motionPathRotationCenterX ?? 0;
+    const centerY = anim.motionPathRotationCenterY ?? 0;
+    return points.map((point) => {
+        const x = point.x - centerX;
+        const y = point.y - centerY;
+        return {
+            x: centerX + x * cosine - y * sine,
+            y: centerY + x * sine + y * cosine,
+        };
+    });
+}
+function pointAt(points, progress) {
+    if (points.length < 2) {
+        return { x: 0, y: 0 };
+    }
+    const position = progress * (points.length - 1);
+    const leftIndex = Math.floor(position);
+    const rightIndex = Math.min(points.length - 1, leftIndex + 1);
+    const ratio = position - leftIndex;
+    const left = points[leftIndex];
+    const right = points[rightIndex];
     return {
-        keyframeName: name,
-        css: `@keyframes ${name} {\n\tfrom { transform: rotate(${from}deg); }\n\tto { transform: rotate(${to}deg); }\n}`,
+        x: left.x + (right.x - left.x) * ratio,
+        y: left.y + (right.y - left.y) * ratio,
     };
 }
-/**
- * Build an absolute-scale `@keyframes` block from `scaleFromX`/`scaleFromY`/
- * `scaleToX`/`scaleToY`, or `undefined` when the animation has no absolute
- * scale (including when a relative `scaleByX`/`scaleByY` is present, which
- * the caller already handles and takes priority over this).
- *
- * A missing `from` defaults to 1 (unscaled) and a missing `to` defaults to
- * the `from` value, mirroring {@link buildAbsoluteRotationKeyframe}'s
- * one-bound-given handling.
- */
-function buildAbsoluteScaleKeyframe(anim, namePrefix, uid) {
-    if (anim.scaleByX !== undefined || anim.scaleByY !== undefined) {
-        return undefined;
+function keyframeName(anim, prefixes, uid, hasAttributeAnimation) {
+    const motion = Boolean(anim.motionPath);
+    const rotation = hasRotation(anim);
+    const scale = hasScale(anim);
+    if (hasAttributeAnimation || Number(motion) + Number(rotation) + Number(scale) > 1) {
+        return `${prefixes.transform}-${uid}`;
     }
-    if (anim.scaleFromX === undefined &&
-        anim.scaleFromY === undefined &&
-        anim.scaleToX === undefined &&
-        anim.scaleToY === undefined) {
-        return undefined;
+    if (motion) {
+        return `${prefixes.motion}-${uid}`;
     }
-    const fromX = anim.scaleFromX ?? 1;
-    const fromY = anim.scaleFromY ?? 1;
-    const toX = anim.scaleToX ?? fromX;
-    const toY = anim.scaleToY ?? fromY;
-    const name = `${namePrefix}-${uid}`;
-    return {
-        keyframeName: name,
-        css: `@keyframes ${name} {\n\tfrom { transform: scale(${fromX}, ${fromY}); }\n\tto { transform: scale(${toX}, ${toY}); }\n}`,
-    };
-}
-/** Clamp a value into the closed unit interval. */
-function clamp01$1(value) {
-    return Math.max(0, Math.min(1, value));
+    if (rotation) {
+        return `${anim.rotationBy === undefined ? prefixes.rotationAbsolute : prefixes.rotationRelative}-${uid}`;
+    }
+    return `${anim.scaleByX === undefined && anim.scaleByY === undefined ? prefixes.scaleAbsolute : prefixes.scaleRelative}-${uid}`;
 }
-/** `p:attrName` values known to name an opacity attribute. */
-const KNOWN_OPACITY_ATTR_NAMES = new Set(['style.opacity', 'opacity']);
 /**
- * Build a multi-stop opacity `@keyframes` block from a `p:tavLst` keyframe
- * list (parsed onto {@link PptxNativeAnimation.keyframes}), or `undefined`
- * when the list is missing, has fewer than two usable stops, names an
- * attribute other than opacity, or carries a value shape this can't
- * confidently interpret as opacity.
- *
- * `p:tavLst` is schema-generic (ECMA-376 S19.5.30 CT_TLAnimVariantList): a
- * `p:anim` node can drive any numeric/string/color/bool attribute its
- * `p:attrNameLst` names. When the parser DID surface that name
- * ({@link PptxNativeAnimation.attrName}), it is trusted outright: anything
- * other than a known opacity name bails immediately, so e.g. a `ppt_w`
- * size ramp that happens to fall in `[0, 1]` is never misread as opacity.
- * When the name is absent (older parses, or a deck whose `p:cBhvr` omitted
- * `p:attrNameLst` entirely), this falls back to the original heuristic:
- * numeric (`flt`/`int`) stops in the `[0, 1]` fractional range on an
- * EMPHASIS effect, which is exactly what PowerPoint's own "Transparency"
- * effect (and any custom multi-stage fade) writes. Outside that shape the
- * caller keeps its existing (2-stop, canned) behaviour, so nothing regresses.
+ * Build one keyframe block so simultaneous transform behaviours remain
+ * simultaneous instead of competing for the CSS `transform` property.
  */
-function buildOpacityTavKeyframe(anim, namePrefix, uid) {
-    if (anim.presetClass !== 'emph') {
+function buildTransformKeyframes(anim, uid, prefixes) {
+    const rotation = hasRotation(anim);
+    const scale = hasScale(anim);
+    const attributeModel = createAttributeTransformModel(anim);
+    const parsedPoints = anim.motionPath
+        ? rotateMotionPathPoints(parseMotionPathPoints(anim.motionPath), anim)
+        : [];
+    const points = parsedPoints.length >= 2 ? parsedPoints : [];
+    if (points.length === 0 && !rotation && !scale && !attributeModel) {
         return undefined;
     }
-    if (anim.attrName !== undefined && !KNOWN_OPACITY_ATTR_NAMES.has(anim.attrName)) {
-        return undefined;
+    const progressSet = new Set(attributeModel?.progresses ?? [0, 1]);
+    for (let index = 0; index < points.length; index += 1) {
+        progressSet.add(index / (points.length - 1));
     }
-    const frames = anim.keyframes;
-    if (!frames || frames.length < 2) {
-        return undefined;
-    }
-    const stops = [];
-    for (const kf of frames) {
-        if (typeof kf.tm !== 'number' || !Number.isFinite(kf.tm)) {
-            return undefined;
+    const progresses = [...progressSet].sort((left, right) => left - right);
+    const lines = progresses.map((progress) => {
+        const point = pointAt(points, progress);
+        const attributeState = attributeModel?.stateAt(progress);
+        const declarations = [];
+        const opacity = attributeState?.opacity ?? opacityAt(anim, progress);
+        if (opacity !== undefined) {
+            declarations.push(`opacity: ${formatNumber(opacity)};`);
         }
-        if (kf.valueType !== 'flt' && kf.valueType !== 'int') {
-            return undefined;
+        const transforms = [];
+        if (points.length > 0) {
+            transforms.push(`translate(${slideOffset(point.x, 'w')}, ${slideOffset(point.y, 'h')})`);
         }
-        const opacity = Number(kf.value);
-        if (!Number.isFinite(opacity) || opacity < 0 || opacity > 1) {
-            return undefined;
+        if (attributeState?.translateX !== undefined || attributeState?.translateY !== undefined) {
+            transforms.push(`translate(${slideOffset(attributeState.translateX ?? 0, 'w')}, ${slideOffset(attributeState.translateY ?? 0, 'h')})`);
         }
-        // `tm` is in 1000ths of a percent of the effect's own duration (100000 = 100%).
-        stops.push({ pct: clamp01$1(kf.tm / 100000) * 100, opacity });
-    }
-    stops.sort((a, b) => a.pct - b.pct);
-    const name = `${namePrefix}-${uid}`;
-    const lines = stops.map((s) => `\t${Number(s.pct.toFixed(2))}% { opacity: ${s.opacity}; }`);
-    return { keyframeName: name, css: `@keyframes ${name} {\n${lines.join('\n')}\n}` };
-}
-/** `p:attrName` values known to name a colour attribute with a CSS mapping. */
-const KNOWN_COLOR_ATTR_NAMES = new Set([
-    'fillcolor',
-    'fill.color',
-    'style.color',
-    'stroke.color',
-]);
-/** Matches a resolved `#rrggbb` hex colour (what the core parser's `decodeKeyframeValue` emits for `a:srgbClr`). */
-const HEX_COLOR_RE = /^#[0-9a-f]{6}$/iu;
-/**
- * Build a multi-stop colour `@keyframes` block from a `p:tavLst` keyframe
- * list whose `p:attrName` names a known colour attribute (`fillcolor`,
- * `fill.color`, `style.color`, `stroke.color`), or `undefined` when the
- * attribute is unrecognised, there are fewer than two usable stops, or any
- * stop isn't a resolved `#rrggbb` hex colour.
- *
- * This is the sibling of {@link buildOpacityTavKeyframe} for the OTHER shape
- * `p:tavLst` playback can now place with confidence: a full multi-stop colour
- * ramp authored on a generic `p:anim` node, as opposed to the two/three-stop
- * `from`/`to`/`by` model the dedicated `p:animClr` behaviour uses (already
- * handled via {@link PptxNativeAnimation.colorAnimation}, which this
- * function defers to when present so an incidental `p:tavLst` on that same
- * node never overrides it). A scheme-colour token (`a:schemeClr`, e.g.
- * `"accent1"`) cannot be resolved to a CSS colour without theme context this
- * pure function doesn't have, so any non-hex stop also bails to the caller's
- * canned fallback rather than emitting invalid CSS.
- *
- * Reuses {@link resolveCssProperties} (`animation-color.ts`) for the
- * attribute -> CSS-property mapping, the same one `p:animClr` keyframes use,
- * so a `fillcolor` ramp painting an SVG shape's fill behaves identically
- * whichever OOXML behaviour authored it.
- */
-function buildColorTavKeyframe(anim, namePrefix, uid) {
-    if (anim.colorAnimation) {
-        return undefined;
-    }
-    if (!anim.attrName || !KNOWN_COLOR_ATTR_NAMES.has(anim.attrName)) {
-        return undefined;
-    }
-    const frames = anim.keyframes;
-    if (!frames || frames.length < 2) {
-        return undefined;
-    }
-    const stops = [];
-    for (const kf of frames) {
-        if (typeof kf.tm !== 'number' || !Number.isFinite(kf.tm)) {
-            return undefined;
+        if (rotation ||
+            (points.length > 0 && anim.motionPathRotateAuto) ||
+            attributeState?.rotation !== undefined) {
+            const pointIndex = Math.round(progress * Math.max(0, points.length - 1));
+            const pathRotation = anim.motionPathRotateAuto ? tangentAngle(points, pointIndex) : 0;
+            const angle = pathRotation + (attributeState?.rotation ?? rotationAt(anim, progress));
+            transforms.push(`rotate(${anim.motionPathRotateAuto ? angle.toFixed(2) : formatNumber(angle, 2)}deg)`);
         }
-        if (kf.valueType !== 'clr') {
-            return undefined;
+        if (scale || attributeState?.scaleX !== undefined || attributeState?.scaleY !== undefined) {
+            transforms.push(`scale(${formatNumber(attributeState?.scaleX ?? scaleAt(anim, 'x', progress))}, ${formatNumber(attributeState?.scaleY ?? scaleAt(anim, 'y', progress))})`);
         }
-        const color = String(kf.value);
-        if (!HEX_COLOR_RE.test(color)) {
-            return undefined;
+        if (transforms.length > 0) {
+            declarations.push(`transform: ${transforms.join(' ')};`);
         }
-        stops.push({ pct: clamp01$1(kf.tm / 100000) * 100, color: color.toLowerCase() });
-    }
-    stops.sort((a, b) => a.pct - b.pct);
-    const cssProperties = resolveCssProperties(anim.attrName);
-    const name = `${namePrefix}-${uid}`;
-    const lines = stops.map((s) => {
-        const decls = cssProperties.map((prop) => `${prop}: ${s.color};`).join(' ');
-        return `\t${Number(s.pct.toFixed(2))}% { ${decls} }`;
+        return `\t${formatNumber(progress * 100, 2)}% { ${declarations.join(' ')} }`;
     });
+    const name = keyframeName(anim, prefixes, uid, attributeModel !== undefined);
     return { keyframeName: name, css: `@keyframes ${name} {\n${lines.join('\n')}\n}` };
 }
 
@@ -21733,10 +22136,22 @@ function applyFlyDirection(effect, subtype) {
  * @param percent - Sampled coordinate in percent-of-slide units (path * 100).
  * @param axis - `w` for the horizontal offset, `h` for the vertical one.
  */
-function slideOffset(percent, axis) {
-    const fallback = axis === 'w' ? '1280px' : '720px';
-    return `calc(var(--pptx-slide-${axis}, ${fallback}) * ${(percent / 100).toFixed(4)})`;
-}
+const FLAT_TRANSFORM_PREFIXES = {
+    motion: 'pptx-motionPath',
+    rotationAbsolute: 'pptx-rotateAbs',
+    rotationRelative: 'pptx-rotateBy',
+    scaleAbsolute: 'pptx-scaleAbs',
+    scaleRelative: 'pptx-scaleBy',
+    transform: 'pptx-transform',
+};
+const TIMELINE_TRANSFORM_PREFIXES = {
+    motion: 'pptx-tl-motion',
+    rotationAbsolute: 'pptx-tl-rotateAbs',
+    rotationRelative: 'pptx-tl-rotate',
+    scaleAbsolute: 'pptx-tl-scaleAbs',
+    scaleRelative: 'pptx-tl-scale',
+    transform: 'pptx-tl-transform',
+};
 /**
  * Build a dynamic CSS `@keyframes` block for motion path, rotation, scale, or
  * colour animations that don't map to a static effect preset. Uses the
@@ -21744,49 +22159,9 @@ function slideOffset(percent, axis) {
  * name prefixes (flat-sequence model).
  */
 function buildDynamicKeyframes(anim, uid) {
-    // Motion path animation
-    if (anim.motionPath) {
-        const name = `pptx-motionPath-${uid}`;
-        const points = parseMotionPathPoints(anim.motionPath);
-        if (points.length < 2) {
-            return undefined;
-        }
-        const kfLines = [];
-        for (let i = 0; i < points.length; i++) {
-            const pct = Math.round((i / (points.length - 1)) * 100);
-            kfLines.push(`\t${pct}% { transform: translate(${slideOffset(points[i].x, 'w')}, ${slideOffset(points[i].y, 'h')}); }`);
-        }
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n${kfLines.join('\n')}\n}`,
-        };
-    }
-    // Rotation animation (relative `@by`, then absolute `from`/`to`)
-    if (anim.rotationBy !== undefined) {
-        const name = `pptx-rotateBy-${uid}`;
-        const deg = anim.rotationBy;
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n\tfrom { transform: rotate(0deg); }\n\tto { transform: rotate(${deg}deg); }\n}`,
-        };
-    }
-    const absoluteRotate = buildAbsoluteRotationKeyframe(anim, 'pptx-rotateAbs', uid);
-    if (absoluteRotate) {
-        return absoluteRotate;
-    }
-    // Scale animation (relative `@by`, then absolute `from`/`to`)
-    if (anim.scaleByX !== undefined || anim.scaleByY !== undefined) {
-        const name = `pptx-scaleBy-${uid}`;
-        const sx = anim.scaleByX ?? 1;
-        const sy = anim.scaleByY ?? 1;
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n\tfrom { transform: scale(1); }\n\tto { transform: scale(${sx}, ${sy}); }\n}`,
-        };
-    }
-    const absoluteScale = buildAbsoluteScaleKeyframe(anim, 'pptx-scaleAbs', uid);
-    if (absoluteScale) {
-        return absoluteScale;
+    const transform = buildTransformKeyframes(anim, uid, FLAT_TRANSFORM_PREFIXES);
+    if (transform) {
+        return transform;
     }
     // Color animation (p:animClr)
     if (anim.colorAnimation) {
@@ -21812,59 +22187,9 @@ function buildDynamicKeyframes(anim, uid) {
  * `pptx-tl-color-*` prefixes and supports motion-path auto-rotate.
  */
 function buildDynamicKeyframe(anim, uid) {
-    if (anim.motionPath) {
-        const name = `pptx-tl-motion-${uid}`;
-        const points = parseMotionPathPoints(anim.motionPath);
-        if (points.length < 2) {
-            return undefined;
-        }
-        const lines = [];
-        for (let i = 0; i < points.length; i++) {
-            const pct = Math.round((i / (points.length - 1)) * 100);
-            const tx = slideOffset(points[i].x, 'w');
-            const ty = slideOffset(points[i].y, 'h');
-            if (anim.motionPathRotateAuto) {
-                // Compute the tangent angle at this point using the direction
-                // to the next point (or from the previous point for the last one).
-                const next = i < points.length - 1 ? points[i + 1] : points[i];
-                const prev = i > 0 ? points[i - 1] : points[i];
-                const dx = i < points.length - 1 ? next.x - points[i].x : points[i].x - prev.x;
-                const dy = i < points.length - 1 ? next.y - points[i].y : points[i].y - prev.y;
-                const angleDeg = Math.atan2(dy, dx) * (180 / Math.PI);
-                lines.push(`\t${pct}% { transform: translate(${tx}, ${ty}) rotate(${angleDeg.toFixed(2)}deg); }`);
-            }
-            else {
-                lines.push(`\t${pct}% { transform: translate(${tx}, ${ty}); }`);
-            }
-        }
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n${lines.join('\n')}\n}`,
-        };
-    }
-    if (anim.rotationBy !== undefined) {
-        const name = `pptx-tl-rotate-${uid}`;
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n\tfrom { transform: rotate(0deg); }\n\tto { transform: rotate(${anim.rotationBy}deg); }\n}`,
-        };
-    }
-    const absoluteRotate = buildAbsoluteRotationKeyframe(anim, 'pptx-tl-rotateAbs', uid);
-    if (absoluteRotate) {
-        return absoluteRotate;
-    }
-    if (anim.scaleByX !== undefined || anim.scaleByY !== undefined) {
-        const name = `pptx-tl-scale-${uid}`;
-        const sx = anim.scaleByX ?? 1;
-        const sy = anim.scaleByY ?? 1;
-        return {
-            keyframeName: name,
-            css: `@keyframes ${name} {\n\tfrom { transform: scale(1); }\n\tto { transform: scale(${sx}, ${sy}); }\n}`,
-        };
-    }
-    const absoluteScale = buildAbsoluteScaleKeyframe(anim, 'pptx-tl-scaleAbs', uid);
-    if (absoluteScale) {
-        return absoluteScale;
+    const transform = buildTransformKeyframes(anim, uid, TIMELINE_TRANSFORM_PREFIXES);
+    if (transform) {
+        return transform;
     }
     // Color animation (p:animClr)
     if (anim.colorAnimation) {
@@ -21946,6 +22271,218 @@ function finalizeClickGroup(steps, options) {
     return group;
 }
 
+/**
+ * `animation-timeline-absolute` — dynamic CSS `@keyframes` for the absolute
+ * `from`/`to` form of `p:animRot` (ST_Angle) and `p:animScale`
+ * (percentage), and for a `p:tavLst` ramp attached to a generic `p:anim`
+ * behaviour (opacity or colour).
+ *
+ * {@link buildDynamicKeyframe} / {@link buildDynamicKeyframes} in
+ * `animation-timeline-helpers` already handle the RELATIVE `@by` form
+ * (`rotationBy` / `scaleByX` / `scaleByY`); this module covers the sibling
+ * absolute form, which OOXML allows instead of (or alongside) `@by`:
+ * ECMA-376 S19.5.7 CT_TLAnimateRotationBehavior and S19.5.8
+ * CT_TLAnimateScaleBehavior both make `from`/`to`/`by` independently
+ * optional. Only the relative form was ever read, so a deck that authored
+ * "rotate from 0 to 180" (no `@by`) or "scale from 50% to 150%" produced no
+ * rotation/scale keyframes at all and the effect silently did nothing.
+ *
+ * `p:tavLst` (ECMA-376 S19.5.30 CT_TLAnimVariantList) is schema-generic: a
+ * `p:anim` node can drive ANY attribute its `p:attrNameLst/p:attrName` names,
+ * and until the core parser surfaced that name (`PptxNativeAnimation.attrName`)
+ * this module could only guess from the keyframe VALUE shape, which is why it
+ * only ever recognised a numeric `[0, 1]` ramp as opacity. With the attribute
+ * name available, {@link buildOpacityTavKeyframe} now confirms it against a
+ * known opacity name instead of trusting the value shape alone, and
+ * {@link buildColorTavKeyframe} covers the sibling case: a multi-stop colour
+ * ramp on `fillcolor` / `fill.color` / `style.color` / `stroke.color`, reusing
+ * the same attribute -> CSS-property mapping as the dedicated `p:animClr`
+ * behaviour (`animation-color.ts`). Every other attribute name (position,
+ * size, and anything this module cannot confirm a CSS mapping for) is left on
+ * the caller's canned-timing fallback; see `docs/guide/limitations.md`.
+ *
+ * @module render/animation-timeline-absolute
+ */
+/**
+ * Build an absolute-rotation `@keyframes` block from `rotationFrom`/
+ * `rotationTo`, or `undefined` when the animation has no absolute rotation
+ * (including when a relative `rotationBy` is present, which the caller
+ * already handles and takes priority over this).
+ *
+ * A `from` with no `to` (or vice versa) still produces a sensible sweep: the
+ * missing bound defaults to the other one's value so the animation is a
+ * no-op turn rather than being dropped, matching how PowerPoint treats a
+ * partially-specified rotation as ending at its one given angle.
+ */
+function buildAbsoluteRotationKeyframe(anim, namePrefix, uid) {
+    if (anim.rotationBy !== undefined) {
+        return undefined;
+    }
+    if (anim.rotationFrom === undefined && anim.rotationTo === undefined) {
+        return undefined;
+    }
+    const from = anim.rotationFrom ?? anim.rotationTo ?? 0;
+    const to = anim.rotationTo ?? anim.rotationFrom ?? 0;
+    const name = `${namePrefix}-${uid}`;
+    return {
+        keyframeName: name,
+        css: `@keyframes ${name} {\n\tfrom { transform: rotate(${from}deg); }\n\tto { transform: rotate(${to}deg); }\n}`,
+    };
+}
+/**
+ * Build an absolute-scale `@keyframes` block from `scaleFromX`/`scaleFromY`/
+ * `scaleToX`/`scaleToY`, or `undefined` when the animation has no absolute
+ * scale (including when a relative `scaleByX`/`scaleByY` is present, which
+ * the caller already handles and takes priority over this).
+ *
+ * A missing `from` defaults to 1 (unscaled) and a missing `to` defaults to
+ * the `from` value, mirroring {@link buildAbsoluteRotationKeyframe}'s
+ * one-bound-given handling.
+ */
+function buildAbsoluteScaleKeyframe(anim, namePrefix, uid) {
+    if (anim.scaleByX !== undefined || anim.scaleByY !== undefined) {
+        return undefined;
+    }
+    if (anim.scaleFromX === undefined &&
+        anim.scaleFromY === undefined &&
+        anim.scaleToX === undefined &&
+        anim.scaleToY === undefined) {
+        return undefined;
+    }
+    const fromX = anim.scaleFromX ?? 1;
+    const fromY = anim.scaleFromY ?? 1;
+    const toX = anim.scaleToX ?? fromX;
+    const toY = anim.scaleToY ?? fromY;
+    const name = `${namePrefix}-${uid}`;
+    return {
+        keyframeName: name,
+        css: `@keyframes ${name} {\n\tfrom { transform: scale(${fromX}, ${fromY}); }\n\tto { transform: scale(${toX}, ${toY}); }\n}`,
+    };
+}
+/** Clamp a value into the closed unit interval. */
+function clamp01$1(value) {
+    return Math.max(0, Math.min(1, value));
+}
+/** `p:attrName` values known to name an opacity attribute. */
+const KNOWN_OPACITY_ATTR_NAMES = new Set(['style.opacity', 'opacity']);
+/**
+ * Build a multi-stop opacity `@keyframes` block from a `p:tavLst` keyframe
+ * list (parsed onto {@link PptxNativeAnimation.keyframes}), or `undefined`
+ * when the list is missing, has fewer than two usable stops, names an
+ * attribute other than opacity, or carries a value shape this can't
+ * confidently interpret as opacity.
+ *
+ * `p:tavLst` is schema-generic (ECMA-376 S19.5.30 CT_TLAnimVariantList): a
+ * `p:anim` node can drive any numeric/string/color/bool attribute its
+ * `p:attrNameLst` names. When the parser DID surface that name
+ * ({@link PptxNativeAnimation.attrName}), it is trusted outright: anything
+ * other than a known opacity name bails immediately, so e.g. a `ppt_w`
+ * size ramp that happens to fall in `[0, 1]` is never misread as opacity.
+ * When the name is absent (older parses, or a deck whose `p:cBhvr` omitted
+ * `p:attrNameLst` entirely), this falls back to the original heuristic:
+ * numeric (`flt`/`int`) stops in the `[0, 1]` fractional range on an
+ * EMPHASIS effect, which is exactly what PowerPoint's own "Transparency"
+ * effect (and any custom multi-stage fade) writes. Outside that shape the
+ * caller keeps its existing (2-stop, canned) behaviour, so nothing regresses.
+ */
+function buildOpacityTavKeyframe(anim, namePrefix, uid) {
+    if (anim.presetClass !== 'emph') {
+        return undefined;
+    }
+    if (anim.attrName !== undefined && !KNOWN_OPACITY_ATTR_NAMES.has(anim.attrName)) {
+        return undefined;
+    }
+    const frames = anim.keyframes;
+    if (!frames || frames.length < 2) {
+        return undefined;
+    }
+    const stops = [];
+    for (const kf of frames) {
+        if (typeof kf.tm !== 'number' || !Number.isFinite(kf.tm)) {
+            return undefined;
+        }
+        if (kf.valueType !== 'flt' && kf.valueType !== 'int') {
+            return undefined;
+        }
+        const opacity = Number(kf.value);
+        if (!Number.isFinite(opacity) || opacity < 0 || opacity > 1) {
+            return undefined;
+        }
+        // `tm` is in 1000ths of a percent of the effect's own duration (100000 = 100%).
+        stops.push({ pct: clamp01$1(kf.tm / 100000) * 100, opacity });
+    }
+    stops.sort((a, b) => a.pct - b.pct);
+    const name = `${namePrefix}-${uid}`;
+    const lines = stops.map((s) => `\t${Number(s.pct.toFixed(2))}% { opacity: ${s.opacity}; }`);
+    return { keyframeName: name, css: `@keyframes ${name} {\n${lines.join('\n')}\n}` };
+}
+/** `p:attrName` values known to name a colour attribute with a CSS mapping. */
+const KNOWN_COLOR_ATTR_NAMES = new Set([
+    'fillcolor',
+    'fill.color',
+    'style.color',
+    'stroke.color',
+]);
+/** Matches a resolved `#rrggbb` hex colour (what the core parser's `decodeKeyframeValue` emits for `a:srgbClr`). */
+const HEX_COLOR_RE = /^#[0-9a-f]{6}$/iu;
+/**
+ * Build a multi-stop colour `@keyframes` block from a `p:tavLst` keyframe
+ * list whose `p:attrName` names a known colour attribute (`fillcolor`,
+ * `fill.color`, `style.color`, `stroke.color`), or `undefined` when the
+ * attribute is unrecognised, there are fewer than two usable stops, or any
+ * stop isn't a resolved `#rrggbb` hex colour.
+ *
+ * This is the sibling of {@link buildOpacityTavKeyframe} for the OTHER shape
+ * `p:tavLst` playback can now place with confidence: a full multi-stop colour
+ * ramp authored on a generic `p:anim` node, as opposed to the two/three-stop
+ * `from`/`to`/`by` model the dedicated `p:animClr` behaviour uses (already
+ * handled via {@link PptxNativeAnimation.colorAnimation}, which this
+ * function defers to when present so an incidental `p:tavLst` on that same
+ * node never overrides it). A scheme-colour token (`a:schemeClr`, e.g.
+ * `"accent1"`) cannot be resolved to a CSS colour without theme context this
+ * pure function doesn't have, so any non-hex stop also bails to the caller's
+ * canned fallback rather than emitting invalid CSS.
+ *
+ * Reuses {@link resolveCssProperties} (`animation-color.ts`) for the
+ * attribute -> CSS-property mapping, the same one `p:animClr` keyframes use,
+ * so a `fillcolor` ramp painting an SVG shape's fill behaves identically
+ * whichever OOXML behaviour authored it.
+ */
+function buildColorTavKeyframe(anim, namePrefix, uid) {
+    if (anim.colorAnimation) {
+        return undefined;
+    }
+    if (!anim.attrName || !KNOWN_COLOR_ATTR_NAMES.has(anim.attrName)) {
+        return undefined;
+    }
+    const frames = anim.keyframes;
+    if (!frames || frames.length < 2) {
+        return undefined;
+    }
+    const stops = [];
+    for (const kf of frames) {
+        if (typeof kf.tm !== 'number' || !Number.isFinite(kf.tm)) {
+            return undefined;
+        }
+        if (kf.valueType !== 'clr') {
+            return undefined;
+        }
+        const color = String(kf.value);
+        if (!HEX_COLOR_RE.test(color)) {
+            return undefined;
+        }
+        stops.push({ pct: clamp01$1(kf.tm / 100000) * 100, color: color.toLowerCase() });
+    }
+    stops.sort((a, b) => a.pct - b.pct);
+    const cssProperties = resolveCssProperties(anim.attrName);
+    const name = `${namePrefix}-${uid}`;
+    const lines = stops.map((s) => {
+        const decls = cssProperties.map((prop) => `${prop}: ${s.color};`).join(' ');
+        return `\t${Number(s.pct.toFixed(2))}% { ${decls} }`;
+    });
+    return { keyframeName: name, css: `@keyframes ${name} {\n${lines.join('\n')}\n}` };
+}
+
 /**
  * `animation-fill-repeat`: pure decisions for `p:cTn/@fill`, `@repeatDur`
  * and `@spd`, the three timing attributes the parse layer now surfaces on
@@ -22010,10 +22547,17 @@ function shouldHoldEndState(anim) {
 /** Resolve all three timing decisions for one animation in a single call. */
 function resolveEffectTiming(anim, baseDurationMs) {
     const durationMs = applySpeedToDuration(anim.speedPct, baseDurationMs);
-    const iterationCount = resolveIterationCount(anim.repeatCount, anim.repeatDurMs, durationMs);
+    const authoredIterations = resolveIterationCount(anim.repeatCount, anim.repeatDurMs, durationMs);
+    const iterationCount = anim.autoReverse && anim.repeatDurMs === undefined
+        ? authoredIterations * 2
+        : authoredIterations;
+    const activeDurationMs = Number.isFinite(iterationCount)
+        ? durationMs * iterationCount
+        : durationMs;
     return {
         durationMs,
         iterationCount,
+        activeDurationMs,
         holdEndState: shouldHoldEndState(anim),
     };
 }
@@ -22509,6 +23053,7 @@ function emitStaggeredPieces(anim, kind, counts, output, newClickStepPerParagrap
                         triggerDelayMs: undefined,
                         startConditions: undefined,
                         parGroupIndex: undefined,
+                        parGroupDelayMs: undefined,
                     }),
                 buildType: undefined,
                 iterate: undefined,
@@ -22578,6 +23123,7 @@ function expandSingleBuildAnimation(anim, buildType, counts, output) {
                     triggerDelayMs: undefined,
                     startConditions: undefined,
                     parGroupIndex: undefined,
+                    parGroupDelayMs: undefined,
                     buildType: undefined,
                     buildReverse: undefined,
                     buildAdvAutoMs: undefined,
@@ -22623,6 +23169,7 @@ function joinPreviousFields() {
         triggerDelayMs: undefined,
         startConditions: undefined,
         parGroupIndex: undefined,
+        parGroupDelayMs: undefined,
     };
 }
 /** Expand a `pRg`-scoped animation into one sub-animation per named paragraph. */
@@ -23304,6 +23851,72 @@ function parseMediaCommand(commandString) {
     return undefined;
 }
 
+const COLOR_KEYFRAME = /^pptx-tl-(?:color|tavclr)-/u;
+const TRANSFORM_KEYFRAME = /^pptx-tl-(?:motion|rotate(?:Abs)?|scale(?:Abs)?|transform)-/u;
+function sameOptionalValue(left, right) {
+    return left === right;
+}
+function hasIndependentColourAndTransform(left, right) {
+    return ((COLOR_KEYFRAME.test(left.keyframeName) && TRANSFORM_KEYFRAME.test(right.keyframeName)) ||
+        (TRANSFORM_KEYFRAME.test(left.keyframeName) && COLOR_KEYFRAME.test(right.keyframeName)));
+}
+/** Whether two sibling behaviours can safely share one CSS animation list. */
+function canComposeParallelSteps(left, right) {
+    return (hasIndependentColourAndTransform(left, right) &&
+        left.elementId !== '' &&
+        left.elementId === right.elementId &&
+        left.cssAnimation !== '' &&
+        right.cssAnimation !== '' &&
+        left.delayMs === right.delayMs &&
+        left.durationMs === right.durationMs &&
+        left.presetClass === right.presetClass &&
+        left.fillMode === right.fillMode &&
+        sameOptionalValue(left.holdEndState, right.holdEndState) &&
+        sameOptionalValue(left.hideAfterEffect, right.hideAfterEffect) &&
+        sameOptionalValue(left.pendingHideOnNextClick, right.pendingHideOnNextClick) &&
+        sameOptionalValue(left.seqConcurrent, right.seqConcurrent) &&
+        sameOptionalValue(left.seqNextAction, right.seqNextAction) &&
+        sameOptionalValue(left.seqPrevAction, right.seqPrevAction) &&
+        !left.command &&
+        !right.command &&
+        !left.build &&
+        !right.build &&
+        !left.soundPath &&
+        !right.soundPath &&
+        !left.stopSound &&
+        !right.stopSound &&
+        !left.restart &&
+        !right.restart &&
+        left.exclGroupId === undefined &&
+        right.exclGroupId === undefined);
+}
+/** Compose independent CSS properties without dropping either behaviour. */
+function composeParallelSteps(left, right) {
+    const colorTargets = [...new Set([...(left.colorTargets ?? []), ...(right.colorTargets ?? [])])];
+    return {
+        ...left,
+        cssAnimation: `${left.cssAnimation}, ${right.cssAnimation}`,
+        colorTargets: colorTargets.length > 0 ? colorTargets : undefined,
+    };
+}
+
+/** Synthetic state-map suffix for a `p:spTgt/p:bg` background-only target. */
+const BACKGROUND_ANIMATION_ID_SUFFIX = '::pptx-bg';
+/**
+ * Resolve the view-layer target for an animation.
+ *
+ * PowerPoint's `p:bg` target animates only the shape paint while its text stays
+ * visible. Keeping that state under a synthetic id lets bindings paint a
+ * separate background layer without hiding or transforming the whole element.
+ */
+function resolveAnimationTargetId(animation) {
+    const targetId = animation.targetId ?? '';
+    if (targetId && animation.target?.type === 'shape' && animation.target.backgroundOnly === true) {
+        return `${targetId}${BACKGROUND_ANIMATION_ID_SUFFIX}`;
+    }
+    return targetId;
+}
+
 /**
  * `animation-timeline-builder` — `buildTimeline`, which turns a flat list of
  * native animations into an {@link AnimationTimeline} of click-groups (plus
@@ -23368,11 +23981,11 @@ function stepColorTargets(anim, tavColorApplied) {
     // colour ramp on a generic `p:anim` node (see `buildColorTavKeyframe`)
     // names the same kind of attribute, so it resolves paint targets the
     // same way once there's no dedicated colour animation to defer to.
-    const targetAttribute = anim.colorAnimation?.targetAttribute ?? (tavColorApplied ? anim.attrName : undefined);
-    if (!targetAttribute) {
+    const colorSource = anim.colorAnimation ?? (tavColorApplied ? anim.attrName : undefined);
+    if (!colorSource) {
         return undefined;
     }
-    const targets = resolveColorAnimationTargets(targetAttribute);
+    const targets = resolveColorAnimationTargets(colorSource);
     return targets.length > 0 ? targets : undefined;
 }
 function fallbackEffectForClass(presetClass) {
@@ -23423,18 +24036,24 @@ function buildTimeline(nativeAnimations) {
             entranceElementIds: new Set(),
             keyframesCss: '',
             interactiveSequences: new Map(),
+            restartableInteractiveSequences: new Set(),
             hoverSequences: new Map(),
         };
     }
     // Separate interactive (onShapeClick), hover (onHover), and regular animations
     const regularAnims = [];
     const interactiveAnims = new Map();
+    const restartableInteractiveSequences = new Set();
     const hoverAnims = [];
     for (const anim of nativeAnimations) {
-        if (anim.trigger === 'onShapeClick' && anim.triggerShapeId) {
+        if ((anim.interactiveSequence === true || anim.trigger === 'onShapeClick') &&
+            anim.triggerShapeId) {
             const existing = interactiveAnims.get(anim.triggerShapeId) ?? [];
             existing.push(anim);
             interactiveAnims.set(anim.triggerShapeId, existing);
+            if (anim.interactiveRestart === true) {
+                restartableInteractiveSequences.add(anim.triggerShapeId);
+            }
         }
         else if (anim.trigger === 'onHover' && anim.targetId) {
             hoverAnims.push(anim);
@@ -23449,6 +24068,7 @@ function buildTimeline(nativeAnimations) {
     const dynamicBlocks = [];
     let dynamicUid = 0;
     let currentGroup = [];
+    let currentGroupLastParallelIndex;
     /** Whether the current group was started by an onClick trigger. */
     let currentGroupIsClick = false;
     /**
@@ -23467,8 +24087,13 @@ function buildTimeline(nativeAnimations) {
     for (const anim of regularAnims) {
         const expandedSteps = expandIterateAnimation(anim);
         for (const singleAnim of expandedSteps) {
-            let effect = resolveEffect(singleAnim);
-            let dynamic = effect ? undefined : buildDynamicKeyframe(singleAnim, dynamicUid++);
+            let dynamic = hasAuthoredTransform(singleAnim)
+                ? buildDynamicKeyframe(singleAnim, dynamicUid++)
+                : undefined;
+            let effect = dynamic ? undefined : resolveEffect(singleAnim);
+            if (!effect && !dynamic) {
+                dynamic = buildDynamicKeyframe(singleAnim, dynamicUid++);
+            }
             // A real `p:tavLst` keyframe list on an emphasis effect (e.g.
             // PowerPoint's "Transparency") carries the AUTHORED opacity ramp;
             // prefer it over the canned 2/3-stop static effect so a custom fade
@@ -23538,7 +24163,7 @@ function buildTimeline(nativeAnimations) {
             // Command steps carry no element visibility semantics: an empty
             // elementId keeps them from hiding/revealing a real element; the media
             // target is routed via the command payload instead.
-            const elementId = isCommand ? '' : (singleAnim.targetId ?? '');
+            const elementId = isCommand ? '' : resolveAnimationTargetId(singleAnim);
             // Honour the FULL start-condition OR-set (compound / simultaneous
             // triggers) rather than the collapsed single trigger. The effective
             // condition drives grouping and supplies the governing start delay.
@@ -23563,7 +24188,7 @@ function buildTimeline(nativeAnimations) {
             // Apply `@spd` / `@repeatDur` / `@fill` (animation-fill-repeat), then
             // compute direction. A command step carries no timing of its own.
             const timing = isCommand
-                ? { durationMs: 0, iterationCount: 1, holdEndState: false }
+                ? { durationMs: 0, iterationCount: 1, activeDurationMs: 0, holdEndState: false }
                 : resolveEffectTiming(singleAnim, baseDuration);
             const duration = timing.durationMs;
             const iterCount = timing.iterationCount;
@@ -23587,6 +24212,7 @@ function buildTimeline(nativeAnimations) {
                     clickGroups.push(group);
                 }
                 currentGroup = [];
+                currentGroupLastParallelIndex = undefined;
                 currentGroupIsClick = isOnClick || isFirstAnimation;
                 // A group the deck marks as auto-starting plays on slide entry. This
                 // is how PowerPoint renders a deck whose opening effects are "With
@@ -23603,18 +24229,24 @@ function buildTimeline(nativeAnimations) {
                 currentGroupAutoStart =
                     singleAnim.groupAutoStart === true && !effective.requiresInteraction;
                 subGroupIndex = singleAnim.parGroupIndex;
-                subGroupStartMs = 0;
+                subGroupStartMs = singleAnim.parGroupDelayMs ?? 0;
             }
             // Compute delay relative to start of this click-group
             const prevStep = currentGroup.length > 0 ? currentGroup[currentGroup.length - 1] : undefined;
             let delayMs;
-            if (singleAnim.parGroupIndex !== undefined && prevStep) {
+            if (singleAnim.parGroupIndex !== undefined) {
                 if (singleAnim.parGroupIndex !== subGroupIndex) {
-                    // New effect wrapper: it starts with (withPrevious) or after
-                    // (afterPrevious / afterDelay) the step that came before it.
+                    // Prefer the wrapper's authored absolute offset. Older or
+                    // programmatically-created entries may not carry one, so retain
+                    // the duration-based chaining fallback for those entries.
                     subGroupIndex = singleAnim.parGroupIndex;
                     subGroupStartMs =
-                        trigger === 'withPrevious' ? prevStep.delayMs : prevStep.delayMs + prevStep.durationMs;
+                        singleAnim.parGroupDelayMs ??
+                            (prevStep
+                                ? trigger === 'withPrevious'
+                                    ? prevStep.delayMs
+                                    : prevStep.delayMs + prevStep.durationMs
+                                : 0);
                 }
                 // Siblings of one wrapper are simultaneous in OOXML: each `@delay` is
                 // an offset from the wrapper, never a chain off the previous effect.
@@ -23639,17 +24271,17 @@ function buildTimeline(nativeAnimations) {
             // `applyAfterAnimationFromEditorList` before the timeline is built.
             const afterFields = isCommand
                 ? { cssAnimation: baseCssAnimation, holdEndState: timing.holdEndState }
-                : resolveAfterAnimationStepFields(singleAnim, baseCssAnimation, timing.holdEndState, delayMs + duration, `pptx-tl-dim-${dynamicUid++}`);
+                : resolveAfterAnimationStepFields(singleAnim, baseCssAnimation, timing.holdEndState, delayMs + timing.activeDurationMs, `pptx-tl-dim-${dynamicUid++}`);
             if (afterFields.dimKeyframeBlock) {
                 dynamicBlocks.push(afterFields.dimKeyframeBlock);
             }
-            currentGroup.push({
+            const step = {
                 elementId,
                 cssAnimation: afterFields.cssAnimation,
                 keyframeName: keyframe,
                 trigger,
                 delayMs,
-                durationMs: duration,
+                durationMs: timing.activeDurationMs,
                 fillMode: fill,
                 presetClass: presetClass,
                 soundPath: singleAnim.soundPath,
@@ -23665,7 +24297,18 @@ function buildTimeline(nativeAnimations) {
                 seqNextAction: singleAnim.seqNextAction,
                 seqPrevAction: singleAnim.seqPrevAction,
                 exclGroupId: singleAnim.exclGroupId,
-            });
+            };
+            const previousParallelStep = currentGroup[currentGroup.length - 1];
+            if (singleAnim.parGroupIndex !== undefined &&
+                singleAnim.parGroupIndex === currentGroupLastParallelIndex &&
+                previousParallelStep &&
+                canComposeParallelSteps(previousParallelStep, step)) {
+                currentGroup[currentGroup.length - 1] = composeParallelSteps(previousParallelStep, step);
+            }
+            else {
+                currentGroup.push(step);
+            }
+            currentGroupLastParallelIndex = singleAnim.parGroupIndex;
         }
     }
     // Flush last group
@@ -23706,6 +24349,7 @@ function buildTimeline(nativeAnimations) {
         entranceElementIds: entranceIds,
         keyframesCss: keyframeBlocks.join('\n\n'),
         interactiveSequences,
+        restartableInteractiveSequences,
         hoverSequences,
     };
 }
@@ -23753,9 +24397,17 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
     for (const [shapeId, anims] of animsByKey) {
         const seqGroups = [];
         let seqGroup = [];
+        let seqGroupLastParallelIndex;
+        let subGroupIndex;
+        let subGroupStartMs = 0;
         for (const anim of anims) {
-            let effect = resolveEffect(anim);
-            let dynamic = effect ? undefined : buildDynamicKeyframe(anim, dynamicUid++);
+            let dynamic = hasAuthoredTransform(anim)
+                ? buildDynamicKeyframe(anim, dynamicUid++)
+                : undefined;
+            let effect = dynamic ? undefined : resolveEffect(anim);
+            if (!effect && !dynamic) {
+                dynamic = buildDynamicKeyframe(anim, dynamicUid++);
+            }
             // Same authored-tavLst-over-canned-default preference as the main
             // click-group loop (see the comment there for why it's gated to
             // 'transparency' / unmapped emphasis effects only).
@@ -23799,7 +24451,7 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 dynamicBlocks.push(dynamic.css);
             }
             // Command steps carry no element visibility semantics; see the main loop.
-            const elementId = isCommand ? '' : (anim.targetId ?? '');
+            const elementId = isCommand ? '' : resolveAnimationTargetId(anim);
             const seqTrigger = anim.trigger ?? 'onShapeClick';
             const baseDuration = isCommand ? 0 : (anim.durationMs ?? defaultDuration(anim.presetClass));
             // Same single-quantity rule as the main sequence: never sum the two.
@@ -23808,7 +24460,7 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
             const presetClass = isCommand ? 'emph' : (anim.presetClass ?? 'entr');
             const fill = fillModeForClass(anim.presetClass);
             const timing = isCommand
-                ? { durationMs: 0, iterationCount: 1, holdEndState: false }
+                ? { durationMs: 0, iterationCount: 1, activeDurationMs: 0, holdEndState: false }
                 : resolveEffectTiming(anim, baseDuration);
             const duration = timing.durationMs;
             const iterCount = timing.iterationCount;
@@ -23821,15 +24473,26 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 seqGroups.push(finalizeClickGroup(seqGroup));
                 seqGroup = [];
             }
+            const prevStep = seqGroup.length > 0 ? seqGroup[seqGroup.length - 1] : undefined;
             let delayMs;
-            if (seqTrigger === 'withPrevious' && seqGroup.length > 0) {
-                const prev = seqGroup[seqGroup.length - 1];
-                delayMs = prev.delayMs + animDelay + triggerDelay;
+            if (anim.parGroupIndex !== undefined) {
+                if (anim.parGroupIndex !== subGroupIndex) {
+                    subGroupIndex = anim.parGroupIndex;
+                    subGroupStartMs =
+                        anim.parGroupDelayMs ??
+                            (prevStep
+                                ? seqTrigger === 'withPrevious'
+                                    ? prevStep.delayMs
+                                    : prevStep.delayMs + prevStep.durationMs
+                                : 0);
+                }
+                delayMs = subGroupStartMs + animDelay + triggerDelay;
+            }
+            else if (seqTrigger === 'withPrevious' && prevStep) {
+                delayMs = prevStep.delayMs + animDelay + triggerDelay;
             }
-            else if ((seqTrigger === 'afterPrevious' || seqTrigger === 'afterDelay') &&
-                seqGroup.length > 0) {
-                const prev = seqGroup[seqGroup.length - 1];
-                delayMs = prev.delayMs + prev.durationMs + animDelay + triggerDelay;
+            else if ((seqTrigger === 'afterPrevious' || seqTrigger === 'afterDelay') && prevStep) {
+                delayMs = prevStep.delayMs + prevStep.durationMs + animDelay + triggerDelay;
             }
             else {
                 delayMs = animDelay + triggerDelay;
@@ -23845,17 +24508,17 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
             // main-sequence one.
             const afterFields = isCommand
                 ? { cssAnimation: baseCssAnimation, holdEndState: timing.holdEndState }
-                : resolveAfterAnimationStepFields(anim, baseCssAnimation, timing.holdEndState, delayMs + duration, `pptx-tl-dim-${dynamicUid++}`);
+                : resolveAfterAnimationStepFields(anim, baseCssAnimation, timing.holdEndState, delayMs + timing.activeDurationMs, `pptx-tl-dim-${dynamicUid++}`);
             if (afterFields.dimKeyframeBlock) {
                 dynamicBlocks.push(afterFields.dimKeyframeBlock);
             }
-            seqGroup.push({
+            const step = {
                 elementId,
                 cssAnimation: afterFields.cssAnimation,
                 keyframeName: keyframe,
                 trigger: seqTrigger,
                 delayMs,
-                durationMs: duration,
+                durationMs: timing.activeDurationMs,
                 fillMode: fill,
                 presetClass: presetClass,
                 soundPath: anim.soundPath,
@@ -23871,7 +24534,18 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 seqNextAction: anim.seqNextAction,
                 seqPrevAction: anim.seqPrevAction,
                 exclGroupId: anim.exclGroupId,
-            });
+            };
+            const previousParallelStep = seqGroup[seqGroup.length - 1];
+            if (anim.parGroupIndex !== undefined &&
+                anim.parGroupIndex === seqGroupLastParallelIndex &&
+                previousParallelStep &&
+                canComposeParallelSteps(previousParallelStep, step)) {
+                seqGroup[seqGroup.length - 1] = composeParallelSteps(previousParallelStep, step);
+            }
+            else {
+                seqGroup.push(step);
+            }
+            seqGroupLastParallelIndex = anim.parGroupIndex;
         }
         if (seqGroup.length > 0) {
             seqGroups.push(finalizeClickGroup(seqGroup));
@@ -24275,9 +24949,15 @@ class TimelineEngine {
     advanceInteractive(triggerShapeId, nowMs = Date.now()) {
         const groups = this.timeline.interactiveSequences.get(triggerShapeId);
         const currentIdx = this.interactiveGroupIndexes.get(triggerShapeId) ?? -1;
-        const result = this.advanceSequenceGroup(groups, currentIdx, this.interactiveGroupStartedAtMs.get(triggerShapeId), nowMs);
+        let result = this.advanceSequenceGroup(groups, currentIdx, this.interactiveGroupStartedAtMs.get(triggerShapeId), nowMs);
         if (result === 'exhausted') {
-            return null;
+            if (!this.timeline.restartableInteractiveSequences?.has(triggerShapeId)) {
+                return null;
+            }
+            result = this.advanceSequenceGroup(groups, -1, undefined, nowMs);
+            if (result === 'exhausted') {
+                return null;
+            }
         }
         if (result === 'blocked') {
             return EMPTY_CLICK_GROUP;
@@ -25045,6 +25725,9 @@ function motionPathNativeAnimations(slide) {
         delayMs: animation.delayMs ?? 0,
         motionPath: animation.motionPath,
         motionPathEditMode: animation.motionPathEditMode ?? 'relative',
+        motionPathRotationAngle: animation.motionPathRotationAngle,
+        motionPathRotationCenterX: animation.motionPathRotationCenterX,
+        motionPathRotationCenterY: animation.motionPathRotationCenterY,
     }));
 }
 /**
@@ -25173,8 +25856,9 @@ class PresentationAnimationController {
         const engine = TimelineEngine.fromAnimations(expandedAnims);
         const elementIds = slide.elements.map((element) => element.id);
         for (const anim of expandedAnims) {
-            if (anim.targetId && anim.targetId.includes(TEXT_BUILD_ID_SEP)) {
-                elementIds.push(anim.targetId);
+            const targetId = resolveAnimationTargetId(anim);
+            if (targetId.includes(TEXT_BUILD_ID_SEP)) {
+                elementIds.push(targetId);
             }
         }
         return new PresentationAnimationController(engine, elementIds);
@@ -30212,7 +30896,7 @@ function getImageFitStyle(el) {
         height: '100%',
         objectFit: 'fill',
     };
-    if (!isImageLikeElement(el)) {
+    if (!isImageLikeElement(el) && el.type !== 'media') {
         return uncropped;
     }
     const { placement, crop } = imageFitTransformParts(el);
@@ -30243,7 +30927,7 @@ const IDENTITY_TRANSFORM_PAIR = 'translate(0%, 0%) scale(1, 1)';
  * PLACEMENT and the `a:srcRect` source CROP. Either is `''` when absent.
  */
 function imageFitTransformParts(el) {
-    if (!isImageLikeElement(el)) {
+    if (!isImageLikeElement(el) && el.type !== 'media') {
         return { placement: '', crop: '' };
     }
     // `a:stretch/a:fillRect` stretches the (cropped) image into a sub-rect of
@@ -41221,7 +41905,13 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
         const hasVisibleTextContent = paraSegments.some((seg) => seg !== markerSegment && Boolean(seg.text) && seg.text.trim().length > 0);
         const bullet = hasVisibleTextContent ? bulletResult : undefined;
         const indent = resolveParagraphIndent(paragraphIndents?.[paraIndex], firstSeg?.paragraphLevel);
-        const bulletStyle = buildBulletMarkerStyle(bullet, firstSeg, fontScale, indent.textIndentPx);
+        // A bare negative indent without marL or a bullet is not a hanging
+        // indent. Applying it directly sends ordinary text outside its box.
+        const textIndentPx = indent.textIndentPx !== undefined &&
+            (indent.textIndentPx >= 0 || indent.marginLeftPx !== undefined || bullet !== undefined)
+            ? indent.textIndentPx
+            : undefined;
+        const bulletStyle = buildBulletMarkerStyle(bullet, firstSeg, fontScale, textIndentPx);
         const spacing = resolveParagraphSpacing({
             paraProps: propsCarrier?.paragraphProperties,
             bodyStyle,
@@ -41259,7 +41949,7 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
             bulletPicture: bullet?.picture,
             bulletStyle,
             marginLeftPx: indent.marginLeftPx,
-            textIndentPx: indent.textIndentPx,
+            textIndentPx,
             lineHeight: spacing.lineHeight,
             spaceBeforePx: spacing.spaceBeforePx,
             spaceAfterPx: spacing.spaceAfterPx,
@@ -48859,6 +49549,7 @@ const COMPLEX_SLIDE_FIELDS = {
     activeXControls: '_ax',
     legacyVmlElements: '_lvml',
     backgroundPattern: '_bp',
+    backgroundImageProperties: '_bip',
     modernCommentPart: '_mc',
     headerFooterFlags: '_hff',
     slideSynchronization: '_sync',
@@ -56984,8 +57675,53 @@ function buildPieChart3DDataForElement(element, options) {
  *
  * @module text-wrap-estimate
  */
-/** Average glyph advance as a fraction of the font size, across mixed-case Latin text. */
-const AVERAGE_ADVANCE_RATIO = 0.5;
+function estimatedGlyphAdvanceRatio(glyph) {
+    if (/\p{Mark}/u.test(glyph)) {
+        return 0;
+    }
+    if (/\s/u.test(glyph)) {
+        return 0.33;
+    }
+    if (/[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Extended_Pictographic}]/u.test(glyph)) {
+        return 1;
+    }
+    if (/[A-Z]/u.test(glyph)) {
+        return 0.65;
+    }
+    if (/[a-z0-9]/u.test(glyph)) {
+        return 0.55;
+    }
+    if (/[,.;:!?()\u005b\u005d{}'"`\-_/\\]/u.test(glyph)) {
+        return 0.35;
+    }
+    return 0.6;
+}
+function estimatedTextWidth(glyphs, fontSize) {
+    return glyphs.reduce((sum, glyph) => sum + estimatedGlyphAdvanceRatio(glyph) * fontSize, 0);
+}
+const HANGING_PUNCTUATION_RE = /^[\u3001\u3002\uff0c\uff0e\uff01\uff1f\uff1b\uff1a\u3009\u300b\u300d\u300f\u3011\u3015\u3017\u3019\u301b\uff09\uff3d\uff5d\u2019\u201d\u00bb\u203a]$/u;
+const BREAKABLE_GLYPH_RE = /^[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Extended_Pictographic}]$/u;
+function estimatedWrapUnits(text) {
+    const units = [];
+    let unbreakableRun = '';
+    const flushRun = () => {
+        if (unbreakableRun.length > 0) {
+            units.push(unbreakableRun);
+            unbreakableRun = '';
+        }
+    };
+    for (const glyph of Array.from(text)) {
+        if (/\s/u.test(glyph) || BREAKABLE_GLYPH_RE.test(glyph)) {
+            flushRun();
+            units.push(glyph);
+        }
+        else {
+            unbreakableRun += glyph;
+        }
+    }
+    flushRun();
+    return units;
+}
 /**
  * Break `text` into lines that approximately fit `maxWidth`.
  *
@@ -57003,8 +57739,7 @@ function wrapTextByEstimatedWidth(text, maxWidth, fontSize, options = {}) {
     if (!text || text.trim().length === 0) {
         return [];
     }
-    const charactersPerLine = Math.floor(maxWidth / Math.max(fontSize * AVERAGE_ADVANCE_RATIO, 1));
-    if (charactersPerLine <= 0) {
+    if (!(maxWidth > 0) || !(fontSize > 0)) {
         return [];
     }
     const lines = [];
@@ -57016,20 +57751,31 @@ function wrapTextByEstimatedWidth(text, maxWidth, fontSize, options = {}) {
             continue;
         }
         let current = '';
-        for (const word of paragraph.split(/\s+/u)) {
-            if (current.length === 0) {
-                current = word;
+        let pendingWhitespace = false;
+        for (const unit of estimatedWrapUnits(paragraph)) {
+            if (/^\s+$/u.test(unit)) {
+                pendingWhitespace = current.length > 0;
+                continue;
             }
-            else if (current.length + 1 + word.length <= charactersPerLine) {
-                current += ` ${word}`;
+            const separator = pendingWhitespace && current.length > 0 ? ' ' : '';
+            const candidate = `${current}${separator}${unit}`;
+            if (current.length === 0 || estimatedTextWidth(Array.from(candidate), fontSize) <= maxWidth) {
+                current = candidate;
+                pendingWhitespace = false;
+                continue;
             }
-            else {
-                lines.push(current);
-                current = word;
+            if (HANGING_PUNCTUATION_RE.test(unit)) {
+                current += unit;
+                pendingWhitespace = false;
+                continue;
             }
-        }
-        if (current.length > 0) {
             lines.push(current);
+            current = unit;
+            pendingWhitespace = false;
+        }
+        const completed = current.trimEnd();
+        if (completed.length > 0) {
+            lines.push(completed);
         }
     }
     return lines;
@@ -57064,7 +57810,7 @@ function centeredSvgTextLines(text, fontSize, options = {}) {
     if (lines.length === 0) {
         return [{ text: '', y: centerY }];
     }
-    const lineHeight = fontSize * LINE_HEIGHT_RATIO$1;
+    const lineHeight = options.lineHeight ?? fontSize * (options.lineHeightRatio ?? LINE_HEIGHT_RATIO$1);
     const blockTop = centerY - (lines.length * lineHeight) / 2;
     return lines.map((line, index) => ({
         text: line,
@@ -57141,6 +57887,14 @@ function buildChromeStyle(chrome) {
  * outline.
  */
 const TEXT_WIDTH_FRACTION = 0.82;
+const CJK_SMARTART_TEXT_RE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u;
+const CJK_SMARTART_LINE_HEIGHT_RATIO = 1.33;
+const DEFAULT_SMARTART_LINE_HEIGHT_RATIO = 1.2;
+function drawingTextBaseLineHeightRatio(text) {
+    return CJK_SMARTART_TEXT_RE.test(text ?? '')
+        ? CJK_SMARTART_LINE_HEIGHT_RATIO
+        : DEFAULT_SMARTART_LINE_HEIGHT_RATIO;
+}
 /**
  * The fill of the nearest shape painted beneath `shape`'s centre.
  *
@@ -57186,17 +57940,21 @@ function computeDrawingViewBox(shapes) {
     let maxX = -Infinity;
     let maxY = -Infinity;
     for (const s of shapes) {
-        if (s.x < minX) {
-            minX = s.x;
+        const shapeMinX = Math.min(s.x, s.textFrameX ?? s.x);
+        const shapeMinY = Math.min(s.y, s.textFrameY ?? s.y);
+        const shapeMaxX = Math.max(s.x + s.width, (s.textFrameX ?? s.x) + (s.textFrameWidth ?? s.width));
+        const shapeMaxY = Math.max(s.y + s.height, (s.textFrameY ?? s.y) + (s.textFrameHeight ?? s.height));
+        if (shapeMinX < minX) {
+            minX = shapeMinX;
         }
-        if (s.y < minY) {
-            minY = s.y;
+        if (shapeMinY < minY) {
+            minY = shapeMinY;
         }
-        if (s.x + s.width > maxX) {
-            maxX = s.x + s.width;
+        if (shapeMaxX > maxX) {
+            maxX = shapeMaxX;
         }
-        if (s.y + s.height > maxY) {
-            maxY = s.y + s.height;
+        if (shapeMaxY > maxY) {
+            maxY = shapeMaxY;
         }
     }
     if (!Number.isFinite(minX)) {
@@ -57247,14 +58005,22 @@ function resolveShapeKind(shape, hasImage) {
     if (hasImage) {
         return 'image';
     }
-    // `getShapeType` folds the aliases it knows (oval -> ellipse, can -> cylinder)
-    // but has no vocabulary for the arrow presets SmartArt process layouts use, so
-    // those are matched on the normalised raw type.
     const normalized = (shape.shapeType ?? '').trim().toLowerCase();
-    if (normalized === 'chevron' || normalized === 'homeplate') {
-        return 'polygon';
+    if (normalized === 'ellipse' || normalized === 'oval') {
+        return 'ellipse';
     }
-    return getShapeType(shape.shapeType) === 'ellipse' ? 'ellipse' : 'rect';
+    const identityPresets = new Set(['rect', 'flowchartprocess', 'roundrect']);
+    return identityPresets.has(normalized) || normalized.length === 0 ? 'rect' : 'path';
+}
+function drawingShapeTransform(shape, cx, cy) {
+    const transforms = [];
+    if (shape.rotation) {
+        transforms.push(`rotate(${shape.rotation} ${cx} ${cy})`);
+    }
+    if (shape.flipHorizontal || shape.flipVertical) {
+        transforms.push(`translate(${cx} ${cy}) scale(${shape.flipHorizontal ? -1 : 1} ${shape.flipVertical ? -1 : 1}) translate(${-cx} ${-cy})`);
+    }
+    return transforms.length > 0 ? transforms.join(' ') : undefined;
 }
 /**
  * Project raw `PptxSmartArtDrawingShape`s into `RenderedShape` view-models,
@@ -57281,13 +58047,46 @@ function projectDrawingShapes(elementId, shapes, viewBox, palette, style) {
         const cx = relX + shape.width / 2;
         const cy = relY + shape.height / 2;
         const stroke = shape.strokeColor ?? (sw > 0 ? 'rgba(255,255,255,0.3)' : 'none');
-        const transform = shape.rotation !== undefined ? `rotate(${shape.rotation} ${cx} ${cy})` : undefined;
+        const transform = drawingShapeTransform(shape, cx, cy);
+        const presetGeometry = kind === 'path'
+            ? getPresetShapeVectorGeometry(shape.shapeType, shape.width, shape.height, shape.shapeAdjustments)
+            : undefined;
         const fontSize = shape.fontSize ?? Math.max(8, Math.min(14, shape.height * 0.2));
+        const hasTextFrame = Number.isFinite(shape.textFrameX) &&
+            Number.isFinite(shape.textFrameY) &&
+            Number.isFinite(shape.textFrameWidth) &&
+            Number.isFinite(shape.textFrameHeight) &&
+            (shape.textFrameWidth ?? 0) > 0 &&
+            (shape.textFrameHeight ?? 0) > 0;
+        const textFrameX = (hasTextFrame ? shape.textFrameX : shape.x) - minX;
+        const textFrameY = (hasTextFrame ? shape.textFrameY : shape.y) - minY;
+        const textFrameWidth = hasTextFrame ? shape.textFrameWidth : shape.width;
+        const textFrameHeight = hasTextFrame ? shape.textFrameHeight : shape.height;
+        const textInsetLeft = shape.textInsetLeft ?? 0;
+        const textInsetRight = shape.textInsetRight ?? 0;
+        const textInsetTop = shape.textInsetTop ?? 0;
+        const textInsetBottom = shape.textInsetBottom ?? 0;
+        const textContentWidth = Math.max(1, textFrameWidth - textInsetLeft - textInsetRight);
+        const textContentHeight = Math.max(1, textFrameHeight - textInsetTop - textInsetBottom);
+        const textCenterX = textFrameX + textInsetLeft + textContentWidth / 2;
+        const textCenterY = textFrameY + textInsetTop + textContentHeight / 2;
+        const textWrapWidth = hasTextFrame ? textContentWidth : shape.width * TEXT_WIDTH_FRACTION;
+        const authoredLineHeightRatio = shape.lineHeightRatio ?? 1;
+        const lineHeightRatio = drawingTextBaseLineHeightRatio(shape.text) * authoredLineHeightRatio +
+            (shape.lineSpacingAfterRatio ?? 0);
+        const lineHeight = shape.lineHeight !== undefined || shape.lineSpacingAfter !== undefined
+            ? (shape.lineHeight ??
+                fontSize * drawingTextBaseLineHeightRatio(shape.text) * authoredLineHeightRatio) +
+                (shape.lineSpacingAfter ?? 0)
+            : undefined;
         return {
             key: `${elementId}-dsp-${shape.id}-${i}`,
             kind,
-            ...(kind === 'polygon'
-                ? { points: chevronPoints(relX, relY, shape.width, shape.height) }
+            ...(presetGeometry
+                ? {
+                    pathData: presetGeometry.d,
+                    pathTransform: [transform, `translate(${relX} ${relY})`].filter(Boolean).join(' '),
+                }
                 : {}),
             ...(gradient ? { gradient } : {}),
             x: relX,
@@ -57304,14 +58103,21 @@ function projectDrawingShapes(elementId, shapes, viewBox, palette, style) {
             imageUrl: shape.fillImageUrl,
             textLines: shape.text
                 ? centeredSvgTextLines(shape.text, fontSize, {
-                    maxWidth: shape.width * TEXT_WIDTH_FRACTION,
-                    centerY: cy,
+                    maxWidth: textWrapWidth,
+                    centerY: textCenterY,
+                    lineHeight,
+                    lineHeightRatio,
                 })
                 : [],
-            textX: cx,
-            textY: cy,
+            textX: textCenterX,
+            textY: textCenterY,
+            textWidth: textContentWidth,
+            textHeight: textContentHeight,
             fontColor: shape.fontColor ?? drawingShapeLabelColor(shape, shapes, i, fill),
             fontSize,
+            fontFamily: shape.fontFamily ? getSubstituteFontFamily(shape.fontFamily) : undefined,
+            fontWeight: shape.fontWeight,
+            fontStyle: shape.fontStyle,
         };
     });
 }
@@ -70603,6 +71409,7 @@ function masterViewParts(document, target) {
         elements: master.elements ?? [],
         backgroundColor: master.backgroundColor,
         backgroundImage: master.backgroundImage,
+        backgroundImageProperties: master.backgroundImageProperties,
     };
     const layout = target.layoutIndex === null ? undefined : master.layouts?.[target.layoutIndex];
     if (!layout || target.layoutIndex === null) {
@@ -70618,6 +71425,9 @@ function masterViewParts(document, target) {
             elements: layout.elements ?? [],
             backgroundColor: layout.backgroundColor ?? master.backgroundColor,
             backgroundImage: layout.backgroundImage ?? master.backgroundImage,
+            backgroundImageProperties: layout.backgroundImage
+                ? layout.backgroundImageProperties
+                : master.backgroundImageProperties,
         },
     ];
 }
@@ -70630,6 +71440,7 @@ function auxiliaryParts(kind, part) {
                 elements: part.elements ?? [],
                 backgroundColor: part.backgroundColor,
                 backgroundImage: part.backgroundImage,
+                backgroundImageProperties: part.backgroundImageProperties,
             },
         ]
         : [];
@@ -70658,6 +71469,7 @@ function masterViewPseudoSlide(document, target) {
         elements: parts.flatMap((part) => [...part.elements]),
         backgroundColor: primary.backgroundColor,
         backgroundImage: primary.backgroundImage,
+        backgroundImageProperties: primary.backgroundImageProperties,
     };
 }
 /** Every element the master-view canvas is currently painting. */
@@ -75533,6 +76345,17 @@ function buildPrintHtmlDocument(options) {
  * then write the real document into that same window once it's ready. These
  * two functions are the whole fix; every binding's print handler just calls
  * them at the right points instead of re-implementing this dance itself.
+ *
+ * `window.open` is called WITHOUT `noopener`: with it, Chrome returns `null`
+ * from `window.open` itself even though the tab genuinely opens (confirmed
+ * live), so every caller here reads that as "popup blocked", bails out
+ * having already left a stray blank tab behind, and never writes the print
+ * document into it - the exact "print opens a blank tab and does nothing"
+ * report this file exists to prevent. `noopener` protects against a page
+ * reaching back into ITS OPENER via `window.opener` (reverse tabnabbing),
+ * which only matters for a window opened to a third-party URL; this window
+ * is opened blank (`''`) and filled entirely with the app's own
+ * document.write() output, so there is no opener relationship worth cutting.
  */
 /**
  * Open a blank print window right now, synchronously, still inside the
@@ -75545,7 +76368,7 @@ function buildPrintHtmlDocument(options) {
  *   in the placeholder while the real document is assembled.
  */
 function openPendingPrintWindow(preparingLabel) {
-    const printWindow = window.open('', '_blank', 'noopener,noreferrer');
+    const printWindow = window.open('', '_blank');
     if (!printWindow) {
         return null;
     }
@@ -75577,7 +76400,7 @@ function finishPrintWindow(printWindow, htmlDocument) {
  * and after its `await`s respectively.
  */
 function openPrintWindow(htmlDocument) {
-    const printWindow = window.open('', '_blank', 'noopener,noreferrer');
+    const printWindow = window.open('', '_blank');
     if (!printWindow) {
         return false;
     }
@@ -77654,7 +78477,7 @@ function createLocalStorageBackend(namespace) {
 /** Try IndexedDB first; fall back to localStorage on any failure. */
 async function resolveBackend(dbName, namespace) {
     try {
-        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-B--KpLRw.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-Cxqxc-c6.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -86397,11 +87220,11 @@ class SmartArtRendererComponent {
         return rebuildDrawingShapesIfCleared(data, data.layout, resolvePalette(data), data.style ?? 'flat', el.id, { width: el.width, height: el.height });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SmartArtRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SmartArtRendererComponent, isStandalone: true, selector: "pptx-smart-art-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, animationState: { classPropertyName: "animationState", publicName: "animationState", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "nodeEditor", first: true, predicate: ["nodeEditor"], descendants: true, isSignal: true }, { propertyName: "smartartContainer", first: true, predicate: ["smartartContainer"], descendants: true, isSignal: true }, { propertyName: "styleBar", first: true, predicate: ["styleBar"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\t#smartartContainer\n\tclass=\"pptx-ng-smartart-chrome\"\n\t[ngStyle]=\"chromeStyle()\"\n\t[attr.role]=\"a11y() ? a11y()!.role : null\"\n\t[attr.aria-label]=\"a11y()?.label ?? null\"\n\t(mousemove)=\"onMouseMove($event)\"\n\t(mouseleave)=\"onMouseLeave()\"\n>\n\t@if (isEmpty()) {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t} @else if (hasDrawingShapes()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\tdata-testid=\"smartart-drawing-shapes\"\n\t\t\t[attr.viewBox]=\"svgViewBox()\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t>\n\t\t\t@for (shape of renderedShapes(); track shape.key; let i = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"drawingShapeNodeIds()[i] ?? null\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes() && !!drawingShapeNodeIds()[i]\"\n\t\t\t\t>\n\t\t\t\t\t@if (shape.gradient) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (shape.gradient!.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"shape.gradient!.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"shape.gradient!.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"shape.gradient!.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</radialGradient>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"shape.gradient!.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"shape.gradient!.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"shape.gradient!.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"shape.gradient!.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.kind === 'image') {\n\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.href]=\"shape.imageUrl\"\n\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'ellipse') {\n\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t[attr.cx]=\"shape.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"shape.cy\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.width / 2\"\n\t\t\t\t\t\t\t[attr.ry]=\"shape.height / 2\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'polygon') {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"shape.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.textLines.length > 0) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"shape.textX\"\n\t\t\t\t\t\t\ttext-anchor=\"middle\"\n\t\t\t\t\t\t\tdominant-baseline=\"central\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fontColor\"\n\t\t\t\t\t\t\t[attr.font-size]=\"shape.fontSize\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of shape.textLines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"shape.textX\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else if (hasLayout()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\t[attr.data-testid]=\"'smartart-' + layout().family\"\n\t\t\t[attr.viewBox]=\"layout().viewBox\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t[attr.data-layout-family]=\"layout().family\"\n\t\t>\n\t\t\t@for (conn of layout().connectors; track conn.key; let ci = $index) {\n\t\t\t\t<path\n\t\t\t\t\t[attr.d]=\"layoutConnectors()[ci]!.d\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t[attr.stroke]=\"layoutConnectors()[ci]!.stroke\"\n\t\t\t\t\t[attr.stroke-width]=\"layoutConnectors()[ci]!.strokeWidth\"\n\t\t\t\t\t[attr.opacity]=\"layoutConnectors()[ci]!.opacity\"\n\t\t\t\t\t[attr.stroke-dasharray]=\"layoutConnectors()[ci]!.dash ?? null\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (node of layout().nodes; track node.key; let ni = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes()\"\n\t\t\t\t\t[attr.tabindex]=\"canEditNodes() ? 0 : null\"\n\t\t\t\t\t[attr.role]=\"canEditNodes() ? 'button' : 'img'\"\n\t\t\t\t\t[attr.aria-label]=\"nodeAriaLabel(ni) ?? node.text\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"nodeIdAt(ni)\"\n\t\t\t\t\t(dblclick)=\"onNodeDblClick($event, node, ni)\"\n\t\t\t\t\t(keydown)=\"onNodeKeydown($event, node, ni)\"\n\t\t\t\t>\n\t\t\t\t\t@if (nodeAriaLabel(ni); as title) {\n\t\t\t\t\t\t<title>{{ title }}</title>\n\t\t\t\t\t}\n\t\t\t\t\t@if (asCircle(node); as c) {\n\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t[attr.fill]=\"c.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"c.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"c.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"c.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asPolygon(node); as p) {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"p.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"p.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"p.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"p.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"p.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asRect(node); as r) {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"r.x\"\n\t\t\t\t\t\t\t[attr.y]=\"r.y\"\n\t\t\t\t\t\t\t[attr.width]=\"r.width\"\n\t\t\t\t\t\t\t[attr.height]=\"r.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"r.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"r.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"r.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"r.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"r.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t<!--\n\t\t\t\t\t\tNode label. Placement, colour, weight and baseline arrive\n\t\t\t\t\t\talready decided from the shared `smartArtNodeLabel`, so an\n\t\t\t\t\t\toff-centre caption (target leader, gear legend row, timeline\n\t\t\t\t\t\tcaption above / below the axis) lands beside its node.\n\t\t\t\t\t-->\n\t\t\t\t\t@if (layoutLabels()[ni]!.visible) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"layoutLabels()[ni]!.x\"\n\t\t\t\t\t\t\t[attr.text-anchor]=\"layoutLabels()[ni]!.textAnchor\"\n\t\t\t\t\t\t\t[attr.dominant-baseline]=\"layoutLabels()[ni]!.dominantBaseline\"\n\t\t\t\t\t\t\t[attr.fill]=\"layoutLabels()[ni]!.fill\"\n\t\t\t\t\t\t\t[attr.font-size]=\"layoutLabels()[ni]!.fontSize\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"layoutLabels()[ni]!.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"layoutLabels()[ni]!.fontStyle ?? null\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of layoutLabels()[ni]!.lines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"layoutLabels()[ni]!.x\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t}\n\n\t@if (canEditNodes() && hoveredNodeId() && !editState() && styleBarStyle()) {\n\t\t<div\n\t\t\t#styleBar\n\t\t\tclass=\"pptx-ng-smartart-style-bar\"\n\t\t\t[ngStyle]=\"styleBarStyle()!\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t>\n\t\t\t@for (color of palette().slice(0, 6); track color) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-smartart-swatch\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t[attr.aria-label]=\"'pptx.smartArt.setFill' | translate: { color: color }\"\n\t\t\t\t\t[style.background]=\"color\"\n\t\t\t\t\t(click)=\"handleChangeNodeStyle(hoveredNodeId()!, color)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t</div>\n\t}\n\n\t<!--\n\t\tInline node-text editor. Positioned in element-local px (== viewBox\n\t\tunits, since the SVG viewBox matches the element pixel size and the\n\t\tsvg fills the chrome) over the double-clicked node. Commits via the\n\t\tshared EditorStateService.updateElement path on Enter / blur.\n\t-->\n\t@if (editState(); as edit) {\n\t\t<textarea\n\t\t\t#nodeEditor\n\t\t\tclass=\"pptx-ng-smartart-node-editor\"\n\t\t\t[style.left.px]=\"edit.box.x\"\n\t\t\t[style.top.px]=\"edit.box.y\"\n\t\t\t[style.width.px]=\"edit.box.width\"\n\t\t\t[style.height.px]=\"edit.box.height\"\n\t\t\t[value]=\"edit.text\"\n\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t(dblclick)=\"$event.stopPropagation()\"\n\t\t\t(blur)=\"commitEdit($event)\"\n\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t></textarea>\n\t}\n\n\t<!-- Polite live region: announces node-text edit commits to AT. -->\n\t<span class=\"pptx-ng-sr-only\" aria-live=\"polite\" role=\"status\">{{ liveMessage() }}</span>\n</div>\n", styles: [".pptx-ng-smartart-chrome{box-sizing:border-box;overflow:hidden;position:relative}.pptx-ng-smartart-svg{width:100%;height:100%;pointer-events:none}.pptx-ng-smartart-node--editable{pointer-events:auto;cursor:text}.pptx-ng-smartart-node--editable:hover{filter:drop-shadow(0 0 2px rgba(96,165,250,.8))}.pptx-ng-smartart-node-editor{position:absolute;box-sizing:border-box;margin:0;padding:1px 2px;border:1px solid var(--pptx-inspector-active, #0078d4);border-radius:2px;background:#fff;color:#111;font-size:11px;line-height:1.1;text-align:center;resize:none;overflow:hidden;z-index:2}.pptx-ng-smartart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fffc;pointer-events:none}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pptx-ng-smartart-style-bar{position:absolute;pointer-events:auto;display:flex;gap:6px;padding:6px 8px;background:#ffffffe6;border:1px solid var(--border, #e2e8f0);border-radius:9999px;box-shadow:0 1px 2px #0000001a}.pptx-ng-smartart-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.pptx-ng-smartart-swatch:hover{transform:scale(1.25)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SmartArtRendererComponent, isStandalone: true, selector: "pptx-smart-art-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, animationState: { classPropertyName: "animationState", publicName: "animationState", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "nodeEditor", first: true, predicate: ["nodeEditor"], descendants: true, isSignal: true }, { propertyName: "smartartContainer", first: true, predicate: ["smartartContainer"], descendants: true, isSignal: true }, { propertyName: "styleBar", first: true, predicate: ["styleBar"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\t#smartartContainer\n\tclass=\"pptx-ng-smartart-chrome\"\n\t[ngStyle]=\"chromeStyle()\"\n\t[attr.role]=\"a11y() ? a11y()!.role : null\"\n\t[attr.aria-label]=\"a11y()?.label ?? null\"\n\t(mousemove)=\"onMouseMove($event)\"\n\t(mouseleave)=\"onMouseLeave()\"\n>\n\t@if (isEmpty()) {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t} @else if (hasDrawingShapes()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\tdata-testid=\"smartart-drawing-shapes\"\n\t\t\t[attr.viewBox]=\"svgViewBox()\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t>\n\t\t\t@for (shape of renderedShapes(); track shape.key; let i = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"drawingShapeNodeIds()[i] ?? null\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes() && !!drawingShapeNodeIds()[i]\"\n\t\t\t\t>\n\t\t\t\t\t@if (shape.gradient) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (shape.gradient!.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"shape.gradient!.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"shape.gradient!.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"shape.gradient!.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</radialGradient>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"shape.gradient!.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"shape.gradient!.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"shape.gradient!.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"shape.gradient!.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.kind === 'image') {\n\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.href]=\"shape.imageUrl\"\n\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'ellipse') {\n\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t[attr.cx]=\"shape.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"shape.cy\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.width / 2\"\n\t\t\t\t\t\t\t[attr.ry]=\"shape.height / 2\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'path') {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"shape.pathData\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.pathTransform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.textLines.length > 0) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"shape.textX\"\n\t\t\t\t\t\t\ttext-anchor=\"middle\"\n\t\t\t\t\t\t\tdominant-baseline=\"central\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fontColor\"\n\t\t\t\t\t\t\t[attr.font-family]=\"shape.fontFamily ?? null\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"shape.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"shape.fontStyle ?? null\"\n\t\t\t\t\t\t\t[attr.font-size]=\"shape.fontSize\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of shape.textLines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"shape.textX\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else if (hasLayout()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\t[attr.data-testid]=\"'smartart-' + layout().family\"\n\t\t\t[attr.viewBox]=\"layout().viewBox\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t[attr.data-layout-family]=\"layout().family\"\n\t\t>\n\t\t\t@for (conn of layout().connectors; track conn.key; let ci = $index) {\n\t\t\t\t<path\n\t\t\t\t\t[attr.d]=\"layoutConnectors()[ci]!.d\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t[attr.stroke]=\"layoutConnectors()[ci]!.stroke\"\n\t\t\t\t\t[attr.stroke-width]=\"layoutConnectors()[ci]!.strokeWidth\"\n\t\t\t\t\t[attr.opacity]=\"layoutConnectors()[ci]!.opacity\"\n\t\t\t\t\t[attr.stroke-dasharray]=\"layoutConnectors()[ci]!.dash ?? null\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (node of layout().nodes; track node.key; let ni = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes()\"\n\t\t\t\t\t[attr.tabindex]=\"canEditNodes() ? 0 : null\"\n\t\t\t\t\t[attr.role]=\"canEditNodes() ? 'button' : 'img'\"\n\t\t\t\t\t[attr.aria-label]=\"nodeAriaLabel(ni) ?? node.text\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"nodeIdAt(ni)\"\n\t\t\t\t\t(dblclick)=\"onNodeDblClick($event, node, ni)\"\n\t\t\t\t\t(keydown)=\"onNodeKeydown($event, node, ni)\"\n\t\t\t\t>\n\t\t\t\t\t@if (nodeAriaLabel(ni); as title) {\n\t\t\t\t\t\t<title>{{ title }}</title>\n\t\t\t\t\t}\n\t\t\t\t\t@if (asCircle(node); as c) {\n\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t[attr.fill]=\"c.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"c.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"c.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"c.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asPolygon(node); as p) {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"p.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"p.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"p.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"p.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"p.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asRect(node); as r) {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"r.x\"\n\t\t\t\t\t\t\t[attr.y]=\"r.y\"\n\t\t\t\t\t\t\t[attr.width]=\"r.width\"\n\t\t\t\t\t\t\t[attr.height]=\"r.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"r.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"r.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"r.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"r.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"r.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t<!--\n\t\t\t\t\t\tNode label. Placement, colour, weight and baseline arrive\n\t\t\t\t\t\talready decided from the shared `smartArtNodeLabel`, so an\n\t\t\t\t\t\toff-centre caption (target leader, gear legend row, timeline\n\t\t\t\t\t\tcaption above / below the axis) lands beside its node.\n\t\t\t\t\t-->\n\t\t\t\t\t@if (layoutLabels()[ni]!.visible) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"layoutLabels()[ni]!.x\"\n\t\t\t\t\t\t\t[attr.text-anchor]=\"layoutLabels()[ni]!.textAnchor\"\n\t\t\t\t\t\t\t[attr.dominant-baseline]=\"layoutLabels()[ni]!.dominantBaseline\"\n\t\t\t\t\t\t\t[attr.fill]=\"layoutLabels()[ni]!.fill\"\n\t\t\t\t\t\t\t[attr.font-size]=\"layoutLabels()[ni]!.fontSize\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"layoutLabels()[ni]!.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"layoutLabels()[ni]!.fontStyle ?? null\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of layoutLabels()[ni]!.lines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"layoutLabels()[ni]!.x\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t}\n\n\t@if (canEditNodes() && hoveredNodeId() && !editState() && styleBarStyle()) {\n\t\t<div\n\t\t\t#styleBar\n\t\t\tclass=\"pptx-ng-smartart-style-bar\"\n\t\t\t[ngStyle]=\"styleBarStyle()!\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t>\n\t\t\t@for (color of palette().slice(0, 6); track color) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-smartart-swatch\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t[attr.aria-label]=\"'pptx.smartArt.setFill' | translate: { color: color }\"\n\t\t\t\t\t[style.background]=\"color\"\n\t\t\t\t\t(click)=\"handleChangeNodeStyle(hoveredNodeId()!, color)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t</div>\n\t}\n\n\t<!--\n\t\tInline node-text editor. Positioned in element-local px (== viewBox\n\t\tunits, since the SVG viewBox matches the element pixel size and the\n\t\tsvg fills the chrome) over the double-clicked node. Commits via the\n\t\tshared EditorStateService.updateElement path on Enter / blur.\n\t-->\n\t@if (editState(); as edit) {\n\t\t<textarea\n\t\t\t#nodeEditor\n\t\t\tclass=\"pptx-ng-smartart-node-editor\"\n\t\t\t[style.left.px]=\"edit.box.x\"\n\t\t\t[style.top.px]=\"edit.box.y\"\n\t\t\t[style.width.px]=\"edit.box.width\"\n\t\t\t[style.height.px]=\"edit.box.height\"\n\t\t\t[value]=\"edit.text\"\n\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t(dblclick)=\"$event.stopPropagation()\"\n\t\t\t(blur)=\"commitEdit($event)\"\n\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t></textarea>\n\t}\n\n\t<!-- Polite live region: announces node-text edit commits to AT. -->\n\t<span class=\"pptx-ng-sr-only\" aria-live=\"polite\" role=\"status\">{{ liveMessage() }}</span>\n</div>\n", styles: [".pptx-ng-smartart-chrome{box-sizing:border-box;overflow:hidden;position:relative}.pptx-ng-smartart-svg{width:100%;height:100%;pointer-events:none}.pptx-ng-smartart-node--editable{pointer-events:auto;cursor:text}.pptx-ng-smartart-node--editable:hover{filter:drop-shadow(0 0 2px rgba(96,165,250,.8))}.pptx-ng-smartart-node-editor{position:absolute;box-sizing:border-box;margin:0;padding:1px 2px;border:1px solid var(--pptx-inspector-active, #0078d4);border-radius:2px;background:#fff;color:#111;font-size:11px;line-height:1.1;text-align:center;resize:none;overflow:hidden;z-index:2}.pptx-ng-smartart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fffc;pointer-events:none}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pptx-ng-smartart-style-bar{position:absolute;pointer-events:auto;display:flex;gap:6px;padding:6px 8px;background:#ffffffe6;border:1px solid var(--border, #e2e8f0);border-radius:9999px;box-shadow:0 1px 2px #0000001a}.pptx-ng-smartart-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.pptx-ng-smartart-swatch:hover{transform:scale(1.25)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SmartArtRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-smart-art-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, TranslatePipe], template: "<div\n\t#smartartContainer\n\tclass=\"pptx-ng-smartart-chrome\"\n\t[ngStyle]=\"chromeStyle()\"\n\t[attr.role]=\"a11y() ? a11y()!.role : null\"\n\t[attr.aria-label]=\"a11y()?.label ?? null\"\n\t(mousemove)=\"onMouseMove($event)\"\n\t(mouseleave)=\"onMouseLeave()\"\n>\n\t@if (isEmpty()) {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t} @else if (hasDrawingShapes()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\tdata-testid=\"smartart-drawing-shapes\"\n\t\t\t[attr.viewBox]=\"svgViewBox()\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t>\n\t\t\t@for (shape of renderedShapes(); track shape.key; let i = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"drawingShapeNodeIds()[i] ?? null\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes() && !!drawingShapeNodeIds()[i]\"\n\t\t\t\t>\n\t\t\t\t\t@if (shape.gradient) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (shape.gradient!.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"shape.gradient!.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"shape.gradient!.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"shape.gradient!.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</radialGradient>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"shape.gradient!.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"shape.gradient!.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"shape.gradient!.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"shape.gradient!.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.kind === 'image') {\n\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.href]=\"shape.imageUrl\"\n\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'ellipse') {\n\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t[attr.cx]=\"shape.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"shape.cy\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.width / 2\"\n\t\t\t\t\t\t\t[attr.ry]=\"shape.height / 2\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'polygon') {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"shape.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.textLines.length > 0) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"shape.textX\"\n\t\t\t\t\t\t\ttext-anchor=\"middle\"\n\t\t\t\t\t\t\tdominant-baseline=\"central\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fontColor\"\n\t\t\t\t\t\t\t[attr.font-size]=\"shape.fontSize\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of shape.textLines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"shape.textX\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else if (hasLayout()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\t[attr.data-testid]=\"'smartart-' + layout().family\"\n\t\t\t[attr.viewBox]=\"layout().viewBox\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t[attr.data-layout-family]=\"layout().family\"\n\t\t>\n\t\t\t@for (conn of layout().connectors; track conn.key; let ci = $index) {\n\t\t\t\t<path\n\t\t\t\t\t[attr.d]=\"layoutConnectors()[ci]!.d\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t[attr.stroke]=\"layoutConnectors()[ci]!.stroke\"\n\t\t\t\t\t[attr.stroke-width]=\"layoutConnectors()[ci]!.strokeWidth\"\n\t\t\t\t\t[attr.opacity]=\"layoutConnectors()[ci]!.opacity\"\n\t\t\t\t\t[attr.stroke-dasharray]=\"layoutConnectors()[ci]!.dash ?? null\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (node of layout().nodes; track node.key; let ni = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes()\"\n\t\t\t\t\t[attr.tabindex]=\"canEditNodes() ? 0 : null\"\n\t\t\t\t\t[attr.role]=\"canEditNodes() ? 'button' : 'img'\"\n\t\t\t\t\t[attr.aria-label]=\"nodeAriaLabel(ni) ?? node.text\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"nodeIdAt(ni)\"\n\t\t\t\t\t(dblclick)=\"onNodeDblClick($event, node, ni)\"\n\t\t\t\t\t(keydown)=\"onNodeKeydown($event, node, ni)\"\n\t\t\t\t>\n\t\t\t\t\t@if (nodeAriaLabel(ni); as title) {\n\t\t\t\t\t\t<title>{{ title }}</title>\n\t\t\t\t\t}\n\t\t\t\t\t@if (asCircle(node); as c) {\n\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t[attr.fill]=\"c.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"c.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"c.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"c.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asPolygon(node); as p) {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"p.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"p.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"p.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"p.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"p.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asRect(node); as r) {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"r.x\"\n\t\t\t\t\t\t\t[attr.y]=\"r.y\"\n\t\t\t\t\t\t\t[attr.width]=\"r.width\"\n\t\t\t\t\t\t\t[attr.height]=\"r.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"r.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"r.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"r.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"r.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"r.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t<!--\n\t\t\t\t\t\tNode label. Placement, colour, weight and baseline arrive\n\t\t\t\t\t\talready decided from the shared `smartArtNodeLabel`, so an\n\t\t\t\t\t\toff-centre caption (target leader, gear legend row, timeline\n\t\t\t\t\t\tcaption above / below the axis) lands beside its node.\n\t\t\t\t\t-->\n\t\t\t\t\t@if (layoutLabels()[ni]!.visible) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"layoutLabels()[ni]!.x\"\n\t\t\t\t\t\t\t[attr.text-anchor]=\"layoutLabels()[ni]!.textAnchor\"\n\t\t\t\t\t\t\t[attr.dominant-baseline]=\"layoutLabels()[ni]!.dominantBaseline\"\n\t\t\t\t\t\t\t[attr.fill]=\"layoutLabels()[ni]!.fill\"\n\t\t\t\t\t\t\t[attr.font-size]=\"layoutLabels()[ni]!.fontSize\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"layoutLabels()[ni]!.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"layoutLabels()[ni]!.fontStyle ?? null\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of layoutLabels()[ni]!.lines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"layoutLabels()[ni]!.x\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t}\n\n\t@if (canEditNodes() && hoveredNodeId() && !editState() && styleBarStyle()) {\n\t\t<div\n\t\t\t#styleBar\n\t\t\tclass=\"pptx-ng-smartart-style-bar\"\n\t\t\t[ngStyle]=\"styleBarStyle()!\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t>\n\t\t\t@for (color of palette().slice(0, 6); track color) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-smartart-swatch\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t[attr.aria-label]=\"'pptx.smartArt.setFill' | translate: { color: color }\"\n\t\t\t\t\t[style.background]=\"color\"\n\t\t\t\t\t(click)=\"handleChangeNodeStyle(hoveredNodeId()!, color)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t</div>\n\t}\n\n\t<!--\n\t\tInline node-text editor. Positioned in element-local px (== viewBox\n\t\tunits, since the SVG viewBox matches the element pixel size and the\n\t\tsvg fills the chrome) over the double-clicked node. Commits via the\n\t\tshared EditorStateService.updateElement path on Enter / blur.\n\t-->\n\t@if (editState(); as edit) {\n\t\t<textarea\n\t\t\t#nodeEditor\n\t\t\tclass=\"pptx-ng-smartart-node-editor\"\n\t\t\t[style.left.px]=\"edit.box.x\"\n\t\t\t[style.top.px]=\"edit.box.y\"\n\t\t\t[style.width.px]=\"edit.box.width\"\n\t\t\t[style.height.px]=\"edit.box.height\"\n\t\t\t[value]=\"edit.text\"\n\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t(dblclick)=\"$event.stopPropagation()\"\n\t\t\t(blur)=\"commitEdit($event)\"\n\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t></textarea>\n\t}\n\n\t<!-- Polite live region: announces node-text edit commits to AT. -->\n\t<span class=\"pptx-ng-sr-only\" aria-live=\"polite\" role=\"status\">{{ liveMessage() }}</span>\n</div>\n", styles: [".pptx-ng-smartart-chrome{box-sizing:border-box;overflow:hidden;position:relative}.pptx-ng-smartart-svg{width:100%;height:100%;pointer-events:none}.pptx-ng-smartart-node--editable{pointer-events:auto;cursor:text}.pptx-ng-smartart-node--editable:hover{filter:drop-shadow(0 0 2px rgba(96,165,250,.8))}.pptx-ng-smartart-node-editor{position:absolute;box-sizing:border-box;margin:0;padding:1px 2px;border:1px solid var(--pptx-inspector-active, #0078d4);border-radius:2px;background:#fff;color:#111;font-size:11px;line-height:1.1;text-align:center;resize:none;overflow:hidden;z-index:2}.pptx-ng-smartart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fffc;pointer-events:none}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pptx-ng-smartart-style-bar{position:absolute;pointer-events:auto;display:flex;gap:6px;padding:6px 8px;background:#ffffffe6;border:1px solid var(--border, #e2e8f0);border-radius:9999px;box-shadow:0 1px 2px #0000001a}.pptx-ng-smartart-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.pptx-ng-smartart-swatch:hover{transform:scale(1.25)}\n"] }]
+            args: [{ selector: 'pptx-smart-art-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, TranslatePipe], template: "<div\n\t#smartartContainer\n\tclass=\"pptx-ng-smartart-chrome\"\n\t[ngStyle]=\"chromeStyle()\"\n\t[attr.role]=\"a11y() ? a11y()!.role : null\"\n\t[attr.aria-label]=\"a11y()?.label ?? null\"\n\t(mousemove)=\"onMouseMove($event)\"\n\t(mouseleave)=\"onMouseLeave()\"\n>\n\t@if (isEmpty()) {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t} @else if (hasDrawingShapes()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\tdata-testid=\"smartart-drawing-shapes\"\n\t\t\t[attr.viewBox]=\"svgViewBox()\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t>\n\t\t\t@for (shape of renderedShapes(); track shape.key; let i = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"drawingShapeNodeIds()[i] ?? null\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes() && !!drawingShapeNodeIds()[i]\"\n\t\t\t\t>\n\t\t\t\t\t@if (shape.gradient) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (shape.gradient!.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"shape.gradient!.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"shape.gradient!.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"shape.gradient!.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</radialGradient>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"shape.gradient!.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"shape.gradient!.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"shape.gradient!.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"shape.gradient!.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"shape.gradient!.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of shape.gradient!.stops; track $index) {\n\t\t\t\t\t\t\t\t\t\t<stop\n\t\t\t\t\t\t\t\t\t\t\t[attr.offset]=\"stop.offset\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-color]=\"stop.color\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.stop-opacity]=\"stop.opacity ?? null\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.kind === 'image') {\n\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.href]=\"shape.imageUrl\"\n\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'ellipse') {\n\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t[attr.cx]=\"shape.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"shape.cy\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.width / 2\"\n\t\t\t\t\t\t\t[attr.ry]=\"shape.height / 2\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (shape.kind === 'path') {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"shape.pathData\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.pathTransform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"shape.x\"\n\t\t\t\t\t\t\t[attr.y]=\"shape.y\"\n\t\t\t\t\t\t\t[attr.width]=\"shape.width\"\n\t\t\t\t\t\t\t[attr.height]=\"shape.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"shape.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"shape.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"shape.strokeWidth\"\n\t\t\t\t\t\t\t[attr.transform]=\"shape.transform ?? null\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t@if (shape.textLines.length > 0) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"shape.textX\"\n\t\t\t\t\t\t\ttext-anchor=\"middle\"\n\t\t\t\t\t\t\tdominant-baseline=\"central\"\n\t\t\t\t\t\t\t[attr.fill]=\"shape.fontColor\"\n\t\t\t\t\t\t\t[attr.font-family]=\"shape.fontFamily ?? null\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"shape.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"shape.fontStyle ?? null\"\n\t\t\t\t\t\t\t[attr.font-size]=\"shape.fontSize\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of shape.textLines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"shape.textX\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else if (hasLayout()) {\n\t\t<svg\n\t\t\tclass=\"pptx-ng-smartart-svg\"\n\t\t\t[attr.data-testid]=\"'smartart-' + layout().family\"\n\t\t\t[attr.viewBox]=\"layout().viewBox\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t[attr.data-layout-family]=\"layout().family\"\n\t\t>\n\t\t\t@for (conn of layout().connectors; track conn.key; let ci = $index) {\n\t\t\t\t<path\n\t\t\t\t\t[attr.d]=\"layoutConnectors()[ci]!.d\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t[attr.stroke]=\"layoutConnectors()[ci]!.stroke\"\n\t\t\t\t\t[attr.stroke-width]=\"layoutConnectors()[ci]!.strokeWidth\"\n\t\t\t\t\t[attr.opacity]=\"layoutConnectors()[ci]!.opacity\"\n\t\t\t\t\t[attr.stroke-dasharray]=\"layoutConnectors()[ci]!.dash ?? null\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (node of layout().nodes; track node.key; let ni = $index) {\n\t\t\t\t<g\n\t\t\t\t\t[ngStyle]=\"shadowFilter() ? { filter: shadowFilter() } : {}\"\n\t\t\t\t\t[class.pptx-ng-smartart-node--editable]=\"canEditNodes()\"\n\t\t\t\t\t[attr.tabindex]=\"canEditNodes() ? 0 : null\"\n\t\t\t\t\t[attr.role]=\"canEditNodes() ? 'button' : 'img'\"\n\t\t\t\t\t[attr.aria-label]=\"nodeAriaLabel(ni) ?? node.text\"\n\t\t\t\t\t[attr.data-smartart-node-id]=\"nodeIdAt(ni)\"\n\t\t\t\t\t(dblclick)=\"onNodeDblClick($event, node, ni)\"\n\t\t\t\t\t(keydown)=\"onNodeKeydown($event, node, ni)\"\n\t\t\t\t>\n\t\t\t\t\t@if (nodeAriaLabel(ni); as title) {\n\t\t\t\t\t\t<title>{{ title }}</title>\n\t\t\t\t\t}\n\t\t\t\t\t@if (asCircle(node); as c) {\n\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t[attr.fill]=\"c.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"c.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"c.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"c.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asPolygon(node); as p) {\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t[attr.points]=\"p.points\"\n\t\t\t\t\t\t\t[attr.fill]=\"p.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"p.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"p.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"p.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (asRect(node); as r) {\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t[attr.x]=\"r.x\"\n\t\t\t\t\t\t\t[attr.y]=\"r.y\"\n\t\t\t\t\t\t\t[attr.width]=\"r.width\"\n\t\t\t\t\t\t\t[attr.height]=\"r.height\"\n\t\t\t\t\t\t\t[attr.rx]=\"r.rx\"\n\t\t\t\t\t\t\t[attr.fill]=\"r.fill\"\n\t\t\t\t\t\t\t[attr.stroke]=\"r.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"r.strokeWidth\"\n\t\t\t\t\t\t\t[attr.opacity]=\"r.opacity\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t<!--\n\t\t\t\t\t\tNode label. Placement, colour, weight and baseline arrive\n\t\t\t\t\t\talready decided from the shared `smartArtNodeLabel`, so an\n\t\t\t\t\t\toff-centre caption (target leader, gear legend row, timeline\n\t\t\t\t\t\tcaption above / below the axis) lands beside its node.\n\t\t\t\t\t-->\n\t\t\t\t\t@if (layoutLabels()[ni]!.visible) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"layoutLabels()[ni]!.x\"\n\t\t\t\t\t\t\t[attr.text-anchor]=\"layoutLabels()[ni]!.textAnchor\"\n\t\t\t\t\t\t\t[attr.dominant-baseline]=\"layoutLabels()[ni]!.dominantBaseline\"\n\t\t\t\t\t\t\t[attr.fill]=\"layoutLabels()[ni]!.fill\"\n\t\t\t\t\t\t\t[attr.font-size]=\"layoutLabels()[ni]!.fontSize\"\n\t\t\t\t\t\t\t[attr.font-weight]=\"layoutLabels()[ni]!.fontWeight ?? null\"\n\t\t\t\t\t\t\t[attr.font-style]=\"layoutLabels()[ni]!.fontStyle ?? null\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t@for (line of layoutLabels()[ni]!.lines; track $index) {\n\t\t\t\t\t\t\t\t<tspan [attr.x]=\"layoutLabels()[ni]!.x\" [attr.y]=\"line.y\">\n\t\t\t\t\t\t\t\t\t{{ line.text }}\n\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t</g>\n\t\t\t}\n\t\t</svg>\n\t} @else {\n\t\t<div class=\"pptx-ng-smartart-placeholder\">\n\t\t\t{{ 'pptx.smartArt.placeholder' | translate }}\n\t\t</div>\n\t}\n\n\t@if (canEditNodes() && hoveredNodeId() && !editState() && styleBarStyle()) {\n\t\t<div\n\t\t\t#styleBar\n\t\t\tclass=\"pptx-ng-smartart-style-bar\"\n\t\t\t[ngStyle]=\"styleBarStyle()!\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t>\n\t\t\t@for (color of palette().slice(0, 6); track color) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-smartart-swatch\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t[attr.aria-label]=\"'pptx.smartArt.setFill' | translate: { color: color }\"\n\t\t\t\t\t[style.background]=\"color\"\n\t\t\t\t\t(click)=\"handleChangeNodeStyle(hoveredNodeId()!, color)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t</div>\n\t}\n\n\t<!--\n\t\tInline node-text editor. Positioned in element-local px (== viewBox\n\t\tunits, since the SVG viewBox matches the element pixel size and the\n\t\tsvg fills the chrome) over the double-clicked node. Commits via the\n\t\tshared EditorStateService.updateElement path on Enter / blur.\n\t-->\n\t@if (editState(); as edit) {\n\t\t<textarea\n\t\t\t#nodeEditor\n\t\t\tclass=\"pptx-ng-smartart-node-editor\"\n\t\t\t[style.left.px]=\"edit.box.x\"\n\t\t\t[style.top.px]=\"edit.box.y\"\n\t\t\t[style.width.px]=\"edit.box.width\"\n\t\t\t[style.height.px]=\"edit.box.height\"\n\t\t\t[value]=\"edit.text\"\n\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t(mousedown)=\"$event.stopPropagation()\"\n\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t(dblclick)=\"$event.stopPropagation()\"\n\t\t\t(blur)=\"commitEdit($event)\"\n\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t></textarea>\n\t}\n\n\t<!-- Polite live region: announces node-text edit commits to AT. -->\n\t<span class=\"pptx-ng-sr-only\" aria-live=\"polite\" role=\"status\">{{ liveMessage() }}</span>\n</div>\n", styles: [".pptx-ng-smartart-chrome{box-sizing:border-box;overflow:hidden;position:relative}.pptx-ng-smartart-svg{width:100%;height:100%;pointer-events:none}.pptx-ng-smartart-node--editable{pointer-events:auto;cursor:text}.pptx-ng-smartart-node--editable:hover{filter:drop-shadow(0 0 2px rgba(96,165,250,.8))}.pptx-ng-smartart-node-editor{position:absolute;box-sizing:border-box;margin:0;padding:1px 2px;border:1px solid var(--pptx-inspector-active, #0078d4);border-radius:2px;background:#fff;color:#111;font-size:11px;line-height:1.1;text-align:center;resize:none;overflow:hidden;z-index:2}.pptx-ng-smartart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fffc;pointer-events:none}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pptx-ng-smartart-style-bar{position:absolute;pointer-events:auto;display:flex;gap:6px;padding:6px 8px;background:#ffffffe6;border:1px solid var(--border, #e2e8f0);border-radius:9999px;box-shadow:0 1px 2px #0000001a}.pptx-ng-smartart-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.pptx-ng-smartart-swatch:hover{transform:scale(1.25)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], animationState: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationState", required: false }] }], nodeEditor: [{ type: i0.ViewChild, args: ['nodeEditor', { isSignal: true }] }], smartartContainer: [{ type: i0.ViewChild, args: ['smartartContainer', { isSignal: true }] }], styleBar: [{ type: i0.ViewChild, args: ['styleBar', { isSignal: true }] }] } });
 
 /**
@@ -95597,7 +96420,11 @@ class SlideCanvasComponent {
                 'padding-left': rulerOffset > 0 ? `${rulerOffset}px` : '0',
                 position: 'relative',
                 'box-sizing': 'content-box',
-                margin: '1rem auto',
+                flex: 'none',
+                // `margin: auto` on a flex item consumes all free space on both axes,
+                // centering the slide horizontally and vertically (matching Svelte),
+                // rather than only horizontally with a fixed top/bottom gap.
+                margin: 'auto',
             };
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "wrapperStyle" }] : /* istanbul ignore next */ []));
@@ -109688,9 +110515,30 @@ class RibbonAnimationsSectionComponent {
 			own 420px. Uncapped, five 150px family columns claim ~800px of a
 			single-row ribbon and squeeze the Advanced Animation pills beside them
 			until their labels overlap.
+
+			shrink-0, not shrink: this section used to opt INTO shrinking
+			(shrink = flex-shrink: 1) with no min-width, and overflow-hidden
+			removes the browser's automatic min-content-size floor a flex item
+			would otherwise get. With the ribbon row tight on space (which is the
+			normal case once Advanced Animation and Timing claim their own
+			content-sized width), ALL of the row's required shrinkage landed on
+			this one section, collapsing it to ~50px wide, i.e. hard-clipping four
+			of the five families (Arcs/Turns/Shapes/Loops), reachable by neither
+			scroll nor sight. pptx-ribbon-animations-section renders with
+			display: contents (see its host below), so the ribbon row's own
+			shrink-0-on-every-child safety net (ribbon.component.ts) never reaches
+			this section either: that rule is a real CSS child combinator, so it
+			lands on the custom element itself, not on the elements its
+			display: contents template promotes up into the row's flex layout.
+			Every element promoted that way needs its own shrink-0, the same fix
+			already applied to the View tab's Eyedropper control (see the
+			shrink-0-on-every-child comment in pptx-angular-viewer.css). shrink-0
+			keeps this section at its own content width (capped at max-w-420px)
+			and lets the row's own horizontal scroll handle any total overflow,
+			same as every other group.
 		-->
 		<section
-			class="relative flex max-w-[420px] shrink items-start gap-1 overflow-hidden pb-3"
+			class="relative flex max-w-[420px] shrink-0 items-start gap-1 overflow-hidden pb-3"
 			[attr.aria-label]="'pptx.animation.motionPath' | translate"
 		>
 			<pptx-ribbon-motion-path-gallery
@@ -109845,9 +110693,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 			own 420px. Uncapped, five 150px family columns claim ~800px of a
 			single-row ribbon and squeeze the Advanced Animation pills beside them
 			until their labels overlap.
+
+			shrink-0, not shrink: this section used to opt INTO shrinking
+			(shrink = flex-shrink: 1) with no min-width, and overflow-hidden
+			removes the browser's automatic min-content-size floor a flex item
+			would otherwise get. With the ribbon row tight on space (which is the
+			normal case once Advanced Animation and Timing claim their own
+			content-sized width), ALL of the row's required shrinkage landed on
+			this one section, collapsing it to ~50px wide, i.e. hard-clipping four
+			of the five families (Arcs/Turns/Shapes/Loops), reachable by neither
+			scroll nor sight. pptx-ribbon-animations-section renders with
+			display: contents (see its host below), so the ribbon row's own
+			shrink-0-on-every-child safety net (ribbon.component.ts) never reaches
+			this section either: that rule is a real CSS child combinator, so it
+			lands on the custom element itself, not on the elements its
+			display: contents template promotes up into the row's flex layout.
+			Every element promoted that way needs its own shrink-0, the same fix
+			already applied to the View tab's Eyedropper control (see the
+			shrink-0-on-every-child comment in pptx-angular-viewer.css). shrink-0
+			keeps this section at its own content width (capped at max-w-420px)
+			and lets the row's own horizontal scroll handle any total overflow,
+			same as every other group.
 		-->
 		<section
-			class="relative flex max-w-[420px] shrink items-start gap-1 overflow-hidden pb-3"
+			class="relative flex max-w-[420px] shrink-0 items-start gap-1 overflow-hidden pb-3"
 			[attr.aria-label]="'pptx.animation.motionPath' | translate"
 		>
 			<pptx-ribbon-motion-path-gallery
@@ -113300,7 +114169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "3.1.1";
+const PPTX_ANGULAR_VIEWER_VERSION = "3.2.1";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -115459,14 +116328,19 @@ class HeaderFooterRibbonButtonComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HeaderFooterRibbonButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HeaderFooterRibbonButtonComponent, isStandalone: true, selector: "pptx-header-footer-ribbon-button", ngImport: i0, template: `
+		<!-- pptx-rb-pill, not pptx-rb-gb: this button is standalone (not
+		     inside a .pptx-rb-grp), so it needs its own rounded/bg-muted
+		     chrome rather than the border-r/no-background style meant for a
+		     group member. No icon either, matching React/Vue's plain-text
+		     Header & Footer pill. -->
 		<button
 			type="button"
-			class="pptx-rb-gb"
+			class="pptx-rb-pill"
 			(click)="dialogs.showHeaderFooter.set(true)"
 			[title]="'pptx.headerFooter.title' | translate"
 			[attr.aria-label]="'pptx.headerFooter.title' | translate"
 		>
-			<span aria-hidden="true">#</span> {{ 'pptx.headerFooter.title' | translate }}
+			{{ 'pptx.headerFooter.title' | translate }}
 		</button>
 	`, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -115478,14 +116352,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                     imports: [TranslatePipe],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
+		<!-- pptx-rb-pill, not pptx-rb-gb: this button is standalone (not
+		     inside a .pptx-rb-grp), so it needs its own rounded/bg-muted
+		     chrome rather than the border-r/no-background style meant for a
+		     group member. No icon either, matching React/Vue's plain-text
+		     Header & Footer pill. -->
 		<button
 			type="button"
-			class="pptx-rb-gb"
+			class="pptx-rb-pill"
 			(click)="dialogs.showHeaderFooter.set(true)"
 			[title]="'pptx.headerFooter.title' | translate"
 			[attr.aria-label]="'pptx.headerFooter.title' | translate"
 		>
-			<span aria-hidden="true">#</span> {{ 'pptx.headerFooter.title' | translate }}
+			{{ 'pptx.headerFooter.title' | translate }}
 		</button>
 	`,
                 }]
@@ -147412,4 +148291,4 @@ function cn(...values) {
  */
 
 export { ColorChangedImageComponent as $, AFTER_ANIMATION_VALUES as A, AnimationPanelComponent as B, AnimationPlaybackService as C, AutosaveRecoveryDialogComponent as D, AutosaveService as E, BroadcastDialogComponent as F, CHART_EDITOR_STYLES as G, CURSOR_PALETTE as H, CanvasFitService as I, ChartAxisOptionsComponent as J, ChartAxisStyleOptionsComponent as K, ChartComboTypeOptionsComponent as L, ChartDataEditorComponent as M, ChartDataLabelOptionsComponent as N, ChartDatapointMarkerOptionsComponent as O, ChartDatapointOptionsComponent as P, ChartDisplayOptionsComponent as Q, ChartElementViewComponent as R, ChartErrorBarOptionsComponent as S, ChartMarkerOptionsComponent as T, ChartPartSelectionService as U, ChartPrimitivesComponent as V, ChartRendererComponent as W, ChartTrendlineOptionsComponent as X, ChartTypeSelectorComponent as Y, CollaborationCursorsComponent as Z, CollaborationService as _, ALIGN_OPTIONS as a, KeepAnnotationsDialogComponent as a$, CommentMarkersOverlayComponent as a0, CommentsPanelComponent as a1, CommentsService as a2, ComparePanelComponent as a3, ConnectorRendererComponent as a4, ConnectorTextOverlayComponent as a5, CustomShowsComponent as a6, DEFAULT_BOUNDS as a7, DEFAULT_BROADCAST_SERVER_URL as a8, DEFAULT_CANVAS_HEIGHT as a9, ElementRendererComponent as aA, EmbeddedFontsService as aB, EncryptedFileDialogComponent as aC, EquationEditorDialogComponent as aD, EquationRendererComponent as aE, EquationTemplateGalleryComponent as aF, ExportProgressModalComponent as aG, ExportService as aH, FieldContextService as aI, FindBarComponent as aJ, FindReplaceBarComponent as aK, FollowModeBarComponent as aL, FontEmbeddingListComponent as aM, FontEmbeddingPanelComponent as aN, GALLERY_THEME_PRESETS as aO, GRIDLINE_COLOR$1 as aP, GradientPickerComponent as aQ, HANDOUT_OPTIONS as aR, HeaderFooterDialogComponent as aS, HyperlinkDialogComponent as aT, ImagePropertiesPanelComponent as aU, InkDrawingService as aV, InkRendererComponent as aW, InsertSmartArtDialogComponent as aX, InspectorPaneHeaderComponent as aY, InspectorPanelComponent as aZ, IsMobileService as a_, DEFAULT_CANVAS_WIDTH as aa, DEFAULT_COLOR_SCHEME as ab, DEFAULT_FILL_COLOR$1 as ac, DEFAULT_LAYOUT as ad, DEFAULT_PALETTE$1 as ae, DEFAULT_PATTERN_FILL_PRESET as af, DEFAULT_PRINT_SETTINGS as ag, DEFAULT_SLIDE_BACKGROUND as ah, DEFAULT_STROKE_COLOR as ai, DEFAULT_STYLE as aj, DEFAULT_TABLE_ROW_HEIGHT as ak, DEFAULT_TEXT_COLOR$2 as al, DEFAULT_VIEWER_PROFILE as am, DIRECTIONAL_PRESETS as an, DIRECTION_OPTIONS as ao, DocumentPropertiesCardComponent as ap, EMBEDDED_FONTS_STYLE_ID as aq, EMPHASIS_PRESETS as ar, ENTRANCE_PRESETS as as, TEMPLATES as at, EXIT_PRESETS as au, EditorContextMenuComponent as av, EditorHistory as aw, EditorStateService as ax, EditorToolbarComponent as ay, EffectsPanelComponent as az, ANIMATION_PRESET_CATEGORIES as b, RibbonDrawSectionComponent as b$, LOCALE_CATALOG as b0, LONG_PRESS_DURATION_MS as b1, LONG_PRESS_MOVE_TOLERANCE_PX as b2, LoadContentService as b3, LocalPresencePublisher as b4, MAX_ZOOM_SCALE as b5, MIN_ZOOM_SCALE as b6, MOTION_PATH_COLUMNS as b7, MediaPreviewComponent as b8, MediaPropertiesPanelComponent as b9, PresentToolbarAutoHide as bA, PresentationAnnotationOverlayComponent as bB, PresentationAnnotationsService as bC, PresentationOverlayComponent as bD, PresentationPropertiesPanelComponent as bE, PresentationSettingsCardComponent as bF, PresentationSubtitleBarComponent as bG, PresentationToolbarComponent as bH, PresentationTransitionOverlayComponent as bI, PresenterViewComponent as bJ, PresenterWindowService as bK, PrintDialogComponent as bL, PrintService as bM, PrintSettingsPanelComponent as bN, PropertiesDialogComponent as bO, REPEAT_MODE_OPTIONS as bP, RESIZE_HANDLES as bQ, RULER_FONT_SIZE as bR, RULER_THICKNESS as bS, ReadingViewOverlayComponent as bT, RemoteSelectionOverlayComponent as bU, RibbonAnimationGalleryComponent as bV, RibbonAnimationsSectionComponent as bW, RibbonArrangeSectionComponent as bX, RibbonColorPopoverComponent as bY, RibbonComponent as bZ, RibbonDesignSectionComponent as b_, MediaRendererComponent as ba, MediaTrimTimelineComponent as bb, MobileBottomBarComponent as bc, MobileMenuSheetComponent as bd, MobilePresenterViewComponent as be, MobileSheetComponent as bf, MobileSlidesSheetComponent as bg, MobileToolbarComponent as bh, ModalDialogComponent as bi, Model3DRendererComponent as bj, NotesHandoutCardComponent as bk, NotesPanelComponent as bl, NotesToolbarComponent as bm, OleRendererComponent as bn, OutlineViewOverlayComponent as bo, POWER_POINT_VIEWER_PROVIDERS as bp, PPTX_OPEN_ACCEPT as bq, PRESENTATION_OPEN_EXTENSIONS as br, PRESENTER_CHANNEL_NAME as bs, PRESENTER_MSG_ORIGIN as bt, PRESENTER_TIMER_SEGMENT_MS as bu, PX_PER_CM as bv, PX_PER_INCH as bw, PasswordProtectionDialogComponent as bx, PasswordStrengthMeterComponent as by, PowerPointViewerComponent as bz, AUDIENCE_HASH as c, THEME_CATALOG as c$, RibbonDrawingGroupComponent as c0, RibbonEditingSectionComponent as c1, RibbonFileSectionComponent as c2, RibbonFontControlsComponent as c3, RibbonHomeSectionComponent as c4, RibbonHyperlinkButtonComponent as c5, RibbonInsertFieldsComponent as c6, RibbonInsertSectionComponent as c7, RibbonMotionPathGalleryComponent as c8, RibbonParagraphControlsComponent as c9, ShortcutPanelComponent as cA, ShowOptionsFieldsetComponent as cB, ShowSlidesFieldsetComponent as cC, SignatureStrippedDialogComponent as cD, SignaturesPanelComponent as cE, SignaturesService as cF, SlideBackgroundCardComponent as cG, SlideCanvasComponent as cH, SlideDefaultInspectorComponent as cI, SlideDiffChangesComponent as cJ, SlideDiffRowComponent as cK, SlideDiffThumbnailsComponent as cL, SlideSizeCardComponent as cM, SlideSorterOverlayComponent as cN, SlideThemeOverridePanelComponent as cO, SlideTransitionCardComponent as cP, SlidesPanelComponent as cQ, SmartArt3DRendererComponent as cR, SmartArt3DService as cS, SmartArtPreviewComponent as cT, SmartArtPropertiesComponent as cU, SmartArtRendererComponent as cV, StatusBarComponent as cW, TABLE_STRUCTURE_TOGGLES as cX, TEXT_3D_BOTTOM_BEVEL_KEYS as cY, TEXT_3D_TOP_BEVEL_KEYS as cZ, TEXT_DIRECTION_OPTIONS$1 as c_, RibbonPrimaryRowComponent as ca, RibbonReviewSectionComponent as cb, RibbonShapeExtrasComponent as cc, RibbonSlideshowSectionComponent as cd, RibbonTransitionsSectionComponent as ce, RibbonViewSectionComponent as cf, RulerGuidesService as cg, SEQUENCE_OPTIONS as ch, SEVERITY_GROUPS as ci, SEVERITY_LABELS as cj, SHORTCUT_REFERENCE_ITEMS as ck, SLIDE_TRANSITION_KEYFRAMES as cl, DEFAULT_PALETTE as cm, PALETTES$1 as cn, SMART_ART_COLOR_SCHEMES as co, SMART_ART_STYLE_OPTIONS as cp, SUB_ITEM_LABEL as cq, SVG_WARP_PRESETS as cr, SWIPE_MAX_VERTICAL_PX as cs, SWIPE_THRESHOLD_PX as ct, SelectionPaneComponent as cu, SetUpSlideShowDialogComponent as cv, SettingsAppearanceTabComponent as cw, SettingsDialogComponent as cx, SettingsLanguageTabComponent as cy, ShareDialogComponent as cz, AUDIENCE_NONCE_KEY as d, applyAcceptedDiff as d$, TIMING_CURVE_OPTIONS as d0, TRIGGER_OPTIONS as d1, TYPE_LABELS as d2, TableCellAdvancedFillComponent as d3, TableCellFormattingComponent as d4, TableDataEditorComponent as d5, TablePropertiesComponent as d6, TableRendererComponent as d7, TableResizeOverlayComponent as d8, TableSelectionService as d9, ViewerFormatPainterService as dA, ViewerInspectorPanelService as dB, ViewerKeyboardService as dC, ViewerMobileSheetService as dD, ViewerPresentationModeService as dE, ViewerThemeGalleryService as dF, ViewerTouchGesturesService as dG, ViewerZoomService as dH, WEBM_MIME_CANDIDATES as dI, WriteBackScheduler as dJ, ZERO_LINE_COLOR as dK, ZoomNavigationService as dL, ZoomRendererComponent as dM, ZoomTargetService as dN, addCategory as dO, addCommentToList as dP, addGradientStopPatch as dQ, addItem as dR, addSeries as dS, addSubItem as dT, advanceStep as dU, affordanceElements as dV, aiToggleVisible as dW, alignPatch as dX, animationFor as dY, animationPresetLabelKey as dZ, annotationMapToInkInserts as d_, TagsCardComponent as da, Text3DBevelSectionComponent as db, Text3DPanelComponent as dc, TextAdvancedPanelComponent as dd, ThemeEditorFieldsComponent as de, ThemeGalleryComponent as df, ThemeSelectorCardComponent as dg, TitleBarComponent as dh, TitleBarSearchComponent as di, TransitionDirectionPickerComponent as dj, TransitionPreviewComponent as dk, VALIGN_OPTIONS as dl, VIEWER_THEME as dm, VersionHistoryPanelComponent as dn, ViewerCanvasEditingService as dp, ViewerCollabCursorService as dq, ViewerCollaborationSessionService as dr, ViewerCompareService as ds, ViewerCustomShowsService as dt, ViewerDialogsService as du, ViewerDocumentPropertiesService as dv, ViewerExportService as dw, ViewerExtraDialogsComponent as dx, ViewerFileIOService as dy, ViewerFindReplaceService as dz, AVATAR_COLOR_SWATCHES as e, buildZoomContainerStyle as e$, applyAnimationPreset as e0, applyFindReplacements as e1, applyFormatToElement as e2, applyMove as e3, applyResize as e4, asMediaElement as e5, assignUserColor as e6, attachShowVisibilityPause as e7, attachTouchGestures as e8, axisTickValues as e9, buildFontFaceRule as eA, buildGradientFillCss as eB, buildGridlinesAndLabels as eC, buildHyperlinkPatch as eD, buildInkContainerStyle as eE, buildInkStrokes as eF, buildLegend as eG, buildMarkTooltip as eH, buildModel3DContainerStyle as eI, buildModel3DViewModel as eJ, buildOleActionModel as eK, buildOleInfoRows as eL, buildPatternFillCss as eM, buildPrintHtmlDocument as eN, buildPropertiesPatch as eO, buildRegionMapViewModel as eP, buildSaveSlides as eQ, buildShareUrl as eR, buildSmartArtInsertElement as eS, buildSmartArtNodes as eT, buildStockViewModel as eU, buildSurfaceViewModel as eV, buildTableViewModel as eW, buildTreemapViewModel as eX, buildTrimFragment as eY, buildWaterfallViewModel as eZ, buildZeroLine as e_, beginNodeEdit as ea, bevelSizePatch as eb, boolFromEvent as ec, bringForward as ed, bringToFront as ee, buildBarActions as ef, buildBroadcastConfig as eg, buildBroadcastViewerUrl as eh, buildCategoryLabels as ei, buildCellParagraphs as ej, buildChartViewModel as ek, buildChatLogExport as el, buildChatLogMarkdown as em, buildChromeStyle as en, buildClearHyperlinkPatch as eo, buildClickGroups as ep, buildColStyles as eq, buildCollaborationConfig as er, buildComboViewModel as es, buildCssGradientFromShapeStyle as et, buildDuotoneFilter as eu, buildDuotoneFilterId as ev, buildEmbeddedFontStyles as ew, buildEquationElement as ex, buildEquationSegment as ey, buildFallbackViewModel as ez, AXIS_LABEL_COLOR as f, computeSingleSelected as f$, buildZoomViewModel as f0, bulletIndentPx as f1, canAddTopLevelNode as f2, canGroupSelection as f3, canRemoveTopLevelNode as f4, canSetStrokeWidth as f5, canStartBroadcast as f6, canStartShare as f7, canUngroupSelection as f8, canUseClipboard as f9, computeAxisTitlePrimitives as fA, computeBarRects as fB, computeBubbleRadius as fC, computeCornerHandle as fD, computeDistribute as fE, computeDrawingViewBox as fF, computeErrorBarPrimitives as fG, computeFocusTargets as fH, computeGridSpacingPx as fI, computeHandleBoxes as fJ, computeHandoutLayout as fK, computeIsMobile as fL, computeIsTablet as fM, computeLinePoints as fN, computeLinearRegression as fO, computePageCount as fP, computePieLayout as fQ, computePieSlicePath as fR, computePieSlices as fS, computePlotLayout as fT, computeRSquared as fU, computeRadarPoints as fV, computeResizeHandleBoxes as fW, computeRotateHandleBox as fX, computeScatterDots as fY, computeScatterXDomain as fZ, computeSelectionBoxes as f_, captionDisplayText as fa, cellRunStyle as fb, cellStyleToStyleMap as fc, cellTdStyle as fd, changeCountLabel as fe, changeIcon as ff, characterSpacingPatch as fg, chartPreserveAspectRatio as fh, checkFontAvailable as fi, clampCursorPosition as fj, clampGifDimensions as fk, clampIndex as fl, clampNotesFontSize as fm, clampScale as fn, clampStep as fo, clearAllLocalViewerData as fp, clearAudienceContent as fq, cn as fr, collectAccessibilityIssues as fs, collectElementText as ft, collectSlideText as fu, collectStoredChats as fv, collectUsedFontFamilies as fw, columnWidthStyle as fx, commitNodeText as fy, computeAlign as fz, AccessibilityPanelComponent as g, formatFileSize as g$, computeSlideIndices as g0, computeSnap as g1, computeStackedBarRects as g2, computeStackedValueRange as g3, computeTrendlinePrimitives as g4, computeValueRange as g5, convertOmmlToMathMl as g6, copyFormatFromElement as g7, countAccessibilityIssues as g8, countAnnotationStrokes as g9, enableGlowPatch as gA, enableInnerShadowPatch as gB, enableOuterShadowPatch as gC, enableReflectionPatch as gD, enableSoftEdgePatch as gE, encodeGif as gF, endShowMediaCleanup as gG, estimatePageCount as gH, exitPresentationFullscreen as gI, exportAiChatLogs as gJ, extractPathPoints as gK, eyedropperAvailable as gL, fillColorOf$1 as gM, findInSlides as gN, findOwningSlideIndex as gO, findSlideIndexByElementId as gP, firstVisibleIndex as gQ, fitPolynomial as gR, fitZoom as gS, focusTargetChips as gT, fontMimeForFormat as gU, fontSizeOf as gV, forgetSessionDeck as gW, formatAxisValue as gX, formatBytes as gY, formatCursorLabel as gZ, formatElapsed as g_, createAngularAiBridge as ga, createCustomShow as gb, createSwipeDismissDrag as gc, createWebrtcBundle as gd, createWebsocketBundle as ge, cssObjectToStyleMap as gf, currentColorScheme as gg, currentLayout as gh, currentStyle as gi, defaultCssVars as gj, defaultRadius as gk, defaultThemeColors as gl, deleteElementsByIds as gm, deleteVersion as gn, demoteNode as go, deriveModel3DBlobUrl as gp, derivePresenceList as gq, describeSmartArtBounds as gr, disableGlowPatch as gs, disableInnerShadowPatch as gt, disableOuterShadowPatch as gu, disableReflectionPatch as gv, disableSoftEdgePatch as gw, duplicateElementById as gx, durationOf as gy, effectsStateOf as gz, AccessibilityService as h, isPpactionUrl as h$, formatPropertyDate as h0, formatTime as h1, fpsToFrameIntervalMs as h2, generateBroadcastRoomId as h3, generateCommentId as h4, generateCustomShowId as h5, generatePressureCircles as h6, generateTicks as h7, getClrChangeParams as h8, getContainerStyle as h9, getWarpPath as hA, gradientStateFromStyle as hB, gradientStateOf as hC, gradientStatePatch as hD, gridColumns as hE, groupIssuesBySeverity as hF, hasAnimation as hG, hasCopyableFormat as hH, hasExistingLink as hI, hasExitedFullscreen as hJ, hasGradientFill as hK, hasPressureVariation as hL, hasVisibleSlideAfter as hM, headerLabel as hN, imageDimensions as hO, inkViewBox as hP, insertTableElementColumn as hQ, insertTableElementRow as hR, interpolateWidth as hS, isAudienceTab as hT, isBold as hU, isBrowserOpenableMime as hV, isChildNode as hW, isElementInteractive as hX, isInjectableUrl as hY, isItalic as hZ, isLegacyBinaryPresentation as h_, getDuotoneFilterDef as ha, getEffectSoundState as hb, getImageSrc as hc, getLocalStorageUsageSummary as hd, getOleAriaLabel as he, getOleBadgeLabel as hf, getOleDisplayName as hg, getOleDownloadFileName as hh, getOleTypeColor as hi, getOleTypeLabel as hj, getPasswordStrength as hk, getPatternSvg as hl, getPlaceholderStyle as hm, getVersions as hn, getResolvedShapeClipPath as ho, getResolvedShapeClipPathFor as hp, getSessionTabId as hq, getShapeFillStrokeStyle as hr, getSlideBackgroundStyle as hs, getSlideTransitionAnimations as ht, getSmartArtNodeBounds as hu, getSpeechRecognitionCtor as hv, getTextBlockStyle as hw, getTextWarp as hx, getTouchDistance as hy, getWarpCategory as hz, AccountPageComponent as i, patchChartData as i$, isPresenterMessage as i0, isSigned as i1, isSupportedPresentationFile as i2, isTextElement as i3, isTwoTableFocus as i4, isUnderline as i5, isUrlSafe as i6, isValidRoomId as i7, isViewportBackgroundPressTarget as i8, isZoomActivationKey as i9, newChartElement as iA, newEquationElement as iB, newPresetShapeElement as iC, newShapeElement as iD, newSmartArtElement as iE, newTableElement as iF, newTextElement as iG, nextVisibleIndex as iH, nodeBold as iI, nodeEditBox as iJ, nodeFillColor as iK, nodeFontColor as iL, nodeIdFromKey as iM, nodeItalic as iN, nodeStyle as iO, normalizeFontFormat as iP, normalizeSlidesPerPage as iQ, normalizeValue as iR, numFromEvent as iS, ommlToMathml as iT, ooxmlDashToCssBorderStyle as iU, openNativeEyeDropper as iV, overallStatus as iW, paletteColor as iX, parseAudienceNonce as iY, parseNodeTextarea as iZ, partitionSlides as i_, issueTrackKey as ia, issueTypeLabel as ib, keyToLabel as ic, lastVisibleIndex as id, latexToMathml as ie, layoutConnectorPaints as ig, layoutNodeLabels as ih, linePointsToSvgString as ii, lineSpacingPatch as ij, loadAudienceContent as ik, loadSessionDeck as il, mediaFallbackFor as im, mediaSurfaceFor as io, mergeCaptionResults as ip, mergeDown as iq, mergeRight as ir, mergeSelection as is, moveElementBy as it, moveNodeDown as iu, moveNodeUp as iv, msToFrameDelayCs as iw, narrowToCircle as ix, narrowToPolygon as iy, narrowToRect as iz, ActionSettingsPanelComponent as j, rulerDragToGuidePosition as j$, patchChartStyle as j0, patchTableData as j1, patchTextStyle as j2, patternPresetOptions as j3, pendingElementStyles as j4, pickColorByClickFallback as j5, pickFile as j6, pickSupportedMimeType as j7, planGifFrames as j8, planVideoSegments as j9, removeSeries as jA, renderToCanvas as jB, reorderAnimationDown as jC, reorderAnimationUp as jD, replaceInSlides as jE, replaceMatch as jF, requestPresentationFullscreen as jG, resizeElement as jH, resolveCaptionTracks as jI, resolveChartKind as jJ, resolveFontVariant as jK, resolveHyperlinkHref as jL, resolveInteractiveElementId as jM, resolveMediaSrc as jN, resolveOleType as jO, resolveParagraphBullet as jP, resolvePresenterNotes as jQ, resolveProfileInitial as jR, resolveRegionCode as jS, resolveSlideAutoAdvanceMs as jT, resolvePalette as jU, resolveThemeCatalogEntry as jV, resolveTransitionDuration as jW, restoreSessionDeck as jX, revealedElementStyles as jY, routeOrthogonalConnector as jZ, rowStyle as j_, pointsToSvgPathD as ja, presenceToCursors as jb, presentationBaseName as jc, presentationStageStyle as jd, presenterTimerProgress as je, presetByLayout as jf, presetsForCategory as jg, pressuresToWidths as jh, prevVisibleIndex as ji, projectDrawingShapes as jj, promoteNode as jk, provideViewerTheme as jl, radarAngle as jm, radarRingPoints as jn, readAsDataUrl as jo, recordWebm as jp, registerCrossSlideAudio as jq, rememberSessionDeck as jr, removeAnimation as js, removeCategory as jt, removeTableElementColumn as ju, removeCommentFromList as jv, removeElementAnimation as jw, removeGradientStopPatch as jx, removeNode as jy, removeTableElementRow as jz, AdvancedChartEditorComponent as k, sheetAfterNavigate as k$, rulerHighlight as k0, rulerStripTicks as k1, sampleColorFromSlide as k2, sanitizeColor as k3, sanitizeSlideIndex as k4, sanitizeUserName as k5, saveViewerProfile as k6, savedPresentationFileName as k7, scanAvailableFonts as k8, searchSlides as k9, setDataPointMarker as kA, setDelay as kB, setDirection as kC, setDuration as kD, setEffectSound as kE, setElementPosition as kF, setGridlineStyle as kG, setLayout as kH, setLegend as kI, setNodeStyle as kJ, setNodeText as kK, setRepeatCount as kL, setRepeatMode as kM, setSequence as kN, setSeriesChartType as kO, setSeriesColor as kP, setSeriesErrorBars as kQ, setSeriesMarker as kR, setSeriesName as kS, setSeriesTrendline as kT, setSeriesValue as kU, setStyle as kV, setTimingCurve as kW, setTitle as kX, setTrigger as kY, setTriggerShapeId as kZ, shapeStylePatch$1 as k_, seedBroadcastFields as ka, seedHyperlinkDraft as kb, seedPropertiesDraft as kc, seedShareFields as kd, segmentFrameCount as ke, selectValue$2 as kf, sendBackward as kg, sendToBack as kh, sequentialColorScale as ki, serializeWriteBack as kj, seriesColor as kk, setAfterAnimation as kl, setAfterAnimationColor as km, setAnimationEmphasis as kn, setAnimationEntrance as ko, setAnimationExit as kp, setAxis as kq, setAxisLogScale as kr, setAxisTitleStyle as ks, setCategoryLabel as kt, setCellText as ku, setColorScheme as kv, setDataLabels as kw, setDataPointExplosion as kx, setDataPointFill as ky, setDataPointLabel as kz, AiChangeOverlayComponent as l, shouldBlockClickAdvance as l0, shouldUseSvgWarp as l1, showDirectionPicker as l2, showsTemplateAffordance as l3, signatureCountLabel as l4, signatureKey as l5, signatureTimestamp as l6, signerName as l7, statusLabel as l8, slideNumberOf as l9, toggleCommentResolvedInList as lA, toggleNodeBold as lB, toggleNodeItalic as lC, toggleSheet as lD, topLevelNodeCount as lE, transformSelectedTextCase as lF, translationsEn as lG, updateElementById as lH, updateGlowPatch as lI, updateGradientStopPatch as lJ, updateInnerShadowPatch as lK, updateOuterShadowPatch as lL, updateReflectionPatch as lM, vAlignPatch as lN, validatePassword as lO, validatePrintSettings as lP, validateRoomId as lQ, valueToY as lR, vermilionDarkColors as lS, vermilionDarkTheme as lT, vermilionLightColors as lU, vermilionLightTheme as lV, vermilionRadius as lW, waypointsToPathD as lX, worstStatus as lY, zoomTargetSlideIndex as lZ, slidesWithReappliedLayout as la, smartArtNodes as lb, paletteColour as lc, snapToGridStep as ld, splitCursorCell as le, splitMergedCell as lf, statusKind as lg, statusLabel$1 as lh, storeAudienceContent as li, stringFromEvent$5 as lj, strokeColorOf as lk, strokeToInkElement as ll, strokeWidthOf as lm, styleShadowFilter as ln, surfaceColor as lo, textAdvancedPatch as lp, textAdvancedStateFromStyle as lq, textAdvancedStateOf as lr, textColorOf as ls, textDirectionPatch as lt, textStyleOf as lu, textStylePatch as lv, themeStyle as lw, themeToCssVars as lx, thumbnailHeight as ly, thumbnailZoom as lz, AiChatPanelComponent as m, AiChatService as n, AiComposerComponent as o, AiFocusBarComponent as p, AiFocusHighlightOverlayComponent as q, AiHistoryMenuComponent as r, AiHistoryService as s, toChatSummary as t, AiMessageListComponent as u, AiPanelStore as v, AiProposalCardComponent as w, AiSettingsSectionComponent as x, AiToolCallCardComponent as y, AnimationAuthorPanelComponent as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-MUEM_FFu.mjs.map
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-CblBWEKg.mjs.map