pptx-angular-viewer 3.8.0 → 3.9.0

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-3iTbE0x6.mjs → pptx-angular-viewer-pptx-angular-viewer-BzS7I0F9.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, untracked, ElementRef, HostListener, afterNextRender, Renderer2, ViewEncapsulation, forwardRef, Directive } from '@angular/core';
 import { TranslateService, TranslatePipe, translate } from '@ngx-translate/core';
-import { THEME_PRESETS, guideEmuToPx, evaluateCustomGeometryPathData, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, evaluateCustomGeometryPaths, 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, formatAutoNumberMarker, DEFAULT_POWERPOINT_TABLE_STYLE_ID, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, getLinkedTextBoxSegments, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, getPresetConnectionSites, resolveCustomGeometryToken, resolveCustomGeometryGuideContext, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, styleStroke, strokeFor, fitFontSize, nodeTextStyle, truncate, nodeOpacity, nodeStroke, nodeFill, styleShadow, buildTree, treeWidth, treeDepth, gearPoints, flattenNodes, interpretSmartArtLayout, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, parseDataUrlToBytes, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, THEME_COLOR_PALETTE_COLUMNS, resolveThemeColorRef, hexToRgbChannels as hexToRgbChannels$2, rgbToHsl as rgbToHsl$1, renameSlideMaster, deleteSlideMaster, duplicateSlideMaster, insertSlideMaster, renameLayout, deleteLayout, duplicateLayout, insertLayout, detectFileFormat, cloneElement, duplicateElement, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, isZoomElement, SvgExporter, applyThemeToData, reResolveElementColors, 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, evaluateCustomGeometryPathData, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, evaluateCustomGeometryPaths, 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, flattenChartUserShapes, chartDataChangeType, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, EMU_PER_PX as EMU_PER_PX$2, formatAutoNumberMarker, DEFAULT_POWERPOINT_TABLE_STYLE_ID, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, getLinkedTextBoxSegments, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, getPresetConnectionSites, resolveCustomGeometryToken, resolveCustomGeometryGuideContext, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, styleStroke, strokeFor, fitFontSize, nodeTextStyle, truncate, nodeOpacity, nodeStroke, nodeFill, styleShadow, buildTree, treeWidth, treeDepth, gearPoints, flattenNodes, interpretSmartArtLayout, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, parseDataUrlToBytes, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, THEME_COLOR_PALETTE_COLUMNS, resolveThemeColorRef, hexToRgbChannels as hexToRgbChannels$2, rgbToHsl as rgbToHsl$1, renameSlideMaster, deleteSlideMaster, duplicateSlideMaster, insertSlideMaster, renameLayout, deleteLayout, duplicateLayout, insertLayout, detectFileFormat, cloneElement, duplicateElement, TABLE_STYLE_PART_SEQUENCE, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, isZoomElement, SvgExporter, applyThemeToData, reResolveElementColors, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, getOleObjectTypeLabel, addSmartArtNodeAsChild, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, normalizeTableStyleGuid, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, 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';
@@ -17530,6 +17530,73 @@ function buildTreemapViewModel(element, chartData, categoryLabels) {
     };
 }
 
+/**
+ * Resolve `chartData.titleRuns` into per-run SVG `<tspan>` descriptors, each
+ * run's own bold/italic/size/colour falling back to the title's cascade
+ * (`resolveChartTitleTextStyle`) for whatever it does not override.
+ *
+ * Returns `undefined` when the title has no typed runs at all (an auto/plain
+ * title, or one authored as a linked-cell reference), so a binding should
+ * keep rendering the flat `vm.title` in `vm.titleStyle` unchanged. A single
+ * run still resolves to a one-element array: this lets a per-run override
+ * (e.g. italic on the title's only run) render even when
+ * `resolveChartTitleTextStyle`'s coarser `chartData.style.titleFont*` cascade
+ * does not carry it.
+ */
+function resolveChartTitleRunSpans(chartData) {
+    const runs = chartData?.titleRuns;
+    if (!runs || runs.length === 0) {
+        return undefined;
+    }
+    const base = resolveChartTitleTextStyle(chartData);
+    return runs.map((run) => ({
+        text: run.text,
+        fontSize: run.fontSize !== undefined ? chartFontPx(run.fontSize) : base.fontSize,
+        fontWeight: run.bold !== undefined ? (run.bold ? 700 : 400) : base.fontWeight,
+        ...(run.italic ? { fontStyle: 'italic' } : {}),
+        fill: run.color ?? base.fill,
+        ...(base.fontFamily ? { fontFamily: base.fontFamily } : {}),
+    }));
+}
+/**
+ * The dominant style among `runs`: the longest run's (by text length; ties
+ * keep the first), since that is the style covering most of the visible
+ * title text.
+ */
+function dominantRunStyle(runs) {
+    let best = runs[0];
+    for (const run of runs.slice(1)) {
+        if (run.text.length > best.text.length) {
+            best = run;
+        }
+    }
+    const { bold, italic, fontSize, color } = best;
+    return {
+        ...(bold !== undefined ? { bold } : {}),
+        ...(italic !== undefined ? { italic } : {}),
+        ...(fontSize !== undefined ? { fontSize } : {}),
+        ...(color !== undefined ? { color } : {}),
+    };
+}
+/**
+ * Compute the `{ title, titleRuns }` patch for an inspector's flat title-text
+ * field being edited to `newText`. Every binding's chart title input should
+ * call this instead of patching `title` alone.
+ *
+ * A title with zero or one run just gets the new flat text (`titleRuns`
+ * untouched, letting core's single-run patch path preserve that run's full
+ * authored formatting). A title with two or more runs collapses to ONE run
+ * carrying `newText` in the dominant style, so the edit does not leave a
+ * second, now-stale run's text trailing the new title.
+ */
+function collapseChartTitleRunsForEdit(chartData, newText) {
+    const runs = chartData?.titleRuns;
+    if (!runs || runs.length <= 1) {
+        return { title: newText };
+    }
+    return { title: newText, titleRuns: [{ ...dominantRunStyle(runs), text: newText }] };
+}
+
 /**
  * Chart drawing-overlay projector (`c:userShapes`).
  *
@@ -17540,6 +17607,11 @@ function buildTreemapViewModel(element, chartData, categoryLabels) {
  * `absSizeAnchor` extents are EMU converted to pixels. Rendered last so the
  * overlay sits above the data marks.
  *
+ * A `grpSp` entry (grouped annotation shapes with their own nested
+ * transform) is expanded into positioned leaves via core's
+ * `flattenChartUserShapes` before projecting, so this module never has to
+ * know about groups itself.
+ *
  * @module chart-user-shape-overlay
  */
 /** EMU per CSS pixel at 96 DPI, mirroring core's `EMU_PER_PIXEL`. */
@@ -17637,7 +17709,8 @@ function buildChartUserShapeOverlay(userShapes, svgWidth, svgHeight) {
     if (!userShapes || userShapes.length === 0) {
         return [];
     }
-    return userShapes.flatMap((shape) => projectShape(shape, svgWidth, svgHeight));
+    const leaves = flattenChartUserShapes(userShapes);
+    return leaves.flatMap((shape) => projectShape(shape, svgWidth, svgHeight));
 }
 
 /**
@@ -19518,11 +19591,13 @@ function withLegendEntries(vm, chartData) {
  * declares `<a:noFill/>` gets `areaFill: undefined` and no rect at all.
  */
 function withChartAreaFill(vm, chartData) {
+    const titleRunSpans = resolveChartTitleRunSpans(chartData);
     return {
         ...vm,
         areaFill: chartAreaFill(chartData),
         areaRadius: chartAreaCornerRadius(chartData),
         titleStyle: resolveChartTitleTextStyle(chartData),
+        ...(titleRunSpans ? { titleRunSpans } : {}),
         plotFill: plotAreaFill(chartData),
     };
 }
@@ -20786,6 +20861,127 @@ function setChartCellValue(data, seriesIndex, categoryIndex, raw) {
     return chartDataUpdatePoint(data, seriesIndex, categoryIndex, value);
 }
 
+const TWO_PI = Math.PI * 2;
+/** Keep the dragged span strictly inside (0, 2*PI) so the share never hits 0 or 1. */
+const ANGLE_EPSILON = TWO_PI * 0.001;
+/**
+ * Resolve the drag geometry for series 0's slice at `pointIndex`, or `null`
+ * when `chartData` is not a pie/doughnut, has no series, or the index is out
+ * of range. `element` is the chart's frame box (EMU-agnostic width/height, the
+ * same units `PptxElement.width/height` and `computePieLayout` use).
+ */
+function buildPieDragGeometry(element, chartData, pointIndex) {
+    if (chartData.chartType !== 'pie' && chartData.chartType !== 'doughnut') {
+        return null;
+    }
+    const series = chartData.series[0];
+    if (!series || pointIndex < 0 || pointIndex >= series.values.length) {
+        return null;
+    }
+    const isDoughnut = chartData.chartType === 'doughnut', { cx, cy } = computePieLayout(element.width, element.height, chartData, isDoughnut), 
+    // Mirrors buildPieViewModel's own startAngle line exactly (chart-view-model-pie.ts).
+    startAngle = -Math.PI / 2 + ((chartData.firstSliceAngle ?? 0) * Math.PI) / 180;
+    return { cx, cy, values: series.values, pointIndex, startAngle };
+}
+/**
+ * New value for the dragged slice given the pointer's (view-box) position.
+ * The slice's leading edge stays put; the span from there to the pointer's
+ * angle becomes the slice's new share of the series total, and
+ * {@link shareToValue} converts that share back to an absolute value holding
+ * every other (unchanged) slice's value fixed.
+ */
+function resolvePieDragValue(geometry, pointerX, pointerY) {
+    const { cx, cy, values, pointIndex, startAngle } = geometry, total = values.reduce((sum, v) => sum + Math.abs(v), 0) || 1, before = values.slice(0, pointIndex).reduce((sum, v) => sum + Math.abs(v), 0), leadingAngle = startAngle + (before / total) * TWO_PI, pointerAngle = Math.atan2(pointerY - cy, pointerX - cx), rawSpan = ((pointerAngle - leadingAngle) % TWO_PI) + TWO_PI, span = Math.min(Math.max(rawSpan % TWO_PI, ANGLE_EPSILON), TWO_PI - ANGLE_EPSILON), share = span / TWO_PI, own = values[pointIndex] ?? 0, sign = own < 0 ? -1 : 1, others = total - Math.abs(own), absValue = shareToValue(share, others), range = {
+        min: 0,
+        max: Math.max(total, absValue, 1),
+        span: Math.max(total, absValue, 1),
+    };
+    return roundDragValue(sign * absValue, range);
+}
+
+/**
+ * Resolve the drag geometry for `pointIndex`'s vertex, or `null` when
+ * `chartData` is not a radar chart or the index is out of range. Mirrors
+ * `buildRadarViewModel`'s own cx/cy/radius/maxVal derivation exactly
+ * (chart-view-model-radar.ts) so the drag target never drifts from what is
+ * actually drawn.
+ */
+function buildRadarDragGeometry(element, chartData, categoryLabels, pointIndex) {
+    if (chartData.chartType !== 'radar') {
+        return null;
+    }
+    const catCount = Math.max(categoryLabels.length, 1);
+    if (pointIndex < 0 || pointIndex >= catCount) {
+        return null;
+    }
+    const layout = computePlotLayout(element.width, element.height, chartData, false), cx = layout.plotLeft + layout.plotWidth / 2, cy = layout.plotTop + layout.plotHeight / 2, radius = Math.max(Math.min(layout.plotWidth, layout.plotHeight) / 2 - 4, 1), maxVal = Math.max(1, ...chartData.series.flatMap((s) => s.values.map((v) => Math.abs(v)))), angle = radarAngle(pointIndex, catCount);
+    return { cx, cy, radius, maxVal, angle };
+}
+/**
+ * New value for the dragged vertex given the pointer's (view-box) position:
+ * the pointer vector from the centre is projected onto the spoke direction
+ * (perpendicular drift is ignored, matching "radial drag along the category
+ * spoke"), clamped to non-negative, then scaled back from ring radius to
+ * value via the same `radius / maxVal` ratio the renderer draws with.
+ */
+function resolveRadarDragValue(geometry, pointerX, pointerY) {
+    const { cx, cy, radius, maxVal, angle } = geometry, dx = pointerX - cx, dy = pointerY - cy, radial = Math.max(dx * Math.cos(angle) + dy * Math.sin(angle), 0), value = (radial / radius) * maxVal, range = {
+        min: 0,
+        max: Math.max(maxVal, value, 1),
+        span: Math.max(maxVal, value, 1),
+    };
+    return roundDragValue(value, range);
+}
+
+/**
+ * Resolve the drag geometry for one (seriesIndex, pointIndex) stacked
+ * segment, or `null` when the chart is not stacked/percentStacked, the series
+ * has no values, or the point is out of range.
+ */
+function buildStackedDragGeometry(element, chartData, seriesIndex, pointIndex) {
+    const grouping = chartData.grouping;
+    if (grouping !== 'stacked' && grouping !== 'percentStacked') {
+        return null;
+    }
+    const seriesValues = chartData.series.map((s) => s.values), draggedValues = seriesValues[seriesIndex];
+    if (!draggedValues || pointIndex < 0 || pointIndex >= draggedValues.length) {
+        return null;
+    }
+    const percent = grouping === 'percentStacked', catCount = Math.max(chartData.categories.length, ...seriesValues.map((values) => values.length), pointIndex + 1), plots = computeStackedSeriesPlots(seriesValues, catCount, percent), baseValue = plots[seriesIndex]?.base[pointIndex] ?? 0, otherAbsSum = seriesValues.reduce((sum, values, si) => (si === seriesIndex ? sum : sum + Math.abs(values[pointIndex] ?? 0)), 0), range = percent
+        ? { min: 0, max: 100, span: 100 }
+        : computeStackedValueRange(chartData.series, catCount), layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length), layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts);
+    return {
+        range,
+        plotTop: layout.plotTop,
+        plotBottom: layout.plotBottom,
+        baseValue,
+        otherAbsSum,
+        percent,
+    };
+}
+/**
+ * New value for the dragged series at this category given the pointer's Y
+ * (view-box units). The pointer projects to a cumulative value/percent at the
+ * segment's top edge; subtracting the fixed base below it gives the dragged
+ * series' own new share. A plain stacked chart uses that directly (the other
+ * series' absolute values are untouched, so the category total simply grows
+ * or shrinks); percentStacked instead treats it as a percentage SHARE and
+ * converts it back to an absolute value via {@link shareToValue}, holding
+ * every other series' value fixed (matching the pie slice renormalisation).
+ */
+function resolveStackedDragValue(geometry, pointerY) {
+    const { range, plotTop, plotBottom, baseValue, otherAbsSum, percent } = geometry, pointerScalar = valueFromY(pointerY, range, plotTop, plotBottom), delta = pointerScalar - baseValue;
+    if (!percent) {
+        return roundDragValue(delta, range);
+    }
+    const sign = delta < 0 ? -1 : 1, absValue = shareToValue(Math.abs(delta) / 100, otherAbsSum), valueRange = {
+        min: 0,
+        max: Math.max(otherAbsSum, absValue, 1),
+        span: Math.max(otherAbsSum, absValue, 1),
+    };
+    return roundDragValue(sign * absValue, valueRange);
+}
+
 // ─────────────────────────────────────────────────────────────────────────────
 // DOM data-attribute bridge
 // ─────────────────────────────────────────────────────────────────────────────
@@ -20886,6 +21082,23 @@ function roundDragValue(value, range) {
     // Snap away float noise from the multiplication (e.g. 0.30000000000000004).
     return Number.parseFloat(rounded.toPrecision(12));
 }
+/**
+ * Convert a target SHARE (0..1, exclusive) of a whole back to an absolute
+ * value, holding every other part's absolute value (`otherAbsSum`) fixed:
+ * `share = value / (value + otherAbsSum)` solved for `value`. Used by both a
+ * dragged pie/doughnut slice's angle share and a dragged percentStacked
+ * segment's percent share, so the two renormalise identically. `share` is
+ * clamped short of 1 so a lone part (no others to renormalise against) still
+ * returns a finite, monotonically increasing value instead of Infinity.
+ */
+function shareToValue(share, otherAbsSum) {
+    const clamped = Math.min(Math.max(share, 0), 0.999999);
+    if (clamped <= 0) {
+        return 0;
+    }
+    const ratio = clamped / (1 - clamped);
+    return otherAbsSum > 0 ? ratio * otherAbsSum : ratio;
+}
 /** The value range a series maps against (secondary when axis-mapped there). */
 function rangeForSeries(drag, seriesIndex) {
     const useSecondary = drag.secondaryRange !== undefined &&
@@ -20937,10 +21150,53 @@ function withChartTitle(chartData, title) {
     const trimmed = title.trim();
     return {
         ...chartData,
-        title: trimmed,
+        // A multi-run title collapses to one run in its dominant style so this
+        // edit does not leave another, now-stale run's text trailing the new
+        // title; see `collapseChartTitleRunsForEdit`'s doc.
+        ...collapseChartTitleRunsForEdit(chartData, trimmed),
         style: { ...chartData.style, hasTitle: trimmed.length > 0 },
     };
 }
+/**
+ * Resolve a mark drag's geometry for the given chart kind and part, or `null`
+ * when that kind/part combination has no drag meaning (e.g. a clustered bar,
+ * which uses `ChartValueDrag`/`dragValueForPart` instead).
+ */
+function buildChartMarkDragGeometry(params) {
+    const { kind, element, chartData, categoryLabels, seriesIndex, pointIndex } = params;
+    if (kind === 'pie' || kind === 'doughnut') {
+        const geometry = buildPieDragGeometry(element, chartData, pointIndex);
+        return geometry ? { kind: 'pie', ...geometry } : null;
+    }
+    if (kind === 'radar') {
+        const geometry = buildRadarDragGeometry(element, chartData, categoryLabels, pointIndex);
+        return geometry ? { kind: 'radar', ...geometry } : null;
+    }
+    if (kind === 'bar' || kind === 'line' || kind === 'area') {
+        const geometry = buildStackedDragGeometry(element, chartData, seriesIndex, pointIndex);
+        return geometry ? { kind: 'stackedSegment', ...geometry } : null;
+    }
+    return null;
+}
+/**
+ * New value for a dragged mark, dispatched by the geometry's own `kind`. This
+ * is the single entry point every binding's pointer handler calls; each kind's
+ * actual math lives in its own `chart-interaction-*.ts` sibling.
+ */
+function resolveChartDragValue(geometry, pointer) {
+    switch (geometry.kind) {
+        case 'pie':
+            return resolvePieDragValue(geometry, pointer.x, pointer.y);
+        case 'radar':
+            return resolveRadarDragValue(geometry, pointer.x, pointer.y);
+        case 'stackedSegment':
+            return resolveStackedDragValue(geometry, pointer.y);
+        default: {
+            const exhaustive = geometry;
+            return exhaustive;
+        }
+    }
+}
 
 /**
  * Minimum pointer travel (px) before a mark press becomes a value drag.
@@ -21184,6 +21440,65 @@ function validateChartUserShapeAnchor(shape) {
     return undefined;
 }
 
+/**
+ * Map a client-space pointer position into the chart's SVG view-box units,
+ * given the rendered `<svg>`'s bounding rect.
+ */
+function clientPointToViewBox(clientX, clientY, rect, svgWidth, svgHeight) {
+    if (rect.width === 0 || rect.height === 0) {
+        return { x: 0, y: 0 };
+    }
+    return {
+        x: ((clientX - rect.left) / rect.width) * svgWidth,
+        y: ((clientY - rect.top) / rect.height) * svgHeight,
+    };
+}
+/**
+ * Start a mark drag, or return `null` when there is no geometry for this part
+ * (not a draggable mark kind, or the press was not on a `dataPoint`).
+ */
+function beginChartMarkDrag(params) {
+    const { part, geometry, chartData, svgWidth, svgHeight, clientX, clientY } = params;
+    if (!geometry || part.role !== 'dataPoint' || part.pointIndex === undefined) {
+        return null;
+    }
+    return {
+        part,
+        geometry,
+        svgWidth,
+        svgHeight,
+        baseChartData: chartData,
+        startClientX: clientX,
+        startClientY: clientY,
+        moved: false,
+        lastData: null,
+    };
+}
+/**
+ * Advance an in-flight mark drag to the pointer's current client position.
+ *
+ * Returns `null` (leaving `state` untouched) while the press is still inside
+ * the click threshold or `rect` is not measurable. Otherwise MUTATES
+ * `state.moved` / `state.lastData` and returns the step, so the caller can
+ * preview it and commit `state.lastData` once on release.
+ */
+function advanceChartMarkDrag(state, clientX, clientY, rect) {
+    if (state.part.pointIndex === undefined) {
+        return null;
+    }
+    const travelled = Math.hypot(clientX - state.startClientX, clientY - state.startClientY);
+    if (!state.moved && travelled < CHART_DRAG_THRESHOLD_PX) {
+        return null;
+    }
+    if (rect.width === 0 || rect.height === 0) {
+        return null;
+    }
+    state.moved = true;
+    const pointer = clientPointToViewBox(clientX, clientY, rect, state.svgWidth, state.svgHeight), value = resolveChartDragValue(state.geometry, pointer), chartData = withChartPointValue(state.baseChartData, state.part.seriesIndex, state.part.pointIndex, value);
+    state.lastData = chartData;
+    return { chartData, value };
+}
+
 /**
  * `animation-mask-reveal`: CSS `mask`-based reveal states for the clip family
  * of entrance/exit effects (wipe, peek, blinds, split, box, random bars).
@@ -22993,8 +23308,10 @@ const EXTENDED_ENTR_PRESETS = {
  * Split) had no dedicated exit keyframe at all before this pass, unlike their
  * entrance counterparts; the new `peekOut`/`splitOut` keyframes in
  * `animation-keyframes-exit-shapes.ts` reuse the same mask-reveal technique
- * in reverse. exit.11 and exit.12 are intentionally NOT in this table: see
- * the leading comment on `PRESET_ID_TO_EFFECT.exit` in `animation-presets.ts`.
+ * in reverse. exit.11 and exit.12 are intentionally NOT in this table: both
+ * now have dedicated playback keyframes (`flashOnceOut`, `peekOutDown`)
+ * wired directly in `animation-presets-exit.ts` alongside this pass's other
+ * directly-verified ids, rather than through this extended table.
  */
 const EXTENDED_EXIT_PRESETS = {
     7: 'flyOutBottom', // Crawl Out
@@ -23161,10 +23478,21 @@ const ENTR_PRESETS = {
  */
 /** OOXML exit `p:cTn/@presetId` -> playback effect name. */
 const EXIT_PRESETS$1 = {
-    // exit.11 (Flash Once) and exit.12 are the only two of the 68 exit IDs
-    // deliberately left unmapped after this pass; see the module doc on
-    // `animation-presets-extended.ts` for why (exit.12 has no authoring
-    // identity at all today and would collide with exit.16's Peek Out).
+    // exit.11 (Flash Once), verified via COM: `msoAnimEffectFlashOnce` with
+    // `Effect.Exit = True` serializes as presetID 11 with no `@filter`,
+    // matching entr.11's `flashIn`. Plays via its own `flashOnceOut` keyframe
+    // (a `style.visibility` flicker ending hidden) rather than the entrance
+    // keyframe played backwards, since PowerPoint's own authored effect is a
+    // discrete visibility toggle pair, not a smooth opacity ramp.
+    11: 'flashOnceOut',
+    // exit.12 (Peek Out, presetSubtype 4 / bottom edge), verified via COM
+    // (this repo's own PowerShell automation): `AddEffect` with the Peek In
+    // `MsoAnimEffect` constant then `Effect.Exit = True` re-emits
+    // `presetID="12"` with `filter="wipe(down)"`. Named `peekOutDown` (not
+    // `peekOut`) because that name is already bound to exit.16's own
+    // (pre-existing, out-of-scope) "Peek Out" mismatch; see
+    // `animation-keyframes-exit-shapes.ts`'s note on both keyframes.
+    12: 'peekOutDown',
     1: 'disappear',
     2: 'flyOutBottom',
     // exit.6 = Circle, confirmed via COM (`msoAnimEffectCircle` with
@@ -23335,6 +23663,310 @@ const PRESET_ID_TO_EFFECT = {
     emph: EMPH_PRESETS,
 };
 
+/**
+ * `animation-text-style-resolve` - resolves the discrete font-style / colour /
+ * size override PowerPoint's font-style emphasis effects apply to their
+ * target's text: Bold Flash, Bold Reveal, Underline, Brush On Underline,
+ * Font Style / Change Font Style, Change Font Size, and the font-style `p:set`
+ * siblings composed alongside Wave / Grow With Color / Teeter.
+ *
+ * PowerPoint authors these two ways, both already parsed by core:
+ *  - A `p:set` discrete (non-interpolated) assignment
+ *    ({@link PptxNativeAnimation.setAnimations}, ECMA-376 S19.5.79
+ *    CT_TLSetBehavior): the value snaps on once and holds until the effect's
+ *    `p:cTn/@fill` says otherwise (Bold Reveal, Underline / Brush On
+ *    Underline).
+ *  - A generic `p:anim` ramp ({@link PptxNativeAnimation.attributeAnimations},
+ *    ECMA-376 S19.5.2 CT_TLAnimateBehavior) whose `p:tavLst` stops are not
+ *    numerically interpolatable for a boolean attribute (Bold Flash): only the
+ *    LAST stop's value is meaningful, the same "snap at the end" reading
+ *    PowerPoint itself gives a discrete `calcMode` ramp.
+ *
+ * Ground truth (COM `AddEffect` + raw OOXML inspection, see
+ * `animation-emphasis-ground-truth-early.ts`): `style.fontWeight` (bold),
+ * `style.fontStyle` (italic), `style.textDecorationUnderline` (underline),
+ * `style.fontSize` (a numeric ramp: this module reads its FIRST/LAST stop
+ * ratio as {@link TextStyleAnimationDescriptor.fontScale}, a relative
+ * multiplier rather than an absolute size, since a shape's runs may not all
+ * share the authored effect's own reference size), and `style.color` (font
+ * colour, distinct from `fillcolor`/`stroke.color`, which the existing
+ * `p:animClr` colour-animation path already owns).
+ *
+ * Deliberately does NOT model a "during" vs "after" phase distinction: the
+ * hold-vs-revert decision this effect's `p:cTn/@fill` makes is already
+ * computed once, correctly, by `animation-fill-repeat.ts`'s
+ * `shouldHoldEndState` (the exact same rule CSS-animation steps already use
+ * to decide whether their final frame persists on cleanup) and surfaced on
+ * {@link import('./animation-timeline-types').TimelineStep.holdEndState}.
+ * `animation-text-style-state.ts` reuses that flag rather than recomputing
+ * hold/revert semantics a second time here.
+ *
+ * @module render/animation-text-style-resolve
+ */
+/** The three boolean-valued style attrs a `p:set`/`p:anim` can drive. */
+const BOOLEAN_ATTR_FIELD = {
+    'style.fontweight': 'bold',
+    'style.fontstyle': 'italic',
+    'style.textdecorationunderline': 'underline',
+    // Tolerate the shorter spelling some non-PowerPoint producers use.
+    'style.underline': 'underline',
+};
+const RECOGNIZED_ATTRS = new Set([
+    ...Object.keys(BOOLEAN_ATTR_FIELD),
+    'style.fontsize',
+    'style.color',
+]);
+/** Decode a `p:set`/`p:tav` value into the boolean a style attr expects. */
+function decodeBooleanAttr(attrName, value) {
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    if (typeof value === 'number') {
+        return value !== 0;
+    }
+    const normalized = value.trim().toLowerCase();
+    if (normalized === 'true' || normalized === '1') {
+        return true;
+    }
+    if (normalized === 'false' || normalized === '0' || normalized === '') {
+        return false;
+    }
+    if (attrName === 'style.fontweight') {
+        return normalized === 'bold' || normalized === '700';
+    }
+    if (attrName === 'style.fontstyle') {
+        return normalized === 'italic';
+    }
+    return normalized === 'underline';
+}
+/** Apply one decoded (attrName, value) pair onto the descriptor being built. */
+function applyDecodedValue(descriptor, attrName, value) {
+    const boolField = BOOLEAN_ATTR_FIELD[attrName];
+    if (boolField) {
+        descriptor[boolField] = decodeBooleanAttr(attrName, value);
+        return;
+    }
+    if (attrName === 'style.color' && typeof value === 'string' && value !== '') {
+        descriptor.color = value;
+    }
+}
+function applySetAnimation(descriptor, entry) {
+    applyDecodedValue(descriptor, entry.attrName, entry.value);
+}
+/**
+ * Apply one `p:anim` ramp component. `style.fontsize` is read as a
+ * first-stop -> last-stop RATIO (see the module doc). A boolean attr (Bold
+ * Flash's `style.fontweight`) is read as "true if ANY stop is true", not just
+ * the last: PowerPoint composes the whole flash-and-revert pattern (e.g.
+ * normal -> bold -> normal) inside the SAME ramp, so reading only the final
+ * stop would resolve to "never bold" and the flash would never render at
+ * all. `style.color`'s last stop is used as-is (there is no boolean
+ * "any"-style reading for a colour).
+ */
+function applyAttributeRamp(descriptor, component) {
+    const stops = component.keyframes;
+    if (stops.length === 0) {
+        return;
+    }
+    const last = stops[stops.length - 1];
+    if (component.attrName === 'style.fontsize') {
+        const firstNumeric = Number(stops[0].value);
+        const lastNumeric = Number(last.value);
+        if (Number.isFinite(firstNumeric) && firstNumeric !== 0 && Number.isFinite(lastNumeric)) {
+            descriptor.fontScale = lastNumeric / firstNumeric;
+        }
+        return;
+    }
+    const boolField = BOOLEAN_ATTR_FIELD[component.attrName];
+    if (boolField) {
+        descriptor[boolField] = stops.some((stop) => decodeBooleanAttr(component.attrName, stop.value));
+        return;
+    }
+    applyDecodedValue(descriptor, component.attrName, last.value);
+}
+/**
+ * Resolve the text-style override an authored effect composes via `p:set`
+ * siblings and/or a `style.fontsize`/boolean `p:anim` ramp. Returns
+ * `undefined` when the effect carries none of the recognised attrs, so a
+ * caller can fall back to the neutral emphasis animation exactly as before.
+ */
+function resolveTextStyleAnimation(anim) {
+    const descriptor = {};
+    for (const entry of anim.setAnimations ?? []) {
+        applySetAnimation(descriptor, entry);
+    }
+    for (const component of anim.attributeAnimations ?? []) {
+        if (RECOGNIZED_ATTRS.has(component.attrName)) {
+            applyAttributeRamp(descriptor, component);
+        }
+    }
+    return Object.keys(descriptor).length > 0 ? descriptor : undefined;
+}
+
+/**
+ * `animation-text-style-css` - builds a scoped, `!important` CSS rule that
+ * applies an active {@link TextStyleAnimationDescriptor} on top of an
+ * element's own rendered text runs.
+ *
+ * Every binding already stamps its top-level rendered element wrapper with
+ * `data-element-id="<id>"` (selection, hit-testing, the four non-React
+ * bindings' post-render DOM pass). A run span always carries its OWN inline
+ * `style` attribute (bold/italic/underline/size are declared there
+ * unconditionally, see `text-run-style.ts`), so plain CSS inheritance from an
+ * ancestor can never reach it: only a stylesheet rule with `!important`
+ * outranks another element's own inline style. Scoping the selector to this
+ * element's `data-element-id` keeps the override from leaking onto sibling
+ * elements that reuse the same generic run markup.
+ *
+ * `fontScale` is applied as `calc(1em * <scale>)` rather than an absolute
+ * size: once this rule wins, the run's own inline `font-size` is not
+ * consulted at all, so the `em` here resolves against the INHERITED
+ * (ancestor) font-size, giving a reasonable relative-size approximation
+ * without needing per-run size bookkeeping at the override layer.
+ *
+ * @module render/animation-text-style-css
+ */
+/** Escape a value for safe use inside a double-quoted CSS attribute selector. */
+function escapeCssAttributeValue$1(value) {
+    return value.replaceAll('\\', '\\\\').replaceAll('"', '\\"');
+}
+/**
+ * Build the CSS override rule for one element's active text-style animation,
+ * or `undefined` when there is nothing to override (so a binding can skip
+ * rendering a `<style>` tag entirely).
+ *
+ * Emits TWO scoped rules, both keyed off the SAME `data-element-id`, so one
+ * call covers every element type a font-style emphasis effect can target
+ * (text/shape, a table cell, a connector caption, a chart title/label/legend,
+ * a SmartArt node caption): a binding no longer needs to gate this call on
+ * "is this a plain text element" - PowerPoint animates a table cell or a
+ * chart title exactly the same way.
+ *
+ * - The `[style]` rule targets ordinary HTML text (paragraph runs, table
+ *   cell spans, connector caption spans): every one of those already carries
+ *   its OWN inline `style` attribute (see the module doc), which plain CSS
+ *   inheritance cannot reach.
+ * - The `text, tspan` rule targets SVG text (chart titles/axis
+ *   labels/data labels/legend, SmartArt node captions): every binding draws
+ *   those as raw SVG presentation ATTRIBUTES (`fill=`, `font-weight=`, ...),
+ *   never an inline `style`, so the `[style]` rule's selector never matches
+ *   them at all. `font-weight`/`font-style`/`font-size`/`text-decoration`
+ *   are CSS properties SVG text already honours; `color` is not (SVG paints
+ *   text via `fill`), so the colour case is re-expressed as `fill` here
+ *   instead of reusing the `color` declaration.
+ *
+ * Neither rule leaks onto a chart's non-text SVG (bars, slices, borders):
+ * `text, tspan` is a plain type selector, not `*`, so nothing else in the
+ * element's subtree matches it.
+ */
+function buildTextStyleOverrideCss(elementId, style) {
+    if (!style) {
+        return undefined;
+    }
+    const declarations = [];
+    const svgDeclarations = [];
+    if (style.bold !== undefined) {
+        const decl = `font-weight: ${style.bold ? 'bold' : 'normal'} !important;`;
+        declarations.push(decl);
+        svgDeclarations.push(decl);
+    }
+    if (style.italic !== undefined) {
+        const decl = `font-style: ${style.italic ? 'italic' : 'normal'} !important;`;
+        declarations.push(decl);
+        svgDeclarations.push(decl);
+    }
+    if (style.underline !== undefined) {
+        const decl = `text-decoration-line: ${style.underline ? 'underline' : 'none'} !important;`;
+        declarations.push(decl);
+        svgDeclarations.push(decl);
+    }
+    if (typeof style.fontScale === 'number' &&
+        Number.isFinite(style.fontScale) &&
+        style.fontScale > 0) {
+        const decl = `font-size: calc(1em * ${style.fontScale}) !important;`;
+        declarations.push(decl);
+        svgDeclarations.push(decl);
+    }
+    if (style.color) {
+        declarations.push(`color: ${style.color} !important;`);
+        svgDeclarations.push(`fill: ${style.color} !important;`);
+    }
+    if (declarations.length === 0) {
+        return undefined;
+    }
+    const scope = `[data-element-id="${escapeCssAttributeValue$1(elementId)}"]`;
+    const htmlRule = `${scope} [style] { ${declarations.join(' ')} }`;
+    const svgRule = `${scope} text, ${scope} tspan { ${svgDeclarations.join(' ')} }`;
+    return `${htmlRule}\n${svgRule}`;
+}
+/**
+ * A visually inert `@keyframes` block for an emphasis step whose ONLY effect
+ * is a text-style change (Bold Reveal, Underline, Style Emphasis, ...).
+ *
+ * The timeline builder needs every step to own a CSS animation so the
+ * playback engine's timing (delay, duration, cleanup) has something to hang
+ * off, but the unmapped-preset safety net used to hand these steps a neutral
+ * `pulse`, so PowerPoint's plain "the text turns bold" played with a scale
+ * throb on top. This keyframe holds the element exactly as rendered while the
+ * `textStyle` override does the visible work.
+ */
+function buildTextStyleHoldKeyframe(uid) {
+    const keyframeName = `pptx-tl-textstyle-hold-${uid}`;
+    return {
+        keyframeName,
+        css: `@keyframes ${keyframeName} {\n\tfrom { opacity: 1; }\n\tto { opacity: 1; }\n}`,
+    };
+}
+
+/**
+ * `animation-text-style-state` - pure merge/revert helpers for carrying a
+ * {@link TextStyleAnimationDescriptor} through `animation-playback-engine.ts`'s
+ * step-start and step-cleanup writes, mirroring how `carryBuildState` already
+ * carries `build`/`chartReveal`/`diagramReveal` forward so one step's write
+ * never clobbers a concern a DIFFERENT still-active step on the same element
+ * owns.
+ *
+ * @module render/animation-text-style-state
+ */
+/**
+ * Merge a step's text-style override onto whatever the element already
+ * carries (from a still-active earlier step), on step START. The new step's
+ * fields win on a conflict; fields it does not mention pass through
+ * unchanged.
+ */
+function mergeTextStyleOnStart(carried, stepStyle) {
+    if (!stepStyle) {
+        return carried;
+    }
+    return { ...carried, ...stepStyle };
+}
+/**
+ * Resolve the text-style override left after a step's CLEANUP.
+ *
+ * `holdEndState` mirrors `p:cTn/@fill="hold"/"freeze"/"transition"` (see
+ * `animation-fill-repeat.ts`'s `shouldHoldEndState`, the same flag that keeps
+ * a CSS animation's final frame attached instead of clearing it): when set,
+ * the step's fields stay merged in permanently; otherwise only the KEYS this
+ * step itself set are reverted, so a different still-active step's fields
+ * (e.g. a concurrent colour change) are not clobbered.
+ */
+function resolveTextStyleOnCleanup(carried, stepStyle, holdEndState) {
+    if (!stepStyle) {
+        return carried;
+    }
+    if (holdEndState) {
+        return { ...carried, ...stepStyle };
+    }
+    if (!carried) {
+        return undefined;
+    }
+    const remaining = { ...carried };
+    for (const key of Object.keys(stepStyle)) {
+        delete remaining[key];
+    }
+    return Object.keys(remaining).length > 0 ? remaining : undefined;
+}
+
 /**
  * `animation-filter-random`: resolves the `random` SMIL/ECMA-376
  * `p:animEffect/@filter` family (see `animation-filter-effects`'s module doc
@@ -24063,6 +24695,19 @@ const EXIT_KEYFRAME_DEFINITIONS = {
 	0% { opacity: 1; }
 	99% { opacity: 1; }
 	100% { opacity: 0; }
+}`,
+    // Flash Once (exit.11), verified via COM: `msoAnimEffectFlashOnce` with
+    // `Effect.Exit = True` serializes as presetID 11 with no `@filter` (the
+    // exit-gallery counterpart of entr.11's `flashIn`, which also carries no
+    // filter). The real authored effect is a `style.visibility` set pair
+    // (hidden/visible flashed a few times); this mirrors `flashIn`'s opacity
+    // flicker but ends HIDDEN rather than visible, since this is an exit.
+    flashOnceOut: `@keyframes pptx-flashOnceOut {
+	0% { opacity: 1; }
+	25% { opacity: 0; }
+	50% { opacity: 1; }
+	75% { opacity: 0; }
+	100% { opacity: 0; }
 }`,
 };
 
@@ -24125,6 +24770,19 @@ const EXIT_SHAPE_KEYFRAME_DEFINITIONS = {
     peekOut: `@keyframes pptx-peekOut {
 	from { ${maskEdgeDecl('bottom', 'shown')} opacity: 1; }
 	to { ${maskEdgeDecl('bottom', 'hidden')} opacity: 0; }
+}`,
+    // Peek Out (exit.12), verified via COM (this repo's own PowerShell
+    // automation): `AddEffect` with the Peek In `MsoAnimEffect` constant then
+    // `Effect.Exit = True` re-emits `presetID="12" presetSubtype="4"` with a
+    // child `p:animEffect[@filter="wipe(down)"]` - a DIFFERENT, distinct
+    // preset id from exit.16 above (whose own "Peek Out" naming is a
+    // pre-existing, out-of-scope mismatch; see that entry's note), so this
+    // gets its own non-colliding keyframe name. `presetSubtype="4"` is the
+    // bottom-edge bit (matching entr.12's `peekIn`, also bottom-origin), so
+    // this reuses the identical mask technique.
+    peekOutDown: `@keyframes pptx-peekOutDown {
+	from { ${maskEdgeDecl('bottom', 'shown')} opacity: 1; }
+	to { ${maskEdgeDecl('bottom', 'hidden')} opacity: 0; }
 }`,
     // Split (exit.17): the exit-gallery counterpart of Split, closing the
     // centred band back to nothing rather than growing it outward.
@@ -24860,11 +25518,12 @@ function revealedStageCount(progress, totalStages) {
 // State folding
 // ==========================================================================
 /**
- * Fold a revealing step's staged-build + colour-target descriptors onto an
- * {@link ElementAnimationState}. Mutates `state` in place, adding `build`
- * (with progress resolved at `options.elapsedMs`), `animatesFill`, and
- * `animatesStroke` only when the step actually carries those descriptors, so a
- * plain whole-element entrance leaves the state untouched.
+ * Fold a revealing step's staged-build + colour-target + text-style
+ * descriptors onto an {@link ElementAnimationState}. Mutates `state` in
+ * place, adding `build` (with progress resolved at `options.elapsedMs`),
+ * `animatesFill`, `animatesStroke`, and `textStyle` only when the step
+ * actually carries those descriptors, so a plain whole-element entrance
+ * leaves the state untouched.
  */
 function applyStepBuildMetadata(state, step, options) {
     if (!step) {
@@ -24882,6 +25541,9 @@ function applyStepBuildMetadata(state, step, options) {
             state.animatesStroke = true;
         }
     }
+    if (step.textStyle) {
+        state.textStyle = step.textStyle;
+    }
 }
 
 /**
@@ -28452,6 +29114,14 @@ function fallbackEffectForClass(presetClass) {
     }
     return undefined;
 }
+/**
+ * An emphasis whose visible work is entirely a `p:set`/`p:anim` text-style
+ * change (no mapped preset effect, no transform). Such a step must not fall
+ * through to the neutral `pulse` safety net.
+ */
+function isTextStyleOnlyEmphasis(anim) {
+    return anim.presetClass === 'emph' && resolveTextStyleAnimation(anim) !== undefined;
+}
 // ==========================================================================
 // Timeline builder
 // ==========================================================================
@@ -28600,11 +29270,19 @@ function buildTimeline(nativeAnimations) {
             // sequenced so the playback layer can act on it at the right time.
             const isCommand = !effect && !dynamic && isMediaCommandAnimation(singleAnim);
             if (!effect && !dynamic && !isCommand) {
-                // Unmapped preset: fall back so an entrance is still hidden until
-                // its start and an exit still hides, rather than being dropped.
-                effect = fallbackEffectForClass(singleAnim.presetClass);
-                if (!effect) {
-                    continue;
+                if (isTextStyleOnlyEmphasis(singleAnim)) {
+                    // Bold Reveal / Underline / Style Emphasis: the `textStyle`
+                    // override is the whole effect, so hold the element still
+                    // instead of layering the neutral pulse on top of it.
+                    dynamic = buildTextStyleHoldKeyframe(dynamicUid++);
+                }
+                else {
+                    // Unmapped preset: fall back so an entrance is still hidden until
+                    // its start and an exit still hides, rather than being dropped.
+                    effect = fallbackEffectForClass(singleAnim.presetClass);
+                    if (!effect) {
+                        continue;
+                    }
                 }
             }
             let keyframe = '';
@@ -28763,6 +29441,7 @@ function buildTimeline(nativeAnimations) {
                 build: isCommand ? undefined : resolveStepBuildDescriptor(singleAnim),
                 graphicElement: isCommand ? undefined : extractStepGraphicElement(singleAnim),
                 colorTargets: isCommand ? undefined : stepColorTargets(singleAnim, tavColorApplied),
+                textStyle: isCommand ? undefined : resolveTextStyleAnimation(singleAnim),
                 holdEndState: afterFields.holdEndState || undefined,
                 hideAfterEffect: afterFields.hideAfterEffect,
                 pendingHideOnNextClick: afterFields.pendingHideOnNextClick,
@@ -28916,10 +29595,15 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
             // command was dropped in silence.
             const isCommand = !effect && !dynamic && isMediaCommandAnimation(anim);
             if (!effect && !dynamic && !isCommand) {
-                // Same unmapped-preset safety net as the main timeline loop.
-                effect = fallbackEffectForClass(anim.presetClass);
-                if (!effect) {
-                    continue;
+                if (isTextStyleOnlyEmphasis(anim)) {
+                    dynamic = buildTextStyleHoldKeyframe(dynamicUid++);
+                }
+                else {
+                    // Same unmapped-preset safety net as the main timeline loop.
+                    effect = fallbackEffectForClass(anim.presetClass);
+                    if (!effect) {
+                        continue;
+                    }
                 }
             }
             const keyframe = isCommand ? '' : effect ? cssKeyframeName(effect) : dynamic.keyframeName;
@@ -29006,6 +29690,7 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 build: isCommand ? undefined : resolveStepBuildDescriptor(anim),
                 graphicElement: isCommand ? undefined : extractStepGraphicElement(anim),
                 colorTargets: isCommand ? undefined : stepColorTargets(anim, tavColorApplied),
+                textStyle: isCommand ? undefined : resolveTextStyleAnimation(anim),
                 holdEndState: afterFields.holdEndState || undefined,
                 hideAfterEffect: afterFields.hideAfterEffect,
                 pendingHideOnNextClick: afterFields.pendingHideOnNextClick,
@@ -38054,7 +38739,7 @@ const animationPresetTranslationsEn = {
     'pptx.animation.catalogPreset.entr8': 'Diamond',
     'pptx.animation.catalogPreset.entr9': 'Dissolve In',
     'pptx.animation.catalogPreset.entr10': 'Fade',
-    'pptx.animation.catalogPreset.entr11': 'Flash Bulb',
+    'pptx.animation.catalogPreset.entr11': 'Flash Once',
     'pptx.animation.catalogPreset.entr12': 'Flash Once',
     'pptx.animation.catalogPreset.entr13': 'Plus',
     'pptx.animation.catalogPreset.entr14': 'Random Bars',
@@ -38123,8 +38808,8 @@ const animationPresetTranslationsEn = {
     'pptx.animation.catalogPreset.exit8': 'Diamond',
     'pptx.animation.catalogPreset.exit9': 'Dissolve Out',
     'pptx.animation.catalogPreset.exit10': 'Fade',
-    'pptx.animation.catalogPreset.exit11': 'Flash Bulb',
-    'pptx.animation.catalogPreset.exit12': 'Flash Once',
+    'pptx.animation.catalogPreset.exit11': 'Flash Once',
+    'pptx.animation.catalogPreset.exit12': 'Peek Out',
     'pptx.animation.catalogPreset.exit13': 'Plus',
     'pptx.animation.catalogPreset.exit14': 'Random Bars',
     'pptx.animation.catalogPreset.exit15': 'Spiral Out',
@@ -38483,6 +39168,12 @@ const translationsEn = {
     'pptx.accessibility.error': 'Error: ',
     'pptx.accessibility.warning': 'Warning: ',
     'pptx.accessibility.info': 'Info: ',
+    // Element-level alt text / title (shape, text box, connector). A picture's
+    // own alt text field uses `pptx.image.altText` / `pptx.image.altTextPlaceholder`.
+    'pptx.elementAccessibility.altText': 'Alt text',
+    'pptx.elementAccessibility.altTextPlaceholder': 'Describe this element for accessibility',
+    'pptx.elementAccessibility.title': 'Title',
+    'pptx.elementAccessibility.titlePlaceholder': 'Accessibility title (optional)',
     // Animations
     'pptx.animations.previewTooltip': 'Preview animation on selected element',
     'pptx.animations.preview': 'Preview',
@@ -41746,6 +42437,51 @@ const translationsEn = {
     'pptx.hyperlink.actionOpenPresentation': 'Open presentation',
     'pptx.hyperlink.actionPlayMedia': 'Play media',
     'pptx.hyperlink.actionOleVerb': 'Object action',
+    // Table style (a:tblStyleLst) definition editor.
+    'pptx.tableStyleEditor.editButton': 'Edit style...',
+    'pptx.tableStyleEditor.title': 'Table Style Editor',
+    'pptx.tableStyleEditor.close': 'Close',
+    'pptx.tableStyleEditor.noStyleSelected': 'Select a table style to edit its definition.',
+    'pptx.tableStyleEditor.styleName': 'Style name',
+    'pptx.tableStyleEditor.sections': 'Sections',
+    'pptx.tableStyleEditor.newFromCurrent': 'New style from current',
+    'pptx.tableStyleEditor.newStyle': 'Create new style',
+    'pptx.tableStyleEditor.deleteStyle': 'Delete style',
+    'pptx.tableStyleEditor.deleteConfirm': 'Delete this table style? This cannot be undone.',
+    'pptx.tableStyleEditor.newStyleNamePrompt': 'Name for the new style',
+    'pptx.tableStyleEditor.part.wholeTbl': 'Whole Table',
+    'pptx.tableStyleEditor.part.firstRow': 'First Row',
+    'pptx.tableStyleEditor.part.lastRow': 'Last Row',
+    'pptx.tableStyleEditor.part.firstCol': 'First Column',
+    'pptx.tableStyleEditor.part.lastCol': 'Last Column',
+    'pptx.tableStyleEditor.part.band1H': 'Band 1 Horizontal',
+    'pptx.tableStyleEditor.part.band2H': 'Band 2 Horizontal',
+    'pptx.tableStyleEditor.part.band1V': 'Band 1 Vertical',
+    'pptx.tableStyleEditor.part.band2V': 'Band 2 Vertical',
+    'pptx.tableStyleEditor.part.neCell': 'NE Cell',
+    'pptx.tableStyleEditor.part.nwCell': 'NW Cell',
+    'pptx.tableStyleEditor.part.seCell': 'SE Cell',
+    'pptx.tableStyleEditor.part.swCell': 'SW Cell',
+    'pptx.tableStyleEditor.part.background': 'Background',
+    'pptx.tableStyleEditor.fillSection': 'Fill',
+    'pptx.tableStyleEditor.noFill': 'No fill',
+    'pptx.tableStyleEditor.textSection': 'Text',
+    'pptx.tableStyleEditor.textColor': 'Text color',
+    'pptx.tableStyleEditor.bordersSection': 'Borders',
+    'pptx.tableStyleEditor.borderDash': 'Dash style',
+    'pptx.tableStyleEditor.noBorder': 'No border',
+    'pptx.tableStyleEditor.cell3DSection': '3D bevel',
+    'pptx.tableStyleEditor.bevelWidth': 'Bevel width',
+    'pptx.tableStyleEditor.bevelHeight': 'Bevel height',
+    'pptx.tableStyleEditor.bevelPreset': 'Bevel preset',
+    'pptx.tableStyleEditor.side.left': 'Left',
+    'pptx.tableStyleEditor.side.right': 'Right',
+    'pptx.tableStyleEditor.side.top': 'Top',
+    'pptx.tableStyleEditor.side.bottom': 'Bottom',
+    'pptx.tableStyleEditor.side.insideH': 'Inside horizontal',
+    'pptx.tableStyleEditor.side.insideV': 'Inside vertical',
+    'pptx.tableStyleEditor.side.tl2br': 'Diagonal top-left to bottom-right',
+    'pptx.tableStyleEditor.side.tr2bl': 'Diagonal top-right to bottom-left',
 };
 /**
  * Convert a dotted translation key to a human-readable label when no
@@ -57843,7 +58579,7 @@ function createWriteBackScheduler(deps) {
                 const merged = deps.mergeTemplateElements
                     ? deps.mergeTemplateElements(slides, deps.getTemplateElements?.() ?? {})
                     : slides;
-                const bytes = await handler.save(merged);
+                const bytes = await handler.save(merged, deps.getSaveOptions?.());
                 config.onWriteBack(bytes);
             }
             catch {
@@ -76208,6 +76944,79 @@ function applyRenderedElementAccessibility(stage, elements, options = {}) {
     return applied;
 }
 
+/**
+ * Which element kinds model an accessibility description (`altText`) and
+ * title (`title`) on `p:cNvPr` (`@descr` / `@title`, `PptxNonVisualDescription`
+ * in core), and a pure descriptor every binding's inspector can use to decide
+ * whether to show the alt-text / title editing fields for the selected
+ * element.
+ *
+ * Before this module existed, a picture's own alt-text field was the only
+ * one any binding's inspector rendered; a plain shape, text box or connector
+ * had nowhere to author the same PowerPoint Accessibility-pane text even
+ * after core started parsing it. Centralising the "which element kinds get
+ * which field" decision here means a new kind reaches every binding's
+ * inspector by editing one set, not five.
+ *
+ * @module render/element-non-visual-description
+ */
+/** Element kinds whose core type models `altText` (`p:cNvPr/@descr`). */
+const ALT_TEXT_ELEMENT_TYPES = new Set([
+    'image',
+    'picture',
+    'table',
+    'chart',
+    'smartArt',
+    'ole',
+    'media',
+    'text',
+    'shape',
+    'connector',
+]);
+/**
+ * Element kinds whose core type models `title` (`p:cNvPr/@title`). A picture
+ * is deliberately excluded: `ImagePptxElement`/`PicturePptxElement` only ever
+ * carry `altText` (no `title` field), matching how PowerPoint's own Alt Text
+ * pane has no separate title box for a picture.
+ */
+const TITLE_ELEMENT_TYPES = new Set([
+    'table',
+    'chart',
+    'smartArt',
+    'ole',
+    'media',
+    'text',
+    'shape',
+    'connector',
+]);
+/** Whether `type`'s core element models an `altText` field. */
+function supportsAltTextField(type) {
+    return ALT_TEXT_ELEMENT_TYPES.has(type);
+}
+/** Whether `type`'s core element models a `title` field. */
+function supportsTitleField(type) {
+    return TITLE_ELEMENT_TYPES.has(type);
+}
+/** Reads `element.altText` / `element.title` without a per-type cast. */
+function readStringField(element, field) {
+    const value = element[field];
+    return typeof value === 'string' ? value : '';
+}
+/**
+ * Computes the alt-text / title field descriptor for `element`. See
+ * {@link NonVisualDescriptionFields}.
+ */
+function getNonVisualDescriptionFields(element) {
+    const showAltText = supportsAltTextField(element.type);
+    const showTitle = supportsTitleField(element.type);
+    return {
+        showAltText,
+        showTitle,
+        altText: showAltText ? readStringField(element, 'altText') : '',
+        title: showTitle ? readStringField(element, 'title') : '',
+    };
+}
+
 /**
  * Which slide element does a pointer event select?
  *
@@ -82543,6 +83352,94 @@ function isEncryptedDeckBytes(bytes) {
     return detectFileFormat(buffer).encrypted;
 }
 
+/**
+ * Apply a whole-map replacement (an edit to one style's fill/text/borders/
+ * cell3D facet via `applyTableStyleFieldEdit`, or a brand-new style added via
+ * `createTableStyleEntry` + `addTableStyleToMap`) coming from the editor's
+ * `onStyleMapChange` callback.
+ */
+function applyTableStyleMapChange(state, nextMap) {
+    return {
+        tableStyleMap: nextMap,
+        tableStylesToDelete: state.tableStylesToDelete.filter((id) => !(id in nextMap)),
+    };
+}
+/**
+ * Apply a style deletion coming from the editor's `onDeleteStyle` callback:
+ * removes the entry from the map and records the id for save-time removal
+ * from `ppt/tableStyles.xml`. Safe to call more than once for the same id.
+ */
+function applyTableStyleDelete(state, styleId) {
+    const nextMap = { ...(state.tableStyleMap ?? {}) };
+    delete nextMap[styleId];
+    return {
+        tableStyleMap: nextMap,
+        tableStylesToDelete: state.tableStylesToDelete.includes(styleId)
+            ? [...state.tableStylesToDelete]
+            : [...state.tableStylesToDelete, styleId],
+    };
+}
+/**
+ * Pick the three `ppt/tableStyles.xml` save option fields off a viewer
+ * state's table-style pieces, for spreading into every
+ * `handler.save(...)` / `saveDeckWithPassword(...)` options object. Omits a
+ * field entirely (rather than passing it as `undefined`) when there is
+ * nothing to say, matching every other optional save-option picker in this
+ * module.
+ */
+function tableStyleSaveOptions(state) {
+    return {
+        ...(state.tableStyleMap ? { tableStyles: state.tableStyleMap } : {}),
+        ...(state.tableStylesDefaultId ? { tableStylesDefaultId: state.tableStylesDefaultId } : {}),
+        ...(state.tableStylesToDelete.length > 0
+            ? { tableStylesToDelete: [...state.tableStylesToDelete] }
+            : {}),
+    };
+}
+/**
+ * The table-data patch to apply when the table-style DEFINITION editor's
+ * "create new style" action (or the style gallery's "pick a style") assigns
+ * `styleId` to the table being edited. A single-key object so every binding
+ * spreads it through the exact same `updateTableData(...)` /
+ * `onUpdateElement(...)` path the style gallery already uses, rather than
+ * hand-rolling `{ tableStyleId: styleId }` five times.
+ */
+function tableStyleAssignmentUpdate(styleId) {
+    return { tableStyleId: styleId };
+}
+
+/**
+ * Assemble the full `PptxHandlerSaveOptions` for a binding's main save path.
+ * Array-valued fields are omitted (not passed as an empty array) when empty,
+ * matching every binding's pre-existing convention and the option docs on
+ * `PptxHandlerSaveOptions` itself (an omitted field round-trips the original
+ * part verbatim; an empty array would instead clear it).
+ */
+function buildDeckSaveOptions(state) {
+    return {
+        headerFooter: state.headerFooter,
+        presentationProperties: state.presentationProperties,
+        viewProperties: state.viewProperties,
+        customShows: state.customShows.length > 0 ? [...state.customShows] : undefined,
+        sections: state.sections.length > 0 ? [...state.sections] : undefined,
+        coreProperties: state.coreProperties,
+        appProperties: state.appProperties,
+        customProperties: state.customProperties.length > 0 ? [...state.customProperties] : undefined,
+        tags: state.tagCollections.length > 0 ? [...state.tagCollections] : undefined,
+        slideMasters: state.slideMasters ? [...state.slideMasters] : [],
+        notesMaster: state.notesMaster,
+        handoutMaster: state.handoutMaster,
+        slideSize: state.slideSize,
+        outputFormat: state.outputFormat,
+        ...tableStyleSaveOptions({
+            tableStyleMap: state.tableStyleMap,
+            tableStylesDefaultId: state.tableStylesDefaultId,
+            tableStylesToDelete: state.tableStylesToDelete,
+        }),
+        ...embeddedFontSaveOptions(state.embedFonts ?? true),
+    };
+}
+
 const DEFAULT_VIEWER_PREFERENCES = {
     autoSave: true,
     spellCheck: false,
@@ -84598,6 +85495,9 @@ function carryBuildState(state) {
     if (state.diagramReveal) {
         carried.diagramReveal = state.diagramReveal;
     }
+    if (state.textStyle) {
+        carried.textStyle = state.textStyle;
+    }
     return carried;
 }
 /**
@@ -84642,12 +85542,14 @@ function applyAnimationGroupSteps(group, ctx) {
             }
             const current = next.get(step.elementId);
             const shouldBeVisible = step.presetClass === 'exit' ? (current?.visible ?? true) : true;
+            const carried = carryBuildState(current);
             next.set(step.elementId, {
-                ...carryBuildState(current),
+                ...carried,
                 visible: shouldBeVisible,
                 cssAnimation: step.cssAnimation,
                 animatesFill: step.colorTargets?.includes('fill') ? true : undefined,
                 animatesStroke: step.colorTargets?.includes('stroke') ? true : undefined,
+                textStyle: mergeTextStyleOnStart(carried.textStyle, step.textStyle),
             });
         }
         return next;
@@ -84668,11 +85570,14 @@ function applyAnimationGroupSteps(group, ctx) {
                     ? false
                     : (current?.visible ?? true);
                 // `p:cTn/@fill="hold"`/`"freeze"`: keep the CSS animation attached so
-                // its final frame persists instead of reverting on cleanup.
+                // its final frame persists instead of reverting on cleanup. A
+                // font-style emphasis's text-style override follows the SAME flag.
+                const carried = carryBuildState(current);
                 next.set(step.elementId, {
-                    ...carryBuildState(current),
+                    ...carried,
                     visible: visibleAfter,
                     cssAnimation: step.holdEndState ? step.cssAnimation : undefined,
+                    textStyle: resolveTextStyleOnCleanup(carried.textStyle, step.textStyle, step.holdEndState),
                 });
                 return next;
             });
@@ -86037,6 +86942,315 @@ function mruColorsPatch(recent) {
     return { mruColors: dedupeAndCap(normalized) };
 }
 
+/**
+ * Every editable part, in the display order PowerPoint's own "Modify Table
+ * Style" dialog uses (structural regions grouped, background last) - NOT
+ * `TABLE_STYLE_PART_SEQUENCE`'s order, which exists to answer "which section
+ * wins on a given cell" rather than "what order to list them in a picker".
+ */
+const TABLE_STYLE_EDITOR_PARTS = [
+    { id: 'wholeTbl', labelKey: 'pptx.tableStyleEditor.part.wholeTbl' },
+    { id: 'firstRow', labelKey: 'pptx.tableStyleEditor.part.firstRow' },
+    { id: 'lastRow', labelKey: 'pptx.tableStyleEditor.part.lastRow' },
+    { id: 'firstCol', labelKey: 'pptx.tableStyleEditor.part.firstCol' },
+    { id: 'lastCol', labelKey: 'pptx.tableStyleEditor.part.lastCol' },
+    { id: 'band1H', labelKey: 'pptx.tableStyleEditor.part.band1H' },
+    { id: 'band2H', labelKey: 'pptx.tableStyleEditor.part.band2H' },
+    { id: 'band1V', labelKey: 'pptx.tableStyleEditor.part.band1V' },
+    { id: 'band2V', labelKey: 'pptx.tableStyleEditor.part.band2V' },
+    { id: 'neCell', labelKey: 'pptx.tableStyleEditor.part.neCell' },
+    { id: 'nwCell', labelKey: 'pptx.tableStyleEditor.part.nwCell' },
+    { id: 'seCell', labelKey: 'pptx.tableStyleEditor.part.seCell' },
+    { id: 'swCell', labelKey: 'pptx.tableStyleEditor.part.swCell' },
+    { id: 'background', labelKey: 'pptx.tableStyleEditor.part.background' },
+];
+/** Whether a part id is one of the 13 real `CT_TableStyle` sections (not the synthetic background). */
+function isTableStylePartName(id) {
+    return TABLE_STYLE_PART_SEQUENCE.includes(id);
+}
+/** The 8 border sides a section's `a:tcStyle/a:tcBdr` can carry (both diagonals included). */
+const TABLE_STYLE_BORDER_SIDES = [
+    'left',
+    'right',
+    'top',
+    'bottom',
+    'insideH',
+    'insideV',
+    'tl2br',
+    'tr2bl',
+];
+/** i18n key for each border side's label. */
+const TABLE_STYLE_BORDER_SIDE_LABEL_KEYS = {
+    left: 'pptx.tableStyleEditor.side.left',
+    right: 'pptx.tableStyleEditor.side.right',
+    top: 'pptx.tableStyleEditor.side.top',
+    bottom: 'pptx.tableStyleEditor.side.bottom',
+    insideH: 'pptx.tableStyleEditor.side.insideH',
+    insideV: 'pptx.tableStyleEditor.side.insideV',
+    tl2br: 'pptx.tableStyleEditor.side.tl2br',
+    tr2bl: 'pptx.tableStyleEditor.side.tr2bl',
+};
+/** OOXML `a:prstDash@val` choices offered by the dash picker. */
+const TABLE_STYLE_DASH_PRESETS = [
+    'solid',
+    'dot',
+    'dash',
+    'lgDash',
+    'dashDot',
+    'lgDashDot',
+    'lgDashDotDot',
+    'sysDash',
+    'sysDot',
+    'sysDashDot',
+    'sysDashDotDot',
+];
+
+const DEFAULT_FILL_HEX = '#ffffff';
+const DEFAULT_TEXT_HEX = '#000000';
+const DEFAULT_BORDER_HEX = '#808080';
+/** Resolve a `ParsedTableStyleFill` (or a border's colour choice) to a paintable colour + ref. */
+function fillToColor(fill, themeColorMap, fallbackHex) {
+    if (!fill) {
+        return { hex: fallbackHex, ref: undefined };
+    }
+    if (fill.schemeColor) {
+        const ref = {
+            scheme: fill.schemeColor,
+            tint: fill.tint,
+            shade: fill.shade,
+        };
+        return { hex: resolveThemeColorRef(ref, themeColorMap) ?? fallbackHex, ref };
+    }
+    if (fill.color) {
+        return { hex: fill.color, ref: undefined };
+    }
+    return { hex: fallbackHex, ref: undefined };
+}
+/** Bidirectional inverse of {@link fillToColor}: build the `ParsedTableStyleFill` a commit writes. */
+function colorToFill(hex, ref) {
+    if (ref) {
+        return { schemeColor: ref.scheme, tint: ref.tint, shade: ref.shade };
+    }
+    return { schemeColor: '', color: hex };
+}
+function describeFill(fill, themeColorMap) {
+    return {
+        color: fillToColor(fill, themeColorMap, DEFAULT_FILL_HEX),
+        noFill: fill?.noFill ?? false,
+        isSet: fill !== undefined,
+    };
+}
+function describeText(text, themeColorMap) {
+    const asFill = text
+        ? {
+            schemeColor: text.fontSchemeColor ?? '',
+            tint: text.fontTint,
+            shade: text.fontShade,
+            color: text.fontColor,
+        }
+        : undefined;
+    return {
+        bold: text?.bold ?? false,
+        italic: text?.italic ?? false,
+        underline: text?.underline ?? false,
+        color: fillToColor(asFill, themeColorMap, DEFAULT_TEXT_HEX),
+        isSet: text !== undefined,
+    };
+}
+function borderSideColor(border, themeColorMap) {
+    if (border?.fill) {
+        return fillToColor(border.fill, themeColorMap, DEFAULT_BORDER_HEX);
+    }
+    if (border?.color) {
+        return { hex: border.color, ref: undefined };
+    }
+    return { hex: DEFAULT_BORDER_HEX, ref: undefined };
+}
+function describeBorders(borders, themeColorMap) {
+    const result = {};
+    for (const side of TABLE_STYLE_BORDER_SIDES) {
+        const border = borders?.[side];
+        result[side] = {
+            color: borderSideColor(border, themeColorMap),
+            width: border?.width ?? 1,
+            dash: border?.dash ?? 'solid',
+            noFill: border?.noFill ?? false,
+            isSet: border !== undefined,
+        };
+    }
+    return result;
+}
+function describeCell3D(cell3D) {
+    return {
+        bevelWidth: cell3D?.bevelWidth,
+        bevelHeight: cell3D?.bevelHeight,
+        bevelPreset: cell3D?.bevelPreset,
+        isSet: cell3D !== undefined,
+    };
+}
+/**
+ * Build the descriptor for `entry`'s `selectedPart`. Returns `undefined` only
+ * when `entry` itself is `undefined` (no style loaded / selected yet).
+ */
+function describeTableStyleEditor(entry, selectedPart, themeColorMap) {
+    if (!entry) {
+        return undefined;
+    }
+    const keyed = entry;
+    const hasTextAndBorders = isTableStylePartName(selectedPart);
+    const fill = selectedPart === 'background'
+        ? entry.tableBackground?.fill
+        : keyed[`${selectedPart}Fill`];
+    const text = hasTextAndBorders
+        ? keyed[`${selectedPart}Text`]
+        : undefined;
+    const borders = hasTextAndBorders
+        ? keyed[`${selectedPart}Borders`]
+        : undefined;
+    const cell3D = hasTextAndBorders
+        ? keyed[`${selectedPart}Cell3D`]
+        : undefined;
+    return {
+        styleId: entry.styleId,
+        styleName: entry.styleName ?? '',
+        selectedPart,
+        hasTextAndBorders,
+        fill: describeFill(fill, themeColorMap),
+        text: describeText(text, themeColorMap),
+        borders: describeBorders(borders, themeColorMap),
+        cell3D: describeCell3D(cell3D),
+    };
+}
+
+function patchBorderSide(borders, side, patch) {
+    const current = borders?.[side] ?? {};
+    return { ...borders, [side]: { ...current, ...patch } };
+}
+/**
+ * Apply one field edit to `entry`'s `part`, returning the new entry plus the
+ * SDK-shaped payload. `part === 'background'` only honours `fillColor` /
+ * `fillNone` (background has no text/borders/cell3D facet); any other edit
+ * kind on the background part is a no-op (returns `entry` unchanged, payload
+ * with no facets set) so a caller does not need to pre-filter by part.
+ */
+function applyTableStyleFieldEdit(entry, part, edit) {
+    if (part === 'background') {
+        return applyBackgroundEdit(entry, edit);
+    }
+    const keyed = entry;
+    const fillKey = `${part}Fill`;
+    const textKey = `${part}Text`;
+    const bordersKey = `${part}Borders`;
+    const cell3DKey = `${part}Cell3D`;
+    switch (edit.kind) {
+        case 'fillColor':
+            keyed[fillKey] = colorToFill(edit.hex, edit.ref);
+            break;
+        case 'fillNone': {
+            const current = keyed[fillKey];
+            keyed[fillKey] = { schemeColor: current?.schemeColor ?? '', ...current, noFill: edit.noFill };
+            break;
+        }
+        case 'textBold':
+            keyed[textKey] = {
+                ...keyed[textKey],
+                bold: edit.value,
+            };
+            break;
+        case 'textItalic':
+            keyed[textKey] = {
+                ...keyed[textKey],
+                italic: edit.value,
+            };
+            break;
+        case 'textUnderline':
+            keyed[textKey] = {
+                ...keyed[textKey],
+                underline: edit.value,
+            };
+            break;
+        case 'textColor': {
+            const fill = colorToFill(edit.hex, edit.ref);
+            keyed[textKey] = {
+                ...keyed[textKey],
+                fontSchemeColor: fill.schemeColor,
+                fontTint: fill.tint,
+                fontShade: fill.shade,
+                fontColor: fill.color,
+            };
+            break;
+        }
+        case 'borderColor':
+            keyed[bordersKey] = patchBorderSide(keyed[bordersKey], edit.side, { fill: colorToFill(edit.hex, edit.ref), color: edit.ref ? undefined : edit.hex });
+            break;
+        case 'borderWidth':
+            keyed[bordersKey] = patchBorderSide(keyed[bordersKey], edit.side, { width: edit.width });
+            break;
+        case 'borderDash':
+            keyed[bordersKey] = patchBorderSide(keyed[bordersKey], edit.side, { dash: edit.dash });
+            break;
+        case 'borderNone':
+            keyed[bordersKey] = patchBorderSide(keyed[bordersKey], edit.side, { noFill: edit.noFill });
+            break;
+        case 'cell3DBevelWidth':
+            keyed[cell3DKey] = {
+                ...keyed[cell3DKey],
+                bevelWidth: edit.value,
+            };
+            break;
+        case 'cell3DBevelHeight':
+            keyed[cell3DKey] = {
+                ...keyed[cell3DKey],
+                bevelHeight: edit.value,
+            };
+            break;
+        case 'cell3DBevelPreset':
+            keyed[cell3DKey] = {
+                ...keyed[cell3DKey],
+                bevelPreset: edit.value,
+            };
+            break;
+    }
+    const nextEntry = keyed;
+    return {
+        entry: nextEntry,
+        payload: {
+            styleId: entry.styleId,
+            section: part,
+            ...(isTableStylePartName(part)
+                ? {
+                    fill: keyed[fillKey],
+                    text: keyed[textKey],
+                    borders: keyed[bordersKey],
+                    cell3D: keyed[cell3DKey],
+                }
+                : {}),
+        },
+    };
+}
+function applyBackgroundEdit(entry, edit) {
+    const current = entry.tableBackground;
+    let nextBackground = current;
+    if (edit.kind === 'fillColor') {
+        nextBackground = { ...current, fill: colorToFill(edit.hex, edit.ref), fillRef: undefined };
+    }
+    else if (edit.kind === 'fillNone') {
+        nextBackground = {
+            ...current,
+            fill: {
+                schemeColor: current?.fill?.schemeColor ?? '',
+                ...current?.fill,
+                noFill: edit.noFill,
+            },
+        };
+    }
+    const nextEntry = { ...entry, tableBackground: nextBackground };
+    return {
+        entry: nextEntry,
+        payload: { styleId: entry.styleId, section: 'background' },
+    };
+}
+
 /**
  * Framework-agnostic rendering & editing helpers shared by the React, Vue, and
  * Angular `pptx-viewer` bindings. Pure TypeScript (no framework imports) — each
@@ -89517,6 +90731,26 @@ function resetAiSdkCache() {
     cached = undefined;
 }
 
+/**
+ * deckDataFieldChanged: structural-equality check used by every binding's AI
+ * bridge `applyDeckData()` to decide whether a top-level `PptxData` field
+ * changed before committing it back through the binding's own history/write
+ * path.
+ *
+ * Before this module existed, React, Vue, Angular, Svelte and Vanilla each
+ * declared the identical `const differs = (a, b) => JSON.stringify(a) !==
+ * JSON.stringify(b)` locally inside their `useAiBridge` / `ai-bridge`
+ * modules: a pure helper with no framework imports, duplicated five times
+ * (the exact Rule 2 extraction trigger in CLAUDE.md). Bindings should import
+ * this instead of re-declaring their own copy.
+ *
+ * @module ai/deck-data-diff
+ */
+/** True when `a` and `b` are not structurally (deep-value) equal. */
+function deckDataFieldChanged(a, b) {
+    return JSON.stringify(a) !== JSON.stringify(b);
+}
+
 /**
  * Host-facing configuration types for the framework-agnostic AI assistant, plus
  * {@link resolveChatTransport}, which turns a declarative {@link PptxAiConnection}
@@ -91142,7 +92376,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-BxlsOXEi.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-BHSiNfjU.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -92416,9 +93650,13 @@ function createAngularAiBridge(deps) {
             customProperties: [...deps.getCustomProperties()],
             coreProperties: deps.getCoreProperties(),
             appProperties: deps.getAppProperties(),
+            viewProperties: deps.getViewProperties(),
+            tableStyleMap: deps.getTableStyleMap(),
+            tableStylesDefaultId: deps.getTableStylesDefaultId(),
+            tags: [...deps.getTagCollections()],
         };
     };
-    const differs = (a, b) => JSON.stringify(a) !== JSON.stringify(b);
+    const differs = deckDataFieldChanged;
     return {
         getDeckMeta() {
             const slides = deps.getSlides();
@@ -92490,6 +93728,19 @@ function createAngularAiBridge(deps) {
             if (differs(before.appProperties, after.appProperties)) {
                 deps.setAppProperties(after.appProperties);
             }
+            if (differs(before.viewProperties, after.viewProperties)) {
+                deps.setViewProperties(after.viewProperties);
+            }
+            if (differs(before.tableStyleMap, after.tableStyleMap)) {
+                deps.setTableStyleMap(after.tableStyleMap);
+            }
+            if (differs(before.tableStylesDefaultId, after.tableStylesDefaultId)) {
+                deps.setTableStylesDefaultId(after.tableStylesDefaultId);
+            }
+            const nextTags = after.tags ?? before.tags ?? [];
+            if (differs(before.tags, nextTags)) {
+                deps.setTagCollections(nextTags);
+            }
         },
         getFocusedTargets() {
             return (deps.getFocusedTargets?.() ?? [{ kind: 'slide', slideIndex: deps.getActiveSlideIndex() }]);
@@ -94497,12 +95748,17 @@ const WRITE_BACK_DEBOUNCE_MS = 5_000;
  * Serialize the current Y.Doc slide state (with the separated master/layout
  * template elements merged back) into `.pptx` bytes. `sourceBytes` seeds the
  * handler so package parts the CRDT does not carry (media, fonts, rels) survive.
+ *
+ * `saveOptions` carries the session-level save options (view properties,
+ * table styles, tags, deck properties, ...) built the same way as the
+ * Save/Export path (`buildDeckSaveOptions`). Without it the write-back
+ * dropped every session-level edit outside `slides`.
  */
-async function serializeWriteBack(ydoc, sourceBytes, templateElements) {
+async function serializeWriteBack(ydoc, sourceBytes, templateElements, saveOptions) {
     const handler = new PptxHandler();
     await handler.load(sourceBytes.buffer);
     const slides = buildSaveSlides(readSlidesFromYDoc(ydoc), templateElements);
-    return handler.save(slides);
+    return handler.save(slides, saveOptions);
 }
 /**
  * Debounced elected-writer write-back. Only the session `owner` with an
@@ -94513,7 +95769,7 @@ class WriteBackScheduler {
     constructor() {
         this.timer = null;
     }
-    schedule(config, ydoc, getSourceBytes, getTemplateElements) {
+    schedule(config, ydoc, getSourceBytes, getTemplateElements, getSaveOptions) {
         if (!config?.onWriteBack || config.role !== 'owner' || !ydoc) {
             return;
         }
@@ -94525,7 +95781,7 @@ class WriteBackScheduler {
             if (!bytes || !config.onWriteBack) {
                 return;
             }
-            void serializeWriteBack(ydoc, bytes, getTemplateElements?.() ?? {})
+            void serializeWriteBack(ydoc, bytes, getTemplateElements?.() ?? {}, getSaveOptions?.())
                 .then((out) => config.onWriteBack?.(out))
                 .catch(() => {
                 /* non-fatal */
@@ -94609,6 +95865,7 @@ class CollaborationService {
         this.canvasHeight = DEFAULT_CANVAS_BOUND;
         this.getSourceBytes = null;
         this.getTemplateElements = null;
+        this.getSaveOptions = null;
         this.currentConfig = null;
         this.lastConfig = null;
         this.lastOptions = {};
@@ -94681,6 +95938,7 @@ class CollaborationService {
         this.canvasHeight = options.canvasHeight ?? DEFAULT_CANVAS_BOUND;
         this.getSourceBytes = options.getSourceBytes ?? null;
         this.getTemplateElements = options.getTemplateElements ?? null;
+        this.getSaveOptions = options.getSaveOptions ?? null;
         this.currentConfig = config;
         this.activeRole.set(config.role);
         this.status.set('connecting');
@@ -94787,7 +96045,7 @@ class CollaborationService {
         this.followedClientId.set(clientId);
     }
     scheduleWriteBack() {
-        this.writeBack.schedule(this.currentConfig, this.session?.ydoc ?? null, this.getSourceBytes, this.getTemplateElements);
+        this.writeBack.schedule(this.currentConfig, this.session?.ydoc ?? null, this.getSourceBytes, this.getTemplateElements, this.getSaveOptions);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollaborationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollaborationService }); }
@@ -96213,6 +97471,16 @@ class LoadContentService {
         /** Parsed table-style definitions from `ppt/tableStyles.xml` (banding/diagonals). */
         this.tableStyleMap = signal(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tableStyleMap" }] : /* istanbul ignore next */ []));
+        /** `ppt/tableStyles.xml`'s `<a:tblStyleLst @def>` default style GUID. */
+        this.tableStylesDefaultId = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableStylesDefaultId" }] : /* istanbul ignore next */ []));
+        /**
+         * Style GUIDs deleted from `tableStyleMap` via the table style editor,
+         * pending removal from `ppt/tableStyles.xml` on the next save. See
+         * `tableStyleSaveOptions` / `applyTableStyleDelete` in `pptx-viewer-shared`.
+         */
+        this.tableStylesToDelete = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableStylesToDelete" }] : /* istanbul ignore next */ []));
         /** Slide masters (for placeholder/background resolution). */
         this.slideMasters = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slideMasters" }] : /* istanbul ignore next */ []));
@@ -96376,28 +97644,35 @@ class LoadContentService {
         // Shared decision (see `deck-save-encryption` in `pptx-viewer-shared`): a
         // password set in the protection dialog routes through `saveEncrypted`, so
         // the produced file is a real encrypted OLE2 container.
-        return saveDeckWithPassword(this.handler, [...slides], {
+        return saveDeckWithPassword(this.handler, [...slides], buildDeckSaveOptions({
             headerFooter: this.headerFooter(),
             presentationProperties: this.presentationProperties(),
             slideMasters: this.slideMasters(),
             notesMaster: this.notesMaster(),
             handoutMaster: this.handoutMaster(),
-            sections: sections.length > 0 ? [...sections] : undefined,
+            sections,
             // Without this the Custom Shows dialog was write-only: shows created
             // in it never reached `p:custShowLst`, and a deck that arrived with
             // shows lost them on save.
-            customShows: customShows.length > 0 ? customShows.map((show) => ({ ...show })) : undefined,
+            customShows,
             // The only route a slide-size edit has into the saved `p:sldSz`.
             slideSize: this.slideSizeSelection().size,
             coreProperties: this.coreProperties(),
             appProperties: this.appProperties(),
-            customProperties: customProperties.length > 0 ? [...customProperties] : undefined,
-            tags: tags.length > 0 ? tags.map((col) => ({ ...col, tags: [...col.tags] })) : undefined,
+            customProperties,
+            tagCollections: tags,
             outputFormat,
+            // Without this core falls back to `viewProps.xml` as it was FIRST
+            // opened, so every View-ribbon grid/guide/snap toggle silently
+            // reverted at the file boundary.
+            viewProperties: this.viewProperties(),
+            tableStyleMap: this.tableStyleMap(),
+            tableStylesDefaultId: this.tableStylesDefaultId(),
+            tableStylesToDelete: this.tableStylesToDelete(),
             // The Fonts panel's toggle used to move and change nothing; it now
             // decides whether the deck's embedded font data survives the save.
-            ...embeddedFontSaveOptions(this.embedFonts()),
-        }, password);
+            embedFonts: this.embedFonts(),
+        }), password);
     }
     /** Parse the supplied `.pptx` bytes into the reactive signals. */
     async load(raw) {
@@ -96538,6 +97813,8 @@ class LoadContentService {
             this.theme.set(parsed.theme);
             this.themeColorMap.set(parsed.themeColorMap);
             this.tableStyleMap.set(nextTableStyleMap);
+            this.tableStylesDefaultId.set(parsed.tableStylesDefaultId);
+            this.tableStylesToDelete.set([]);
             this.slideMasters.set(parsed.slideMasters ?? []);
             this.notesMaster.set(parsed.notesMaster);
             this.handoutMaster.set(parsed.handoutMaster);
@@ -102158,7 +103435,21 @@ class ChartRendererComponent {
 					[attr.fill]="vm().titleStyle?.fill ?? '#1e293b'"
 					data-chart-part="title"
 				>
-					{{ vm().title }}
+					@if (vm().titleRunSpans; as titleRunSpans) {
+						@for (run of titleRunSpans; track $index) {
+							<tspan
+								[attr.font-size]="run.fontSize"
+								[attr.font-weight]="run.fontWeight"
+								[attr.font-style]="run.fontStyle"
+								[attr.font-family]="run.fontFamily"
+								[attr.fill]="run.fill"
+							>
+								{{ run.text }}
+							</tspan>
+						}
+					} @else {
+						{{ vm().title }}
+					}
 				</text>
 			}
 
@@ -102357,7 +103648,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 					[attr.fill]="vm().titleStyle?.fill ?? '#1e293b'"
 					data-chart-part="title"
 				>
-					{{ vm().title }}
+					@if (vm().titleRunSpans; as titleRunSpans) {
+						@for (run of titleRunSpans; track $index) {
+							<tspan
+								[attr.font-size]="run.fontSize"
+								[attr.font-weight]="run.fontWeight"
+								[attr.font-style]="run.fontStyle"
+								[attr.font-family]="run.fontFamily"
+								[attr.fill]="run.fill"
+							>
+								{{ run.text }}
+							</tspan>
+						}
+					} @else {
+						{{ vm().title }}
+					}
 				</text>
 			}
 
@@ -102789,6 +104094,17 @@ function chartDragCommitData(session, commit) {
     }
     return session.lastData;
 }
+/**
+ * Same gate as {@link chartDragCommitData}, for a pie/radar/stacked mark drag
+ * ({@link ChartMarkDragState} carries the same `moved`/`lastData` shape as the
+ * cartesian value-drag session, just resolved through a different geometry).
+ */
+function chartMarkDragCommitData(session, commit) {
+    if (!commit || !session?.moved) {
+        return null;
+    }
+    return session.lastData;
+}
 /**
  * Commit an on-canvas chart edit through the editor's normal element-update
  * path (the exact channel the inspector uses: one history snapshot per call).
@@ -103381,6 +104697,12 @@ class ChartElementViewComponent {
         ...(ngDevMode ? [{ debugName: "titleEditor" }] : /* istanbul ignore next */ []));
         /** In-flight vertical value drag, or null. */
         this.dragSession = null;
+        /**
+         * In-flight pie/doughnut slice, radar vertex, or stacked segment drag, or
+         * null. Runs through a parallel state machine (no single vertical value
+         * axis), never both at once.
+         */
+        this.markDragSession = null;
         /** Local drag preview: rendered instead of the committed data mid-drag. */
         this.previewData = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "previewData" }] : /* istanbul ignore next */ []));
@@ -103541,13 +104863,46 @@ class ChartElementViewComponent {
         if (!chartData || !vm) {
             return;
         }
-        const session = beginChartValueDrag({
-            part,
-            viewModel: vm,
-            chartData,
-            clientY: event.clientY,
-        });
-        if (!session) {
+        let captured = false;
+        // Pie/doughnut/radar/stacked marks: try the angle/radial/segment drag first.
+        const chartKind = resolveChartKind(chartData.chartType ?? 'bar');
+        if (part.pointIndex !== undefined && chartKind !== 'unsupported') {
+            const markGeometry = buildChartMarkDragGeometry({
+                kind: chartKind,
+                element: this.element(),
+                chartData,
+                categoryLabels: chartData.categories,
+                seriesIndex: part.seriesIndex,
+                pointIndex: part.pointIndex,
+            });
+            const markSession = beginChartMarkDrag({
+                part,
+                geometry: markGeometry,
+                chartData,
+                svgWidth: vm.svgWidth,
+                svgHeight: vm.svgHeight,
+                clientX: event.clientX,
+                clientY: event.clientY,
+            });
+            if (markSession) {
+                this.markDragSession = markSession;
+                captured = true;
+            }
+        }
+        // Clustered bar/line/scatter/bubble: the existing vertical value-axis drag.
+        if (!captured) {
+            const session = beginChartValueDrag({
+                part,
+                viewModel: vm,
+                chartData,
+                clientY: event.clientY,
+            });
+            if (session) {
+                this.dragSession = session;
+                captured = true;
+            }
+        }
+        if (!captured) {
             return;
         }
         event.preventDefault();
@@ -103559,9 +104914,21 @@ class ChartElementViewComponent {
         catch {
             // Non-fatal: the drag still works while the pointer stays over the chart.
         }
-        this.dragSession = session;
     }
     onPointerMove(event) {
+        const markSession = this.markDragSession;
+        if (markSession) {
+            const rect = this.wrapper()?.nativeElement.querySelector('svg')?.getBoundingClientRect();
+            if (!rect) {
+                return;
+            }
+            const step = advanceChartMarkDrag(markSession, event.clientX, event.clientY, rect);
+            if (step) {
+                this.previewData.set(step.chartData);
+                this.dragValue.set(step.value);
+            }
+            return;
+        }
         const session = this.dragSession;
         if (!session) {
             return;
@@ -103575,19 +104942,21 @@ class ChartElementViewComponent {
         }
     }
     onPointerUp() {
-        if (this.dragSession) {
+        if (this.dragSession || this.markDragSession) {
             this.endDrag(true);
         }
     }
     /** Cancel an in-flight value drag with Escape (document-level, like React). */
     onEscape() {
-        if (this.dragSession) {
+        if (this.dragSession || this.markDragSession) {
             this.endDrag(false);
         }
     }
     endDrag(commit) {
-        const data = chartDragCommitData(this.dragSession, commit);
+        const data = chartDragCommitData(this.dragSession, commit) ??
+            chartMarkDragCommitData(this.markDragSession, commit);
         this.dragSession = null;
+        this.markDragSession = null;
         this.previewData.set(null);
         this.dragValue.set(null);
         if (data) {
@@ -103949,6 +105318,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], textStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "textStyle", required: false }] }] } });
 
+/**
+ * `pptx-dynamic-style`: a `<style>` element whose text follows a signal.
+ *
+ * Angular's template compiler strips every literal `<style>` from a component
+ * template and folds its STATIC text into the component's styles, so both
+ * `<style>{{ css }}</style>` and `<style [textContent]="css">` render nothing
+ * at runtime (the former even trips esbuild's CSS parser on the `{{`). The
+ * other four bindings interpolate into a real `<style>` (Svelte via
+ * `<svelte:element this={'style'}>`, Vue via `<component :is="'style'">`);
+ * this component is Angular's equivalent: it creates the element imperatively
+ * through `Renderer2`, which the compiler never sees, and keeps its
+ * `textContent` in step with the `css` input.
+ *
+ * Used for per-element animation CSS that must live in the document rather
+ * than in component styles: the text-style emphasis override
+ * (`animation-text-style-css.ts`) and the ink replay keyframes.
+ *
+ * @module viewer/dynamic-style.component
+ */
+class DynamicStyleComponent {
+    constructor() {
+        /** The stylesheet text; `undefined`/empty removes the `<style>` element. */
+        this.css = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "css" }] : /* istanbul ignore next */ []));
+        this.host = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        effect(() => {
+            const text = this.css();
+            if (!text) {
+                if (this.styleEl) {
+                    this.renderer.removeChild(this.host.nativeElement, this.styleEl);
+                    this.styleEl = undefined;
+                }
+                return;
+            }
+            if (!this.styleEl) {
+                this.styleEl = this.renderer.createElement('style');
+                this.renderer.appendChild(this.host.nativeElement, this.styleEl);
+            }
+            this.renderer.setProperty(this.styleEl, 'textContent', text);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DynamicStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: DynamicStyleComponent, isStandalone: true, selector: "pptx-dynamic-style", inputs: { css: { classPropertyName: "css", publicName: "css", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DynamicStyleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-dynamic-style',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '',
+                    host: { style: 'display: contents' },
+                }]
+        }], ctorParameters: () => [], propDecorators: { css: [{ type: i0.Input, args: [{ isSignal: true, alias: "css", required: false }] }] } });
+
 /**
  * ConnectorRendererComponent: Angular port of the Vue `ConnectorRenderer.vue`
  * (and the React `ConnectorElementRenderer`, basic subset).
@@ -104010,6 +105435,14 @@ class ConnectorRendererComponent {
          */
         this.animationState = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "animationState" }] : /* istanbul ignore next */ []));
+        /**
+         * Scoped `!important` CSS override for an active font-style emphasis effect
+         * (Bold Flash, Bold Reveal, Underline, Change Font Style/Size), built by the
+         * parent `ElementRendererComponent` (`buildTextStyleOverrideCss`) so a
+         * connector's own caption animates the same way a shape's text does.
+         */
+        this.textStyleOverrideCss = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textStyleOverrideCss" }] : /* istanbul ignore next */ []));
         /** All derived geometry, recomputed on every input change. */
         this.geo = computed(() => {
             const obstacles = this.obstacles();
@@ -104076,13 +105509,18 @@ class ConnectorRendererComponent {
         ...(ngDevMode ? [{ debugName: "connectorTextStyle" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ConnectorRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ConnectorRendererComponent, isStandalone: true, selector: "pptx-connector-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, marked: { classPropertyName: "marked", publicName: "marked", isSignal: true, isRequired: false, transformFunction: null }, exposeElementId: { classPropertyName: "exposeElementId", publicName: "exposeElementId", isSignal: true, isRequired: false, transformFunction: null }, animationState: { classPropertyName: "animationState", publicName: "animationState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ConnectorRendererComponent, isStandalone: true, selector: "pptx-connector-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, marked: { classPropertyName: "marked", publicName: "marked", isSignal: true, isRequired: false, transformFunction: null }, exposeElementId: { classPropertyName: "exposeElementId", publicName: "exposeElementId", isSignal: true, isRequired: false, transformFunction: null }, animationState: { classPropertyName: "animationState", publicName: "animationState", isSignal: true, isRequired: false, transformFunction: null }, textStyleOverrideCss: { classPropertyName: "textStyleOverrideCss", publicName: "textStyleOverrideCss", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
 		<div
 			class="pptx-ng-element pptx-ng-connector"
 			[style]="wrapperStyle()"
 			[attr.data-element-id]="elementIdAttr()"
 			[attr.data-pptx-element]="interactive() || marked() ? 'true' : null"
 		>
+			<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,
+			     Change Font Style/Size) overrides the caption's own inline
+			     bold/italic/underline/size, which plain CSS inheritance cannot
+			     reach. See animation-text-style-css.ts. -->
+			<pptx-dynamic-style [css]="textStyleOverrideCss()" />
 			<svg
 				[attr.width]="geo().svgW"
 				[attr.height]="geo().svgH"
@@ -104196,7 +105634,7 @@ class ConnectorRendererComponent {
 				[textStyle]="connectorTextStyle()"
 			/>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "component", type: ConnectorTextOverlayComponent, selector: "pptx-connector-text-overlay", inputs: ["text", "segments", "textStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, dependencies: [{ kind: "component", type: ConnectorTextOverlayComponent, selector: "pptx-connector-text-overlay", inputs: ["text", "segments", "textStyle"] }, { kind: "component", type: DynamicStyleComponent, selector: "pptx-dynamic-style", inputs: ["css"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ConnectorRendererComponent, decorators: [{
             type: Component,
@@ -104204,7 +105642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                     selector: 'pptx-connector-renderer',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [ConnectorTextOverlayComponent],
+                    imports: [ConnectorTextOverlayComponent, DynamicStyleComponent],
                     template: `
 		<div
 			class="pptx-ng-element pptx-ng-connector"
@@ -104212,6 +105650,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 			[attr.data-element-id]="elementIdAttr()"
 			[attr.data-pptx-element]="interactive() || marked() ? 'true' : null"
 		>
+			<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,
+			     Change Font Style/Size) overrides the caption's own inline
+			     bold/italic/underline/size, which plain CSS inheritance cannot
+			     reach. See animation-text-style-css.ts. -->
+			<pptx-dynamic-style [css]="textStyleOverrideCss()" />
 			<svg
 				[attr.width]="geo().svgW"
 				[attr.height]="geo().svgH"
@@ -104327,7 +105770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 		</div>
 	`,
                 }]
-        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], obstacles: [{ type: i0.Input, args: [{ isSignal: true, alias: "obstacles", required: false }] }], canvasWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasWidth", required: false }] }], canvasHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasHeight", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], marked: [{ type: i0.Input, args: [{ isSignal: true, alias: "marked", required: false }] }], exposeElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "exposeElementId", required: false }] }], animationState: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationState", required: false }] }] } });
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], obstacles: [{ type: i0.Input, args: [{ isSignal: true, alias: "obstacles", required: false }] }], canvasWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasWidth", required: false }] }], canvasHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasHeight", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], marked: [{ type: i0.Input, args: [{ isSignal: true, alias: "marked", required: false }] }], exposeElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "exposeElementId", required: false }] }], animationState: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationState", required: false }] }], textStyleOverrideCss: [{ type: i0.Input, args: [{ isSignal: true, alias: "textStyleOverrideCss", required: false }] }] } });
 
 /**
  * Scalar viewer defaults, shared across the React, Vue, and Angular bindings
@@ -105205,15 +106648,15 @@ class ContentPartRendererComponent {
 			[attr.data-pptx-element]="markElement() ? 'true' : null"
 		>
 			@if (strokes().length > 0) {
+				@if (replay()) {
+					<pptx-dynamic-style [css]="replayKeyframes" />
+				}
 				<svg
 					class="pptx-ng-contentpart-svg"
 					[attr.viewBox]="viewBox()"
 					preserveAspectRatio="none"
 					style="width:100%;height:100%;pointer-events:none;display:block"
 				>
-					@if (replay()) {
-						<style [textContent]="replayKeyframes"></style>
-					}
 					@for (stroke of strokes(); track stroke.key) {
 						@if (stroke.nibMarks && stroke.nibMarks.length > 0) {
 							<g [attr.opacity]="stroke.opacity">
@@ -105263,11 +106706,11 @@ class ContentPartRendererComponent {
 				</div>
 			}
 		</div>
-	`, isInline: true, styles: [".pptx-ng-contentpart-fallback{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(100,116,139,.6);border-radius:4px;background:#94a3b814}.pptx-ng-contentpart-fallback-label{font-size:11px;font-family:system-ui,sans-serif;color:#64748be6;text-transform:uppercase;letter-spacing:.08em}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, styles: [".pptx-ng-contentpart-fallback{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(100,116,139,.6);border-radius:4px;background:#94a3b814}.pptx-ng-contentpart-fallback-label{font-size:11px;font-family:system-ui,sans-serif;color:#64748be6;text-transform:uppercase;letter-spacing:.08em}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DynamicStyleComponent, selector: "pptx-dynamic-style", inputs: ["css"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ContentPartRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-content-part-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle], template: `
+            args: [{ selector: 'pptx-content-part-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, DynamicStyleComponent], template: `
 		<div
 			class="pptx-ng-element pptx-ng-contentpart"
 			[ngStyle]="containerStyle()"
@@ -105275,15 +106718,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 			[attr.data-pptx-element]="markElement() ? 'true' : null"
 		>
 			@if (strokes().length > 0) {
+				@if (replay()) {
+					<pptx-dynamic-style [css]="replayKeyframes" />
+				}
 				<svg
 					class="pptx-ng-contentpart-svg"
 					[attr.viewBox]="viewBox()"
 					preserveAspectRatio="none"
 					style="width:100%;height:100%;pointer-events:none;display:block"
 				>
-					@if (replay()) {
-						<style [textContent]="replayKeyframes"></style>
-					}
 					@for (stroke of strokes(); track stroke.key) {
 						@if (stroke.nibMarks && stroke.nibMarks.length > 0) {
 							<g [attr.opacity]="stroke.opacity">
@@ -108632,6 +110075,18 @@ class ElementRendererComponent {
          */
         this.animationState = computed(() => this.playback?.presentationElementStates().get(this.element().id), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "animationState" }] : /* istanbul ignore next */ []));
+        /**
+         * A font-style emphasis effect (Bold Flash, Bold Reveal, Underline, Change
+         * Font Style/Size) overrides the runs' own inline bold/italic/underline/
+         * size, which plain CSS inheritance cannot reach (the runs declare those
+         * unconditionally). See `animation-text-style-css.ts`. NOT gated on
+         * `hasTextProperties`: a table cell, a chart title/label/legend, and a
+         * SmartArt node caption all animate this way too, and shared's selector
+         * already scopes itself to this element's `data-element-id`, which every
+         * branch of the template below carries on its own root.
+         */
+        this.textStyleOverrideCss = computed(() => buildTextStyleOverrideCss(this.element().id, this.animationState()?.textStyle), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textStyleOverrideCss" }] : /* istanbul ignore next */ []));
         /**
          * Per-paragraph split for a staged text build (by paragraph / word / letter),
          * or `undefined` entries to render the runs normally. PowerPoint's "Animate
@@ -108806,7 +110261,7 @@ class ElementRendererComponent {
         return { ...(span.style ?? {}), ...textBuildSpanStyle(span) };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ElementRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ElementRendererComponent, isStandalone: true, selector: "pptx-element-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, marked: { classPropertyName: "marked", publicName: "marked", isSignal: true, isRequired: false, transformFunction: null }, exposeElementId: { classPropertyName: "exposeElementId", publicName: "exposeElementId", isSignal: true, isRequired: false, transformFunction: null }, presenting: { classPropertyName: "presenting", publicName: "presenting", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, fieldContext: { classPropertyName: "fieldContext", publicName: "fieldContext", isSignal: true, isRequired: false, transformFunction: null }, slideElements: { classPropertyName: "slideElements", publicName: "slideElements", isSignal: true, isRequired: false, transformFunction: null }, editTemplateMode: { classPropertyName: "editTemplateMode", publicName: "editTemplateMode", isSignal: true, isRequired: false, transformFunction: null }, parentGroupFill: { classPropertyName: "parentGroupFill", publicName: "parentGroupFill", isSignal: true, isRequired: false, transformFunction: null }, editingElementId: { classPropertyName: "editingElementId", publicName: "editingElementId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellCommit: "cellCommit", tableChange: "tableChange" }, host: { classAttribute: "contents" }, ngImport: i0, template: "@switch (true) {\n\t@case (isHidden()) {\n\t\t<!--\n\t\t\tHidden via the Selection Pane: draw nothing, exactly as PowerPoint\n\t\t\tdoes. This is the FIRST case on purpose - @switch takes the first\n\t\t\tmatch, so one empty branch suppresses every element type at once\n\t\t\twithout wrapping (and re-indenting) the whole template. The host\n\t\t\tcarries \\`display: contents\\`, so an empty component collapses.\n\t\t\tRendering nothing (rather than an invisible box) is what keeps the\n\t\t\telement out of hit-testing, the tab order and the export raster; it\n\t\t\tstays listed in and selectable from the Selection Pane, which reads\n\t\t\tthe slide model rather than the DOM.\n\t\t-->\n\t}\n\t@case (element().type === 'connector') {\n\t\t<pptx-connector-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[obstacles]=\"obstacles()\"\n\t\t\t[canvasWidth]=\"canvasWidth()\"\n\t\t\t[canvasHeight]=\"canvasHeight()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[animationState]=\"animationState()\"\n\t\t/>\n\t}\n\t@case (element().type === 'ink') {\n\t\t<!--\n\t\t\tThis renderer (and zoom / model3d / 3D SmartArt below) positions its\n\t\t\town root box, so it takes the neutral element marker\n\t\t\t(data-pptx-element) as an input instead of being wrapped in a marked\n\t\t\tbox the way chart / table / OLE are: an outer positioned box would\n\t\t\toffset it twice.\n\t\t-->\n\t\t<pptx-ink-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'contentPart') {\n\t\t<!--\n\t\t\tReal PowerPoint ink. Same positioning contract as pptx-ink-renderer\n\t\t\tabove: the renderer's own root is absolutely positioned, so it takes\n\t\t\tthe neutral element marker as an input rather than being wrapped.\n\t\t-->\n\t\t<pptx-content-part-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'zoom') {\n\t\t<pptx-zoom-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'model3d') {\n\t\t<pptx-model3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt' && smartArt3D()) {\n\t\t<pptx-smart-art-3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[canEdit]=\"interactive() && editable()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-smartart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-smart-art-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'ole') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-ole\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-ole-renderer [element]=\"element()\" />\n\t\t</div>\n\t}\n\t@case (element().type === 'chart') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-chart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-chart-element-view\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'table') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-table\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-table-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t(cellCommit)=\"cellCommit.emit({ id: element().id, commit: $event })\"\n\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'group') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-group\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t@for (child of children(); track child.id) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"child\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"$index\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[marked]=\"marked()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"slideElements()\"\n\t\t\t\t\t[parentGroupFill]=\"childParentGroupFill()\"\n\t\t\t\t\t[editingElementId]=\"editingElementId()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</div>\n\t}\n\t@case (isImageLike()) {\n\t\t<pptx-image-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'media') {\n\t\t<pptx-media-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[presenting]=\"presenting()\"\n\t\t\t[placeholderLabel]=\"placeholderLabel()\"\n\t\t/>\n\t}\n\t@case (isShapeLike()) {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-shape\"\n\t\t\t[ngStyle]=\"shapeContainerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- Per-sub-path fill overlay: a multi-sub-path preset (`smileyFace`'s\n\t\t\t     open eyes, `actionButtonBlank`'s darkened bevel well) or custom\n\t\t\t     geometry whose sub-paths cannot share one CSS background-color. -->\n\t\t\t@if (subpathFill(); as sf) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-subpath-fill\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"subpathFillViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; width: 100%; height: 100%\"\n\t\t\t\t>\n\t\t\t\t\t@for (paint of sf.paints; track $index) {\n\t\t\t\t\t\t<path [attr.d]=\"paint.d\" [attr.fill]=\"paint.fill\" stroke=\"none\" />\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t@if (fillOverlay(); as ov) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-fill-overlay\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none\"\n\t\t\t\t\t[style.background]=\"ov.color\"\n\t\t\t\t\t[style.mix-blend-mode]=\"ov.blendMode\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t<!-- Mirrored reflection sibling (`a:reflection`): cross-browser, unlike\n\t\t\t     the `-webkit-box-reflect` this replaced (Firefox never implemented\n\t\t\t     that property, so reflections were invisible there entirely). -->\n\t\t\t@if (reflection(); as refl) {\n\t\t\t\t<div class=\"pptx-ng-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl.wrapperStyle\">\n\t\t\t\t\t@if (refl.imgSrc) {\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t[src]=\"refl.imgSrc\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[ngStyle]=\"refl.imgFitStyle\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (refl.fill) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[style.background-color]=\"refl.fill.backgroundColor\"\n\t\t\t\t\t\t\t[style.background-image]=\"refl.fill.backgroundImage\"\n\t\t\t\t\t\t\t[style.background-size]=\"refl.fill.backgroundSize\"\n\t\t\t\t\t\t\t[style.background-position]=\"refl.fill.backgroundPosition\"\n\t\t\t\t\t\t\t[style.background-repeat]=\"refl.fill.backgroundRepeat\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<!-- Hollow frame hit target: an unfilled, textless shape is hit-tested\n\t\t\t     on its outline only, so its interior lets clicks through. -->\n\t\t\t@if (hollowHit(); as hit) {\n\t\t\t\t<svg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\t[attr.d]=\"hit.d\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"transparent\"\n\t\t\t\t\t\t[attr.stroke-width]=\"hit.strokeWidth\"\n\t\t\t\t\t\tstyle=\"pointer-events: stroke\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- Stroked outline: a CSS border takes one flat colour, and cannot\n\t\t\t     outline an open preset (`line`, `arc`) at all. -->\n\t\t\t@if (gradientOutline(); as go) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-gradient-outline\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t@if (go.paint; as paint) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (paint.kind === 'pattern') {\n\t\t\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'rectPath') {\n\t\t\t\t\t\t\t\t<pattern [attr.id]=\"paint.id\" patternUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t\t\t\t\twidth=\"1\"\n\t\t\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"paint.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"paint.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"paint.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"paint.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"paint.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"paint.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"paint.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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@for (strand of go.strands; track $index) {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"go.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"go.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"strand.strokeWidth\"\n\t\t\t\t\t\t\t[attr.stroke-dasharray]=\"go.dashArray\"\n\t\t\t\t\t\t\t[attr.stroke-linecap]=\"go.lineCap\"\n\t\t\t\t\t\t\t[attr.stroke-linejoin]=\"go.lineJoin\"\n\t\t\t\t\t\t\t[style.transform]=\"\n\t\t\t\t\t\t\t\tstrand.offset !== 0 ? 'translate(0, ' + strand.offset + 'px)' : null\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- While this element is open in the inline text editor, its live text\n\t\t\t     is drawn by that overlay instead (see `isBeingInlineEdited`);\n\t\t\t     rendering it here too produced a duplicate, offset \"text shadow\"\n\t\t\t     (issue #182). -->\n\t\t\t@if (!isBeingInlineEdited()) {\n\t\t\t\t@if (pathWarp(); as warp) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[attr.width]=\"warp.width\"\n\t\t\t\t\t\t[attr.height]=\"warp.height\"\n\t\t\t\t\t\t[attr.viewBox]=\"'0 0 ' + warp.width + ' ' + warp.height\"\n\t\t\t\t\t\tstyle=\"position: absolute; inset: 0; overflow: visible; pointer-events: none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t\t<path [attr.id]=\"line.pathId\" [attr.d]=\"line.d\" fill=\"none\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t[attr.font-size]=\"warp.baseFontSize\"\n\t\t\t\t\t\t\t\t[attr.font-family]=\"warp.baseFontFamily\"\n\t\t\t\t\t\t\t\t[attr.fill]=\"warp.baseColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<textPath\n\t\t\t\t\t\t\t\t\t[attr.href]=\"'#' + line.pathId\"\n\t\t\t\t\t\t\t\t\t[attr.startOffset]=\"warp.startOffset\"\n\t\t\t\t\t\t\t\t\t[attr.text-anchor]=\"warp.textAnchor\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (seg of line.segments; track $index) {\n\t\t\t\t\t\t\t\t\t\t<tspan\n\t\t\t\t\t\t\t\t\t\t\t[attr.fill]=\"seg.style?.color ?? warp.baseColor\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-weight]=\"seg.style?.bold ? 700 : 400\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-style]=\"seg.style?.italic ? 'italic' : 'normal'\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{{ seg.text }}\n\t\t\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</textPath>\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t}\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (placeholderPrompt(); as prompt) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"prompt.style\">{{ prompt.text }}</div>\n\t\t\t\t} @else if (hasText()) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"warpedTextStyle()\">\n\t\t\t\t\t\t@for (para of paragraphs(); track $index) {\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-para\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"para.paragraphStyle ?? null\"\n\t\t\t\t\t\t\t\t[style.padding-left.px]=\"para.indentPx\"\n\t\t\t\t\t\t\t\t[style.text-indent.px]=\"para.textIndentPx ?? null\"\n\t\t\t\t\t\t\t\t[style.line-height]=\"para.lineHeight ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-top.px]=\"para.spaceBeforePx ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-bottom.px]=\"para.spaceAfterPx ?? null\"\n\t\t\t\t\t\t\t\t[style.font-size.px]=\"para.strutFontSizePx ?? null\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t@if (para.bulletPicture?.src) {\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet-image\"\n\t\t\t\t\t\t\t\t\t\t[src]=\"para.bulletPicture.src\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"para.bulletPicture.accessibleLabel\"\n\t\t\t\t\t\t\t\t\t\t[style.width.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\t[style.height.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\tmargin-inline-end: 4px;\n\t\t\t\t\t\t\t\t\t\t\tobject-fit: contain;\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} @else if (para.bulletMarker) {\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet\"\n\t\t\t\t\t\t\t\t\t\t[ngStyle]=\"para.bulletStyle\"\n\t\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"para.bulletPicture?.accessibleLabel ?? null\"\n\t\t\t\t\t\t\t\t\t\t>{{ para.bulletMarker }}</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (textBuildSpecs()[$index]; as spec) {\n\t\t\t\t\t\t\t\t\t<!-- Staged text build: render the split pieces so each one\n\t\t\t\t\t\t\t\t     carries its own sub-animation. -->\n\t\t\t\t\t\t\t\t\t@if (spec.granularity === 'paragraph') {\n\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"spec.animId\" [ngStyle]=\"buildSpanStyle(spec)\">{{\n\t\t\t\t\t\t\t\t\t\t\tparagraphText(para)\n\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t@for (span of spec.spans ?? []; track $index) {\n\t\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"span.animId\" [ngStyle]=\"buildSpanStyle(span)\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tspan.text\n\t\t\t\t\t\t\t\t\t\t\t}}</span>\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} @else {\n\t\t\t\t\t\t\t\t\t@for (run of para.runs; track $index) {\n\t\t\t\t\t\t\t\t\t\t@if (run.equationXml) {\n\t\t\t\t\t\t\t\t\t\t\t<pptx-equation-renderer\n\t\t\t\t\t\t\t\t\t\t\t\t[equationXml]=\"run.equationXml\"\n\t\t\t\t\t\t\t\t\t\t\t\t[equationNumber]=\"run.equationNumber\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t} @else if (\n\t\t\t\t\t\t\t\t\t\t\trun.text ===\n\t\t\t\t\t\t\t\t\t\t\t'\n'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t} @else if (run.reflection; as refl) {\n\t\t\t\t\t\t\t\t\t\t\t<!-- `a:reflection`: wrapped HERE, around the whole base\n\t\t\t\t\t\t\t\t\t\t     run (`runBase`), rather than inside its href/ruby/plain\n\t\t\t\t\t\t\t\t\t\t     branches - a `<ruby>` run's own `display: ruby` (which\n\t\t\t\t\t\t\t\t\t\t     positions the annotation above its base text) would\n\t\t\t\t\t\t\t\t\t\t     break if forced to `display: inline-block` to host the\n\t\t\t\t\t\t\t\t\t\t     mirror. Cross-browser, unlike the `-webkit-box-reflect`\n\t\t\t\t\t\t\t\t\t\t     this replaced (Firefox never implemented it). -->\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"position: relative; display: inline-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-text-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><span [ngStyle]=\"run.style\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t><ng-container\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"runContent; context: { run: run }\" /></span\n\t\t\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\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}\n\t\t\t\t\t\t\t\t@if (para.isEmpty) {\n\t\t\t\t\t\t\t\t\t<!-- An authored blank line has no runs, so without this the\n\t\t\t\t\t\t\t\t     <p> collapses to zero height and the gap a deck puts\n\t\t\t\t\t\t\t\t     between a heading and its bullet list disappears. -->\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</div>\n\t}\n\t@default {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-unsupported\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-placeholder\">{{ placeholderLabel() }}</div>\n\t\t</div>\n\t}\n}\n\n<!-- Soft-edge feather <filter> def, referenced via filter: url(#soft-edge-<id>). -->\n@if (softEdgeFilter(); as sef) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter\n\t\t\t\t[attr.id]=\"sef.id\"\n\t\t\t\tx=\"-20%\"\n\t\t\t\ty=\"-20%\"\n\t\t\t\twidth=\"140%\"\n\t\t\t\theight=\"140%\"\n\t\t\t\tcolor-interpolation-filters=\"sRGB\"\n\t\t\t>\n\t\t\t\t<feGaussianBlur in=\"SourceAlpha\" [attr.stdDeviation]=\"sef.radius\" result=\"softEdgeAlpha\" />\n\t\t\t\t<feComposite in=\"SourceGraphic\" in2=\"softEdgeAlpha\" operator=\"in\" />\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!-- Duotone image-effect <filter> def, referenced via filter: url(#id). -->\n@if (duotoneFilter(); as df) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter [attr.id]=\"df.id\" color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feColorMatrix type=\"matrix\" [attr.values]=\"df.primitives[0].values\" />\n\t\t\t\t<feComponentTransfer>\n\t\t\t\t\t<feFuncR\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[0].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[0].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncG\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[1].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[1].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncB\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[2].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[2].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t</feComponentTransfer>\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!--\n\tOne run's base element (hyperlink / ruby / plain span), reused via\n\t`ngTemplateOutlet` both directly and inside the `a:reflection` wrapper above,\n\tso the reflection case does not duplicate this three-way branch.\n-->\n<ng-template #runBase let-run=\"run\">\n\t@if (run.href) {\n\t\t<a\n\t\t\tclass=\"pptx-ng-link\"\n\t\t\t[href]=\"run.href\"\n\t\t\t[attr.target]=\"run.target ?? '_blank'\"\n\t\t\t[attr.rel]=\"run.rel ?? 'noopener noreferrer'\"\n\t\t\t[attr.title]=\"run.tooltip ?? null\"\n\t\t\t[ngStyle]=\"run.style\"\n\t\t\t(click)=\"onHyperlinkClick($event, run.href)\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></a>\n\t} @else if (run.rubyText) {\n\t\t<!-- `a:ruby`: the phonetic guide sits above its base\n\t\t     text; the <rp> parentheses are the fallback for a\n\t\t     browser without ruby support. -->\n\t\t<ruby [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\" /><rp>(</rp\n\t\t\t><rt [ngStyle]=\"run.rubyStyle\">{{ run.rubyText }}</rt\n\t\t\t><rp>)</rp></ruby\n\t\t>\n\t} @else {\n\t\t<span [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></span>\n\t}\n</ng-template>\n\n<!--\n\tA run's text content, honouring shared's per-script font split\n\t(`run.scriptRuns`) and measured tab-stop layout (`run.tabLines`) when\n\teither is present. Both descriptors come from `pptx-viewer-shared`'s\n\t`buildParagraphs` (the per-script split was React-only before this\n\ttemplate existed: CJK, Arabic, Hebrew and Thai text rendered in the wrong\n\ttypeface here; the tab layout was likewise React-only, so a TOC-style row\n\tlost its leader dots and right-aligned page number). Reused via\n\t`ngTemplateOutlet` for the run's span / anchor / ruby base text, so all\n\tthree carry the same content logic.\n-->\n<ng-template #runContent let-run=\"run\">\n\t@if (run.tabLines) {\n\t\t@for (line of run.tabLines; track $index) {\n\t\t\t<span style=\"display: inline-block; white-space: nowrap\">\n\t\t\t\t@for (piece of line.pieces; track $index) {\n\t\t\t\t\t@if (piece.leaderStyle) {\n\t\t\t\t\t\t<span aria-hidden=\"true\" [ngStyle]=\"piece.leaderStyle\">{{ piece.leaderText }}</span>\n\t\t\t\t\t}\n\t\t\t\t\t<!-- `u=\"words\"`: one sibling span per word/gap in place of the piece span. -->\n\t\t\t\t\t@if (piece.words) {\n\t\t\t\t\t\t@for (word of piece.words; track $index) {\n\t\t\t\t\t\t\t<span [ngStyle]=\"word.style\">{{ word.text }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</span>\n\t\t\t@if (!$last) {\n\t\t\t\t<br />\n\t\t\t}\n\t\t}\n\t} @else if (run.scriptRuns || run.underlineWordPieces) {\n\t\t<!--\n\t\t\tA bare interpolation as the sole content of an `@if`/`@else` block\n\t\t\tleaks a real leading + trailing whitespace text node: Angular does\n\t\t\tnot collapse that whitespace the way it collapses whitespace between\n\t\t\telement TAGS. Worse, oxfmt's Angular-template printer always breaks a\n\t\t\tblock's content onto its own indented line, even when the block was\n\t\t\twritten as a single line with the braces touching, so writing the\n\t\t\t`{{ x }}` compact ourselves does not survive the next `bun run fmt` /\n\t\t\tpre-commit `lint-staged` pass: it silently re-introduces the leak\n\t\t\t(this happened twice, see `20d4d177`, `18eebb6f`). `<ng-container>`\n\t\t\tdoes not render any DOM node of its own, so wrapping the\n\t\t\tinterpolation in one keeps the no-wrapper-element behaviour of\n\t\t\tReact's `<>{piece.text}</>` fragment while making the interpolation\n\t\t\ttag-adjacent, which both Angular AND oxfmt already treat as safely\n\t\t\tcollapsible (see the many `<span>{{ x }}</span>` one-liners in this\n\t\t\tfile). That was invisible while a paragraph was one run per script\n\t\t\t(two stray spaces at the run's own edges, trimmed visually by the\n\t\t\tbrowser but still present in `textContent`), but shared's per-word /\n\t\t\tper-gap metric split (`text-run-spacing.ts`, issue #149) re-emits\n\t\t\tevery WORD and inter-word GAP as its own sibling run, so the same\n\t\t\tone-space leak lands between every word: \"will choose\" rendered as\n\t\t\t\"will     choose\" (five spaces: the word's own trailing leak, the\n\t\t\tgap run's real space plus its OWN two leaks, the next word's leading\n\t\t\tleak). The same leak also showed up one paragraph at a time:\n\t\t\t\"Project\" / \"Atlas\" as two separate paragraphs read back as\n\t\t\t\"ProjectAtlas\" instead of React's \"Project Atlas\", because the\n\t\t\tplain-run `@else` below had the same bug.\n\t\t-->\n\t\t@for (piece of run.scriptRuns ?? run.underlineWordPieces; track $index) {\n\t\t\t@if (piece.style) {\n\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t} @else {\n\t\t\t\t<ng-container>{{ piece.text }}</ng-container>\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t<ng-container>{{ run.text }}</ng-container>\n\t}\n</ng-template>\n", dependencies: [{ kind: "component", type: ElementRendererComponent, selector: "pptx-element-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "presenting", "editable", "fieldContext", "slideElements", "editTemplateMode", "parentGroupFill", "editingElementId"], outputs: ["cellCommit", "tableChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConnectorRendererComponent, selector: "pptx-connector-renderer", inputs: ["element", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "animationState"] }, { kind: "component", type: TableRendererComponent, selector: "pptx-table-renderer", inputs: ["element", "editable"], outputs: ["cellCommit", "tableChange"] }, { kind: "component", type: ChartElementViewComponent, selector: "pptx-chart-element-view", inputs: ["element", "editable", "animationState"] }, { kind: "component", type: SmartArtRendererComponent, selector: "pptx-smart-art-renderer", inputs: ["element", "editable", "animationState"] }, { kind: "component", type: SmartArt3DRendererComponent, selector: "pptx-smart-art-3d-renderer", inputs: ["element", "zIndex", "canEdit", "markElement"] }, { kind: "component", type: InkRendererComponent, selector: "pptx-ink-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "replay", "markElement", "exposeElementId"] }, { kind: "component", type: ContentPartRendererComponent, selector: "pptx-content-part-renderer", inputs: ["element", "zIndex", "replay", "markElement", "exposeElementId"] }, { kind: "component", type: MediaRendererComponent, selector: "pptx-media-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "interactive", "marked", "exposeElementId", "presenting", "placeholderLabel"] }, { kind: "component", type: OleRendererComponent, selector: "pptx-ole-renderer", inputs: ["element"] }, { kind: "component", type: Model3DRendererComponent, selector: "pptx-model3d-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "interactive", "markElement", "exposeElementId"] }, { kind: "component", type: ZoomRendererComponent, selector: "pptx-zoom-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "markElement"] }, { kind: "component", type: EquationRendererComponent, selector: "pptx-equation-renderer", inputs: ["equationXml", "equationNumber"] }, { kind: "component", type: ImageRendererComponent, selector: "pptx-image-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "interactive", "marked", "exposeElementId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ElementRendererComponent, isStandalone: true, selector: "pptx-element-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, marked: { classPropertyName: "marked", publicName: "marked", isSignal: true, isRequired: false, transformFunction: null }, exposeElementId: { classPropertyName: "exposeElementId", publicName: "exposeElementId", isSignal: true, isRequired: false, transformFunction: null }, presenting: { classPropertyName: "presenting", publicName: "presenting", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, fieldContext: { classPropertyName: "fieldContext", publicName: "fieldContext", isSignal: true, isRequired: false, transformFunction: null }, slideElements: { classPropertyName: "slideElements", publicName: "slideElements", isSignal: true, isRequired: false, transformFunction: null }, editTemplateMode: { classPropertyName: "editTemplateMode", publicName: "editTemplateMode", isSignal: true, isRequired: false, transformFunction: null }, parentGroupFill: { classPropertyName: "parentGroupFill", publicName: "parentGroupFill", isSignal: true, isRequired: false, transformFunction: null }, editingElementId: { classPropertyName: "editingElementId", publicName: "editingElementId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellCommit: "cellCommit", tableChange: "tableChange" }, host: { classAttribute: "contents" }, ngImport: i0, template: "@switch (true) {\n\t@case (isHidden()) {\n\t\t<!--\n\t\t\tHidden via the Selection Pane: draw nothing, exactly as PowerPoint\n\t\t\tdoes. This is the FIRST case on purpose - @switch takes the first\n\t\t\tmatch, so one empty branch suppresses every element type at once\n\t\t\twithout wrapping (and re-indenting) the whole template. The host\n\t\t\tcarries \\`display: contents\\`, so an empty component collapses.\n\t\t\tRendering nothing (rather than an invisible box) is what keeps the\n\t\t\telement out of hit-testing, the tab order and the export raster; it\n\t\t\tstays listed in and selectable from the Selection Pane, which reads\n\t\t\tthe slide model rather than the DOM.\n\t\t-->\n\t}\n\t@case (element().type === 'connector') {\n\t\t<pptx-connector-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[obstacles]=\"obstacles()\"\n\t\t\t[canvasWidth]=\"canvasWidth()\"\n\t\t\t[canvasHeight]=\"canvasHeight()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[animationState]=\"animationState()\"\n\t\t\t[textStyleOverrideCss]=\"textStyleOverrideCss()\"\n\t\t/>\n\t}\n\t@case (element().type === 'ink') {\n\t\t<!--\n\t\t\tThis renderer (and zoom / model3d / 3D SmartArt below) positions its\n\t\t\town root box, so it takes the neutral element marker\n\t\t\t(data-pptx-element) as an input instead of being wrapped in a marked\n\t\t\tbox the way chart / table / OLE are: an outer positioned box would\n\t\t\toffset it twice.\n\t\t-->\n\t\t<pptx-ink-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'contentPart') {\n\t\t<!--\n\t\t\tReal PowerPoint ink. Same positioning contract as pptx-ink-renderer\n\t\t\tabove: the renderer's own root is absolutely positioned, so it takes\n\t\t\tthe neutral element marker as an input rather than being wrapped.\n\t\t-->\n\t\t<pptx-content-part-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'zoom') {\n\t\t<pptx-zoom-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'model3d') {\n\t\t<pptx-model3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt' && smartArt3D()) {\n\t\t<pptx-smart-art-3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[canEdit]=\"interactive() && editable()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-smartart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a SmartArt node caption's own\n\t\t\t     inline bold/italic/underline/size, which plain CSS inheritance\n\t\t\t     cannot reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-smart-art-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'ole') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-ole\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-ole-renderer [element]=\"element()\" />\n\t\t</div>\n\t}\n\t@case (element().type === 'chart') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-chart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a chart title/label/legend's\n\t\t\t     own SVG text attributes, which plain CSS inheritance cannot\n\t\t\t     reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-chart-element-view\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'table') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-table\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a table cell's own inline\n\t\t\t     bold/italic/underline/size, which plain CSS inheritance cannot\n\t\t\t     reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-table-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t(cellCommit)=\"cellCommit.emit({ id: element().id, commit: $event })\"\n\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'group') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-group\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t@for (child of children(); track child.id) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"child\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"$index\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[marked]=\"marked()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"slideElements()\"\n\t\t\t\t\t[parentGroupFill]=\"childParentGroupFill()\"\n\t\t\t\t\t[editingElementId]=\"editingElementId()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</div>\n\t}\n\t@case (isImageLike()) {\n\t\t<pptx-image-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'media') {\n\t\t<pptx-media-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[presenting]=\"presenting()\"\n\t\t\t[placeholderLabel]=\"placeholderLabel()\"\n\t\t/>\n\t}\n\t@case (isShapeLike()) {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-shape\"\n\t\t\t[ngStyle]=\"shapeContainerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides the runs' own inline\n\t\t\t     bold/italic/underline/size, which plain CSS inheritance cannot\n\t\t\t     reach (the runs declare those unconditionally). -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<!-- Per-sub-path fill overlay: a multi-sub-path preset (`smileyFace`'s\n\t\t\t     open eyes, `actionButtonBlank`'s darkened bevel well) or custom\n\t\t\t     geometry whose sub-paths cannot share one CSS background-color. -->\n\t\t\t@if (subpathFill(); as sf) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-subpath-fill\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"subpathFillViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; width: 100%; height: 100%\"\n\t\t\t\t>\n\t\t\t\t\t@for (paint of sf.paints; track $index) {\n\t\t\t\t\t\t<path [attr.d]=\"paint.d\" [attr.fill]=\"paint.fill\" stroke=\"none\" />\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t@if (fillOverlay(); as ov) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-fill-overlay\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none\"\n\t\t\t\t\t[style.background]=\"ov.color\"\n\t\t\t\t\t[style.mix-blend-mode]=\"ov.blendMode\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t<!-- Mirrored reflection sibling (`a:reflection`): cross-browser, unlike\n\t\t\t     the `-webkit-box-reflect` this replaced (Firefox never implemented\n\t\t\t     that property, so reflections were invisible there entirely). -->\n\t\t\t@if (reflection(); as refl) {\n\t\t\t\t<div class=\"pptx-ng-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl.wrapperStyle\">\n\t\t\t\t\t@if (refl.imgSrc) {\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t[src]=\"refl.imgSrc\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[ngStyle]=\"refl.imgFitStyle\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (refl.fill) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[style.background-color]=\"refl.fill.backgroundColor\"\n\t\t\t\t\t\t\t[style.background-image]=\"refl.fill.backgroundImage\"\n\t\t\t\t\t\t\t[style.background-size]=\"refl.fill.backgroundSize\"\n\t\t\t\t\t\t\t[style.background-position]=\"refl.fill.backgroundPosition\"\n\t\t\t\t\t\t\t[style.background-repeat]=\"refl.fill.backgroundRepeat\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<!-- Hollow frame hit target: an unfilled, textless shape is hit-tested\n\t\t\t     on its outline only, so its interior lets clicks through. -->\n\t\t\t@if (hollowHit(); as hit) {\n\t\t\t\t<svg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\t[attr.d]=\"hit.d\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"transparent\"\n\t\t\t\t\t\t[attr.stroke-width]=\"hit.strokeWidth\"\n\t\t\t\t\t\tstyle=\"pointer-events: stroke\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- Stroked outline: a CSS border takes one flat colour, and cannot\n\t\t\t     outline an open preset (`line`, `arc`) at all. -->\n\t\t\t@if (gradientOutline(); as go) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-gradient-outline\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t@if (go.paint; as paint) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (paint.kind === 'pattern') {\n\t\t\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'rectPath') {\n\t\t\t\t\t\t\t\t<pattern [attr.id]=\"paint.id\" patternUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t\t\t\t\twidth=\"1\"\n\t\t\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"paint.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"paint.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"paint.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"paint.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"paint.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"paint.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"paint.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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@for (strand of go.strands; track $index) {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"go.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"go.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"strand.strokeWidth\"\n\t\t\t\t\t\t\t[attr.stroke-dasharray]=\"go.dashArray\"\n\t\t\t\t\t\t\t[attr.stroke-linecap]=\"go.lineCap\"\n\t\t\t\t\t\t\t[attr.stroke-linejoin]=\"go.lineJoin\"\n\t\t\t\t\t\t\t[style.transform]=\"\n\t\t\t\t\t\t\t\tstrand.offset !== 0 ? 'translate(0, ' + strand.offset + 'px)' : null\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- While this element is open in the inline text editor, its live text\n\t\t\t     is drawn by that overlay instead (see `isBeingInlineEdited`);\n\t\t\t     rendering it here too produced a duplicate, offset \"text shadow\"\n\t\t\t     (issue #182). -->\n\t\t\t@if (!isBeingInlineEdited()) {\n\t\t\t\t@if (pathWarp(); as warp) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[attr.width]=\"warp.width\"\n\t\t\t\t\t\t[attr.height]=\"warp.height\"\n\t\t\t\t\t\t[attr.viewBox]=\"'0 0 ' + warp.width + ' ' + warp.height\"\n\t\t\t\t\t\tstyle=\"position: absolute; inset: 0; overflow: visible; pointer-events: none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t\t<path [attr.id]=\"line.pathId\" [attr.d]=\"line.d\" fill=\"none\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t[attr.font-size]=\"warp.baseFontSize\"\n\t\t\t\t\t\t\t\t[attr.font-family]=\"warp.baseFontFamily\"\n\t\t\t\t\t\t\t\t[attr.fill]=\"warp.baseColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<textPath\n\t\t\t\t\t\t\t\t\t[attr.href]=\"'#' + line.pathId\"\n\t\t\t\t\t\t\t\t\t[attr.startOffset]=\"warp.startOffset\"\n\t\t\t\t\t\t\t\t\t[attr.text-anchor]=\"warp.textAnchor\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (seg of line.segments; track $index) {\n\t\t\t\t\t\t\t\t\t\t<tspan\n\t\t\t\t\t\t\t\t\t\t\t[attr.fill]=\"seg.style?.color ?? warp.baseColor\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-weight]=\"seg.style?.bold ? 700 : 400\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-style]=\"seg.style?.italic ? 'italic' : 'normal'\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{{ seg.text }}\n\t\t\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</textPath>\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t}\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (placeholderPrompt(); as prompt) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"prompt.style\">{{ prompt.text }}</div>\n\t\t\t\t} @else if (hasText()) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"warpedTextStyle()\">\n\t\t\t\t\t\t@for (para of paragraphs(); track $index) {\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-para\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"para.paragraphStyle ?? null\"\n\t\t\t\t\t\t\t\t[style.padding-left.px]=\"para.indentPx\"\n\t\t\t\t\t\t\t\t[style.text-indent.px]=\"para.textIndentPx ?? null\"\n\t\t\t\t\t\t\t\t[style.line-height]=\"para.lineHeight ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-top.px]=\"para.spaceBeforePx ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-bottom.px]=\"para.spaceAfterPx ?? null\"\n\t\t\t\t\t\t\t\t[style.font-size.px]=\"para.strutFontSizePx ?? null\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t@if (para.bulletPicture?.src) {\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet-image\"\n\t\t\t\t\t\t\t\t\t\t[src]=\"para.bulletPicture.src\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"para.bulletPicture.accessibleLabel\"\n\t\t\t\t\t\t\t\t\t\t[style.width.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\t[style.height.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\tmargin-inline-end: 4px;\n\t\t\t\t\t\t\t\t\t\t\tobject-fit: contain;\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} @else if (para.bulletMarker) {\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet\"\n\t\t\t\t\t\t\t\t\t\t[ngStyle]=\"para.bulletStyle\"\n\t\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"para.bulletPicture?.accessibleLabel ?? null\"\n\t\t\t\t\t\t\t\t\t\t>{{ para.bulletMarker }}</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (textBuildSpecs()[$index]; as spec) {\n\t\t\t\t\t\t\t\t\t<!-- Staged text build: render the split pieces so each one\n\t\t\t\t\t\t\t\t     carries its own sub-animation. -->\n\t\t\t\t\t\t\t\t\t@if (spec.granularity === 'paragraph') {\n\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"spec.animId\" [ngStyle]=\"buildSpanStyle(spec)\">{{\n\t\t\t\t\t\t\t\t\t\t\tparagraphText(para)\n\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t@for (span of spec.spans ?? []; track $index) {\n\t\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"span.animId\" [ngStyle]=\"buildSpanStyle(span)\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tspan.text\n\t\t\t\t\t\t\t\t\t\t\t}}</span>\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} @else {\n\t\t\t\t\t\t\t\t\t@for (run of para.runs; track $index) {\n\t\t\t\t\t\t\t\t\t\t@if (run.equationXml) {\n\t\t\t\t\t\t\t\t\t\t\t<pptx-equation-renderer\n\t\t\t\t\t\t\t\t\t\t\t\t[equationXml]=\"run.equationXml\"\n\t\t\t\t\t\t\t\t\t\t\t\t[equationNumber]=\"run.equationNumber\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t} @else if (\n\t\t\t\t\t\t\t\t\t\t\trun.text ===\n\t\t\t\t\t\t\t\t\t\t\t'\n'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t} @else if (run.reflection; as refl) {\n\t\t\t\t\t\t\t\t\t\t\t<!-- `a:reflection`: wrapped HERE, around the whole base\n\t\t\t\t\t\t\t\t\t\t     run (`runBase`), rather than inside its href/ruby/plain\n\t\t\t\t\t\t\t\t\t\t     branches - a `<ruby>` run's own `display: ruby` (which\n\t\t\t\t\t\t\t\t\t\t     positions the annotation above its base text) would\n\t\t\t\t\t\t\t\t\t\t     break if forced to `display: inline-block` to host the\n\t\t\t\t\t\t\t\t\t\t     mirror. Cross-browser, unlike the `-webkit-box-reflect`\n\t\t\t\t\t\t\t\t\t\t     this replaced (Firefox never implemented it). -->\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"position: relative; display: inline-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-text-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><span [ngStyle]=\"run.style\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t><ng-container\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"runContent; context: { run: run }\" /></span\n\t\t\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\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}\n\t\t\t\t\t\t\t\t@if (para.isEmpty) {\n\t\t\t\t\t\t\t\t\t<!-- An authored blank line has no runs, so without this the\n\t\t\t\t\t\t\t\t     <p> collapses to zero height and the gap a deck puts\n\t\t\t\t\t\t\t\t     between a heading and its bullet list disappears. -->\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</div>\n\t}\n\t@default {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-unsupported\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-placeholder\">{{ placeholderLabel() }}</div>\n\t\t</div>\n\t}\n}\n\n<!-- Soft-edge feather <filter> def, referenced via filter: url(#soft-edge-<id>). -->\n@if (softEdgeFilter(); as sef) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter\n\t\t\t\t[attr.id]=\"sef.id\"\n\t\t\t\tx=\"-20%\"\n\t\t\t\ty=\"-20%\"\n\t\t\t\twidth=\"140%\"\n\t\t\t\theight=\"140%\"\n\t\t\t\tcolor-interpolation-filters=\"sRGB\"\n\t\t\t>\n\t\t\t\t<feGaussianBlur in=\"SourceAlpha\" [attr.stdDeviation]=\"sef.radius\" result=\"softEdgeAlpha\" />\n\t\t\t\t<feComposite in=\"SourceGraphic\" in2=\"softEdgeAlpha\" operator=\"in\" />\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!-- Duotone image-effect <filter> def, referenced via filter: url(#id). -->\n@if (duotoneFilter(); as df) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter [attr.id]=\"df.id\" color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feColorMatrix type=\"matrix\" [attr.values]=\"df.primitives[0].values\" />\n\t\t\t\t<feComponentTransfer>\n\t\t\t\t\t<feFuncR\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[0].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[0].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncG\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[1].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[1].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncB\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[2].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[2].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t</feComponentTransfer>\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!--\n\tOne run's base element (hyperlink / ruby / plain span), reused via\n\t`ngTemplateOutlet` both directly and inside the `a:reflection` wrapper above,\n\tso the reflection case does not duplicate this three-way branch.\n-->\n<ng-template #runBase let-run=\"run\">\n\t@if (run.href) {\n\t\t<a\n\t\t\tclass=\"pptx-ng-link\"\n\t\t\t[href]=\"run.href\"\n\t\t\t[attr.target]=\"run.target ?? '_blank'\"\n\t\t\t[attr.rel]=\"run.rel ?? 'noopener noreferrer'\"\n\t\t\t[attr.title]=\"run.tooltip ?? null\"\n\t\t\t[ngStyle]=\"run.style\"\n\t\t\t(click)=\"onHyperlinkClick($event, run.href)\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></a>\n\t} @else if (run.rubyText) {\n\t\t<!-- `a:ruby`: the phonetic guide sits above its base\n\t\t     text; the <rp> parentheses are the fallback for a\n\t\t     browser without ruby support. -->\n\t\t<ruby [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\" /><rp>(</rp\n\t\t\t><rt [ngStyle]=\"run.rubyStyle\">{{ run.rubyText }}</rt\n\t\t\t><rp>)</rp></ruby\n\t\t>\n\t} @else {\n\t\t<span [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></span>\n\t}\n</ng-template>\n\n<!--\n\tA run's text content, honouring shared's per-script font split\n\t(`run.scriptRuns`) and measured tab-stop layout (`run.tabLines`) when\n\teither is present. Both descriptors come from `pptx-viewer-shared`'s\n\t`buildParagraphs` (the per-script split was React-only before this\n\ttemplate existed: CJK, Arabic, Hebrew and Thai text rendered in the wrong\n\ttypeface here; the tab layout was likewise React-only, so a TOC-style row\n\tlost its leader dots and right-aligned page number). Reused via\n\t`ngTemplateOutlet` for the run's span / anchor / ruby base text, so all\n\tthree carry the same content logic.\n-->\n<ng-template #runContent let-run=\"run\">\n\t@if (run.tabLines) {\n\t\t@for (line of run.tabLines; track $index) {\n\t\t\t<span style=\"display: inline-block; white-space: nowrap\">\n\t\t\t\t@for (piece of line.pieces; track $index) {\n\t\t\t\t\t@if (piece.leaderStyle) {\n\t\t\t\t\t\t<span aria-hidden=\"true\" [ngStyle]=\"piece.leaderStyle\">{{ piece.leaderText }}</span>\n\t\t\t\t\t}\n\t\t\t\t\t<!-- `u=\"words\"`: one sibling span per word/gap in place of the piece span. -->\n\t\t\t\t\t@if (piece.words) {\n\t\t\t\t\t\t@for (word of piece.words; track $index) {\n\t\t\t\t\t\t\t<span [ngStyle]=\"word.style\">{{ word.text }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</span>\n\t\t\t@if (!$last) {\n\t\t\t\t<br />\n\t\t\t}\n\t\t}\n\t} @else if (run.scriptRuns || run.underlineWordPieces) {\n\t\t<!--\n\t\t\tA bare interpolation as the sole content of an `@if`/`@else` block\n\t\t\tleaks a real leading + trailing whitespace text node: Angular does\n\t\t\tnot collapse that whitespace the way it collapses whitespace between\n\t\t\telement TAGS. Worse, oxfmt's Angular-template printer always breaks a\n\t\t\tblock's content onto its own indented line, even when the block was\n\t\t\twritten as a single line with the braces touching, so writing the\n\t\t\t`{{ x }}` compact ourselves does not survive the next `bun run fmt` /\n\t\t\tpre-commit `lint-staged` pass: it silently re-introduces the leak\n\t\t\t(this happened twice, see `20d4d177`, `18eebb6f`). `<ng-container>`\n\t\t\tdoes not render any DOM node of its own, so wrapping the\n\t\t\tinterpolation in one keeps the no-wrapper-element behaviour of\n\t\t\tReact's `<>{piece.text}</>` fragment while making the interpolation\n\t\t\ttag-adjacent, which both Angular AND oxfmt already treat as safely\n\t\t\tcollapsible (see the many `<span>{{ x }}</span>` one-liners in this\n\t\t\tfile). That was invisible while a paragraph was one run per script\n\t\t\t(two stray spaces at the run's own edges, trimmed visually by the\n\t\t\tbrowser but still present in `textContent`), but shared's per-word /\n\t\t\tper-gap metric split (`text-run-spacing.ts`, issue #149) re-emits\n\t\t\tevery WORD and inter-word GAP as its own sibling run, so the same\n\t\t\tone-space leak lands between every word: \"will choose\" rendered as\n\t\t\t\"will     choose\" (five spaces: the word's own trailing leak, the\n\t\t\tgap run's real space plus its OWN two leaks, the next word's leading\n\t\t\tleak). The same leak also showed up one paragraph at a time:\n\t\t\t\"Project\" / \"Atlas\" as two separate paragraphs read back as\n\t\t\t\"ProjectAtlas\" instead of React's \"Project Atlas\", because the\n\t\t\tplain-run `@else` below had the same bug.\n\t\t-->\n\t\t@for (piece of run.scriptRuns ?? run.underlineWordPieces; track $index) {\n\t\t\t@if (piece.style) {\n\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t} @else {\n\t\t\t\t<ng-container>{{ piece.text }}</ng-container>\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t<ng-container>{{ run.text }}</ng-container>\n\t}\n</ng-template>\n", dependencies: [{ kind: "component", type: ElementRendererComponent, selector: "pptx-element-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "presenting", "editable", "fieldContext", "slideElements", "editTemplateMode", "parentGroupFill", "editingElementId"], outputs: ["cellCommit", "tableChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConnectorRendererComponent, selector: "pptx-connector-renderer", inputs: ["element", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "animationState", "textStyleOverrideCss"] }, { kind: "component", type: DynamicStyleComponent, selector: "pptx-dynamic-style", inputs: ["css"] }, { kind: "component", type: TableRendererComponent, selector: "pptx-table-renderer", inputs: ["element", "editable"], outputs: ["cellCommit", "tableChange"] }, { kind: "component", type: ChartElementViewComponent, selector: "pptx-chart-element-view", inputs: ["element", "editable", "animationState"] }, { kind: "component", type: SmartArtRendererComponent, selector: "pptx-smart-art-renderer", inputs: ["element", "editable", "animationState"] }, { kind: "component", type: SmartArt3DRendererComponent, selector: "pptx-smart-art-3d-renderer", inputs: ["element", "zIndex", "canEdit", "markElement"] }, { kind: "component", type: InkRendererComponent, selector: "pptx-ink-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "replay", "markElement", "exposeElementId"] }, { kind: "component", type: ContentPartRendererComponent, selector: "pptx-content-part-renderer", inputs: ["element", "zIndex", "replay", "markElement", "exposeElementId"] }, { kind: "component", type: MediaRendererComponent, selector: "pptx-media-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "interactive", "marked", "exposeElementId", "presenting", "placeholderLabel"] }, { kind: "component", type: OleRendererComponent, selector: "pptx-ole-renderer", inputs: ["element"] }, { kind: "component", type: Model3DRendererComponent, selector: "pptx-model3d-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "interactive", "markElement", "exposeElementId"] }, { kind: "component", type: ZoomRendererComponent, selector: "pptx-zoom-renderer", inputs: ["element", "zIndex", "mediaDataUrls", "markElement"] }, { kind: "component", type: EquationRendererComponent, selector: "pptx-equation-renderer", inputs: ["equationXml", "equationNumber"] }, { kind: "component", type: ImageRendererComponent, selector: "pptx-image-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "interactive", "marked", "exposeElementId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ElementRendererComponent, decorators: [{
             type: Component,
@@ -108814,6 +110269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         NgStyle,
                         NgTemplateOutlet,
                         ConnectorRendererComponent,
+                        DynamicStyleComponent,
                         TableRendererComponent,
                         ChartElementViewComponent,
                         SmartArtRendererComponent,
@@ -108826,7 +110282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         ZoomRendererComponent,
                         EquationRendererComponent,
                         ImageRendererComponent,
-                    ], template: "@switch (true) {\n\t@case (isHidden()) {\n\t\t<!--\n\t\t\tHidden via the Selection Pane: draw nothing, exactly as PowerPoint\n\t\t\tdoes. This is the FIRST case on purpose - @switch takes the first\n\t\t\tmatch, so one empty branch suppresses every element type at once\n\t\t\twithout wrapping (and re-indenting) the whole template. The host\n\t\t\tcarries \\`display: contents\\`, so an empty component collapses.\n\t\t\tRendering nothing (rather than an invisible box) is what keeps the\n\t\t\telement out of hit-testing, the tab order and the export raster; it\n\t\t\tstays listed in and selectable from the Selection Pane, which reads\n\t\t\tthe slide model rather than the DOM.\n\t\t-->\n\t}\n\t@case (element().type === 'connector') {\n\t\t<pptx-connector-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[obstacles]=\"obstacles()\"\n\t\t\t[canvasWidth]=\"canvasWidth()\"\n\t\t\t[canvasHeight]=\"canvasHeight()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[animationState]=\"animationState()\"\n\t\t/>\n\t}\n\t@case (element().type === 'ink') {\n\t\t<!--\n\t\t\tThis renderer (and zoom / model3d / 3D SmartArt below) positions its\n\t\t\town root box, so it takes the neutral element marker\n\t\t\t(data-pptx-element) as an input instead of being wrapped in a marked\n\t\t\tbox the way chart / table / OLE are: an outer positioned box would\n\t\t\toffset it twice.\n\t\t-->\n\t\t<pptx-ink-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'contentPart') {\n\t\t<!--\n\t\t\tReal PowerPoint ink. Same positioning contract as pptx-ink-renderer\n\t\t\tabove: the renderer's own root is absolutely positioned, so it takes\n\t\t\tthe neutral element marker as an input rather than being wrapped.\n\t\t-->\n\t\t<pptx-content-part-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'zoom') {\n\t\t<pptx-zoom-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'model3d') {\n\t\t<pptx-model3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt' && smartArt3D()) {\n\t\t<pptx-smart-art-3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[canEdit]=\"interactive() && editable()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-smartart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-smart-art-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'ole') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-ole\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-ole-renderer [element]=\"element()\" />\n\t\t</div>\n\t}\n\t@case (element().type === 'chart') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-chart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-chart-element-view\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'table') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-table\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-table-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t(cellCommit)=\"cellCommit.emit({ id: element().id, commit: $event })\"\n\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'group') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-group\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t@for (child of children(); track child.id) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"child\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"$index\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[marked]=\"marked()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"slideElements()\"\n\t\t\t\t\t[parentGroupFill]=\"childParentGroupFill()\"\n\t\t\t\t\t[editingElementId]=\"editingElementId()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</div>\n\t}\n\t@case (isImageLike()) {\n\t\t<pptx-image-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'media') {\n\t\t<pptx-media-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[presenting]=\"presenting()\"\n\t\t\t[placeholderLabel]=\"placeholderLabel()\"\n\t\t/>\n\t}\n\t@case (isShapeLike()) {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-shape\"\n\t\t\t[ngStyle]=\"shapeContainerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- Per-sub-path fill overlay: a multi-sub-path preset (`smileyFace`'s\n\t\t\t     open eyes, `actionButtonBlank`'s darkened bevel well) or custom\n\t\t\t     geometry whose sub-paths cannot share one CSS background-color. -->\n\t\t\t@if (subpathFill(); as sf) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-subpath-fill\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"subpathFillViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; width: 100%; height: 100%\"\n\t\t\t\t>\n\t\t\t\t\t@for (paint of sf.paints; track $index) {\n\t\t\t\t\t\t<path [attr.d]=\"paint.d\" [attr.fill]=\"paint.fill\" stroke=\"none\" />\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t@if (fillOverlay(); as ov) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-fill-overlay\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none\"\n\t\t\t\t\t[style.background]=\"ov.color\"\n\t\t\t\t\t[style.mix-blend-mode]=\"ov.blendMode\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t<!-- Mirrored reflection sibling (`a:reflection`): cross-browser, unlike\n\t\t\t     the `-webkit-box-reflect` this replaced (Firefox never implemented\n\t\t\t     that property, so reflections were invisible there entirely). -->\n\t\t\t@if (reflection(); as refl) {\n\t\t\t\t<div class=\"pptx-ng-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl.wrapperStyle\">\n\t\t\t\t\t@if (refl.imgSrc) {\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t[src]=\"refl.imgSrc\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[ngStyle]=\"refl.imgFitStyle\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (refl.fill) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[style.background-color]=\"refl.fill.backgroundColor\"\n\t\t\t\t\t\t\t[style.background-image]=\"refl.fill.backgroundImage\"\n\t\t\t\t\t\t\t[style.background-size]=\"refl.fill.backgroundSize\"\n\t\t\t\t\t\t\t[style.background-position]=\"refl.fill.backgroundPosition\"\n\t\t\t\t\t\t\t[style.background-repeat]=\"refl.fill.backgroundRepeat\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<!-- Hollow frame hit target: an unfilled, textless shape is hit-tested\n\t\t\t     on its outline only, so its interior lets clicks through. -->\n\t\t\t@if (hollowHit(); as hit) {\n\t\t\t\t<svg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\t[attr.d]=\"hit.d\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"transparent\"\n\t\t\t\t\t\t[attr.stroke-width]=\"hit.strokeWidth\"\n\t\t\t\t\t\tstyle=\"pointer-events: stroke\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- Stroked outline: a CSS border takes one flat colour, and cannot\n\t\t\t     outline an open preset (`line`, `arc`) at all. -->\n\t\t\t@if (gradientOutline(); as go) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-gradient-outline\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t@if (go.paint; as paint) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (paint.kind === 'pattern') {\n\t\t\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'rectPath') {\n\t\t\t\t\t\t\t\t<pattern [attr.id]=\"paint.id\" patternUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t\t\t\t\twidth=\"1\"\n\t\t\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"paint.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"paint.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"paint.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"paint.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"paint.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"paint.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"paint.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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@for (strand of go.strands; track $index) {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"go.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"go.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"strand.strokeWidth\"\n\t\t\t\t\t\t\t[attr.stroke-dasharray]=\"go.dashArray\"\n\t\t\t\t\t\t\t[attr.stroke-linecap]=\"go.lineCap\"\n\t\t\t\t\t\t\t[attr.stroke-linejoin]=\"go.lineJoin\"\n\t\t\t\t\t\t\t[style.transform]=\"\n\t\t\t\t\t\t\t\tstrand.offset !== 0 ? 'translate(0, ' + strand.offset + 'px)' : null\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- While this element is open in the inline text editor, its live text\n\t\t\t     is drawn by that overlay instead (see `isBeingInlineEdited`);\n\t\t\t     rendering it here too produced a duplicate, offset \"text shadow\"\n\t\t\t     (issue #182). -->\n\t\t\t@if (!isBeingInlineEdited()) {\n\t\t\t\t@if (pathWarp(); as warp) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[attr.width]=\"warp.width\"\n\t\t\t\t\t\t[attr.height]=\"warp.height\"\n\t\t\t\t\t\t[attr.viewBox]=\"'0 0 ' + warp.width + ' ' + warp.height\"\n\t\t\t\t\t\tstyle=\"position: absolute; inset: 0; overflow: visible; pointer-events: none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t\t<path [attr.id]=\"line.pathId\" [attr.d]=\"line.d\" fill=\"none\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t[attr.font-size]=\"warp.baseFontSize\"\n\t\t\t\t\t\t\t\t[attr.font-family]=\"warp.baseFontFamily\"\n\t\t\t\t\t\t\t\t[attr.fill]=\"warp.baseColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<textPath\n\t\t\t\t\t\t\t\t\t[attr.href]=\"'#' + line.pathId\"\n\t\t\t\t\t\t\t\t\t[attr.startOffset]=\"warp.startOffset\"\n\t\t\t\t\t\t\t\t\t[attr.text-anchor]=\"warp.textAnchor\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (seg of line.segments; track $index) {\n\t\t\t\t\t\t\t\t\t\t<tspan\n\t\t\t\t\t\t\t\t\t\t\t[attr.fill]=\"seg.style?.color ?? warp.baseColor\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-weight]=\"seg.style?.bold ? 700 : 400\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-style]=\"seg.style?.italic ? 'italic' : 'normal'\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{{ seg.text }}\n\t\t\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</textPath>\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t}\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (placeholderPrompt(); as prompt) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"prompt.style\">{{ prompt.text }}</div>\n\t\t\t\t} @else if (hasText()) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"warpedTextStyle()\">\n\t\t\t\t\t\t@for (para of paragraphs(); track $index) {\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-para\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"para.paragraphStyle ?? null\"\n\t\t\t\t\t\t\t\t[style.padding-left.px]=\"para.indentPx\"\n\t\t\t\t\t\t\t\t[style.text-indent.px]=\"para.textIndentPx ?? null\"\n\t\t\t\t\t\t\t\t[style.line-height]=\"para.lineHeight ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-top.px]=\"para.spaceBeforePx ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-bottom.px]=\"para.spaceAfterPx ?? null\"\n\t\t\t\t\t\t\t\t[style.font-size.px]=\"para.strutFontSizePx ?? null\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t@if (para.bulletPicture?.src) {\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet-image\"\n\t\t\t\t\t\t\t\t\t\t[src]=\"para.bulletPicture.src\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"para.bulletPicture.accessibleLabel\"\n\t\t\t\t\t\t\t\t\t\t[style.width.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\t[style.height.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\tmargin-inline-end: 4px;\n\t\t\t\t\t\t\t\t\t\t\tobject-fit: contain;\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} @else if (para.bulletMarker) {\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet\"\n\t\t\t\t\t\t\t\t\t\t[ngStyle]=\"para.bulletStyle\"\n\t\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"para.bulletPicture?.accessibleLabel ?? null\"\n\t\t\t\t\t\t\t\t\t\t>{{ para.bulletMarker }}</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (textBuildSpecs()[$index]; as spec) {\n\t\t\t\t\t\t\t\t\t<!-- Staged text build: render the split pieces so each one\n\t\t\t\t\t\t\t\t     carries its own sub-animation. -->\n\t\t\t\t\t\t\t\t\t@if (spec.granularity === 'paragraph') {\n\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"spec.animId\" [ngStyle]=\"buildSpanStyle(spec)\">{{\n\t\t\t\t\t\t\t\t\t\t\tparagraphText(para)\n\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t@for (span of spec.spans ?? []; track $index) {\n\t\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"span.animId\" [ngStyle]=\"buildSpanStyle(span)\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tspan.text\n\t\t\t\t\t\t\t\t\t\t\t}}</span>\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} @else {\n\t\t\t\t\t\t\t\t\t@for (run of para.runs; track $index) {\n\t\t\t\t\t\t\t\t\t\t@if (run.equationXml) {\n\t\t\t\t\t\t\t\t\t\t\t<pptx-equation-renderer\n\t\t\t\t\t\t\t\t\t\t\t\t[equationXml]=\"run.equationXml\"\n\t\t\t\t\t\t\t\t\t\t\t\t[equationNumber]=\"run.equationNumber\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t} @else if (\n\t\t\t\t\t\t\t\t\t\t\trun.text ===\n\t\t\t\t\t\t\t\t\t\t\t'\n'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t} @else if (run.reflection; as refl) {\n\t\t\t\t\t\t\t\t\t\t\t<!-- `a:reflection`: wrapped HERE, around the whole base\n\t\t\t\t\t\t\t\t\t\t     run (`runBase`), rather than inside its href/ruby/plain\n\t\t\t\t\t\t\t\t\t\t     branches - a `<ruby>` run's own `display: ruby` (which\n\t\t\t\t\t\t\t\t\t\t     positions the annotation above its base text) would\n\t\t\t\t\t\t\t\t\t\t     break if forced to `display: inline-block` to host the\n\t\t\t\t\t\t\t\t\t\t     mirror. Cross-browser, unlike the `-webkit-box-reflect`\n\t\t\t\t\t\t\t\t\t\t     this replaced (Firefox never implemented it). -->\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"position: relative; display: inline-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-text-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><span [ngStyle]=\"run.style\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t><ng-container\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"runContent; context: { run: run }\" /></span\n\t\t\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\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}\n\t\t\t\t\t\t\t\t@if (para.isEmpty) {\n\t\t\t\t\t\t\t\t\t<!-- An authored blank line has no runs, so without this the\n\t\t\t\t\t\t\t\t     <p> collapses to zero height and the gap a deck puts\n\t\t\t\t\t\t\t\t     between a heading and its bullet list disappears. -->\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</div>\n\t}\n\t@default {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-unsupported\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-placeholder\">{{ placeholderLabel() }}</div>\n\t\t</div>\n\t}\n}\n\n<!-- Soft-edge feather <filter> def, referenced via filter: url(#soft-edge-<id>). -->\n@if (softEdgeFilter(); as sef) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter\n\t\t\t\t[attr.id]=\"sef.id\"\n\t\t\t\tx=\"-20%\"\n\t\t\t\ty=\"-20%\"\n\t\t\t\twidth=\"140%\"\n\t\t\t\theight=\"140%\"\n\t\t\t\tcolor-interpolation-filters=\"sRGB\"\n\t\t\t>\n\t\t\t\t<feGaussianBlur in=\"SourceAlpha\" [attr.stdDeviation]=\"sef.radius\" result=\"softEdgeAlpha\" />\n\t\t\t\t<feComposite in=\"SourceGraphic\" in2=\"softEdgeAlpha\" operator=\"in\" />\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!-- Duotone image-effect <filter> def, referenced via filter: url(#id). -->\n@if (duotoneFilter(); as df) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter [attr.id]=\"df.id\" color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feColorMatrix type=\"matrix\" [attr.values]=\"df.primitives[0].values\" />\n\t\t\t\t<feComponentTransfer>\n\t\t\t\t\t<feFuncR\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[0].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[0].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncG\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[1].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[1].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncB\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[2].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[2].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t</feComponentTransfer>\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!--\n\tOne run's base element (hyperlink / ruby / plain span), reused via\n\t`ngTemplateOutlet` both directly and inside the `a:reflection` wrapper above,\n\tso the reflection case does not duplicate this three-way branch.\n-->\n<ng-template #runBase let-run=\"run\">\n\t@if (run.href) {\n\t\t<a\n\t\t\tclass=\"pptx-ng-link\"\n\t\t\t[href]=\"run.href\"\n\t\t\t[attr.target]=\"run.target ?? '_blank'\"\n\t\t\t[attr.rel]=\"run.rel ?? 'noopener noreferrer'\"\n\t\t\t[attr.title]=\"run.tooltip ?? null\"\n\t\t\t[ngStyle]=\"run.style\"\n\t\t\t(click)=\"onHyperlinkClick($event, run.href)\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></a>\n\t} @else if (run.rubyText) {\n\t\t<!-- `a:ruby`: the phonetic guide sits above its base\n\t\t     text; the <rp> parentheses are the fallback for a\n\t\t     browser without ruby support. -->\n\t\t<ruby [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\" /><rp>(</rp\n\t\t\t><rt [ngStyle]=\"run.rubyStyle\">{{ run.rubyText }}</rt\n\t\t\t><rp>)</rp></ruby\n\t\t>\n\t} @else {\n\t\t<span [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></span>\n\t}\n</ng-template>\n\n<!--\n\tA run's text content, honouring shared's per-script font split\n\t(`run.scriptRuns`) and measured tab-stop layout (`run.tabLines`) when\n\teither is present. Both descriptors come from `pptx-viewer-shared`'s\n\t`buildParagraphs` (the per-script split was React-only before this\n\ttemplate existed: CJK, Arabic, Hebrew and Thai text rendered in the wrong\n\ttypeface here; the tab layout was likewise React-only, so a TOC-style row\n\tlost its leader dots and right-aligned page number). Reused via\n\t`ngTemplateOutlet` for the run's span / anchor / ruby base text, so all\n\tthree carry the same content logic.\n-->\n<ng-template #runContent let-run=\"run\">\n\t@if (run.tabLines) {\n\t\t@for (line of run.tabLines; track $index) {\n\t\t\t<span style=\"display: inline-block; white-space: nowrap\">\n\t\t\t\t@for (piece of line.pieces; track $index) {\n\t\t\t\t\t@if (piece.leaderStyle) {\n\t\t\t\t\t\t<span aria-hidden=\"true\" [ngStyle]=\"piece.leaderStyle\">{{ piece.leaderText }}</span>\n\t\t\t\t\t}\n\t\t\t\t\t<!-- `u=\"words\"`: one sibling span per word/gap in place of the piece span. -->\n\t\t\t\t\t@if (piece.words) {\n\t\t\t\t\t\t@for (word of piece.words; track $index) {\n\t\t\t\t\t\t\t<span [ngStyle]=\"word.style\">{{ word.text }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</span>\n\t\t\t@if (!$last) {\n\t\t\t\t<br />\n\t\t\t}\n\t\t}\n\t} @else if (run.scriptRuns || run.underlineWordPieces) {\n\t\t<!--\n\t\t\tA bare interpolation as the sole content of an `@if`/`@else` block\n\t\t\tleaks a real leading + trailing whitespace text node: Angular does\n\t\t\tnot collapse that whitespace the way it collapses whitespace between\n\t\t\telement TAGS. Worse, oxfmt's Angular-template printer always breaks a\n\t\t\tblock's content onto its own indented line, even when the block was\n\t\t\twritten as a single line with the braces touching, so writing the\n\t\t\t`{{ x }}` compact ourselves does not survive the next `bun run fmt` /\n\t\t\tpre-commit `lint-staged` pass: it silently re-introduces the leak\n\t\t\t(this happened twice, see `20d4d177`, `18eebb6f`). `<ng-container>`\n\t\t\tdoes not render any DOM node of its own, so wrapping the\n\t\t\tinterpolation in one keeps the no-wrapper-element behaviour of\n\t\t\tReact's `<>{piece.text}</>` fragment while making the interpolation\n\t\t\ttag-adjacent, which both Angular AND oxfmt already treat as safely\n\t\t\tcollapsible (see the many `<span>{{ x }}</span>` one-liners in this\n\t\t\tfile). That was invisible while a paragraph was one run per script\n\t\t\t(two stray spaces at the run's own edges, trimmed visually by the\n\t\t\tbrowser but still present in `textContent`), but shared's per-word /\n\t\t\tper-gap metric split (`text-run-spacing.ts`, issue #149) re-emits\n\t\t\tevery WORD and inter-word GAP as its own sibling run, so the same\n\t\t\tone-space leak lands between every word: \"will choose\" rendered as\n\t\t\t\"will     choose\" (five spaces: the word's own trailing leak, the\n\t\t\tgap run's real space plus its OWN two leaks, the next word's leading\n\t\t\tleak). The same leak also showed up one paragraph at a time:\n\t\t\t\"Project\" / \"Atlas\" as two separate paragraphs read back as\n\t\t\t\"ProjectAtlas\" instead of React's \"Project Atlas\", because the\n\t\t\tplain-run `@else` below had the same bug.\n\t\t-->\n\t\t@for (piece of run.scriptRuns ?? run.underlineWordPieces; track $index) {\n\t\t\t@if (piece.style) {\n\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t} @else {\n\t\t\t\t<ng-container>{{ piece.text }}</ng-container>\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t<ng-container>{{ run.text }}</ng-container>\n\t}\n</ng-template>\n" }]
+                    ], template: "@switch (true) {\n\t@case (isHidden()) {\n\t\t<!--\n\t\t\tHidden via the Selection Pane: draw nothing, exactly as PowerPoint\n\t\t\tdoes. This is the FIRST case on purpose - @switch takes the first\n\t\t\tmatch, so one empty branch suppresses every element type at once\n\t\t\twithout wrapping (and re-indenting) the whole template. The host\n\t\t\tcarries \\`display: contents\\`, so an empty component collapses.\n\t\t\tRendering nothing (rather than an invisible box) is what keeps the\n\t\t\telement out of hit-testing, the tab order and the export raster; it\n\t\t\tstays listed in and selectable from the Selection Pane, which reads\n\t\t\tthe slide model rather than the DOM.\n\t\t-->\n\t}\n\t@case (element().type === 'connector') {\n\t\t<pptx-connector-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[obstacles]=\"obstacles()\"\n\t\t\t[canvasWidth]=\"canvasWidth()\"\n\t\t\t[canvasHeight]=\"canvasHeight()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[animationState]=\"animationState()\"\n\t\t\t[textStyleOverrideCss]=\"textStyleOverrideCss()\"\n\t\t/>\n\t}\n\t@case (element().type === 'ink') {\n\t\t<!--\n\t\t\tThis renderer (and zoom / model3d / 3D SmartArt below) positions its\n\t\t\town root box, so it takes the neutral element marker\n\t\t\t(data-pptx-element) as an input instead of being wrapped in a marked\n\t\t\tbox the way chart / table / OLE are: an outer positioned box would\n\t\t\toffset it twice.\n\t\t-->\n\t\t<pptx-ink-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'contentPart') {\n\t\t<!--\n\t\t\tReal PowerPoint ink. Same positioning contract as pptx-ink-renderer\n\t\t\tabove: the renderer's own root is absolutely positioned, so it takes\n\t\t\tthe neutral element marker as an input rather than being wrapped.\n\t\t-->\n\t\t<pptx-content-part-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[replay]=\"presenting()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'zoom') {\n\t\t<pptx-zoom-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'model3d') {\n\t\t<pptx-model3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt' && smartArt3D()) {\n\t\t<pptx-smart-art-3d-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[canEdit]=\"interactive() && editable()\"\n\t\t\t[markElement]=\"elementMarked()\"\n\t\t/>\n\t}\n\t@case (element().type === 'smartArt') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-smartart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a SmartArt node caption's own\n\t\t\t     inline bold/italic/underline/size, which plain CSS inheritance\n\t\t\t     cannot reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-smart-art-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'ole') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-ole\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<pptx-ole-renderer [element]=\"element()\" />\n\t\t</div>\n\t}\n\t@case (element().type === 'chart') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-chart\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a chart title/label/legend's\n\t\t\t     own SVG text attributes, which plain CSS inheritance cannot\n\t\t\t     reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-chart-element-view\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t[animationState]=\"animationState()\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'table') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-table\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides a table cell's own inline\n\t\t\t     bold/italic/underline/size, which plain CSS inheritance cannot\n\t\t\t     reach. See `animation-text-style-css.ts`. -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<pptx-table-renderer\n\t\t\t\t[element]=\"element()\"\n\t\t\t\t[editable]=\"interactive() && editable()\"\n\t\t\t\t(cellCommit)=\"cellCommit.emit({ id: element().id, commit: $event })\"\n\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t/>\n\t\t</div>\n\t}\n\t@case (element().type === 'group') {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-group\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t@for (child of children(); track child.id) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"child\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"$index\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[marked]=\"marked()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"slideElements()\"\n\t\t\t\t\t[parentGroupFill]=\"childParentGroupFill()\"\n\t\t\t\t\t[editingElementId]=\"editingElementId()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</div>\n\t}\n\t@case (isImageLike()) {\n\t\t<pptx-image-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t/>\n\t}\n\t@case (element().type === 'media') {\n\t\t<pptx-media-renderer\n\t\t\t[element]=\"element()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zIndex]=\"zIndex()\"\n\t\t\t[interactive]=\"interactive()\"\n\t\t\t[marked]=\"elementMarked()\"\n\t\t\t[exposeElementId]=\"exposeElementId()\"\n\t\t\t[presenting]=\"presenting()\"\n\t\t\t[placeholderLabel]=\"placeholderLabel()\"\n\t\t/>\n\t}\n\t@case (isShapeLike()) {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-shape\"\n\t\t\t[ngStyle]=\"shapeContainerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<!-- A font-style emphasis effect (Bold Flash, Bold Reveal, Underline,\n\t\t\t     Change Font Style/Size) overrides the runs' own inline\n\t\t\t     bold/italic/underline/size, which plain CSS inheritance cannot\n\t\t\t     reach (the runs declare those unconditionally). -->\n\t\t\t<pptx-dynamic-style [css]=\"textStyleOverrideCss()\" />\n\t\t\t<!-- Per-sub-path fill overlay: a multi-sub-path preset (`smileyFace`'s\n\t\t\t     open eyes, `actionButtonBlank`'s darkened bevel well) or custom\n\t\t\t     geometry whose sub-paths cannot share one CSS background-color. -->\n\t\t\t@if (subpathFill(); as sf) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-subpath-fill\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"subpathFillViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; width: 100%; height: 100%\"\n\t\t\t\t>\n\t\t\t\t\t@for (paint of sf.paints; track $index) {\n\t\t\t\t\t\t<path [attr.d]=\"paint.d\" [attr.fill]=\"paint.fill\" stroke=\"none\" />\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t@if (fillOverlay(); as ov) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-fill-overlay\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none\"\n\t\t\t\t\t[style.background]=\"ov.color\"\n\t\t\t\t\t[style.mix-blend-mode]=\"ov.blendMode\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t<!-- Mirrored reflection sibling (`a:reflection`): cross-browser, unlike\n\t\t\t     the `-webkit-box-reflect` this replaced (Firefox never implemented\n\t\t\t     that property, so reflections were invisible there entirely). -->\n\t\t\t@if (reflection(); as refl) {\n\t\t\t\t<div class=\"pptx-ng-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl.wrapperStyle\">\n\t\t\t\t\t@if (refl.imgSrc) {\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t[src]=\"refl.imgSrc\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[ngStyle]=\"refl.imgFitStyle\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t} @else if (refl.fill) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%\"\n\t\t\t\t\t\t\t[style.background-color]=\"refl.fill.backgroundColor\"\n\t\t\t\t\t\t\t[style.background-image]=\"refl.fill.backgroundImage\"\n\t\t\t\t\t\t\t[style.background-size]=\"refl.fill.backgroundSize\"\n\t\t\t\t\t\t\t[style.background-position]=\"refl.fill.backgroundPosition\"\n\t\t\t\t\t\t\t[style.background-repeat]=\"refl.fill.backgroundRepeat\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<!-- Hollow frame hit target: an unfilled, textless shape is hit-tested\n\t\t\t     on its outline only, so its interior lets clicks through. -->\n\t\t\t@if (hollowHit(); as hit) {\n\t\t\t\t<svg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\t[attr.d]=\"hit.d\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"transparent\"\n\t\t\t\t\t\t[attr.stroke-width]=\"hit.strokeWidth\"\n\t\t\t\t\t\tstyle=\"pointer-events: stroke\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- Stroked outline: a CSS border takes one flat colour, and cannot\n\t\t\t     outline an open preset (`line`, `arc`) at all. -->\n\t\t\t@if (gradientOutline(); as go) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-gradient-outline\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.viewBox]=\"outlineViewBox()\"\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t@if (go.paint; as paint) {\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@if (paint.kind === 'pattern') {\n\t\t\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\t[attr.width]=\"paint.width\"\n\t\t\t\t\t\t\t\t\t\t[attr.height]=\"paint.height\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'rectPath') {\n\t\t\t\t\t\t\t\t<pattern [attr.id]=\"paint.id\" patternUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n\t\t\t\t\t\t\t\t\t<image\n\t\t\t\t\t\t\t\t\t\t[attr.href]=\"paint.href\"\n\t\t\t\t\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t\t\t\t\twidth=\"1\"\n\t\t\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</pattern>\n\t\t\t\t\t\t\t} @else if (paint.kind === 'radial') {\n\t\t\t\t\t\t\t\t<radialGradient\n\t\t\t\t\t\t\t\t\t[attr.id]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"paint.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"paint.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"paint.r\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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]=\"paint.id\"\n\t\t\t\t\t\t\t\t\t[attr.x1]=\"paint.x1\"\n\t\t\t\t\t\t\t\t\t[attr.y1]=\"paint.y1\"\n\t\t\t\t\t\t\t\t\t[attr.x2]=\"paint.x2\"\n\t\t\t\t\t\t\t\t\t[attr.y2]=\"paint.y2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (stop of paint.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\"\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@for (strand of go.strands; track $index) {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"go.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"go.stroke\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"strand.strokeWidth\"\n\t\t\t\t\t\t\t[attr.stroke-dasharray]=\"go.dashArray\"\n\t\t\t\t\t\t\t[attr.stroke-linecap]=\"go.lineCap\"\n\t\t\t\t\t\t\t[attr.stroke-linejoin]=\"go.lineJoin\"\n\t\t\t\t\t\t\t[style.transform]=\"\n\t\t\t\t\t\t\t\tstrand.offset !== 0 ? 'translate(0, ' + strand.offset + 'px)' : null\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<!-- While this element is open in the inline text editor, its live text\n\t\t\t     is drawn by that overlay instead (see `isBeingInlineEdited`);\n\t\t\t     rendering it here too produced a duplicate, offset \"text shadow\"\n\t\t\t     (issue #182). -->\n\t\t\t@if (!isBeingInlineEdited()) {\n\t\t\t\t@if (pathWarp(); as warp) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[attr.width]=\"warp.width\"\n\t\t\t\t\t\t[attr.height]=\"warp.height\"\n\t\t\t\t\t\t[attr.viewBox]=\"'0 0 ' + warp.width + ' ' + warp.height\"\n\t\t\t\t\t\tstyle=\"position: absolute; inset: 0; overflow: visible; pointer-events: none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t\t<path [attr.id]=\"line.pathId\" [attr.d]=\"line.d\" fill=\"none\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t@for (line of warp.pathLines; track line.pathId) {\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t[attr.font-size]=\"warp.baseFontSize\"\n\t\t\t\t\t\t\t\t[attr.font-family]=\"warp.baseFontFamily\"\n\t\t\t\t\t\t\t\t[attr.fill]=\"warp.baseColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<textPath\n\t\t\t\t\t\t\t\t\t[attr.href]=\"'#' + line.pathId\"\n\t\t\t\t\t\t\t\t\t[attr.startOffset]=\"warp.startOffset\"\n\t\t\t\t\t\t\t\t\t[attr.text-anchor]=\"warp.textAnchor\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (seg of line.segments; track $index) {\n\t\t\t\t\t\t\t\t\t\t<tspan\n\t\t\t\t\t\t\t\t\t\t\t[attr.fill]=\"seg.style?.color ?? warp.baseColor\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-weight]=\"seg.style?.bold ? 700 : 400\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.font-style]=\"seg.style?.italic ? 'italic' : 'normal'\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{{ seg.text }}\n\t\t\t\t\t\t\t\t\t\t</tspan>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</textPath>\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t}\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (placeholderPrompt(); as prompt) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"prompt.style\">{{ prompt.text }}</div>\n\t\t\t\t} @else if (hasText()) {\n\t\t\t\t\t<div class=\"pptx-ng-text\" [ngStyle]=\"warpedTextStyle()\">\n\t\t\t\t\t\t@for (para of paragraphs(); track $index) {\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-para\"\n\t\t\t\t\t\t\t\t[ngStyle]=\"para.paragraphStyle ?? null\"\n\t\t\t\t\t\t\t\t[style.padding-left.px]=\"para.indentPx\"\n\t\t\t\t\t\t\t\t[style.text-indent.px]=\"para.textIndentPx ?? null\"\n\t\t\t\t\t\t\t\t[style.line-height]=\"para.lineHeight ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-top.px]=\"para.spaceBeforePx ?? null\"\n\t\t\t\t\t\t\t\t[style.margin-bottom.px]=\"para.spaceAfterPx ?? null\"\n\t\t\t\t\t\t\t\t[style.font-size.px]=\"para.strutFontSizePx ?? null\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t@if (para.bulletPicture?.src) {\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet-image\"\n\t\t\t\t\t\t\t\t\t\t[src]=\"para.bulletPicture.src\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"para.bulletPicture.accessibleLabel\"\n\t\t\t\t\t\t\t\t\t\t[style.width.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\t[style.height.px]=\"para.bulletPicture.sizePx\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\tmargin-inline-end: 4px;\n\t\t\t\t\t\t\t\t\t\t\tobject-fit: contain;\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} @else if (para.bulletMarker) {\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-bullet\"\n\t\t\t\t\t\t\t\t\t\t[ngStyle]=\"para.bulletStyle\"\n\t\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"para.bulletPicture?.accessibleLabel ?? null\"\n\t\t\t\t\t\t\t\t\t\t>{{ para.bulletMarker }}</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (textBuildSpecs()[$index]; as spec) {\n\t\t\t\t\t\t\t\t\t<!-- Staged text build: render the split pieces so each one\n\t\t\t\t\t\t\t\t     carries its own sub-animation. -->\n\t\t\t\t\t\t\t\t\t@if (spec.granularity === 'paragraph') {\n\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"spec.animId\" [ngStyle]=\"buildSpanStyle(spec)\">{{\n\t\t\t\t\t\t\t\t\t\t\tparagraphText(para)\n\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t@for (span of spec.spans ?? []; track $index) {\n\t\t\t\t\t\t\t\t\t\t\t<span [attr.data-anim-id]=\"span.animId\" [ngStyle]=\"buildSpanStyle(span)\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tspan.text\n\t\t\t\t\t\t\t\t\t\t\t}}</span>\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} @else {\n\t\t\t\t\t\t\t\t\t@for (run of para.runs; track $index) {\n\t\t\t\t\t\t\t\t\t\t@if (run.equationXml) {\n\t\t\t\t\t\t\t\t\t\t\t<pptx-equation-renderer\n\t\t\t\t\t\t\t\t\t\t\t\t[equationXml]=\"run.equationXml\"\n\t\t\t\t\t\t\t\t\t\t\t\t[equationNumber]=\"run.equationNumber\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t} @else if (\n\t\t\t\t\t\t\t\t\t\t\trun.text ===\n\t\t\t\t\t\t\t\t\t\t\t'\n'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t} @else if (run.reflection; as refl) {\n\t\t\t\t\t\t\t\t\t\t\t<!-- `a:reflection`: wrapped HERE, around the whole base\n\t\t\t\t\t\t\t\t\t\t     run (`runBase`), rather than inside its href/ruby/plain\n\t\t\t\t\t\t\t\t\t\t     branches - a `<ruby>` run's own `display: ruby` (which\n\t\t\t\t\t\t\t\t\t\t     positions the annotation above its base text) would\n\t\t\t\t\t\t\t\t\t\t     break if forced to `display: inline-block` to host the\n\t\t\t\t\t\t\t\t\t\t     mirror. Cross-browser, unlike the `-webkit-box-reflect`\n\t\t\t\t\t\t\t\t\t\t     this replaced (Firefox never implemented it). -->\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"position: relative; display: inline-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-text-reflection\" aria-hidden=\"true\" [ngStyle]=\"refl\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><span [ngStyle]=\"run.style\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t><ng-container\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"runContent; context: { run: run }\" /></span\n\t\t\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"runBase; context: { run: run }\" />\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}\n\t\t\t\t\t\t\t\t@if (para.isEmpty) {\n\t\t\t\t\t\t\t\t\t<!-- An authored blank line has no runs, so without this the\n\t\t\t\t\t\t\t\t     <p> collapses to zero height and the gap a deck puts\n\t\t\t\t\t\t\t\t     between a heading and its bullet list disappears. -->\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</div>\n\t}\n\t@default {\n\t\t<div\n\t\t\tclass=\"pptx-ng-element pptx-ng-unsupported\"\n\t\t\t[ngStyle]=\"containerStyle()\"\n\t\t\t[style.pointer-events]=\"rootPointerEvents()\"\n\t\t\t[attr.data-element-id]=\"elementIdAttr()\"\n\t\t\t[attr.data-pptx-element]=\"elementMarked() ? 'true' : null\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-placeholder\">{{ placeholderLabel() }}</div>\n\t\t</div>\n\t}\n}\n\n<!-- Soft-edge feather <filter> def, referenced via filter: url(#soft-edge-<id>). -->\n@if (softEdgeFilter(); as sef) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter\n\t\t\t\t[attr.id]=\"sef.id\"\n\t\t\t\tx=\"-20%\"\n\t\t\t\ty=\"-20%\"\n\t\t\t\twidth=\"140%\"\n\t\t\t\theight=\"140%\"\n\t\t\t\tcolor-interpolation-filters=\"sRGB\"\n\t\t\t>\n\t\t\t\t<feGaussianBlur in=\"SourceAlpha\" [attr.stdDeviation]=\"sef.radius\" result=\"softEdgeAlpha\" />\n\t\t\t\t<feComposite in=\"SourceGraphic\" in2=\"softEdgeAlpha\" operator=\"in\" />\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!-- Duotone image-effect <filter> def, referenced via filter: url(#id). -->\n@if (duotoneFilter(); as df) {\n\t<svg\n\t\twidth=\"0\"\n\t\theight=\"0\"\n\t\taria-hidden=\"true\"\n\t\tstyle=\"position: absolute; width: 0; height: 0; overflow: hidden\"\n\t>\n\t\t<defs>\n\t\t\t<filter [attr.id]=\"df.id\" color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feColorMatrix type=\"matrix\" [attr.values]=\"df.primitives[0].values\" />\n\t\t\t\t<feComponentTransfer>\n\t\t\t\t\t<feFuncR\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[0].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[0].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncG\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[1].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[1].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feFuncB\n\t\t\t\t\t\ttype=\"linear\"\n\t\t\t\t\t\t[attr.slope]=\"df.primitives[1].channels[2].slope\"\n\t\t\t\t\t\t[attr.intercept]=\"df.primitives[1].channels[2].intercept\"\n\t\t\t\t\t/>\n\t\t\t\t</feComponentTransfer>\n\t\t\t</filter>\n\t\t</defs>\n\t</svg>\n}\n\n<!--\n\tOne run's base element (hyperlink / ruby / plain span), reused via\n\t`ngTemplateOutlet` both directly and inside the `a:reflection` wrapper above,\n\tso the reflection case does not duplicate this three-way branch.\n-->\n<ng-template #runBase let-run=\"run\">\n\t@if (run.href) {\n\t\t<a\n\t\t\tclass=\"pptx-ng-link\"\n\t\t\t[href]=\"run.href\"\n\t\t\t[attr.target]=\"run.target ?? '_blank'\"\n\t\t\t[attr.rel]=\"run.rel ?? 'noopener noreferrer'\"\n\t\t\t[attr.title]=\"run.tooltip ?? null\"\n\t\t\t[ngStyle]=\"run.style\"\n\t\t\t(click)=\"onHyperlinkClick($event, run.href)\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></a>\n\t} @else if (run.rubyText) {\n\t\t<!-- `a:ruby`: the phonetic guide sits above its base\n\t\t     text; the <rp> parentheses are the fallback for a\n\t\t     browser without ruby support. -->\n\t\t<ruby [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\" /><rp>(</rp\n\t\t\t><rt [ngStyle]=\"run.rubyStyle\">{{ run.rubyText }}</rt\n\t\t\t><rp>)</rp></ruby\n\t\t>\n\t} @else {\n\t\t<span [ngStyle]=\"run.style\"\n\t\t\t><ng-container *ngTemplateOutlet=\"runContent; context: { run: run }\"\n\t\t/></span>\n\t}\n</ng-template>\n\n<!--\n\tA run's text content, honouring shared's per-script font split\n\t(`run.scriptRuns`) and measured tab-stop layout (`run.tabLines`) when\n\teither is present. Both descriptors come from `pptx-viewer-shared`'s\n\t`buildParagraphs` (the per-script split was React-only before this\n\ttemplate existed: CJK, Arabic, Hebrew and Thai text rendered in the wrong\n\ttypeface here; the tab layout was likewise React-only, so a TOC-style row\n\tlost its leader dots and right-aligned page number). Reused via\n\t`ngTemplateOutlet` for the run's span / anchor / ruby base text, so all\n\tthree carry the same content logic.\n-->\n<ng-template #runContent let-run=\"run\">\n\t@if (run.tabLines) {\n\t\t@for (line of run.tabLines; track $index) {\n\t\t\t<span style=\"display: inline-block; white-space: nowrap\">\n\t\t\t\t@for (piece of line.pieces; track $index) {\n\t\t\t\t\t@if (piece.leaderStyle) {\n\t\t\t\t\t\t<span aria-hidden=\"true\" [ngStyle]=\"piece.leaderStyle\">{{ piece.leaderText }}</span>\n\t\t\t\t\t}\n\t\t\t\t\t<!-- `u=\"words\"`: one sibling span per word/gap in place of the piece span. -->\n\t\t\t\t\t@if (piece.words) {\n\t\t\t\t\t\t@for (word of piece.words; track $index) {\n\t\t\t\t\t\t\t<span [ngStyle]=\"word.style\">{{ word.text }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</span>\n\t\t\t@if (!$last) {\n\t\t\t\t<br />\n\t\t\t}\n\t\t}\n\t} @else if (run.scriptRuns || run.underlineWordPieces) {\n\t\t<!--\n\t\t\tA bare interpolation as the sole content of an `@if`/`@else` block\n\t\t\tleaks a real leading + trailing whitespace text node: Angular does\n\t\t\tnot collapse that whitespace the way it collapses whitespace between\n\t\t\telement TAGS. Worse, oxfmt's Angular-template printer always breaks a\n\t\t\tblock's content onto its own indented line, even when the block was\n\t\t\twritten as a single line with the braces touching, so writing the\n\t\t\t`{{ x }}` compact ourselves does not survive the next `bun run fmt` /\n\t\t\tpre-commit `lint-staged` pass: it silently re-introduces the leak\n\t\t\t(this happened twice, see `20d4d177`, `18eebb6f`). `<ng-container>`\n\t\t\tdoes not render any DOM node of its own, so wrapping the\n\t\t\tinterpolation in one keeps the no-wrapper-element behaviour of\n\t\t\tReact's `<>{piece.text}</>` fragment while making the interpolation\n\t\t\ttag-adjacent, which both Angular AND oxfmt already treat as safely\n\t\t\tcollapsible (see the many `<span>{{ x }}</span>` one-liners in this\n\t\t\tfile). That was invisible while a paragraph was one run per script\n\t\t\t(two stray spaces at the run's own edges, trimmed visually by the\n\t\t\tbrowser but still present in `textContent`), but shared's per-word /\n\t\t\tper-gap metric split (`text-run-spacing.ts`, issue #149) re-emits\n\t\t\tevery WORD and inter-word GAP as its own sibling run, so the same\n\t\t\tone-space leak lands between every word: \"will choose\" rendered as\n\t\t\t\"will     choose\" (five spaces: the word's own trailing leak, the\n\t\t\tgap run's real space plus its OWN two leaks, the next word's leading\n\t\t\tleak). The same leak also showed up one paragraph at a time:\n\t\t\t\"Project\" / \"Atlas\" as two separate paragraphs read back as\n\t\t\t\"ProjectAtlas\" instead of React's \"Project Atlas\", because the\n\t\t\tplain-run `@else` below had the same bug.\n\t\t-->\n\t\t@for (piece of run.scriptRuns ?? run.underlineWordPieces; track $index) {\n\t\t\t@if (piece.style) {\n\t\t\t\t<span [ngStyle]=\"piece.style\">{{ piece.text }}</span>\n\t\t\t} @else {\n\t\t\t\t<ng-container>{{ piece.text }}</ng-container>\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t<ng-container>{{ run.text }}</ng-container>\n\t}\n</ng-template>\n" }]
         }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], obstacles: [{ type: i0.Input, args: [{ isSignal: true, alias: "obstacles", required: false }] }], canvasWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasWidth", required: false }] }], canvasHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasHeight", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], marked: [{ type: i0.Input, args: [{ isSignal: true, alias: "marked", required: false }] }], exposeElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "exposeElementId", required: false }] }], presenting: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenting", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], fieldContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldContext", required: false }] }], slideElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideElements", required: false }] }], editTemplateMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editTemplateMode", required: false }] }], parentGroupFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentGroupFill", required: false }] }], editingElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editingElementId", required: false }] }], cellCommit: [{ type: i0.Output, args: ["cellCommit"] }], tableChange: [{ type: i0.Output, args: ["tableChange"] }] } });
 
 /**
@@ -115108,6 +116564,7 @@ class ViewerCollaborationSessionService {
             canvasHeight: size.height,
             getSourceBytes: () => host.getSourceBytes(),
             getTemplateElements: () => host.getTemplateElements(),
+            getSaveOptions: () => host.getSaveOptions(),
         };
     }
     /**
@@ -128581,7 +130038,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.7.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "3.8.0";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -134416,6 +135873,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 	`, styles: [".hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--pptx-inspector-border, rgba(0, 0, 0, .1))}.hdr__tabs{display:flex;align-items:center;gap:2px;border-radius:4px;background:var(--pptx-inspector-input-bg, rgba(0, 0, 0, .06));padding:2px}.hdr__tab{display:flex;align-items:center;gap:4px;padding:3px 8px;border:none;border-radius:3px;background:transparent;color:var(--pptx-inspector-muted, #888);font-size:11px;font-family:inherit;cursor:pointer}.hdr__tab.is-active{background:var(--pptx-inspector-active, #0078d4);color:#fff}.hdr__icon{width:14px;height:14px;flex-shrink:0}.hdr__icon--close{width:16px;height:16px}.hdr__close{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:3px;background:transparent;color:var(--pptx-inspector-muted, #888);cursor:pointer}.hdr__close:hover,.hdr__tab:not(.is-active):hover{color:inherit}\n"] }]
         }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], closePane: [{ type: i0.Output, args: ["closePane"] }] } });
 
+/**
+ * Alt text / title editor for a plain shape, text box or connector, at
+ * parity with React's `AccessibilityTextSection` and Vue's
+ * `AccessibilityPanel.vue`.
+ *
+ * A picture's own alt text field lives in `ImagePropertiesPanelComponent`;
+ * this covers the three element kinds that only started modelling `altText`
+ * / `title` once core parsed `p:cNvPr/@descr` / `@title` on `p:sp` / `p:cxnSp`
+ * (see `PptxNonVisualDescription`). `getNonVisualDescriptionFields` (shared)
+ * decides which fields apply so this component stays a thin view.
+ */
+class AccessibilityTextPanelComponent {
+    constructor() {
+        this.element = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+        this.patch = output();
+        this.fields = computed(() => getNonVisualDescriptionFields(this.element()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+    }
+    /** Whether the selected element kind supports either field. */
+    static supports(element) {
+        return element.type === 'text' || element.type === 'shape' || element.type === 'connector';
+    }
+    onAltText(event) {
+        this.patch.emit({
+            altText: event.target.value,
+        });
+    }
+    onTitle(event) {
+        this.patch.emit({ title: event.target.value });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: AccessibilityTextPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: AccessibilityTextPanelComponent, isStandalone: true, selector: "pptx-accessibility-text-panel", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patch: "patch" }, ngImport: i0, template: `
+		@if (fields().showAltText || fields().showTitle) {
+			<div class="pptx-ng-accessibility-text" data-pptx-accessibility-text>
+				@if (fields().showAltText) {
+					<label class="field field--stacked">
+						<span>{{ 'pptx.elementAccessibility.altText' | translate }}</span>
+						<textarea
+							rows="2"
+							[value]="fields().altText"
+							[placeholder]="'pptx.elementAccessibility.altTextPlaceholder' | translate"
+							(input)="onAltText($event)"
+						></textarea>
+					</label>
+				}
+				@if (fields().showTitle) {
+					<label class="field field--stacked">
+						<span>{{ 'pptx.elementAccessibility.title' | translate }}</span>
+						<input
+							type="text"
+							[value]="fields().title"
+							[placeholder]="'pptx.elementAccessibility.titlePlaceholder' | translate"
+							(input)="onTitle($event)"
+						/>
+					</label>
+				}
+			</div>
+		}
+	`, isInline: true, styles: [".pptx-ng-accessibility-text{display:grid;gap:9px;font-size:11px}.field{display:grid;gap:4px;color:var(--pptx-inspector-muted, #aaa)}.field--stacked{grid-template-columns:1fr}input[type=text],textarea{box-sizing:border-box;width:100%;padding:4px 6px;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit;font:inherit;resize:vertical}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: AccessibilityTextPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-accessibility-text-panel', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+		@if (fields().showAltText || fields().showTitle) {
+			<div class="pptx-ng-accessibility-text" data-pptx-accessibility-text>
+				@if (fields().showAltText) {
+					<label class="field field--stacked">
+						<span>{{ 'pptx.elementAccessibility.altText' | translate }}</span>
+						<textarea
+							rows="2"
+							[value]="fields().altText"
+							[placeholder]="'pptx.elementAccessibility.altTextPlaceholder' | translate"
+							(input)="onAltText($event)"
+						></textarea>
+					</label>
+				}
+				@if (fields().showTitle) {
+					<label class="field field--stacked">
+						<span>{{ 'pptx.elementAccessibility.title' | translate }}</span>
+						<input
+							type="text"
+							[value]="fields().title"
+							[placeholder]="'pptx.elementAccessibility.titlePlaceholder' | translate"
+							(input)="onTitle($event)"
+						/>
+					</label>
+				}
+			</div>
+		}
+	`, styles: [".pptx-ng-accessibility-text{display:grid;gap:9px;font-size:11px}.field{display:grid;gap:4px;color:var(--pptx-inspector-muted, #aaa)}.field--stacked{grid-template-columns:1fr}input[type=text],textarea{box-sizing:border-box;width:100%;padding:4px 6px;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit;font:inherit;resize:vertical}\n"] }]
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], patch: [{ type: i0.Output, args: ["patch"] }] } });
+
 /**
  * action-target-fields.component.ts: the target input for one Action Settings
  * trigger, split out of `ActionSettingsPanelComponent` to keep that file under
@@ -139602,7 +141152,10 @@ class ChartTypeSelectorComponent {
     onTitle(event) {
         const target = event.target;
         if (target instanceof HTMLInputElement) {
-            this.emit({ title: target.value });
+            // A multi-run title collapses to one run in its dominant style so an
+            // edit does not leave another, now-stale run's text trailing the new
+            // title; see `collapseChartTitleRunsForEdit`'s doc.
+            this.emit(collapseChartTitleRunsForEdit(this.data(), target.value));
         }
     }
     onType(event) {
@@ -143533,7 +145086,7 @@ class SmartArtPropertiesComponent {
         this.commit(moveNodeDown(this.smartArtData(), nodeId));
     }
     onNodeFillColor(event, nodeId) {
-        const value = inputValue$2(event);
+        const value = inputValue$3(event);
         if (value === null) {
             return;
         }
@@ -143541,7 +145094,7 @@ class SmartArtPropertiesComponent {
         this.recentColors?.push(value);
     }
     onNodeFontColor(event, nodeId) {
-        const value = inputValue$2(event);
+        const value = inputValue$3(event);
         if (value === null) {
             return;
         }
@@ -143555,7 +145108,7 @@ class SmartArtPropertiesComponent {
         this.commit(toggleNodeItalic(this.smartArtData(), node));
     }
     onNodeText(event, nodeId) {
-        const value = inputValue$2(event);
+        const value = inputValue$3(event);
         if (value === null) {
             return;
         }
@@ -144050,7 +145603,7 @@ function selectValue$1(event) {
     return target instanceof HTMLSelectElement ? target.value : null;
 }
 /** Read the value of an `<input>` change event. */
-function inputValue$2(event) {
+function inputValue$3(event) {
     const target = event.target;
     return target instanceof HTMLInputElement ? target.value : null;
 }
@@ -144225,7 +145778,7 @@ class TableCellAdvancedFillComponent {
         this.emitGradient(this.stops(), this.gradType(), angle);
     }
     onStopColor(index, event) {
-        const color = inputValue$1(event);
+        const color = inputValue$2(event);
         this.updateStop(index, { color });
     }
     onStopPos(index, event) {
@@ -144240,10 +145793,10 @@ class TableCellAdvancedFillComponent {
         this.styleChange.emit({ patternFillPreset: selectValue(event) });
     }
     onPatternFg(event) {
-        this.styleChange.emit({ patternFillForeground: inputValue$1(event) });
+        this.styleChange.emit({ patternFillForeground: inputValue$2(event) });
     }
     onPatternBg(event) {
-        this.styleChange.emit({ patternFillBackground: inputValue$1(event) });
+        this.styleChange.emit({ patternFillBackground: inputValue$2(event) });
     }
     onMargin(key, event) {
         const value = numberValue(event);
@@ -144256,7 +145809,7 @@ class TableCellAdvancedFillComponent {
      * colour into the shared "Recent colours" list.
      */
     pushRecentColor(event) {
-        const value = inputValue$1(event);
+        const value = inputValue$2(event);
         if (value) {
             this.recentColors?.push(value);
         }
@@ -144579,7 +146132,7 @@ function selectValue(event) {
     const t = event.target;
     return t instanceof HTMLSelectElement ? t.value : '';
 }
-function inputValue$1(event) {
+function inputValue$2(event) {
     const t = event.target;
     return t instanceof HTMLInputElement ? t.value : '';
 }
@@ -144629,14 +146182,14 @@ class TableCellColorFieldComponent {
     }
     /** Live preview while dragging the native picker: no theme identity, so always clears the ref. */
     onNativeChange(event) {
-        const value = inputValue(event);
+        const value = inputValue$1(event);
         if (value) {
             this.commit.emit({ hex: value, ref: undefined });
         }
     }
     /** The committed (native `change`, not the live-preview `input`) colour: record it as recent. */
     onNativeCommit(event) {
-        const value = inputValue(event);
+        const value = inputValue$1(event);
         if (value) {
             this.recentColors?.push(value);
         }
@@ -144689,7 +146242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 		</label>
 	`, styles: [".pptx-tccf__field{display:flex;flex-direction:column;gap:.2rem}.pptx-tccf__lbl{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tccf__color{width:28px;height:22px;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], fallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallback", required: true }] }], selectedRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], commit: [{ type: i0.Output, args: ["commit"] }] } });
-function inputValue(event) {
+function inputValue$1(event) {
     const t = event.target;
     return t instanceof HTMLInputElement ? t.value : '';
 }
@@ -145655,6 +147208,616 @@ function stringFromEvent$1(event) {
     return target.value;
 }
 
+/**
+ * table-style-editor-fields.component.ts: field editors (fill/text/borders)
+ * for whichever part `TableStyleEditorComponent` currently has selected.
+ * Split out from that shell purely to keep both files under the repo's
+ * 300-LOC budget. Mirrors React's `TableStyleEditorFields.tsx` and Vue's
+ * `TableStyleEditorFields.vue`.
+ *
+ * @module viewer/table-style-editor-fields
+ */
+function inputValue(event) {
+    const t = event.target;
+    return t instanceof HTMLInputElement || t instanceof HTMLSelectElement ? t.value : '';
+}
+function checkedValue(event) {
+    const t = event.target;
+    return t instanceof HTMLInputElement ? t.checked : false;
+}
+class TableStyleEditorFieldsComponent {
+    constructor() {
+        this.descriptor = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.edit = output();
+        this.sides = TABLE_STYLE_BORDER_SIDES;
+        this.dashPresets = TABLE_STYLE_DASH_PRESETS;
+        this.borderSideLabelKeys = TABLE_STYLE_BORDER_SIDE_LABEL_KEYS;
+    }
+    inputValue(event) {
+        return inputValue(event);
+    }
+    /** Templates cannot reach the `Number` global, so the coercion lives here. */
+    inputNumber(event) {
+        return Number(inputValue(event));
+    }
+    checkedValue(event) {
+        return checkedValue(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TableStyleEditorFieldsComponent, isStandalone: true, selector: "pptx-table-style-editor-fields", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "edit" }, ngImport: i0, template: `
+		@if (descriptor(); as d) {
+			<div class="pptx-tse-fields">
+				<div class="pptx-tse-fields__group">
+					<div class="pptx-tse-fields__hdg">
+						{{ 'pptx.tableStyleEditor.fillSection' | translate }}
+					</div>
+					<div class="pptx-tse-fields__row">
+						<input
+							type="color"
+							class="pptx-tse-fields__color"
+							[disabled]="!canEdit()"
+							[value]="d.fill.color.hex"
+							(change)="edit.emit({ kind: 'fillColor', hex: inputValue($event), ref: undefined })"
+						/>
+						<label class="pptx-tse-fields__check">
+							<input
+								type="checkbox"
+								[disabled]="!canEdit()"
+								[checked]="d.fill.noFill"
+								(change)="edit.emit({ kind: 'fillNone', noFill: checkedValue($event) })"
+							/>
+							{{ 'pptx.tableStyleEditor.noFill' | translate }}
+						</label>
+					</div>
+					<pptx-theme-color-swatch-grid
+						[disabled]="!canEdit()"
+						[selectedRef]="d.fill.color.ref"
+						[selectedHex]="d.fill.color.hex"
+						(pick)="edit.emit({ kind: 'fillColor', hex: $event.hex, ref: $event.ref })"
+					/>
+				</div>
+
+				@if (d.hasTextAndBorders) {
+					<div class="pptx-tse-fields__group">
+						<div class="pptx-tse-fields__hdg">
+							{{ 'pptx.tableStyleEditor.textSection' | translate }}
+						</div>
+						<div class="pptx-tse-fields__row">
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.bold"
+								(click)="edit.emit({ kind: 'textBold', value: !d.text.bold })"
+							>
+								{{ 'pptx.format.bold' | translate }}
+							</button>
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.italic"
+								(click)="edit.emit({ kind: 'textItalic', value: !d.text.italic })"
+							>
+								{{ 'pptx.format.italic' | translate }}
+							</button>
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.underline"
+								(click)="edit.emit({ kind: 'textUnderline', value: !d.text.underline })"
+							>
+								{{ 'pptx.format.underline' | translate }}
+							</button>
+						</div>
+						<label class="pptx-tse-fields__row">
+							<span>{{ 'pptx.tableStyleEditor.textColor' | translate }}</span>
+							<input
+								type="color"
+								class="pptx-tse-fields__color"
+								[disabled]="!canEdit()"
+								[value]="d.text.color.hex"
+								(change)="edit.emit({ kind: 'textColor', hex: inputValue($event), ref: undefined })"
+							/>
+						</label>
+						<pptx-theme-color-swatch-grid
+							[disabled]="!canEdit()"
+							[selectedRef]="d.text.color.ref"
+							[selectedHex]="d.text.color.hex"
+							(pick)="edit.emit({ kind: 'textColor', hex: $event.hex, ref: $event.ref })"
+						/>
+					</div>
+
+					<div class="pptx-tse-fields__group">
+						<div class="pptx-tse-fields__hdg">
+							{{ 'pptx.tableStyleEditor.bordersSection' | translate }}
+						</div>
+						@for (side of sides; track side) {
+							<div class="pptx-tse-fields__border-row">
+								<span class="pptx-tse-fields__side-lbl">{{
+									borderSideLabelKeys[side] | translate
+								}}</span>
+								<input
+									type="color"
+									class="pptx-tse-fields__color pptx-tse-fields__color--sm"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].color.hex"
+									(change)="
+										edit.emit({
+											kind: 'borderColor',
+											side,
+											hex: inputValue($event),
+											ref: undefined,
+										})
+									"
+								/>
+								<input
+									type="number"
+									min="0"
+									max="20"
+									class="pptx-tse-fields__num"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].width"
+									(change)="edit.emit({ kind: 'borderWidth', side, width: inputNumber($event) })"
+								/>
+								<select
+									class="pptx-tse-fields__dash"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].dash"
+									(change)="edit.emit({ kind: 'borderDash', side, dash: inputValue($event) })"
+								>
+									@for (dash of dashPresets; track dash) {
+										<option [value]="dash" [selected]="dash === d.borders[side].dash">
+											{{ dash }}
+										</option>
+									}
+								</select>
+								<label class="pptx-tse-fields__check">
+									<input
+										type="checkbox"
+										[disabled]="!canEdit()"
+										[checked]="d.borders[side].noFill"
+										(change)="edit.emit({ kind: 'borderNone', side, noFill: checkedValue($event) })"
+									/>
+									{{ 'pptx.tableStyleEditor.noBorder' | translate }}
+								</label>
+							</div>
+						}
+					</div>
+				}
+			</div>
+		}
+	`, isInline: true, styles: [".pptx-tse-fields{display:flex;flex-direction:column;gap:.5rem}.pptx-tse-fields__group{display:flex;flex-direction:column;gap:.25rem}.pptx-tse-fields__hdg{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--pptx-inspector-muted, #888)}.pptx-tse-fields__row{display:flex;align-items:center;gap:.5rem;font-size:11px}.pptx-tse-fields__check{display:flex;align-items:center;gap:.25rem;font-size:11px}.pptx-tse-fields__color{height:1.5rem;width:2rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}.pptx-tse-fields__color--sm{width:1.75rem}.pptx-tse-fields__border-row{display:flex;align-items:center;gap:.4rem;font-size:11px}.pptx-tse-fields__side-lbl{width:7rem;flex-shrink:0;color:var(--pptx-inspector-muted, #888)}.pptx-tse-fields__num{width:3rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit}.pptx-tse-fields__dash{border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit}.pptx-tse-fields__active{background:var(--pptx-inspector-active, #3a3a3a)}\n"], dependencies: [{ kind: "component", type: ThemeColorSwatchGridComponent, selector: "pptx-theme-color-swatch-grid", inputs: ["disabled", "selectedRef", "selectedHex"], outputs: ["pick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorFieldsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-table-style-editor-fields', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, ThemeColorSwatchGridComponent], template: `
+		@if (descriptor(); as d) {
+			<div class="pptx-tse-fields">
+				<div class="pptx-tse-fields__group">
+					<div class="pptx-tse-fields__hdg">
+						{{ 'pptx.tableStyleEditor.fillSection' | translate }}
+					</div>
+					<div class="pptx-tse-fields__row">
+						<input
+							type="color"
+							class="pptx-tse-fields__color"
+							[disabled]="!canEdit()"
+							[value]="d.fill.color.hex"
+							(change)="edit.emit({ kind: 'fillColor', hex: inputValue($event), ref: undefined })"
+						/>
+						<label class="pptx-tse-fields__check">
+							<input
+								type="checkbox"
+								[disabled]="!canEdit()"
+								[checked]="d.fill.noFill"
+								(change)="edit.emit({ kind: 'fillNone', noFill: checkedValue($event) })"
+							/>
+							{{ 'pptx.tableStyleEditor.noFill' | translate }}
+						</label>
+					</div>
+					<pptx-theme-color-swatch-grid
+						[disabled]="!canEdit()"
+						[selectedRef]="d.fill.color.ref"
+						[selectedHex]="d.fill.color.hex"
+						(pick)="edit.emit({ kind: 'fillColor', hex: $event.hex, ref: $event.ref })"
+					/>
+				</div>
+
+				@if (d.hasTextAndBorders) {
+					<div class="pptx-tse-fields__group">
+						<div class="pptx-tse-fields__hdg">
+							{{ 'pptx.tableStyleEditor.textSection' | translate }}
+						</div>
+						<div class="pptx-tse-fields__row">
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.bold"
+								(click)="edit.emit({ kind: 'textBold', value: !d.text.bold })"
+							>
+								{{ 'pptx.format.bold' | translate }}
+							</button>
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.italic"
+								(click)="edit.emit({ kind: 'textItalic', value: !d.text.italic })"
+							>
+								{{ 'pptx.format.italic' | translate }}
+							</button>
+							<button
+								type="button"
+								[disabled]="!canEdit()"
+								[class.pptx-tse-fields__active]="d.text.underline"
+								(click)="edit.emit({ kind: 'textUnderline', value: !d.text.underline })"
+							>
+								{{ 'pptx.format.underline' | translate }}
+							</button>
+						</div>
+						<label class="pptx-tse-fields__row">
+							<span>{{ 'pptx.tableStyleEditor.textColor' | translate }}</span>
+							<input
+								type="color"
+								class="pptx-tse-fields__color"
+								[disabled]="!canEdit()"
+								[value]="d.text.color.hex"
+								(change)="edit.emit({ kind: 'textColor', hex: inputValue($event), ref: undefined })"
+							/>
+						</label>
+						<pptx-theme-color-swatch-grid
+							[disabled]="!canEdit()"
+							[selectedRef]="d.text.color.ref"
+							[selectedHex]="d.text.color.hex"
+							(pick)="edit.emit({ kind: 'textColor', hex: $event.hex, ref: $event.ref })"
+						/>
+					</div>
+
+					<div class="pptx-tse-fields__group">
+						<div class="pptx-tse-fields__hdg">
+							{{ 'pptx.tableStyleEditor.bordersSection' | translate }}
+						</div>
+						@for (side of sides; track side) {
+							<div class="pptx-tse-fields__border-row">
+								<span class="pptx-tse-fields__side-lbl">{{
+									borderSideLabelKeys[side] | translate
+								}}</span>
+								<input
+									type="color"
+									class="pptx-tse-fields__color pptx-tse-fields__color--sm"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].color.hex"
+									(change)="
+										edit.emit({
+											kind: 'borderColor',
+											side,
+											hex: inputValue($event),
+											ref: undefined,
+										})
+									"
+								/>
+								<input
+									type="number"
+									min="0"
+									max="20"
+									class="pptx-tse-fields__num"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].width"
+									(change)="edit.emit({ kind: 'borderWidth', side, width: inputNumber($event) })"
+								/>
+								<select
+									class="pptx-tse-fields__dash"
+									[disabled]="!canEdit()"
+									[value]="d.borders[side].dash"
+									(change)="edit.emit({ kind: 'borderDash', side, dash: inputValue($event) })"
+								>
+									@for (dash of dashPresets; track dash) {
+										<option [value]="dash" [selected]="dash === d.borders[side].dash">
+											{{ dash }}
+										</option>
+									}
+								</select>
+								<label class="pptx-tse-fields__check">
+									<input
+										type="checkbox"
+										[disabled]="!canEdit()"
+										[checked]="d.borders[side].noFill"
+										(change)="edit.emit({ kind: 'borderNone', side, noFill: checkedValue($event) })"
+									/>
+									{{ 'pptx.tableStyleEditor.noBorder' | translate }}
+								</label>
+							</div>
+						}
+					</div>
+				}
+			</div>
+		}
+	`, styles: [".pptx-tse-fields{display:flex;flex-direction:column;gap:.5rem}.pptx-tse-fields__group{display:flex;flex-direction:column;gap:.25rem}.pptx-tse-fields__hdg{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--pptx-inspector-muted, #888)}.pptx-tse-fields__row{display:flex;align-items:center;gap:.5rem;font-size:11px}.pptx-tse-fields__check{display:flex;align-items:center;gap:.25rem;font-size:11px}.pptx-tse-fields__color{height:1.5rem;width:2rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:transparent;cursor:pointer}.pptx-tse-fields__color--sm{width:1.75rem}.pptx-tse-fields__border-row{display:flex;align-items:center;gap:.4rem;font-size:11px}.pptx-tse-fields__side-lbl{width:7rem;flex-shrink:0;color:var(--pptx-inspector-muted, #888)}.pptx-tse-fields__num{width:3rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit}.pptx-tse-fields__dash{border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);color:inherit}.pptx-tse-fields__active{background:var(--pptx-inspector-active, #3a3a3a)}\n"] }]
+        }], propDecorators: { descriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], edit: [{ type: i0.Output, args: ["edit"] }] } });
+
+/**
+ * table-style-editor.component.ts: "Edit style..." panel for a table style's
+ * own DEFINITION (`a:tblStyleLst` section fill/text/borders/cell3D), distinct
+ * from `TablePropertiesComponent`'s "which style does this table use" picker.
+ * Angular port of React's `TableStyleEditor.tsx` / Vue's `TableStyleEditor.vue`.
+ *
+ * @module viewer/table-style-editor
+ */
+class TableStyleEditorComponent {
+    constructor() {
+        this.styleMap = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "styleMap" }] : /* istanbul ignore next */ []));
+        /** The style currently assigned to the table being edited. */
+        this.styleId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "styleId" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        /** Commit a full replacement style map (section edit, create, or delete already applied). */
+        this.styleMapChange = output();
+        /** Record a styleId for save-time removal from `ppt/tableStyles.xml`. */
+        this.deleteStyle = output();
+        /** A newly-created style, for a parent that wants to assign it to the table. */
+        this.assignStyle = output();
+        this.close = output();
+        this.translate = inject(TranslateService);
+        this.loader = inject(LoadContentService, { optional: true });
+        this.parts = TABLE_STYLE_EDITOR_PARTS;
+        this.selectedPart = signal('wholeTbl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedPart" }] : /* istanbul ignore next */ []));
+        this.activeStyleId = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeStyleId" }] : /* istanbul ignore next */ []));
+        this.entry = computed(() => {
+            const id = this.activeStyleId() || (this.styleId() ? normalizeTableStyleGuid(this.styleId()) : '');
+            return id ? this.styleMap()?.[id] : undefined;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
+        this.descriptor = computed(() => describeTableStyleEditor(this.entry(), this.selectedPart(), this.loader?.themeColorMap?.()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+    }
+    onFieldEdit(fieldEdit) {
+        const entry = this.entry();
+        const map = this.styleMap();
+        if (!entry || !map) {
+            return;
+        }
+        const { entry: nextEntry } = applyTableStyleFieldEdit(entry, this.selectedPart(), fieldEdit);
+        this.styleMapChange.emit({ ...map, [nextEntry.styleId]: nextEntry });
+    }
+    createFromCurrent() {
+        const entry = this.entry();
+        const name = window.prompt(this.translate.instant('pptx.tableStyleEditor.newStyleNamePrompt'), entry ? `${entry.styleName ?? ''} Copy`.trim() : '');
+        if (!name) {
+            return;
+        }
+        const nextMap = { ...(this.styleMap() ?? {}) };
+        const created = createTableStyleEntry(nextMap, { styleName: name, basedOn: entry });
+        addTableStyleToMap(nextMap, created);
+        this.styleMapChange.emit(nextMap);
+        this.activeStyleId.set(created.styleId);
+        this.assignStyle.emit(created.styleId);
+    }
+    handleDelete() {
+        const entry = this.entry();
+        const map = this.styleMap();
+        if (!entry ||
+            !map ||
+            !window.confirm(this.translate.instant('pptx.tableStyleEditor.deleteConfirm'))) {
+            return;
+        }
+        const nextMap = { ...map };
+        deleteTableStyleFromMap(nextMap, entry.styleId);
+        this.styleMapChange.emit(nextMap);
+        this.deleteStyle.emit(entry.styleId);
+        this.close.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TableStyleEditorComponent, isStandalone: true, selector: "pptx-table-style-editor", inputs: { styleMap: { classPropertyName: "styleMap", publicName: "styleMap", isSignal: true, isRequired: false, transformFunction: null }, styleId: { classPropertyName: "styleId", publicName: "styleId", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { styleMapChange: "styleMapChange", deleteStyle: "deleteStyle", assignStyle: "assignStyle", close: "close" }, ngImport: i0, template: `
+		<div class="pptx-tse" data-testid="table-style-editor">
+			<div class="pptx-tse__hdr">
+				<div class="pptx-tse__hdg">{{ 'pptx.tableStyleEditor.title' | translate }}</div>
+				<button type="button" class="pptx-tse__btn" (click)="close.emit()">
+					{{ 'pptx.tableStyleEditor.close' | translate }}
+				</button>
+			</div>
+
+			@if (!entry()) {
+				<div class="pptx-tse__empty">{{ 'pptx.tableStyleEditor.noStyleSelected' | translate }}</div>
+			}
+
+			@if (entry()) {
+				<div class="pptx-tse__parts">
+					@for (part of parts; track part.id) {
+						<button
+							type="button"
+							class="pptx-tse__btn"
+							[class.pptx-tse__btn--active]="selectedPart() === part.id"
+							[disabled]="!canEdit()"
+							(click)="selectedPart.set(part.id)"
+						>
+							{{ part.labelKey | translate }}
+						</button>
+					}
+				</div>
+			}
+
+			@if (descriptor(); as d) {
+				<pptx-table-style-editor-fields
+					[descriptor]="d"
+					[canEdit]="canEdit()"
+					(edit)="onFieldEdit($event)"
+				/>
+			}
+
+			<div class="pptx-tse__actions">
+				<button
+					type="button"
+					class="pptx-tse__btn"
+					[disabled]="!canEdit()"
+					(click)="createFromCurrent()"
+				>
+					{{
+						(entry() ? 'pptx.tableStyleEditor.newFromCurrent' : 'pptx.tableStyleEditor.newStyle')
+							| translate
+					}}
+				</button>
+				@if (entry()) {
+					<button
+						type="button"
+						class="pptx-tse__btn"
+						[disabled]="!canEdit()"
+						(click)="handleDelete()"
+					>
+						{{ 'pptx.tableStyleEditor.deleteStyle' | translate }}
+					</button>
+				}
+			</div>
+		</div>
+	`, isInline: true, styles: [".pptx-tse{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:4px;padding:.5rem}.pptx-tse__hdr{display:flex;align-items:center;justify-content:space-between}.pptx-tse__hdg{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--pptx-inspector-muted, #888)}.pptx-tse__empty{font-size:11px;color:var(--pptx-inspector-muted, #888)}.pptx-tse__parts{display:flex;flex-wrap:wrap;gap:.25rem}.pptx-tse__actions{display:flex;gap:.4rem;padding-top:.25rem;border-top:1px solid var(--pptx-inspector-border, #444)}.pptx-tse__btn{font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 6px;cursor:pointer}.pptx-tse__btn--active{background:var(--pptx-inspector-active, #3a3a3a)}.pptx-tse__btn:disabled{opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: TableStyleEditorFieldsComponent, selector: "pptx-table-style-editor-fields", inputs: ["descriptor", "canEdit"], outputs: ["edit"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-table-style-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, TableStyleEditorFieldsComponent], template: `
+		<div class="pptx-tse" data-testid="table-style-editor">
+			<div class="pptx-tse__hdr">
+				<div class="pptx-tse__hdg">{{ 'pptx.tableStyleEditor.title' | translate }}</div>
+				<button type="button" class="pptx-tse__btn" (click)="close.emit()">
+					{{ 'pptx.tableStyleEditor.close' | translate }}
+				</button>
+			</div>
+
+			@if (!entry()) {
+				<div class="pptx-tse__empty">{{ 'pptx.tableStyleEditor.noStyleSelected' | translate }}</div>
+			}
+
+			@if (entry()) {
+				<div class="pptx-tse__parts">
+					@for (part of parts; track part.id) {
+						<button
+							type="button"
+							class="pptx-tse__btn"
+							[class.pptx-tse__btn--active]="selectedPart() === part.id"
+							[disabled]="!canEdit()"
+							(click)="selectedPart.set(part.id)"
+						>
+							{{ part.labelKey | translate }}
+						</button>
+					}
+				</div>
+			}
+
+			@if (descriptor(); as d) {
+				<pptx-table-style-editor-fields
+					[descriptor]="d"
+					[canEdit]="canEdit()"
+					(edit)="onFieldEdit($event)"
+				/>
+			}
+
+			<div class="pptx-tse__actions">
+				<button
+					type="button"
+					class="pptx-tse__btn"
+					[disabled]="!canEdit()"
+					(click)="createFromCurrent()"
+				>
+					{{
+						(entry() ? 'pptx.tableStyleEditor.newFromCurrent' : 'pptx.tableStyleEditor.newStyle')
+							| translate
+					}}
+				</button>
+				@if (entry()) {
+					<button
+						type="button"
+						class="pptx-tse__btn"
+						[disabled]="!canEdit()"
+						(click)="handleDelete()"
+					>
+						{{ 'pptx.tableStyleEditor.deleteStyle' | translate }}
+					</button>
+				}
+			</div>
+		</div>
+	`, styles: [".pptx-tse{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--pptx-inspector-border, #444);border-radius:4px;padding:.5rem}.pptx-tse__hdr{display:flex;align-items:center;justify-content:space-between}.pptx-tse__hdg{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--pptx-inspector-muted, #888)}.pptx-tse__empty{font-size:11px;color:var(--pptx-inspector-muted, #888)}.pptx-tse__parts{display:flex;flex-wrap:wrap;gap:.25rem}.pptx-tse__actions{display:flex;gap:.4rem;padding-top:.25rem;border-top:1px solid var(--pptx-inspector-border, #444)}.pptx-tse__btn{font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 6px;cursor:pointer}.pptx-tse__btn--active{background:var(--pptx-inspector-active, #3a3a3a)}.pptx-tse__btn:disabled{opacity:.4;cursor:not-allowed}\n"] }]
+        }], propDecorators: { styleMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleMap", required: false }] }], styleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleId", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], styleMapChange: [{ type: i0.Output, args: ["styleMapChange"] }], deleteStyle: [{ type: i0.Output, args: ["deleteStyle"] }], assignStyle: [{ type: i0.Output, args: ["assignStyle"] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+/**
+ * table-style-editor-launcher.component.ts: the "Edit style..." button +
+ * open/close state for `TableStyleEditorComponent`, extracted so
+ * `TablePropertiesComponent` (already over this repo's 300-LOC file budget)
+ * gains only a single wiring line rather than growing further.
+ *
+ * @module viewer/table-style-editor-launcher
+ */
+class TableStyleEditorLauncherComponent {
+    constructor() {
+        this.tableStyleMap = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableStyleMap" }] : /* istanbul ignore next */ []));
+        this.styleId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "styleId" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.tableStyleMapChange = output();
+        this.deleteTableStyle = output();
+        /** A newly-created style, for a parent that wants to assign it to the table. */
+        this.assignStyle = output();
+        this.open = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorLauncherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TableStyleEditorLauncherComponent, isStandalone: true, selector: "pptx-table-style-editor-launcher", inputs: { tableStyleMap: { classPropertyName: "tableStyleMap", publicName: "tableStyleMap", isSignal: true, isRequired: false, transformFunction: null }, styleId: { classPropertyName: "styleId", publicName: "styleId", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableStyleMapChange: "tableStyleMapChange", deleteTableStyle: "deleteTableStyle", assignStyle: "assignStyle" }, ngImport: i0, template: `
+		@if (tableStyleMap() !== undefined) {
+			<button
+				type="button"
+				class="pptx-tsel__btn"
+				[disabled]="!canEdit()"
+				(click)="open.set(!open())"
+			>
+				{{ 'pptx.tableStyleEditor.editButton' | translate }}
+			</button>
+
+			@if (open()) {
+				<pptx-table-style-editor
+					[styleMap]="tableStyleMap()"
+					[styleId]="styleId()"
+					[canEdit]="canEdit()"
+					(styleMapChange)="tableStyleMapChange.emit($event)"
+					(deleteStyle)="deleteTableStyle.emit($event)"
+					(assignStyle)="assignStyle.emit($event)"
+					(close)="open.set(false)"
+				/>
+			}
+		}
+	`, isInline: true, styles: [".pptx-tsel__btn{margin-top:.35rem;align-self:flex-start;font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 6px;cursor:pointer}.pptx-tsel__btn:disabled{opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: TableStyleEditorComponent, selector: "pptx-table-style-editor", inputs: ["styleMap", "styleId", "canEdit"], outputs: ["styleMapChange", "deleteStyle", "assignStyle", "close"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TableStyleEditorLauncherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-table-style-editor-launcher', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, TableStyleEditorComponent], template: `
+		@if (tableStyleMap() !== undefined) {
+			<button
+				type="button"
+				class="pptx-tsel__btn"
+				[disabled]="!canEdit()"
+				(click)="open.set(!open())"
+			>
+				{{ 'pptx.tableStyleEditor.editButton' | translate }}
+			</button>
+
+			@if (open()) {
+				<pptx-table-style-editor
+					[styleMap]="tableStyleMap()"
+					[styleId]="styleId()"
+					[canEdit]="canEdit()"
+					(styleMapChange)="tableStyleMapChange.emit($event)"
+					(deleteStyle)="deleteTableStyle.emit($event)"
+					(assignStyle)="assignStyle.emit($event)"
+					(close)="open.set(false)"
+				/>
+			}
+		}
+	`, styles: [".pptx-tsel__btn{margin-top:.35rem;align-self:flex-start;font-size:11px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 6px;cursor:pointer}.pptx-tsel__btn:disabled{opacity:.4;cursor:not-allowed}\n"] }]
+        }], propDecorators: { tableStyleMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableStyleMap", required: false }] }], styleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleId", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], tableStyleMapChange: [{ type: i0.Output, args: ["tableStyleMapChange"] }], deleteTableStyle: [{ type: i0.Output, args: ["deleteTableStyle"] }], assignStyle: [{ type: i0.Output, args: ["assignStyle"] }] } });
+
 /**
  * table-properties.component.ts: table-level style inspector.
  *
@@ -145679,6 +147842,16 @@ class TablePropertiesComponent {
         ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
         /** Emits the fully-updated element after any edit. */
         this.elementChange = output();
+        /**
+         * The deck's parsed `ppt/tableStyles.xml` map, for "Edit style...". `undefined`
+         * means the host has not wired the table-style-editor feature through; the
+         * launcher then simply does not render its button.
+         */
+        this.tableStyleMap = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableStyleMap" }] : /* istanbul ignore next */ []));
+        this.tableStyleMapChange = output();
+        /** Record a styleId for save-time removal from `ppt/tableStyles.xml`. */
+        this.deleteTableStyle = output();
         this.toggles = TABLE_STRUCTURE_TOGGLES;
         this.presets = TABLE_STYLE_PRESETS;
         this.defaultRowHeight = DEFAULT_TABLE_ROW_HEIGHT;
@@ -145735,11 +147908,15 @@ class TablePropertiesComponent {
         const rows = data.rows.map((r, i) => (i === index ? { ...r, height: n } : r));
         this.emit({ rows });
     }
+    /** A newly-created style (from "Edit style...") becomes this table's style. */
+    onAssignStyle(styleId) {
+        this.emit(tableStyleAssignmentUpdate(styleId));
+    }
     emit(patch) {
         this.elementChange.emit(patchTableData(this.element(), patch));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TablePropertiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TablePropertiesComponent, isStandalone: true, selector: "pptx-table-properties", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { elementChange: "elementChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TablePropertiesComponent, isStandalone: true, selector: "pptx-table-properties", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, tableStyleMap: { classPropertyName: "tableStyleMap", publicName: "tableStyleMap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { elementChange: "elementChange", tableStyleMapChange: "tableStyleMapChange", deleteTableStyle: "deleteTableStyle" }, ngImport: i0, template: `
 		@if (td(); as data) {
 			<div class="pptx-tp">
 				<div class="pptx-tp__dims">{{ data.rows.length }} rows × {{ colCount() }} cols</div>
@@ -145803,6 +147980,14 @@ class TablePropertiesComponent {
 						</button>
 					}
 				</div>
+				<pptx-table-style-editor-launcher
+					[tableStyleMap]="tableStyleMap()"
+					[styleId]="data.tableStyleId"
+					[canEdit]="canEdit()"
+					(tableStyleMapChange)="tableStyleMapChange.emit($event)"
+					(deleteTableStyle)="deleteTableStyle.emit($event)"
+					(assignStyle)="onAssignStyle($event)"
+				/>
 
 				<div class="pptx-tp__row-head">
 					<span class="pptx-tp__lbl">{{ 'pptx.table.columnWidths' | translate }}</span>
@@ -145859,11 +148044,11 @@ class TablePropertiesComponent {
 				}
 			</div>
 		}
-	`, isInline: true, styles: [".pptx-tp{display:flex;flex-direction:column;gap:.35rem}.pptx-tp__dims{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__toggles{display:flex;flex-direction:column;gap:.2rem}.pptx-tp__check{display:flex;align-items:center;gap:.4rem;font-size:11px;cursor:pointer}.pptx-tp__field{display:flex;align-items:center;gap:.35rem;font-size:11px}.pptx-tp__row-head{display:flex;align-items:center;justify-content:space-between}.pptx-tp__lbl{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__idx{width:1.2rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__num{width:3.5rem;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 4px;font-size:11px}.pptx-tp__range{flex:1;min-width:0}.pptx-tp__pct{width:2.5rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__even{font-size:10px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:1px 6px;cursor:pointer}.pptx-tp__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.pptx-tp__preset{display:flex;flex-direction:column;height:2.5rem;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;overflow:hidden;cursor:pointer}.pptx-tp__preset:disabled{opacity:.4;cursor:not-allowed}.pptx-tp__swatch{flex:1;display:block}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, styles: [".pptx-tp{display:flex;flex-direction:column;gap:.35rem}.pptx-tp__dims{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__toggles{display:flex;flex-direction:column;gap:.2rem}.pptx-tp__check{display:flex;align-items:center;gap:.4rem;font-size:11px;cursor:pointer}.pptx-tp__field{display:flex;align-items:center;gap:.35rem;font-size:11px}.pptx-tp__row-head{display:flex;align-items:center;justify-content:space-between}.pptx-tp__lbl{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__idx{width:1.2rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__num{width:3.5rem;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 4px;font-size:11px}.pptx-tp__range{flex:1;min-width:0}.pptx-tp__pct{width:2.5rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__even{font-size:10px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:1px 6px;cursor:pointer}.pptx-tp__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.pptx-tp__preset{display:flex;flex-direction:column;height:2.5rem;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;overflow:hidden;cursor:pointer}.pptx-tp__preset:disabled{opacity:.4;cursor:not-allowed}.pptx-tp__swatch{flex:1;display:block}\n"], dependencies: [{ kind: "component", type: TableStyleEditorLauncherComponent, selector: "pptx-table-style-editor-launcher", inputs: ["tableStyleMap", "styleId", "canEdit"], outputs: ["tableStyleMapChange", "deleteTableStyle", "assignStyle"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TablePropertiesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-table-properties', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+            args: [{ selector: 'pptx-table-properties', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, TableStyleEditorLauncherComponent], template: `
 		@if (td(); as data) {
 			<div class="pptx-tp">
 				<div class="pptx-tp__dims">{{ data.rows.length }} rows × {{ colCount() }} cols</div>
@@ -145927,6 +148112,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 						</button>
 					}
 				</div>
+				<pptx-table-style-editor-launcher
+					[tableStyleMap]="tableStyleMap()"
+					[styleId]="data.tableStyleId"
+					[canEdit]="canEdit()"
+					(tableStyleMapChange)="tableStyleMapChange.emit($event)"
+					(deleteTableStyle)="deleteTableStyle.emit($event)"
+					(assignStyle)="onAssignStyle($event)"
+				/>
 
 				<div class="pptx-tp__row-head">
 					<span class="pptx-tp__lbl">{{ 'pptx.table.columnWidths' | translate }}</span>
@@ -145984,7 +148177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 			</div>
 		}
 	`, styles: [".pptx-tp{display:flex;flex-direction:column;gap:.35rem}.pptx-tp__dims{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__toggles{display:flex;flex-direction:column;gap:.2rem}.pptx-tp__check{display:flex;align-items:center;gap:.4rem;font-size:11px;cursor:pointer}.pptx-tp__field{display:flex;align-items:center;gap:.35rem;font-size:11px}.pptx-tp__row-head{display:flex;align-items:center;justify-content:space-between}.pptx-tp__lbl{font-size:10px;color:var(--pptx-inspector-muted, #888)}.pptx-tp__idx{width:1.2rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__num{width:3.5rem;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 4px;font-size:11px}.pptx-tp__range{flex:1;min-width:0}.pptx-tp__pct{width:2.5rem;text-align:right;color:var(--pptx-inspector-muted, #888)}.pptx-tp__even{font-size:10px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:1px 6px;cursor:pointer}.pptx-tp__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.pptx-tp__preset{display:flex;flex-direction:column;height:2.5rem;padding:0;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;overflow:hidden;cursor:pointer}.pptx-tp__preset:disabled{opacity:.4;cursor:not-allowed}.pptx-tp__swatch{flex:1;display:block}\n"] }]
-        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], elementChange: [{ type: i0.Output, args: ["elementChange"] }] } });
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], elementChange: [{ type: i0.Output, args: ["elementChange"] }], tableStyleMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableStyleMap", required: false }] }], tableStyleMapChange: [{ type: i0.Output, args: ["tableStyleMapChange"] }], deleteTableStyle: [{ type: i0.Output, args: ["deleteTableStyle"] }] } });
 function numberFrom(event) {
     const t = event.target;
     if (!(t instanceof HTMLInputElement)) {
@@ -147131,6 +149324,12 @@ class InspectorPanelComponent {
         this.canEdit = input(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
         this.editor = inject(EditorStateService);
+        /**
+         * Optional: absent in a standalone-thumbnail/export render context.
+         * Feeds the table properties panel's "Edit style..." (`tableStyleMap`),
+         * see {@link onTableStyleMapChange} / {@link onDeleteTableStyle}.
+         */
+        this.loader = inject(LoadContentService, { optional: true });
         /** Reactive viewport / pointer flags (drives the bottom-sheet layout). */
         this.mobile = inject(IsMobileService);
         /** "Recent colours" row backing the fill/stroke/text colour pickers below. */
@@ -147235,6 +149434,17 @@ class InspectorPanelComponent {
         ...(ngDevMode ? [{ debugName: "chartEl" }] : /* istanbul ignore next */ []));
         this.imageEl = computed(() => ImagePropertiesPanelComponent.supports(this.el()) ? this.el() : undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "imageEl" }] : /* istanbul ignore next */ []));
+        /**
+         * The selected element narrowed to a plain shape/text box/connector, or
+         * `undefined`. Gates `AccessibilityTextPanelComponent` (alt text / title):
+         * a picture's own alt text lives in `imageEl` above, so this must not
+         * also match `image`/`picture`, and stays restricted to the three kinds
+         * `PptxNonVisualDescription` was added to (not every graphic-frame kind
+         * the shared descriptor recognises), so it does not duplicate a
+         * table/chart/smartArt/media/ole panel's own alt-text UI.
+         */
+        this.accessibilityTextEl = computed(() => AccessibilityTextPanelComponent.supports(this.el()) ? this.el() : undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accessibilityTextEl" }] : /* istanbul ignore next */ []));
         this.mediaEl = computed(() => this.el().type === 'media' ? this.el() : undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "mediaEl" }] : /* istanbul ignore next */ []));
         /** The selected element narrowed to SmartArt, or undefined. */
@@ -147281,6 +149491,40 @@ class InspectorPanelComponent {
     onElementReplace(updated) {
         this.editor.updateElement(this.slideIndex(), updated.id, updated);
     }
+    /**
+     * Table style DEFINITION edits ("Edit style...") are a whole-map
+     * replacement or a delete, never a per-element patch, so they bypass
+     * {@link onElementReplace} entirely and write straight to the loader's
+     * `tableStyleMap`/`tableStylesToDelete` signals. `applyTableStyleMapChange`/
+     * `applyTableStyleDelete` (shared) keep `tableStylesToDelete` in sync, the
+     * accumulator {@link LoadContentService.saveSlides} forwards via
+     * `tableStyleSaveOptions`.
+     */
+    onTableStyleMapChange(nextMap) {
+        if (!this.loader) {
+            return;
+        }
+        const result = applyTableStyleMapChange({
+            tableStyleMap: this.loader.tableStyleMap(),
+            tableStylesToDelete: this.loader.tableStylesToDelete(),
+        }, nextMap);
+        this.loader.tableStyleMap.set(result.tableStyleMap);
+        this.loader.tableStylesToDelete.set(result.tableStylesToDelete);
+        this.editor.dirty.set(true);
+    }
+    /** Record a styleId for save-time removal from `ppt/tableStyles.xml`. */
+    onDeleteTableStyle(styleId) {
+        if (!this.loader) {
+            return;
+        }
+        const result = applyTableStyleDelete({
+            tableStyleMap: this.loader.tableStyleMap(),
+            tableStylesToDelete: this.loader.tableStylesToDelete(),
+        }, styleId);
+        this.loader.tableStyleMap.set(result.tableStyleMap);
+        this.loader.tableStylesToDelete.set(result.tableStylesToDelete);
+        this.editor.dirty.set(true);
+    }
     /** Commit an updated slide-level animation list as one history entry. */
     onAnimationsChange(animations) {
         this.editor.updateSlide(this.slideIndex(), { animations });
@@ -147670,6 +149914,15 @@ class InspectorPanelComponent {
 				</details>
 			}
 
+			@if (accessibilityTextEl(); as a11yEl) {
+				<details class="pptx-ng-inspector__details" open>
+					<summary class="pptx-ng-inspector__summary">
+						{{ 'pptx.accessibility.heading' | translate }}
+					</summary>
+					<pptx-accessibility-text-panel [element]="a11yEl" (patch)="onPatch($event)" />
+				</details>
+			}
+
 			<!-- ── Arrange ────────────────────────────────────────────────────── -->
 			<section class="pptx-ng-inspector__section">
 				<div
@@ -147781,7 +150034,8 @@ class InspectorPanelComponent {
 
 			<!-- ── Table data editor ──────────────────────────────────────────── -->
 			@if (tableEl(); as t) {
-				<details class="pptx-ng-inspector__details">
+				<!-- Open by default, as the other four bindings show these two sections. -->
+				<details class="pptx-ng-inspector__details" open>
 					<summary class="pptx-ng-inspector__summary">
 						{{ 'pptx.inspector.tableData' | translate }}
 					</summary>
@@ -147789,11 +150043,17 @@ class InspectorPanelComponent {
 				</details>
 
 				<!-- ── Table style (structure, presets, widths, heights) ─────────── -->
-				<details class="pptx-ng-inspector__details">
+				<details class="pptx-ng-inspector__details" open>
 					<summary class="pptx-ng-inspector__summary">
 						{{ 'pptx.inspector.tableStyle' | translate }}
 					</summary>
-					<pptx-table-properties [element]="t" (elementChange)="onElementReplace($event)" />
+					<pptx-table-properties
+						[element]="t"
+						[tableStyleMap]="loader?.tableStyleMap()"
+						(elementChange)="onElementReplace($event)"
+						(tableStyleMapChange)="onTableStyleMapChange($event)"
+						(deleteTableStyle)="onDeleteTableStyle($event)"
+					/>
 				</details>
 
 				<!-- ── Selected cell formatting ─────────────────────────────────── -->
@@ -147886,11 +150146,12 @@ class InspectorPanelComponent {
 				</div>
 			</section>
 		</aside>
-	`, isInline: true, styles: [".pptx-ng-inspector{display:flex;flex-direction:column;gap:0;padding:.5rem;background:var(--pptx-inspector-bg, #1e1e1e);color:var(--pptx-inspector-fg, #e0e0e0);font-size:12px;min-width:220px;overflow-y:auto}.pptx-ng-inspector__section{padding:.5rem 0;border-bottom:1px solid var(--pptx-inspector-border, #333)}.pptx-ng-inspector__section:last-child{border-bottom:none}.pptx-ng-inspector__heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0 0 .35rem}.pptx-ng-inspector__details{border-bottom:1px solid var(--pptx-inspector-border, #333)}.pptx-ng-inspector__summary{padding:.5rem 0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-inspector__row{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.pptx-ng-inspector__row:last-child{margin-bottom:0}.pptx-ng-inspector__row--toggles{gap:.25rem}.pptx-ng-inspector__label{font-size:10px;color:var(--pptx-inspector-muted, #888);min-width:32px;text-align:right;flex-shrink:0}.pptx-ng-inspector__input{background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 4px;font-size:12px}.pptx-ng-inspector__input--number{width:62px;text-align:right}.pptx-ng-inspector__color{width:32px;height:22px;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;padding:1px;cursor:pointer;background:transparent;flex-shrink:0}.pptx-ng-inspector__toggle{width:26px;height:22px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.pptx-ng-inspector.is-mobile{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__row{flex-wrap:wrap;gap:.5rem}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__label{min-width:28px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__input{flex:1 1 auto;min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__input--number{width:auto;min-width:72px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__color{width:44px;height:40px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__toggle{min-width:44px;width:auto;flex:1 1 auto;height:40px;font-size:15px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__btn{min-height:40px;padding:8px 10px;font-size:13px}@media(pointer:coarse),(max-width:767px){.pptx-ng-inspector{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-inspector__row{flex-wrap:wrap;gap:.5rem}.pptx-ng-inspector__label{min-width:28px}.pptx-ng-inspector__input{flex:1 1 auto;min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-inspector__input--number{width:auto;min-width:72px}.pptx-ng-inspector__color{width:44px;height:40px}.pptx-ng-inspector__toggle{min-width:44px;width:auto;flex:1 1 auto;height:40px;font-size:15px}.pptx-ng-inspector__btn{min-height:40px;padding:8px 10px;font-size:13px}}.pptx-ng-inspector__toggle.is-active{background:var(--pptx-inspector-active, #0078d4);border-color:var(--pptx-inspector-active, #0078d4);color:#fff}.pptx-ng-inspector__btn{flex:1;padding:3px 6px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:11px;white-space:nowrap}.pptx-ng-inspector__btn:hover{background:var(--pptx-inspector-hover, #3a3a3a)}.pptx-ng-inspector__btn--danger{color:var(--pptx-inspector-danger, #f47c7c);border-color:var(--pptx-inspector-danger-border, #6b2a2a)}.pptx-ng-inspector__btn--danger:hover{background:var(--pptx-inspector-danger-hover, #4a1a1a)}\n"], dependencies: [{ kind: "component", type: GradientPickerComponent, selector: "pptx-gradient-picker", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: EffectsPanelComponent, selector: "pptx-effects-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: LineFormatPanelComponent, selector: "pptx-line-format-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: PatternFillPanelComponent, selector: "pptx-pattern-fill-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TextAdvancedPanelComponent, selector: "pptx-text-advanced-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TableDataEditorComponent, selector: "pptx-table-data-editor", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: TablePropertiesComponent, selector: "pptx-table-properties", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: TableCellFormattingComponent, selector: "pptx-table-cell-formatting", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDataEditorComponent, selector: "pptx-chart-data-editor", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartTypeSelectorComponent, selector: "pptx-chart-type-selector", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: SmartArtPropertiesComponent, selector: "pptx-smart-art-properties", inputs: ["smartArtData", "canEdit"], outputs: ["smartArtDataChange"] }, { kind: "component", type: AnimationAuthorPanelComponent, selector: "pptx-animation-author-panel", inputs: ["element", "slideIndex", "animations", "slideElements", "animationTimelineAnchors", "canEdit"], outputs: ["animationsChange"] }, { kind: "component", type: ActionSettingsPanelComponent, selector: "pptx-action-settings-panel", inputs: ["element", "slideCount"], outputs: ["patch"] }, { kind: "component", type: ImagePropertiesPanelComponent, selector: "pptx-image-properties-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: MediaPropertiesPanelComponent, selector: "pptx-media-properties-panel", inputs: ["element", "canEdit"], outputs: ["patch"] }, { kind: "component", type: ElementMiscPropertiesComponent, selector: "pptx-element-misc-properties", inputs: ["element", "canEdit"], outputs: ["patch"] }, { kind: "component", type: ElementFlipControlsComponent, selector: "pptx-element-flip-controls", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: ShapeAuthoringPanelComponent, selector: "pptx-shape-authoring-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: Text3DPanelComponent, selector: "pptx-text-3d-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TextWarpGalleryComponent, selector: "pptx-text-warp-gallery", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: RecentColorsRowComponent, selector: "pptx-recent-colors-row", inputs: ["colors", "disabled"], outputs: ["pick"] }, { kind: "component", type: ThemeColorSwatchGridComponent, selector: "pptx-theme-color-swatch-grid", inputs: ["disabled", "selectedRef", "selectedHex"], outputs: ["pick"] }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, styles: [".pptx-ng-inspector{display:flex;flex-direction:column;gap:0;padding:.5rem;background:var(--pptx-inspector-bg, #1e1e1e);color:var(--pptx-inspector-fg, #e0e0e0);font-size:12px;min-width:220px;overflow-y:auto}.pptx-ng-inspector__section{padding:.5rem 0;border-bottom:1px solid var(--pptx-inspector-border, #333)}.pptx-ng-inspector__section:last-child{border-bottom:none}.pptx-ng-inspector__heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0 0 .35rem}.pptx-ng-inspector__details{border-bottom:1px solid var(--pptx-inspector-border, #333)}.pptx-ng-inspector__summary{padding:.5rem 0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-inspector__row{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.pptx-ng-inspector__row:last-child{margin-bottom:0}.pptx-ng-inspector__row--toggles{gap:.25rem}.pptx-ng-inspector__label{font-size:10px;color:var(--pptx-inspector-muted, #888);min-width:32px;text-align:right;flex-shrink:0}.pptx-ng-inspector__input{background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;padding:2px 4px;font-size:12px}.pptx-ng-inspector__input--number{width:62px;text-align:right}.pptx-ng-inspector__color{width:32px;height:22px;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;padding:1px;cursor:pointer;background:transparent;flex-shrink:0}.pptx-ng-inspector__toggle{width:26px;height:22px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.pptx-ng-inspector.is-mobile{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__row{flex-wrap:wrap;gap:.5rem}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__label{min-width:28px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__input{flex:1 1 auto;min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__input--number{width:auto;min-width:72px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__color{width:44px;height:40px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__toggle{min-width:44px;width:auto;flex:1 1 auto;height:40px;font-size:15px}.pptx-ng-inspector.is-mobile .pptx-ng-inspector__btn{min-height:40px;padding:8px 10px;font-size:13px}@media(pointer:coarse),(max-width:767px){.pptx-ng-inspector{width:100%;min-width:0;box-sizing:border-box;font-size:14px}.pptx-ng-inspector__row{flex-wrap:wrap;gap:.5rem}.pptx-ng-inspector__label{min-width:28px}.pptx-ng-inspector__input{flex:1 1 auto;min-height:40px;font-size:16px;padding:6px 8px}.pptx-ng-inspector__input--number{width:auto;min-width:72px}.pptx-ng-inspector__color{width:44px;height:40px}.pptx-ng-inspector__toggle{min-width:44px;width:auto;flex:1 1 auto;height:40px;font-size:15px}.pptx-ng-inspector__btn{min-height:40px;padding:8px 10px;font-size:13px}}.pptx-ng-inspector__toggle.is-active{background:var(--pptx-inspector-active, #0078d4);border-color:var(--pptx-inspector-active, #0078d4);color:#fff}.pptx-ng-inspector__btn{flex:1;padding:3px 6px;background:var(--pptx-inspector-input-bg, #2d2d2d);border:1px solid var(--pptx-inspector-border, #444);color:inherit;border-radius:3px;cursor:pointer;font-size:11px;white-space:nowrap}.pptx-ng-inspector__btn:hover{background:var(--pptx-inspector-hover, #3a3a3a)}.pptx-ng-inspector__btn--danger{color:var(--pptx-inspector-danger, #f47c7c);border-color:var(--pptx-inspector-danger-border, #6b2a2a)}.pptx-ng-inspector__btn--danger:hover{background:var(--pptx-inspector-danger-hover, #4a1a1a)}\n"], dependencies: [{ kind: "component", type: AccessibilityTextPanelComponent, selector: "pptx-accessibility-text-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: GradientPickerComponent, selector: "pptx-gradient-picker", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: EffectsPanelComponent, selector: "pptx-effects-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: LineFormatPanelComponent, selector: "pptx-line-format-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: PatternFillPanelComponent, selector: "pptx-pattern-fill-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TextAdvancedPanelComponent, selector: "pptx-text-advanced-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TableDataEditorComponent, selector: "pptx-table-data-editor", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: TablePropertiesComponent, selector: "pptx-table-properties", inputs: ["element", "canEdit", "tableStyleMap"], outputs: ["elementChange", "tableStyleMapChange", "deleteTableStyle"] }, { kind: "component", type: TableCellFormattingComponent, selector: "pptx-table-cell-formatting", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartDataEditorComponent, selector: "pptx-chart-data-editor", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: ChartTypeSelectorComponent, selector: "pptx-chart-type-selector", inputs: ["element", "canEdit"], outputs: ["elementChange"] }, { kind: "component", type: SmartArtPropertiesComponent, selector: "pptx-smart-art-properties", inputs: ["smartArtData", "canEdit"], outputs: ["smartArtDataChange"] }, { kind: "component", type: AnimationAuthorPanelComponent, selector: "pptx-animation-author-panel", inputs: ["element", "slideIndex", "animations", "slideElements", "animationTimelineAnchors", "canEdit"], outputs: ["animationsChange"] }, { kind: "component", type: ActionSettingsPanelComponent, selector: "pptx-action-settings-panel", inputs: ["element", "slideCount"], outputs: ["patch"] }, { kind: "component", type: ImagePropertiesPanelComponent, selector: "pptx-image-properties-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: MediaPropertiesPanelComponent, selector: "pptx-media-properties-panel", inputs: ["element", "canEdit"], outputs: ["patch"] }, { kind: "component", type: ElementMiscPropertiesComponent, selector: "pptx-element-misc-properties", inputs: ["element", "canEdit"], outputs: ["patch"] }, { kind: "component", type: ElementFlipControlsComponent, selector: "pptx-element-flip-controls", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: ShapeAuthoringPanelComponent, selector: "pptx-shape-authoring-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: Text3DPanelComponent, selector: "pptx-text-3d-panel", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: TextWarpGalleryComponent, selector: "pptx-text-warp-gallery", inputs: ["element"], outputs: ["patch"] }, { kind: "component", type: RecentColorsRowComponent, selector: "pptx-recent-colors-row", inputs: ["colors", "disabled"], outputs: ["pick"] }, { kind: "component", type: ThemeColorSwatchGridComponent, selector: "pptx-theme-color-swatch-grid", inputs: ["disabled", "selectedRef", "selectedHex"], outputs: ["pick"] }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: InspectorPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pptx-inspector-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AccessibilityTextPanelComponent,
                         GradientPickerComponent,
                         EffectsPanelComponent,
                         LineFormatPanelComponent,
@@ -148177,6 +150438,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 				</details>
 			}
 
+			@if (accessibilityTextEl(); as a11yEl) {
+				<details class="pptx-ng-inspector__details" open>
+					<summary class="pptx-ng-inspector__summary">
+						{{ 'pptx.accessibility.heading' | translate }}
+					</summary>
+					<pptx-accessibility-text-panel [element]="a11yEl" (patch)="onPatch($event)" />
+				</details>
+			}
+
 			<!-- ── Arrange ────────────────────────────────────────────────────── -->
 			<section class="pptx-ng-inspector__section">
 				<div
@@ -148288,7 +150558,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 
 			<!-- ── Table data editor ──────────────────────────────────────────── -->
 			@if (tableEl(); as t) {
-				<details class="pptx-ng-inspector__details">
+				<!-- Open by default, as the other four bindings show these two sections. -->
+				<details class="pptx-ng-inspector__details" open>
 					<summary class="pptx-ng-inspector__summary">
 						{{ 'pptx.inspector.tableData' | translate }}
 					</summary>
@@ -148296,11 +150567,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 				</details>
 
 				<!-- ── Table style (structure, presets, widths, heights) ─────────── -->
-				<details class="pptx-ng-inspector__details">
+				<details class="pptx-ng-inspector__details" open>
 					<summary class="pptx-ng-inspector__summary">
 						{{ 'pptx.inspector.tableStyle' | translate }}
 					</summary>
-					<pptx-table-properties [element]="t" (elementChange)="onElementReplace($event)" />
+					<pptx-table-properties
+						[element]="t"
+						[tableStyleMap]="loader?.tableStyleMap()"
+						(elementChange)="onElementReplace($event)"
+						(tableStyleMapChange)="onTableStyleMapChange($event)"
+						(deleteTableStyle)="onDeleteTableStyle($event)"
+					/>
 				</details>
 
 				<!-- ── Selected cell formatting ─────────────────────────────────── -->
@@ -159028,6 +161305,10 @@ class PowerPointViewerComponent {
             getCustomProperties: () => this.loader.customProperties(),
             getCoreProperties: () => this.loader.coreProperties(),
             getAppProperties: () => this.loader.appProperties(),
+            getViewProperties: () => this.loader.viewProperties(),
+            getTableStyleMap: () => this.loader.tableStyleMap(),
+            getTableStylesDefaultId: () => this.loader.tableStylesDefaultId(),
+            getTagCollections: () => this.loader.tagCollections(),
             setCanvasSize: (size) => {
                 this.loader.canvasSize.set(size);
                 this.editor.dirty.set(true);
@@ -159052,6 +161333,22 @@ class PowerPointViewerComponent {
                 this.loader.appProperties.set(props);
                 this.editor.dirty.set(true);
             },
+            setViewProperties: (props) => {
+                this.loader.viewProperties.set(props);
+                this.editor.dirty.set(true);
+            },
+            setTableStyleMap: (map) => {
+                this.loader.tableStyleMap.set(map);
+                this.editor.dirty.set(true);
+            },
+            setTableStylesDefaultId: (id) => {
+                this.loader.tableStylesDefaultId.set(id);
+                this.editor.dirty.set(true);
+            },
+            setTagCollections: (tags) => {
+                this.loader.tagCollections.set([...tags]);
+                this.editor.dirty.set(true);
+            },
             // Scope the assistant to the user's AI picks / pinned focus / live
             // selection (see AiPanelStore); falls back to the whole active slide.
             getFocusedTargets: () => this.aiPanelStore.getFocusedTargets(),
@@ -159415,6 +161712,29 @@ class PowerPointViewerComponent {
             applyRemoteSlides: (slides) => this.editor.applyRemoteSlides(slides),
             canvasSize: () => this.loader.canvasSize(),
             getSourceBytes: () => this.fileIO.sourceBytes(),
+            // Session-level save options (view properties, table styles, tags, deck
+            // properties, ...), built the same way as `loader.saveSlides`, so an
+            // owner's write-back file no longer drops every session-level edit
+            // outside `slides`.
+            getSaveOptions: () => buildDeckSaveOptions({
+                headerFooter: this.loader.headerFooter(),
+                presentationProperties: this.loader.presentationProperties(),
+                viewProperties: this.loader.viewProperties(),
+                customShows: this.loader.customShows(),
+                sections: this.loader.sections(),
+                coreProperties: this.loader.coreProperties(),
+                appProperties: this.loader.appProperties(),
+                customProperties: this.loader.customProperties(),
+                tagCollections: this.loader.tagCollections(),
+                slideMasters: this.loader.slideMasters(),
+                notesMaster: this.loader.notesMaster(),
+                handoutMaster: this.loader.handoutMaster(),
+                slideSize: this.loader.slideSizeSelection().size,
+                tableStyleMap: this.loader.tableStyleMap(),
+                tableStylesDefaultId: this.loader.tableStylesDefaultId(),
+                tableStylesToDelete: this.loader.tableStylesToDelete(),
+                embedFonts: this.loader.embedFonts(),
+            }),
             currentSlides: () => this.editor.slides(),
             emitStart: (config) => this.startCollaboration.emit(config),
             emitStop: () => this.stopCollaboration.emit(),
@@ -164689,5 +167009,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-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, InspectorPanelComponent 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, GOOGLE_WEBFONTS_LINK_ID as aP, GRIDLINE_COLOR$1 as aQ, GoogleWebfontsService as aR, GradientPickerComponent as aS, HANDOUT_OPTIONS as aT, HeaderFooterDialogComponent as aU, HyperlinkDialogComponent as aV, ImagePropertiesPanelComponent as aW, InkDrawingService as aX, InkRendererComponent as aY, InsertSmartArtDialogComponent as aZ, InspectorPaneHeaderComponent 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, RibbonComponent as b$, IsMobileService as b0, KeepAnnotationsDialogComponent as b1, LOCALE_CATALOG as b2, LONG_PRESS_DURATION_MS as b3, LONG_PRESS_MOVE_TOLERANCE_PX as b4, LoadContentService as b5, LocalPresencePublisher as b6, MAX_ZOOM_SCALE as b7, MIN_ZOOM_SCALE as b8, MOTION_PATH_COLUMNS as b9, PasswordStrengthMeterComponent as bA, PowerPointViewerComponent as bB, PresentToolbarAutoHide as bC, PresentationAnnotationOverlayComponent as bD, PresentationAnnotationsService as bE, PresentationOverlayComponent as bF, PresentationPropertiesPanelComponent as bG, PresentationSettingsCardComponent as bH, PresentationSubtitleBarComponent as bI, PresentationToolbarComponent as bJ, PresentationTransitionOverlayComponent as bK, PresenterViewComponent as bL, PresenterWindowService as bM, PrintDialogComponent as bN, PrintService as bO, PrintSettingsPanelComponent as bP, PropertiesDialogComponent as bQ, REPEAT_MODE_OPTIONS as bR, RESIZE_HANDLES as bS, RULER_FONT_SIZE as bT, RULER_THICKNESS as bU, ReadingViewOverlayComponent as bV, RemoteSelectionOverlayComponent as bW, RibbonAnimationGalleryComponent as bX, RibbonAnimationsSectionComponent as bY, RibbonArrangeSectionComponent as bZ, RibbonColorPopoverComponent as b_, MediaPreviewComponent as ba, MediaPropertiesPanelComponent as bb, MediaRendererComponent as bc, MediaTrimTimelineComponent as bd, MobileBottomBarComponent as be, MobileMenuSheetComponent as bf, MobilePresenterViewComponent as bg, MobileSheetComponent as bh, MobileSlidesSheetComponent as bi, MobileToolbarComponent as bj, ModalDialogComponent as bk, Model3DRendererComponent as bl, NotesHandoutCardComponent as bm, NotesPanelComponent as bn, NotesToolbarComponent as bo, OleRendererComponent as bp, OutlineViewOverlayComponent as bq, POWER_POINT_VIEWER_PROVIDERS as br, PPTX_OPEN_ACCEPT as bs, PRESENTATION_OPEN_EXTENSIONS as bt, PRESENTER_CHANNEL_NAME as bu, PRESENTER_MSG_ORIGIN as bv, PRESENTER_TIMER_SEGMENT_MS as bw, PX_PER_CM as bx, PX_PER_INCH as by, PasswordProtectionDialogComponent as bz, AUDIENCE_HASH as c, TEXT_3D_TOP_BEVEL_KEYS as c$, RibbonDesignSectionComponent as c0, RibbonDrawSectionComponent as c1, RibbonDrawingGroupComponent as c2, RibbonEditingSectionComponent as c3, RibbonFileSectionComponent as c4, RibbonFontControlsComponent as c5, RibbonHomeSectionComponent as c6, RibbonHyperlinkButtonComponent as c7, RibbonInsertFieldsComponent as c8, RibbonInsertSectionComponent as c9, SettingsLanguageTabComponent as cA, ShareDialogComponent as cB, ShortcutPanelComponent as cC, ShowOptionsFieldsetComponent as cD, ShowSlidesFieldsetComponent as cE, SignatureStrippedDialogComponent as cF, SignaturesPanelComponent as cG, SignaturesService as cH, SlideBackgroundCardComponent as cI, SlideCanvasComponent as cJ, SlideDefaultInspectorComponent as cK, SlideDiffChangesComponent as cL, SlideDiffRowComponent as cM, SlideDiffThumbnailsComponent as cN, SlideSizeCardComponent as cO, SlideSorterOverlayComponent as cP, SlideThemeOverridePanelComponent as cQ, SlideTransitionCardComponent as cR, SlidesPanelComponent as cS, SmartArt3DRendererComponent as cT, SmartArt3DService as cU, SmartArtPreviewComponent as cV, SmartArtPropertiesComponent as cW, SmartArtRendererComponent as cX, StatusBarComponent as cY, TABLE_STRUCTURE_TOGGLES as cZ, TEXT_3D_BOTTOM_BEVEL_KEYS as c_, RibbonMotionPathGalleryComponent as ca, RibbonParagraphControlsComponent as cb, RibbonPrimaryRowComponent as cc, RibbonReviewSectionComponent as cd, RibbonShapeExtrasComponent as ce, RibbonSlideshowSectionComponent as cf, RibbonTransitionsSectionComponent as cg, RibbonViewSectionComponent as ch, RulerGuidesService as ci, SEQUENCE_OPTIONS as cj, SEVERITY_GROUPS as ck, SEVERITY_LABELS as cl, SHORTCUT_REFERENCE_ITEMS as cm, SLIDE_TRANSITION_KEYFRAMES as cn, DEFAULT_PALETTE as co, PALETTES$1 as cp, SMART_ART_COLOR_SCHEMES as cq, SMART_ART_STYLE_OPTIONS as cr, SUB_ITEM_LABEL as cs, SVG_WARP_PRESETS as ct, SWIPE_MAX_VERTICAL_PX as cu, SWIPE_THRESHOLD_PX as cv, SelectionPaneComponent as cw, SetUpSlideShowDialogComponent as cx, SettingsAppearanceTabComponent as cy, SettingsDialogComponent as cz, AUDIENCE_NONCE_KEY as d, animationPresetLabelKey as d$, TEXT_DIRECTION_OPTIONS$1 as d0, THEME_CATALOG as d1, TIMING_CURVE_OPTIONS as d2, TRIGGER_OPTIONS as d3, TYPE_LABELS as d4, TableCellAdvancedFillComponent as d5, TableCellFormattingComponent as d6, TableDataEditorComponent as d7, TablePropertiesComponent as d8, TableRendererComponent as d9, ViewerFileIOService as dA, ViewerFindReplaceService as dB, ViewerFormatPainterService as dC, ViewerInspectorPanelService as dD, ViewerKeyboardService as dE, ViewerMobileSheetService as dF, ViewerPresentationModeService as dG, ViewerThemeGalleryService as dH, ViewerTouchGesturesService as dI, ViewerZoomService as dJ, WEBM_MIME_CANDIDATES as dK, WriteBackScheduler as dL, ZERO_LINE_COLOR as dM, ZoomNavigationService as dN, ZoomRendererComponent as dO, ZoomTargetService as dP, addCategory as dQ, addCommentToList as dR, addGradientStopPatch as dS, addItem as dT, addSeries as dU, addSubItem as dV, advanceStep as dW, affordanceElements as dX, aiToggleVisible as dY, alignPatch as dZ, animationFor as d_, TableResizeOverlayComponent as da, TableSelectionService as db, TagsCardComponent as dc, Text3DBevelSectionComponent as dd, Text3DPanelComponent as de, TextAdvancedPanelComponent as df, ThemeEditorFieldsComponent as dg, ThemeGalleryComponent as dh, ThemeSelectorCardComponent as di, TitleBarComponent as dj, TitleBarSearchComponent as dk, TransitionDirectionPickerComponent as dl, TransitionPreviewComponent as dm, VALIGN_OPTIONS as dn, VIEWER_THEME as dp, VersionHistoryPanelComponent as dq, ViewerCanvasEditingService as dr, ViewerCollabCursorService as ds, ViewerCollaborationSessionService as dt, ViewerCompareService as du, ViewerCustomShowsService as dv, ViewerDialogsService as dw, ViewerDocumentPropertiesService as dx, ViewerExportService as dy, ViewerExtraDialogsComponent as dz, AVATAR_COLOR_SWATCHES as e, buildTreemapViewModel as e$, annotationMapToInkInserts as e0, applyAcceptedDiff as e1, applyAnimationPreset as e2, applyFindReplacements as e3, applyFormatToElement as e4, applyMove as e5, applyResize as e6, asMediaElement as e7, assignUserColor as e8, attachShowVisibilityPause as e9, buildEquationSegment as eA, buildFallbackViewModel as eB, buildFontFaceRule as eC, buildGradientFillCss as eD, buildGridlinesAndLabels as eE, buildHyperlinkPatch as eF, buildInkContainerStyle as eG, buildInkStrokes as eH, buildLegend as eI, buildMarkTooltip as eJ, buildModel3DContainerStyle as eK, buildModel3DViewModel as eL, buildOleActionModel as eM, buildOleInfoRows as eN, buildPatternFillCss as eO, buildPieViewModel as eP, buildPrintHtmlDocument as eQ, buildPropertiesPatch as eR, buildRadarViewModel as eS, buildRegionMapViewModel as eT, buildSaveSlides as eU, buildShareUrl as eV, buildSmartArtInsertElement as eW, buildSmartArtNodes as eX, buildStockViewModel as eY, buildSurfaceViewModel as eZ, buildTableViewModel as e_, attachTouchGestures as ea, axisTickValues as eb, beginNodeEdit as ec, bevelSizePatch as ed, boolFromEvent as ee, bringForward as ef, bringToFront as eg, buildBarActions as eh, buildBroadcastConfig as ei, buildBroadcastViewerUrl as ej, buildCategoryLabels as ek, buildCellParagraphs as el, buildChartViewModel as em, buildChatLogExport as en, buildChatLogMarkdown as eo, buildChromeStyle as ep, buildClearHyperlinkPatch as eq, buildClickGroups as er, buildColStyles as es, buildCollaborationConfig as et, buildComboViewModel as eu, buildCssGradientFromShapeStyle as ev, buildDuotoneFilter as ew, buildDuotoneFilterId as ex, buildEmbeddedFontStyles as ey, buildEquationElement as ez, AXIS_LABEL_COLOR as f, computeResizeHandleBoxes as f$, buildTrimFragment as f0, buildWaterfallViewModel as f1, buildZeroLine as f2, buildZoomContainerStyle as f3, buildZoomViewModel as f4, bulletIndentPx as f5, canAddTopLevelNode as f6, canEditSmartArtNodes as f7, canGroupSelection as f8, canRemoveTopLevelNode as f9, collectStoredChats as fA, collectUsedFontFamilies as fB, columnWidthStyle as fC, commitNodeText as fD, computeAlign as fE, computeAxisTitlePrimitives as fF, computeBarRects as fG, computeBubbleRadius as fH, computeCornerHandle as fI, computeDistribute as fJ, computeDrawingViewBox as fK, computeErrorBarPrimitives as fL, computeFocusTargets as fM, computeGridSpacingPx as fN, computeHandleBoxes as fO, computeHandoutLayout as fP, computeIsMobile as fQ, computeIsTablet as fR, computeLinePoints as fS, computeLinearRegression as fT, computePageCount as fU, computePieLayout as fV, computePieSlicePath as fW, computePieSlices as fX, computePlotLayout as fY, computeRSquared as fZ, computeRadarPoints as f_, canSetStrokeWidth as fa, canStartBroadcast as fb, canStartShare as fc, canUngroupSelection as fd, canUseClipboard as fe, captionDisplayText as ff, cellRunStyle as fg, cellStyleToStyleMap as fh, cellTdStyle as fi, changeCountLabel as fj, changeIcon as fk, characterSpacingPatch as fl, chartPreserveAspectRatio as fm, checkFontAvailable as fn, clampCursorPosition as fo, clampGifDimensions as fp, clampIndex as fq, clampNotesFontSize as fr, clampScale as fs, clampStep as ft, clearAllLocalViewerData as fu, clearAudienceContent as fv, cn as fw, collectAccessibilityIssues as fx, collectElementText as fy, collectSlideText as fz, AccessibilityPanelComponent as g, forgetSessionDeck as g$, computeRotateHandleBox as g0, computeScatterDots as g1, computeScatterXDomain as g2, computeSelectionBoxes as g3, computeSingleSelected as g4, computeSlideIndices as g5, computeSnap as g6, computeStackedBarRects as g7, computeStackedValueRange as g8, computeTrendlinePrimitives as g9, disableReflectionPatch as gA, disableSoftEdgePatch as gB, duplicateElementById as gC, durationOf as gD, effectsStateOf as gE, enableGlowPatch as gF, enableInnerShadowPatch as gG, enableOuterShadowPatch as gH, enableReflectionPatch as gI, enableSoftEdgePatch as gJ, encodeGif as gK, endShowMediaCleanup as gL, estimatePageCount as gM, exitPresentationFullscreen as gN, exportAiChatLogs as gO, extractPathPoints as gP, eyedropperAvailable as gQ, fillColorOf$1 as gR, findInSlides as gS, findOwningSlideIndex as gT, findSlideIndexByElementId as gU, firstVisibleIndex as gV, fitPolynomial as gW, fitZoom as gX, focusTargetChips as gY, fontMimeForFormat as gZ, fontSizeOf as g_, computeValueRange as ga, convertOmmlToMathMl as gb, copyFormatFromElement as gc, countAccessibilityIssues as gd, countAnnotationStrokes as ge, createAngularAiBridge as gf, createCustomShow as gg, createSwipeDismissDrag as gh, createWebrtcBundle as gi, createWebsocketBundle as gj, cssObjectToStyleMap as gk, currentColorScheme as gl, currentLayout as gm, currentStyle as gn, defaultCssVars as go, defaultRadius as gp, defaultThemeColors as gq, deleteElementsByIds as gr, deleteVersion as gs, demoteNode as gt, deriveModel3DBlobUrl as gu, derivePresenceList as gv, describeSmartArtBounds as gw, disableGlowPatch as gx, disableInnerShadowPatch as gy, disableOuterShadowPatch as gz, AccessibilityService as h, isBrowserOpenableMime as h$, formatAxisValue as h0, formatBytes as h1, formatCursorLabel as h2, formatElapsed as h3, formatFileSize as h4, formatPropertyDate as h5, formatTime as h6, fpsToFrameIntervalMs as h7, generateBroadcastRoomId as h8, generateCommentId as h9, getSpeechRecognitionCtor as hA, getTextBlockStyle as hB, getTextWarp as hC, getTouchDistance as hD, getWarpCategory as hE, getWarpPath as hF, gradientStateFromStyle as hG, gradientStateOf as hH, gradientStatePatch as hI, gradientStopColorCommitPatch as hJ, gridColumns as hK, groupIssuesBySeverity as hL, hasAnimation as hM, hasCopyableFormat as hN, hasExistingLink as hO, hasExitedFullscreen as hP, hasGradientFill as hQ, hasPressureVariation as hR, hasVisibleSlideAfter as hS, headerLabel as hT, imageDimensions as hU, inkViewBox as hV, insertTableElementColumn as hW, insertTableElementRow as hX, interpolateWidth as hY, isAudienceTab as hZ, isBold as h_, generateCustomShowId as ha, generatePressureCircles as hb, generateTicks as hc, getClrChangeParams as hd, getContainerStyle as he, getDuotoneFilterDef as hf, getEffectSoundState as hg, getImageSrc as hh, getLocalStorageUsageSummary as hi, getOleAriaLabel as hj, getOleBadgeLabel as hk, getOleDisplayName as hl, getOleDownloadFileName as hm, getOleTypeColor as hn, getOleTypeLabel as ho, getPasswordStrength as hp, getPatternSvg as hq, getPlaceholderStyle as hr, getVersions as hs, getResolvedShapeClipPath as ht, getResolvedShapeClipPathFor as hu, getSessionTabId as hv, getShapeFillStrokeStyle as hw, getSlideBackgroundStyle as hx, getSlideTransitionAnimations as hy, getSmartArtNodeBounds as hz, AccountPageComponent as i, ooxmlDashToCssBorderStyle as i$, isChildNode as i0, isElementInteractive as i1, isInjectableUrl as i2, isItalic as i3, isLegacyBinaryPresentation as i4, isPpactionUrl as i5, isPresenterMessage as i6, isSigned as i7, isSupportedPresentationFile as i8, isTextElement as i9, moveElementBy as iA, moveNodeDown as iB, moveNodeUp as iC, msToFrameDelayCs as iD, narrowToCircle as iE, narrowToPolygon as iF, narrowToRect as iG, newChartElement as iH, newEquationElement as iI, newPresetShapeElement as iJ, newShapeElement as iK, newSmartArtElement as iL, newTableElement as iM, newTextElement as iN, nextVisibleIndex as iO, nodeBold as iP, nodeEditBox as iQ, nodeFillColor as iR, nodeFontColor as iS, nodeIdFromKey as iT, nodeItalic as iU, nodeStyle as iV, normalizeFontFormat as iW, normalizeSlidesPerPage as iX, normalizeValue as iY, numFromEvent as iZ, ommlToMathml as i_, isTwoTableFocus as ia, isUnderline as ib, isUrlSafe as ic, isValidRoomId as id, isViewportBackgroundPressTarget as ie, isZoomActivationKey as ig, issueTrackKey as ih, issueTypeLabel as ii, keyToLabel as ij, lastVisibleIndex as ik, latexToMathml as il, layoutConnectorPaints as im, layoutNodeLabels as io, linePointsToSvgString as ip, lineSpacingPatch as iq, loadAudienceContent as ir, loadSessionDeck as is, mediaFallbackFor as it, mediaSurfaceFor as iu, mergeCaptionResults as iv, mergeDown as iw, mergeRight as ix, mergeSelection as iy, mergeTablesDirective as iz, ActionSettingsPanelComponent as j, resolveSlideAutoAdvanceMs as j$, openNativeEyeDropper as j0, overallStatus as j1, paletteColor as j2, parseAudienceNonce as j3, parseNodeTextarea as j4, partitionSlides as j5, patchChartData as j6, patchChartStyle as j7, patchTableData as j8, patchTextStyle as j9, removeCategory as jA, removeTableElementColumn as jB, removeCommentFromList as jC, removeElementAnimation as jD, removeGradientStopPatch as jE, removeNode as jF, removeTableElementRow as jG, removeSeries as jH, renderToCanvas as jI, reorderAnimationDown as jJ, reorderAnimationUp as jK, replaceInSlides as jL, replaceMatch as jM, requestPresentationFullscreen as jN, resizeElement as jO, resolveCaptionTracks as jP, resolveChartKind as jQ, resolveFontVariant as jR, resolveHyperlinkHref as jS, resolveInteractiveElementId as jT, resolveMediaSrc as jU, resolveOleType as jV, resolveParagraphBullet as jW, resolvePresenterNotes as jX, resolveProfileInitial as jY, resolveRegionCode as jZ, resolveRibbonCanGroup as j_, patternPresetOptions as ja, pendingElementStyles as jb, pickColorByClickFallback as jc, pickFile as jd, pickSupportedMimeType as je, planGifFrames as jf, planVideoSegments as jg, pointsToSvgPathD as jh, presenceToCursors as ji, presentationBaseName as jj, presentationStageStyle as jk, presenterTimerProgress as jl, presetByLayout as jm, presetsForCategory as jn, pressuresToWidths as jo, prevVisibleIndex as jp, projectDrawingShapes as jq, promoteNode as jr, provideViewerTheme as js, radarAngle as jt, radarRingPoints as ju, readAsDataUrl as jv, recordWebm as jw, registerCrossSlideAudio as jx, rememberSessionDeck as jy, removeAnimation as jz, AdvancedChartEditorComponent as k, setSeriesTrendline as k$, resolvePalette as k0, resolveThemeCatalogEntry as k1, resolveTransitionDuration as k2, restoreSessionDeck as k3, revealedElementStyles as k4, routeOrthogonalConnector as k5, rowStyle as k6, rulerDragToGuidePosition as k7, rulerHighlight as k8, rulerStripTicks as k9, setAxisTitleStyle as kA, setCategoryLabel as kB, setCellText as kC, setColorScheme as kD, setDataLabels as kE, setDataPointExplosion as kF, setDataPointFill as kG, setDataPointLabel as kH, setDataPointMarker as kI, setDelay as kJ, setDirection as kK, setDuration as kL, setEffectSound as kM, setElementPosition as kN, setGridlineStyle as kO, setLayout as kP, setLegend as kQ, setNodeStyle as kR, setNodeText as kS, setRepeatCount as kT, setRepeatMode as kU, setSequence as kV, setSeriesChartType as kW, setSeriesColor as kX, setSeriesErrorBars as kY, setSeriesMarker as kZ, setSeriesName as k_, sampleColorFromSlide as ka, sanitizeColor as kb, sanitizeSlideIndex as kc, sanitizeUserName as kd, saveViewerProfile as ke, savedPresentationFileName as kf, scanAvailableFonts as kg, searchSlides as kh, seedBroadcastFields as ki, seedHyperlinkDraft as kj, seedPropertiesDraft as kk, seedShareFields as kl, segmentFrameCount as km, selectValue$3 as kn, sendBackward as ko, sendToBack as kp, sequentialColorScale as kq, serializeWriteBack as kr, seriesColor as ks, setAfterAnimation as kt, setAfterAnimationColor as ku, setAnimationEmphasis as kv, setAnimationEntrance as kw, setAnimationExit as kx, setAxis as ky, setAxisLogScale as kz, AiChangeOverlayComponent as l, vermilionDarkColors as l$, setSeriesValue as l0, setStyle as l1, setTimingCurve as l2, setTitle as l3, setTrigger as l4, setTriggerShapeId as l5, shapeStylePatch$1 as l6, sheetAfterNavigate as l7, shouldBlockClickAdvance as l8, shouldUseSvgWarp as l9, textColorOf as lA, textDirectionPatch as lB, textFontSizePatch as lC, textStyleOf as lD, textStylePatch as lE, themeStyle as lF, themeToCssVars as lG, thumbnailHeight as lH, thumbnailZoom as lI, toggleCommentResolvedInList as lJ, toggleNodeBold as lK, toggleNodeItalic as lL, toggleSheet as lM, topLevelNodeCount as lN, transformSelectedTextCase as lO, translationsEn as lP, updateElementById as lQ, updateGlowPatch as lR, updateGradientStopPatch as lS, updateInnerShadowPatch as lT, updateOuterShadowPatch as lU, updateReflectionPatch as lV, vAlignPatch as lW, validatePassword as lX, validatePrintSettings as lY, validateRoomId as lZ, valueToY as l_, showDirectionPicker as la, showsTemplateAffordance as lb, signatureCountLabel as lc, signatureKey as ld, signatureTimestamp as le, signerName as lf, statusLabel as lg, slideNumberOf as lh, slidesWithReappliedLayout as li, smartArtNodes as lj, paletteColour as lk, snapToGridStep as ll, splitCursorCell as lm, splitMergedCell as ln, statusKind as lo, statusLabel$1 as lp, storeAudienceContent as lq, stringFromEvent$5 as lr, strokeColorOf as ls, strokeToInkElement as lt, strokeWidthOf as lu, styleShadowFilter as lv, surfaceColor as lw, textAdvancedPatch as lx, textAdvancedStateFromStyle as ly, textAdvancedStateOf as lz, AiChatPanelComponent as m, vermilionDarkTheme as m0, vermilionLightColors as m1, vermilionLightTheme as m2, vermilionRadius as m3, waypointsToPathD as m4, withManualLayouts as m5, worstStatus as m6, zoomTargetSlideIndex as m7, 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-3iTbE0x6.mjs.map
+export { CollaborationService as $, AFTER_ANIMATION_VALUES as A, AnimationAuthorPanelComponent as B, AnimationPanelComponent as C, AnimationPlaybackService as D, AutosaveRecoveryDialogComponent as E, AutosaveService as F, BroadcastDialogComponent as G, CHART_EDITOR_STYLES as H, CURSOR_PALETTE as I, CanvasFitService as J, ChartAxisOptionsComponent as K, ChartAxisStyleOptionsComponent as L, ChartComboTypeOptionsComponent as M, ChartDataEditorComponent as N, ChartDataLabelOptionsComponent as O, ChartDatapointMarkerOptionsComponent as P, ChartDatapointOptionsComponent as Q, ChartDisplayOptionsComponent as R, ChartElementViewComponent as S, ChartErrorBarOptionsComponent as T, ChartMarkerOptionsComponent as U, ChartPartSelectionService as V, ChartPrimitivesComponent as W, ChartRendererComponent as X, ChartTrendlineOptionsComponent as Y, ChartTypeSelectorComponent as Z, CollaborationCursorsComponent as _, ALIGN_OPTIONS as a, InspectorPaneHeaderComponent as a$, ColorChangedImageComponent as a0, CommentMarkersOverlayComponent as a1, CommentsPanelComponent as a2, CommentsService as a3, ComparePanelComponent as a4, ConnectorRendererComponent as a5, ConnectorTextOverlayComponent as a6, CustomShowsComponent as a7, DEFAULT_BOUNDS as a8, DEFAULT_BROADCAST_SERVER_URL as a9, EffectsPanelComponent as aA, ElementRendererComponent as aB, EmbeddedFontsService as aC, EncryptedFileDialogComponent as aD, EquationEditorDialogComponent as aE, EquationRendererComponent as aF, EquationTemplateGalleryComponent as aG, ExportProgressModalComponent as aH, ExportService as aI, FieldContextService as aJ, FindBarComponent as aK, FindReplaceBarComponent as aL, FollowModeBarComponent as aM, FontEmbeddingListComponent as aN, FontEmbeddingPanelComponent as aO, GALLERY_THEME_PRESETS as aP, GOOGLE_WEBFONTS_LINK_ID as aQ, GRIDLINE_COLOR$1 as aR, GoogleWebfontsService as aS, GradientPickerComponent as aT, HANDOUT_OPTIONS as aU, HeaderFooterDialogComponent as aV, HyperlinkDialogComponent as aW, ImagePropertiesPanelComponent as aX, InkDrawingService as aY, InkRendererComponent as aZ, InsertSmartArtDialogComponent as a_, DEFAULT_CANVAS_HEIGHT as aa, DEFAULT_CANVAS_WIDTH as ab, DEFAULT_COLOR_SCHEME as ac, DEFAULT_FILL_COLOR$1 as ad, DEFAULT_LAYOUT as ae, DEFAULT_PALETTE$1 as af, DEFAULT_PATTERN_FILL_PRESET as ag, DEFAULT_PRINT_SETTINGS as ah, DEFAULT_SLIDE_BACKGROUND as ai, DEFAULT_STROKE_COLOR as aj, DEFAULT_STYLE as ak, DEFAULT_TABLE_ROW_HEIGHT as al, DEFAULT_TEXT_COLOR$2 as am, DEFAULT_VIEWER_PROFILE as an, DIRECTIONAL_PRESETS as ao, DIRECTION_OPTIONS as ap, DocumentPropertiesCardComponent as aq, EMBEDDED_FONTS_STYLE_ID as ar, EMPHASIS_PRESETS as as, ENTRANCE_PRESETS as at, TEMPLATES as au, EXIT_PRESETS as av, EditorContextMenuComponent as aw, EditorHistory as ax, EditorStateService as ay, EditorToolbarComponent as az, ANIMATION_PRESET_CATEGORIES as b, RibbonColorPopoverComponent as b$, InspectorPanelComponent as b0, IsMobileService as b1, KeepAnnotationsDialogComponent as b2, LOCALE_CATALOG as b3, LONG_PRESS_DURATION_MS as b4, LONG_PRESS_MOVE_TOLERANCE_PX as b5, LoadContentService as b6, LocalPresencePublisher as b7, MAX_ZOOM_SCALE as b8, MIN_ZOOM_SCALE as b9, PasswordProtectionDialogComponent as bA, PasswordStrengthMeterComponent as bB, PowerPointViewerComponent as bC, PresentToolbarAutoHide as bD, PresentationAnnotationOverlayComponent as bE, PresentationAnnotationsService as bF, PresentationOverlayComponent as bG, PresentationPropertiesPanelComponent as bH, PresentationSettingsCardComponent as bI, PresentationSubtitleBarComponent as bJ, PresentationToolbarComponent as bK, PresentationTransitionOverlayComponent as bL, PresenterViewComponent as bM, PresenterWindowService as bN, PrintDialogComponent as bO, PrintService as bP, PrintSettingsPanelComponent as bQ, PropertiesDialogComponent as bR, REPEAT_MODE_OPTIONS as bS, RESIZE_HANDLES as bT, RULER_FONT_SIZE as bU, RULER_THICKNESS as bV, ReadingViewOverlayComponent as bW, RemoteSelectionOverlayComponent as bX, RibbonAnimationGalleryComponent as bY, RibbonAnimationsSectionComponent as bZ, RibbonArrangeSectionComponent as b_, MOTION_PATH_COLUMNS as ba, MediaPreviewComponent as bb, MediaPropertiesPanelComponent as bc, MediaRendererComponent as bd, MediaTrimTimelineComponent as be, MobileBottomBarComponent as bf, MobileMenuSheetComponent as bg, MobilePresenterViewComponent as bh, MobileSheetComponent as bi, MobileSlidesSheetComponent as bj, MobileToolbarComponent as bk, ModalDialogComponent as bl, Model3DRendererComponent as bm, NotesHandoutCardComponent as bn, NotesPanelComponent as bo, NotesToolbarComponent as bp, OleRendererComponent as bq, OutlineViewOverlayComponent as br, POWER_POINT_VIEWER_PROVIDERS as bs, PPTX_OPEN_ACCEPT as bt, PRESENTATION_OPEN_EXTENSIONS as bu, PRESENTER_CHANNEL_NAME as bv, PRESENTER_MSG_ORIGIN as bw, PRESENTER_TIMER_SEGMENT_MS as bx, PX_PER_CM as by, PX_PER_INCH as bz, AUDIENCE_HASH as c, TEXT_3D_BOTTOM_BEVEL_KEYS as c$, RibbonComponent as c0, RibbonDesignSectionComponent as c1, RibbonDrawSectionComponent as c2, RibbonDrawingGroupComponent as c3, RibbonEditingSectionComponent as c4, RibbonFileSectionComponent as c5, RibbonFontControlsComponent as c6, RibbonHomeSectionComponent as c7, RibbonHyperlinkButtonComponent as c8, RibbonInsertFieldsComponent as c9, SettingsDialogComponent as cA, SettingsLanguageTabComponent as cB, ShareDialogComponent as cC, ShortcutPanelComponent as cD, ShowOptionsFieldsetComponent as cE, ShowSlidesFieldsetComponent as cF, SignatureStrippedDialogComponent as cG, SignaturesPanelComponent as cH, SignaturesService as cI, SlideBackgroundCardComponent as cJ, SlideCanvasComponent as cK, SlideDefaultInspectorComponent as cL, SlideDiffChangesComponent as cM, SlideDiffRowComponent as cN, SlideDiffThumbnailsComponent as cO, SlideSizeCardComponent as cP, SlideSorterOverlayComponent as cQ, SlideThemeOverridePanelComponent as cR, SlideTransitionCardComponent as cS, SlidesPanelComponent as cT, SmartArt3DRendererComponent as cU, SmartArt3DService as cV, SmartArtPreviewComponent as cW, SmartArtPropertiesComponent as cX, SmartArtRendererComponent as cY, StatusBarComponent as cZ, TABLE_STRUCTURE_TOGGLES as c_, RibbonInsertSectionComponent as ca, RibbonMotionPathGalleryComponent as cb, RibbonParagraphControlsComponent as cc, RibbonPrimaryRowComponent as cd, RibbonReviewSectionComponent as ce, RibbonShapeExtrasComponent as cf, RibbonSlideshowSectionComponent as cg, RibbonTransitionsSectionComponent as ch, RibbonViewSectionComponent as ci, RulerGuidesService as cj, SEQUENCE_OPTIONS as ck, SEVERITY_GROUPS as cl, SEVERITY_LABELS as cm, SHORTCUT_REFERENCE_ITEMS as cn, SLIDE_TRANSITION_KEYFRAMES as co, DEFAULT_PALETTE as cp, PALETTES$1 as cq, SMART_ART_COLOR_SCHEMES as cr, SMART_ART_STYLE_OPTIONS as cs, SUB_ITEM_LABEL as ct, SVG_WARP_PRESETS as cu, SWIPE_MAX_VERTICAL_PX as cv, SWIPE_THRESHOLD_PX as cw, SelectionPaneComponent as cx, SetUpSlideShowDialogComponent as cy, SettingsAppearanceTabComponent as cz, AUDIENCE_NONCE_KEY as d, animationFor as d$, TEXT_3D_TOP_BEVEL_KEYS as d0, TEXT_DIRECTION_OPTIONS$1 as d1, THEME_CATALOG as d2, TIMING_CURVE_OPTIONS as d3, TRIGGER_OPTIONS as d4, TYPE_LABELS as d5, TableCellAdvancedFillComponent as d6, TableCellFormattingComponent as d7, TableDataEditorComponent as d8, TablePropertiesComponent as d9, ViewerExtraDialogsComponent as dA, ViewerFileIOService as dB, ViewerFindReplaceService as dC, ViewerFormatPainterService as dD, ViewerInspectorPanelService as dE, ViewerKeyboardService as dF, ViewerMobileSheetService as dG, ViewerPresentationModeService as dH, ViewerThemeGalleryService as dI, ViewerTouchGesturesService as dJ, ViewerZoomService as dK, WEBM_MIME_CANDIDATES as dL, WriteBackScheduler as dM, ZERO_LINE_COLOR as dN, ZoomNavigationService as dO, ZoomRendererComponent as dP, ZoomTargetService as dQ, addCategory as dR, addCommentToList as dS, addGradientStopPatch as dT, addItem as dU, addSeries as dV, addSubItem as dW, advanceStep as dX, affordanceElements as dY, aiToggleVisible as dZ, alignPatch as d_, TableRendererComponent as da, TableResizeOverlayComponent as db, TableSelectionService as dc, TagsCardComponent as dd, Text3DBevelSectionComponent as de, Text3DPanelComponent as df, TextAdvancedPanelComponent as dg, ThemeEditorFieldsComponent as dh, ThemeGalleryComponent as di, ThemeSelectorCardComponent as dj, TitleBarComponent as dk, TitleBarSearchComponent as dl, TransitionDirectionPickerComponent as dm, TransitionPreviewComponent as dn, VALIGN_OPTIONS as dp, VIEWER_THEME as dq, VersionHistoryPanelComponent as dr, ViewerCanvasEditingService as ds, ViewerCollabCursorService as dt, ViewerCollaborationSessionService as du, ViewerCompareService as dv, ViewerCustomShowsService as dw, ViewerDialogsService as dx, ViewerDocumentPropertiesService as dy, ViewerExportService as dz, AVATAR_COLOR_SWATCHES as e, buildTableViewModel as e$, animationPresetLabelKey as e0, annotationMapToInkInserts as e1, applyAcceptedDiff as e2, applyAnimationPreset as e3, applyFindReplacements as e4, applyFormatToElement as e5, applyMove as e6, applyResize as e7, asMediaElement as e8, assignUserColor as e9, buildEquationElement as eA, buildEquationSegment as eB, buildFallbackViewModel as eC, buildFontFaceRule as eD, buildGradientFillCss as eE, buildGridlinesAndLabels as eF, buildHyperlinkPatch as eG, buildInkContainerStyle as eH, buildInkStrokes as eI, buildLegend as eJ, buildMarkTooltip as eK, buildModel3DContainerStyle as eL, buildModel3DViewModel as eM, buildOleActionModel as eN, buildOleInfoRows as eO, buildPatternFillCss as eP, buildPieViewModel as eQ, buildPrintHtmlDocument as eR, buildPropertiesPatch as eS, buildRadarViewModel as eT, buildRegionMapViewModel as eU, buildSaveSlides as eV, buildShareUrl as eW, buildSmartArtInsertElement as eX, buildSmartArtNodes as eY, buildStockViewModel as eZ, buildSurfaceViewModel as e_, attachShowVisibilityPause as ea, attachTouchGestures as eb, axisTickValues as ec, beginNodeEdit as ed, bevelSizePatch as ee, boolFromEvent as ef, bringForward as eg, bringToFront as eh, buildBarActions as ei, buildBroadcastConfig as ej, buildBroadcastViewerUrl as ek, buildCategoryLabels as el, buildCellParagraphs as em, buildChartViewModel as en, buildChatLogExport as eo, buildChatLogMarkdown as ep, buildChromeStyle as eq, buildClearHyperlinkPatch as er, buildClickGroups as es, buildColStyles as et, buildCollaborationConfig as eu, buildComboViewModel as ev, buildCssGradientFromShapeStyle as ew, buildDuotoneFilter as ex, buildDuotoneFilterId as ey, buildEmbeddedFontStyles as ez, AXIS_LABEL_COLOR as f, computeRadarPoints as f$, buildTreemapViewModel as f0, buildTrimFragment as f1, buildWaterfallViewModel as f2, buildZeroLine as f3, buildZoomContainerStyle as f4, buildZoomViewModel as f5, bulletIndentPx as f6, canAddTopLevelNode as f7, canEditSmartArtNodes as f8, canGroupSelection as f9, collectSlideText as fA, collectStoredChats as fB, collectUsedFontFamilies as fC, columnWidthStyle as fD, commitNodeText as fE, computeAlign as fF, computeAxisTitlePrimitives as fG, computeBarRects as fH, computeBubbleRadius as fI, computeCornerHandle as fJ, computeDistribute as fK, computeDrawingViewBox as fL, computeErrorBarPrimitives as fM, computeFocusTargets as fN, computeGridSpacingPx as fO, computeHandleBoxes as fP, computeHandoutLayout as fQ, computeIsMobile as fR, computeIsTablet as fS, computeLinePoints as fT, computeLinearRegression as fU, computePageCount as fV, computePieLayout as fW, computePieSlicePath as fX, computePieSlices as fY, computePlotLayout as fZ, computeRSquared as f_, canRemoveTopLevelNode as fa, canSetStrokeWidth as fb, canStartBroadcast as fc, canStartShare as fd, canUngroupSelection as fe, canUseClipboard as ff, captionDisplayText as fg, cellRunStyle as fh, cellStyleToStyleMap as fi, cellTdStyle as fj, changeCountLabel as fk, changeIcon as fl, characterSpacingPatch as fm, chartPreserveAspectRatio as fn, checkFontAvailable as fo, clampCursorPosition as fp, clampGifDimensions as fq, clampIndex as fr, clampNotesFontSize as fs, clampScale as ft, clampStep as fu, clearAllLocalViewerData as fv, clearAudienceContent as fw, cn as fx, collectAccessibilityIssues as fy, collectElementText as fz, AccessibilityPanelComponent as g, fontSizeOf as g$, computeResizeHandleBoxes as g0, computeRotateHandleBox as g1, computeScatterDots as g2, computeScatterXDomain as g3, computeSelectionBoxes as g4, computeSingleSelected as g5, computeSlideIndices as g6, computeSnap as g7, computeStackedBarRects as g8, computeStackedValueRange as g9, disableOuterShadowPatch as gA, disableReflectionPatch as gB, disableSoftEdgePatch as gC, duplicateElementById as gD, durationOf as gE, effectsStateOf as gF, enableGlowPatch as gG, enableInnerShadowPatch as gH, enableOuterShadowPatch as gI, enableReflectionPatch as gJ, enableSoftEdgePatch as gK, encodeGif as gL, endShowMediaCleanup as gM, estimatePageCount as gN, exitPresentationFullscreen as gO, exportAiChatLogs as gP, extractPathPoints as gQ, eyedropperAvailable as gR, fillColorOf$1 as gS, findInSlides as gT, findOwningSlideIndex as gU, findSlideIndexByElementId as gV, firstVisibleIndex as gW, fitPolynomial as gX, fitZoom as gY, focusTargetChips as gZ, fontMimeForFormat as g_, computeTrendlinePrimitives as ga, computeValueRange as gb, convertOmmlToMathMl as gc, copyFormatFromElement as gd, countAccessibilityIssues as ge, countAnnotationStrokes as gf, createAngularAiBridge as gg, createCustomShow as gh, createSwipeDismissDrag as gi, createWebrtcBundle as gj, createWebsocketBundle as gk, cssObjectToStyleMap as gl, currentColorScheme as gm, currentLayout as gn, currentStyle as go, defaultCssVars as gp, defaultRadius as gq, defaultThemeColors as gr, deleteElementsByIds as gs, deleteVersion as gt, demoteNode as gu, deriveModel3DBlobUrl as gv, derivePresenceList as gw, describeSmartArtBounds as gx, disableGlowPatch as gy, disableInnerShadowPatch as gz, AccessibilityService as h, isBold as h$, forgetSessionDeck as h0, formatAxisValue as h1, formatBytes as h2, formatCursorLabel as h3, formatElapsed as h4, formatFileSize as h5, formatPropertyDate as h6, formatTime as h7, fpsToFrameIntervalMs as h8, generateBroadcastRoomId as h9, getSmartArtNodeBounds as hA, getSpeechRecognitionCtor as hB, getTextBlockStyle as hC, getTextWarp as hD, getTouchDistance as hE, getWarpCategory as hF, getWarpPath as hG, gradientStateFromStyle as hH, gradientStateOf as hI, gradientStatePatch as hJ, gradientStopColorCommitPatch as hK, gridColumns as hL, groupIssuesBySeverity as hM, hasAnimation as hN, hasCopyableFormat as hO, hasExistingLink as hP, hasExitedFullscreen as hQ, hasGradientFill as hR, hasPressureVariation as hS, hasVisibleSlideAfter as hT, headerLabel as hU, imageDimensions as hV, inkViewBox as hW, insertTableElementColumn as hX, insertTableElementRow as hY, interpolateWidth as hZ, isAudienceTab as h_, generateCommentId as ha, generateCustomShowId as hb, generatePressureCircles as hc, generateTicks as hd, getClrChangeParams as he, getContainerStyle as hf, getDuotoneFilterDef as hg, getEffectSoundState as hh, getImageSrc as hi, getLocalStorageUsageSummary as hj, getOleAriaLabel as hk, getOleBadgeLabel as hl, getOleDisplayName as hm, getOleDownloadFileName as hn, getOleTypeColor as ho, getOleTypeLabel as hp, getPasswordStrength as hq, getPatternSvg as hr, getPlaceholderStyle as hs, getVersions as ht, getResolvedShapeClipPath as hu, getResolvedShapeClipPathFor as hv, getSessionTabId as hw, getShapeFillStrokeStyle as hx, getSlideBackgroundStyle as hy, getSlideTransitionAnimations as hz, AccessibilityTextPanelComponent as i, ommlToMathml as i$, isBrowserOpenableMime as i0, isChildNode as i1, isElementInteractive as i2, isInjectableUrl as i3, isItalic as i4, isLegacyBinaryPresentation as i5, isPpactionUrl as i6, isPresenterMessage as i7, isSigned as i8, isSupportedPresentationFile as i9, mergeTablesDirective as iA, moveElementBy as iB, moveNodeDown as iC, moveNodeUp as iD, msToFrameDelayCs as iE, narrowToCircle as iF, narrowToPolygon as iG, narrowToRect as iH, newChartElement as iI, newEquationElement as iJ, newPresetShapeElement as iK, newShapeElement as iL, newSmartArtElement as iM, newTableElement as iN, newTextElement as iO, nextVisibleIndex as iP, nodeBold as iQ, nodeEditBox as iR, nodeFillColor as iS, nodeFontColor as iT, nodeIdFromKey as iU, nodeItalic as iV, nodeStyle as iW, normalizeFontFormat as iX, normalizeSlidesPerPage as iY, normalizeValue as iZ, numFromEvent as i_, isTextElement as ia, isTwoTableFocus as ib, isUnderline as ic, isUrlSafe as id, isValidRoomId as ie, isViewportBackgroundPressTarget as ig, isZoomActivationKey as ih, issueTrackKey as ii, issueTypeLabel as ij, keyToLabel as ik, lastVisibleIndex as il, latexToMathml as im, layoutConnectorPaints as io, layoutNodeLabels as ip, linePointsToSvgString as iq, lineSpacingPatch as ir, loadAudienceContent as is, loadSessionDeck as it, mediaFallbackFor as iu, mediaSurfaceFor as iv, mergeCaptionResults as iw, mergeDown as ix, mergeRight as iy, mergeSelection as iz, AccountPageComponent as j, resolveRibbonCanGroup as j$, ooxmlDashToCssBorderStyle as j0, openNativeEyeDropper as j1, overallStatus as j2, paletteColor as j3, parseAudienceNonce as j4, parseNodeTextarea as j5, partitionSlides as j6, patchChartData as j7, patchChartStyle as j8, patchTableData as j9, removeAnimation as jA, removeCategory as jB, removeTableElementColumn as jC, removeCommentFromList as jD, removeElementAnimation as jE, removeGradientStopPatch as jF, removeNode as jG, removeTableElementRow as jH, removeSeries as jI, renderToCanvas as jJ, reorderAnimationDown as jK, reorderAnimationUp as jL, replaceInSlides as jM, replaceMatch as jN, requestPresentationFullscreen as jO, resizeElement as jP, resolveCaptionTracks as jQ, resolveChartKind as jR, resolveFontVariant as jS, resolveHyperlinkHref as jT, resolveInteractiveElementId as jU, resolveMediaSrc as jV, resolveOleType as jW, resolveParagraphBullet as jX, resolvePresenterNotes as jY, resolveProfileInitial as jZ, resolveRegionCode as j_, patchTextStyle as ja, patternPresetOptions as jb, pendingElementStyles as jc, pickColorByClickFallback as jd, pickFile as je, pickSupportedMimeType as jf, planGifFrames as jg, planVideoSegments as jh, pointsToSvgPathD as ji, presenceToCursors as jj, presentationBaseName as jk, presentationStageStyle as jl, presenterTimerProgress as jm, presetByLayout as jn, presetsForCategory as jo, pressuresToWidths as jp, prevVisibleIndex as jq, projectDrawingShapes as jr, promoteNode as js, provideViewerTheme as jt, radarAngle as ju, radarRingPoints as jv, readAsDataUrl as jw, recordWebm as jx, registerCrossSlideAudio as jy, rememberSessionDeck as jz, ActionSettingsPanelComponent as k, setSeriesName as k$, resolveSlideAutoAdvanceMs as k0, resolvePalette as k1, resolveThemeCatalogEntry as k2, resolveTransitionDuration as k3, restoreSessionDeck as k4, revealedElementStyles as k5, routeOrthogonalConnector as k6, rowStyle as k7, rulerDragToGuidePosition as k8, rulerHighlight as k9, setAxisLogScale as kA, setAxisTitleStyle as kB, setCategoryLabel as kC, setCellText as kD, setColorScheme as kE, setDataLabels as kF, setDataPointExplosion as kG, setDataPointFill as kH, setDataPointLabel as kI, setDataPointMarker as kJ, setDelay as kK, setDirection as kL, setDuration as kM, setEffectSound as kN, setElementPosition as kO, setGridlineStyle as kP, setLayout as kQ, setLegend as kR, setNodeStyle as kS, setNodeText as kT, setRepeatCount as kU, setRepeatMode as kV, setSequence as kW, setSeriesChartType as kX, setSeriesColor as kY, setSeriesErrorBars as kZ, setSeriesMarker as k_, rulerStripTicks as ka, sampleColorFromSlide as kb, sanitizeColor as kc, sanitizeSlideIndex as kd, sanitizeUserName as ke, saveViewerProfile as kf, savedPresentationFileName as kg, scanAvailableFonts as kh, searchSlides as ki, seedBroadcastFields as kj, seedHyperlinkDraft as kk, seedPropertiesDraft as kl, seedShareFields as km, segmentFrameCount as kn, selectValue$3 as ko, sendBackward as kp, sendToBack as kq, sequentialColorScale as kr, serializeWriteBack as ks, seriesColor as kt, setAfterAnimation as ku, setAfterAnimationColor as kv, setAnimationEmphasis as kw, setAnimationEntrance as kx, setAnimationExit as ky, setAxis as kz, AdvancedChartEditorComponent as l, valueToY as l$, setSeriesTrendline as l0, setSeriesValue as l1, setStyle as l2, setTimingCurve as l3, setTitle as l4, setTrigger as l5, setTriggerShapeId as l6, shapeStylePatch$1 as l7, sheetAfterNavigate as l8, shouldBlockClickAdvance as l9, textAdvancedStateOf as lA, textColorOf as lB, textDirectionPatch as lC, textFontSizePatch as lD, textStyleOf as lE, textStylePatch as lF, themeStyle as lG, themeToCssVars as lH, thumbnailHeight as lI, thumbnailZoom as lJ, toggleCommentResolvedInList as lK, toggleNodeBold as lL, toggleNodeItalic as lM, toggleSheet as lN, topLevelNodeCount as lO, transformSelectedTextCase as lP, translationsEn as lQ, updateElementById as lR, updateGlowPatch as lS, updateGradientStopPatch as lT, updateInnerShadowPatch as lU, updateOuterShadowPatch as lV, updateReflectionPatch as lW, vAlignPatch as lX, validatePassword as lY, validatePrintSettings as lZ, validateRoomId as l_, shouldUseSvgWarp as la, showDirectionPicker as lb, showsTemplateAffordance as lc, signatureCountLabel as ld, signatureKey as le, signatureTimestamp as lf, signerName as lg, statusLabel as lh, slideNumberOf as li, slidesWithReappliedLayout as lj, smartArtNodes as lk, paletteColour as ll, snapToGridStep as lm, splitCursorCell as ln, splitMergedCell as lo, statusKind as lp, statusLabel$1 as lq, storeAudienceContent as lr, stringFromEvent$5 as ls, strokeColorOf as lt, strokeToInkElement as lu, strokeWidthOf as lv, styleShadowFilter as lw, surfaceColor as lx, textAdvancedPatch as ly, textAdvancedStateFromStyle as lz, AiChangeOverlayComponent as m, vermilionDarkColors as m0, vermilionDarkTheme as m1, vermilionLightColors as m2, vermilionLightTheme as m3, vermilionRadius as m4, waypointsToPathD as m5, withManualLayouts as m6, worstStatus as m7, zoomTargetSlideIndex as m8, AiChatPanelComponent as n, AiChatService as o, AiComposerComponent as p, AiFocusBarComponent as q, AiFocusHighlightOverlayComponent as r, AiHistoryMenuComponent as s, toChatSummary as t, AiHistoryService as u, AiMessageListComponent as v, AiPanelStore as w, AiProposalCardComponent as x, AiSettingsSectionComponent as y, AiToolCallCardComponent as z };
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-BzS7I0F9.mjs.map