pptx-angular-viewer 2.12.0 → 2.13.0

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-y5x5Ro5v.mjs → pptx-angular-viewer-pptx-angular-viewer-FnZONBKb.mjs}

@@ -2,12 +2,12 @@ import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, output, computed, ChangeDetectionStrategy, Component, signal, Injectable, inject, DestroyRef, Injector, effect, viewChild, ElementRef, HostListener, afterNextRender, Renderer2, ViewEncapsulation, forwardRef, untracked } from '@angular/core';
 import { TranslatePipe, TranslateService, translate } from '@ngx-translate/core';
-import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, getLinkedTextBoxSegments, deriveSlideTitle, getSubstituteFontFamily, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, PptxHandler, deobfuscateFont, detectFontFormat, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
+import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, isImageLikeElement, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$2, getLinkedTextBoxSegments, getSubstituteFontFamily, parsePanoseString, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, PptxHandler, deobfuscateFont, detectFontFormat, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, parseSignatureXml, cloneSlide as cloneSlide$1, cloneTemplateElementsBySlideId as cloneTemplateElementsBySlideId$1, cloneElement as cloneElement$1, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
 import DOMPurify from 'dompurify';
 import { z } from 'zod';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';
-import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideLayers, LucideMessageSquare, LucidePlus, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucideChevronLeft, LucideEraser, LucideHighlighter, LucideMousePointer2, LucidePanelRight, LucidePenTool, LucideTimer, LucideStar, LucideMoveRight, LucidePlay, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucidePrinter, LucideSave, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideRotateCcw, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideMonitor, LucideColumns2, LucideCheck, LucideFileDown, LucideSearch, LucideZoomIn, LucideZoomOut, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideLayoutTemplate, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
+import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideLayers, LucideMessageSquare, LucidePlus, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucideChevronLeft, LucideEraser, LucideHighlighter, LucideMousePointer2, LucidePanelRight, LucidePenTool, LucideTimer, LucideArrowLeftRight, LucideCaptions, LucideCirclePause, LucideCirclePlay, LucideGrid2x2, LucideMonitor, LucideMonitorOff, LucideRotateCcw, LucideScan, LucideZoomIn, LucideZoomOut, LucideStar, LucideMoveRight, LucidePlay, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucidePrinter, LucideSave, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideColumns2, LucideCheck, LucideFileDown, LucideSearch, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideLayoutTemplate, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
 import { XMLParser } from 'fast-xml-parser';
 import JSZip from 'jszip';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -6374,6 +6374,387 @@ function compileEquationTemplateMathMl() {
     return EQUATION_TEMPLATES.map((tmpl) => latexToMathMl(tmpl.latex));
 }
 
+/**
+ * PowerPoint's automatic value-axis scale.
+ *
+ * A chart that declares no `c:min` / `c:max` / `c:majorUnit` leaves the bounds
+ * to the application, and PowerPoint does NOT simply run the axis to the largest
+ * data point. It anchors the axis at zero, pads the data, then rounds out to a
+ * round number and labels it in round steps. The reporter's deck (issue #132)
+ * shows the difference plainly: a percentage chart whose bars top out at 52%
+ * gets `0% 20% 40% 60%` from PowerPoint and got `0% 10% 21% 31% 42% 52%` here,
+ * because the axis ran to the data maximum and was then divided into five.
+ *
+ * The rules, from Microsoft's documented automatic-scaling behaviour:
+ *
+ *  - **Zero anchor.** With all-positive data, the axis starts at zero unless the
+ *    smallest value is at least 5/6 of the largest, in which case the data
+ *    occupies a narrow band high up and a zero-anchored axis would flatten it.
+ *    All-negative data mirrors this, ending at zero.
+ *  - **Headroom.** The far end is pushed out by 5% of the data span so the
+ *    tallest bar does not touch the top of the plot.
+ *  - **Round steps.** The major unit is the first "nice" number (1, 2, 2.5 or 5
+ *    times a power of ten) at or above `span / targetIntervals`, and the bounds
+ *    are then snapped outwards to whole multiples of it.
+ *
+ * The snap is what makes the interval count differ from `targetIntervals`:
+ * rounding 0.544 up to a multiple of 0.2 lands on 0.6, which is three steps, not
+ * four. That is the intent, and it is why PowerPoint's axes read in round
+ * numbers while an evenly-divided one does not.
+ */
+/**
+ * Steps PowerPoint rounds a major unit to, as mantissas of a power of ten.
+ * Anything between two entries rounds UP to the larger, so a unit is never so
+ * fine that the axis grows more gridlines than asked for.
+ */
+const NICE_STEPS = [1, 2, 2.5, 5, 10];
+/** The fraction of the data span added as headroom beyond the last data point. */
+const HEADROOM = 0.05;
+/**
+ * How close the smaller end of the data has to be to the larger before the axis
+ * stops anchoring at zero. Below 5/6, zero anchoring keeps the bars readable;
+ * above it, the data is a narrow band and zero would squash it flat.
+ */
+const ZERO_ANCHOR_RATIO = 5 / 6;
+/** The smallest nice step at or above `value`. */
+function niceAxisStep(value) {
+    if (!Number.isFinite(value) || value <= 0) {
+        return 1;
+    }
+    const exponent = Math.floor(Math.log10(value));
+    const power = 10 ** exponent;
+    const mantissa = value / power;
+    const step = NICE_STEPS.find((candidate) => mantissa <= candidate + 1e-12) ?? 10;
+    return step * power;
+}
+/** Round `value` outwards (away from zero-ward `toward`) to a multiple of `unit`. */
+function snap(value, unit, direction) {
+    const scaled = value / unit;
+    // Guard against float noise turning an exact multiple into the next one out.
+    const rounded = direction === 'up' ? Math.ceil(scaled - 1e-9) : Math.floor(scaled + 1e-9);
+    return rounded * unit;
+}
+/**
+ * Resolve the automatic bounds and major unit for a value axis.
+ *
+ * @param dataMin Smallest plotted value.
+ * @param dataMax Largest plotted value.
+ * @param targetIntervals Roughly how many gridline steps to aim for. The snap to
+ *   a round unit means the result is usually one fewer. Four matches the axes
+ *   PowerPoint draws for a chart of ordinary height.
+ */
+function niceValueAxisBounds(dataMin, dataMax, targetIntervals = 4) {
+    if (!Number.isFinite(dataMin) || !Number.isFinite(dataMax)) {
+        return { min: 0, max: 1, majorUnit: 0.5 };
+    }
+    const low = Math.min(dataMin, dataMax);
+    const high = Math.max(dataMin, dataMax);
+    const intervals = Math.max(1, Math.round(targetIntervals));
+    // Flat data (every point identical) has no span to scale. Zero-anchor it
+    // where that reads sensibly, and otherwise bracket the single value.
+    if (low === high) {
+        if (low === 0) {
+            return { min: 0, max: 1, majorUnit: 1 / intervals };
+        }
+        const unit = niceAxisStep(Math.abs(low) / intervals);
+        return low > 0
+            ? { min: 0, max: snap(low, unit, 'up') || unit, majorUnit: unit }
+            : { min: snap(low, unit, 'down'), max: 0, majorUnit: unit };
+    }
+    const dataSpan = high - low;
+    const padding = dataSpan * HEADROOM;
+    // Decide which end, if either, pins to zero.
+    let paddedMin;
+    let paddedMax;
+    if (low >= 0) {
+        paddedMin = low < high * ZERO_ANCHOR_RATIO ? 0 : low - padding;
+        paddedMax = high + padding;
+    }
+    else if (high <= 0) {
+        paddedMax = high > low * ZERO_ANCHOR_RATIO ? 0 : high + padding;
+        paddedMin = low - padding;
+    }
+    else {
+        // Straddles zero: both ends are data-driven, and zero falls inside.
+        paddedMin = low - padding;
+        paddedMax = high + padding;
+    }
+    const unit = niceAxisStep((paddedMax - paddedMin) / intervals);
+    const min = paddedMin === 0 ? 0 : snap(paddedMin, unit, 'down');
+    let max = paddedMax === 0 ? 0 : snap(paddedMax, unit, 'up');
+    if (max <= min) {
+        max = min + unit;
+    }
+    return { min, max, majorUnit: unit };
+}
+
+/**
+ * ECMA-376 / SpreadsheetML number-format codes, applied to chart labels.
+ *
+ * A chart's value axis and its data labels both carry a `c:numFmt/@formatCode`
+ * (or inherit one from the series' `c:numCache/c:formatCode` when
+ * `@sourceLinked="1"`). Ignoring it is what made a percentage chart render its
+ * axis as `0.1 0.2 0.3` and its bars as `0.52` where PowerPoint shows `10% 20%
+ * 30%` and `52%`: the cached values ARE fractions, and the format code is the
+ * only thing that says so.
+ *
+ * This covers the codes charts actually use - literal text, digit placeholders,
+ * thousands separators, percent, scientific notation, and the
+ * `positive;negative;zero` section split - and deliberately stops short of a
+ * full Excel format engine. Anything it does not recognise falls back to the
+ * caller's default rendering, so an exotic code degrades to today's output
+ * rather than to a wrong number.
+ */
+/** Format codes that mean "no explicit format"; the caller's default wins. */
+const GENERAL = new Set(['', 'general', '@']);
+/** Split a format code into its `positive;negative;zero;text` sections. */
+function sections(code) {
+    const out = [];
+    let current = '';
+    let inQuotes = false;
+    for (let i = 0; i < code.length; i += 1) {
+        const ch = code[i];
+        if (ch === '"') {
+            inQuotes = !inQuotes;
+            current += ch;
+            continue;
+        }
+        if (ch === '\\') {
+            current += ch + (code[i + 1] ?? '');
+            i += 1;
+            continue;
+        }
+        if (ch === ';' && !inQuotes) {
+            out.push(current);
+            current = '';
+            continue;
+        }
+        current += ch;
+    }
+    out.push(current);
+    return out;
+}
+/** Pick the section that applies to `value` (positive / negative / zero). */
+function sectionFor(value, parts) {
+    if (parts.length === 1) {
+        return { code: parts[0], forcePositive: false };
+    }
+    if (value < 0 && parts[1] !== undefined) {
+        // A dedicated negative section supplies its own sign (often none, or
+        // parentheses), so the magnitude is formatted unsigned.
+        return { code: parts[1], forcePositive: true };
+    }
+    if (value === 0 && parts[2] !== undefined) {
+        return { code: parts[2], forcePositive: false };
+    }
+    return { code: parts[0], forcePositive: false };
+}
+const PLACEHOLDER = /[0#?]/u;
+/**
+ * Parse one format section. Returns `undefined` when the section contains no
+ * numeric placeholder at all, which means the caller should fall back.
+ */
+function parsePattern(code) {
+    let scale = 1;
+    let scientific = false;
+    const chars = [];
+    let inQuotes = false;
+    for (let i = 0; i < code.length; i += 1) {
+        const ch = code[i];
+        if (ch === '"') {
+            inQuotes = !inQuotes;
+            continue;
+        }
+        if (inQuotes) {
+            chars.push({ ch, literal: true });
+            continue;
+        }
+        if (ch === '\\' || ch === '*' || ch === '_') {
+            // Escape / repeat / skip-width: the next char is a literal (and for
+            // `_` the width padding is not reproducible in SVG text anyway).
+            const next = code[i + 1];
+            i += 1;
+            if (ch === '\\' && next !== undefined) {
+                chars.push({ ch: next, literal: true });
+            }
+            continue;
+        }
+        if (ch === '%') {
+            scale *= 100;
+            chars.push({ ch, literal: true });
+            continue;
+        }
+        if (ch === 'E' && (code[i + 1] === '+' || code[i + 1] === '-')) {
+            scientific = true;
+            chars.push({ ch: 'E', literal: false });
+            i += 1;
+            continue;
+        }
+        if (ch === '[') {
+            // Colour / condition / locale block: skipped wholesale.
+            const close = code.indexOf(']', i);
+            i = close === -1 ? code.length : close;
+            continue;
+        }
+        chars.push({ ch, literal: false });
+    }
+    const firstDigit = chars.findIndex((c) => !c.literal && PLACEHOLDER.test(c.ch));
+    if (firstDigit === -1) {
+        return undefined;
+    }
+    let lastDigit = firstDigit;
+    for (let i = chars.length - 1; i >= firstDigit; i -= 1) {
+        const c = chars[i];
+        if (!c.literal && (PLACEHOLDER.test(c.ch) || c.ch === '.' || c.ch === ',' || c.ch === 'E')) {
+            lastDigit = i;
+            break;
+        }
+    }
+    const numeric = chars.slice(firstDigit, lastDigit + 1);
+    const prefix = chars
+        .slice(0, firstDigit)
+        .map((c) => c.ch)
+        .join('');
+    const suffix = chars
+        .slice(lastDigit + 1)
+        .map((c) => c.ch)
+        .join('');
+    // Trailing commas immediately before the decimal point (or at the end of the
+    // integer run) scale by thousands; a comma between placeholders groups.
+    let grouped = false;
+    let intDigits = 0;
+    let required = 0;
+    let optional = 0;
+    let afterPoint = false;
+    let inExponent = false;
+    for (let i = 0; i < numeric.length; i += 1) {
+        const { ch, literal } = numeric[i];
+        if (literal) {
+            continue;
+        }
+        if (ch === 'E') {
+            inExponent = true;
+            continue;
+        }
+        if (inExponent) {
+            continue;
+        }
+        if (ch === '.') {
+            afterPoint = true;
+            continue;
+        }
+        if (ch === ',') {
+            const next = numeric.slice(i + 1).find((c) => !c.literal);
+            if (!next || next.ch === '.' || !PLACEHOLDER.test(next.ch)) {
+                scale /= 1000;
+            }
+            else {
+                grouped = true;
+            }
+            continue;
+        }
+        if (!PLACEHOLDER.test(ch)) {
+            continue;
+        }
+        if (afterPoint) {
+            if (ch === '0') {
+                required += 1;
+            }
+            else {
+                optional += 1;
+            }
+        }
+        else if (ch === '0') {
+            intDigits += 1;
+        }
+    }
+    return {
+        prefix,
+        suffix,
+        intDigits,
+        decimals: { required, optional },
+        grouped,
+        scale,
+        scientific,
+    };
+}
+/** Apply `#,###` grouping to the integer part of an already-rounded string. */
+function group(intPart) {
+    return intPart.replace(/\B(?=(\d{3})+(?!\d))/gu, ',');
+}
+/** Render `value` through a parsed pattern. */
+function applyPattern(value, pattern, forcePositive) {
+    const scaled = value * pattern.scale;
+    const magnitude = forcePositive ? Math.abs(scaled) : scaled;
+    if (pattern.scientific) {
+        const digits = pattern.decimals.required + pattern.decimals.optional;
+        const exponential = magnitude.toExponential(digits);
+        const [mantissa, exponent] = exponential.split('e');
+        const sign = exponent.startsWith('-') ? '-' : '+';
+        const power = Math.abs(Number(exponent)).toString().padStart(2, '0');
+        return `${pattern.prefix}${mantissa}E${sign}${power}${pattern.suffix}`;
+    }
+    const maxDecimals = pattern.decimals.required + pattern.decimals.optional;
+    let body = magnitude.toFixed(maxDecimals);
+    if (pattern.decimals.optional > 0) {
+        // Optional (`#`/`?`) decimals are dropped when they are zero.
+        body = body.replace(/(\.\d*?)0+$/u, '$1').replace(/\.$/u, '');
+        const [, frac = ''] = body.split('.');
+        if (frac.length < pattern.decimals.required) {
+            body = Number(body).toFixed(pattern.decimals.required);
+        }
+    }
+    const [rawIntPart, fracPart] = body.split('.');
+    let intPart = rawIntPart;
+    const negative = intPart.startsWith('-');
+    if (negative) {
+        intPart = intPart.slice(1);
+    }
+    if (intPart.length < pattern.intDigits) {
+        intPart = intPart.padStart(pattern.intDigits, '0');
+    }
+    if (pattern.intDigits === 0 && intPart === '0' && fracPart !== undefined) {
+        // `#.##` drops the leading zero; `0.##` keeps it.
+        intPart = '';
+    }
+    if (pattern.grouped) {
+        intPart = group(intPart);
+    }
+    const number = fracPart === undefined ? intPart : `${intPart}.${fracPart}`;
+    return `${negative ? '-' : ''}${pattern.prefix}${number}${pattern.suffix}`;
+}
+/**
+ * Format `value` with an ECMA-376 number-format code.
+ *
+ * Returns `undefined` when the code is absent, `General`, or beyond this
+ * subset, which tells the caller to keep its own default formatting.
+ */
+function formatChartNumber(value, formatCode) {
+    if (!Number.isFinite(value)) {
+        return undefined;
+    }
+    const code = (formatCode ?? '').trim();
+    if (GENERAL.has(code.toLowerCase())) {
+        return undefined;
+    }
+    // Date/time codes are the province of `chart-date-axis`; a value axis never
+    // carries one, and mistaking `d` for a digit would corrupt the label.
+    if (/(?:^|[^\\"])(?:yy|mm?m|dd?|hh|ss)/iu.test(code) && !/[0#?]/u.test(code)) {
+        return undefined;
+    }
+    const { code: section, forcePositive } = sectionFor(value, sections(code));
+    const pattern = parsePattern(section);
+    if (!pattern) {
+        return undefined;
+    }
+    try {
+        return applyPattern(value, pattern, forcePositive);
+    }
+    catch {
+        return undefined;
+    }
+}
+
 /**
  * Framework-agnostic chart helpers, a focused Vue port of the React package's
  * `viewer/utils/chart-helpers.ts`, `chart-layout.ts`, and
@@ -6528,18 +6909,19 @@ function paletteColor$1(index, styleId, colorPalette) {
     const palette = getChartStylePalette(styleId);
     return palette[index % palette.length];
 }
-/** Compute a Y-axis range that always includes zero. */
+/**
+ * Automatic Y-axis range, on PowerPoint's terms: zero-anchored where that reads
+ * sensibly, padded, and rounded out to whole major units. See
+ * `chart-axis-nice.ts` for the rules. Running the axis to the raw data maximum
+ * instead put the top gridline on whatever the tallest bar happened to be.
+ */
 function computeValueRange$1(series) {
     const allValues = series.flatMap((s) => s.values);
     if (allValues.length === 0) {
         return { min: 0, max: 1, span: 1 };
     }
-    const dataMin = Math.min(...allValues);
-    const dataMax = Math.max(...allValues);
-    const min = Math.min(dataMin, 0);
-    const max = Math.max(dataMax, 0);
-    const span = Math.max(max - min, 1);
-    return { min, max, span };
+    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(...allValues), Math.max(...allValues));
+    return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 /**
  * Map a data value to a Y pixel coordinate (top = max, bottom = min).
@@ -6562,8 +6944,20 @@ function valueToY$1(val, range, topY, bottomY) {
     }
     return range.reverseOrder ? topY + ratio * usable : bottomY - ratio * usable;
 }
-/** Compact axis-value formatting (1.2K / 3.4M / integer / one-decimal). */
-function formatAxisValue$1(val) {
+/**
+ * Compact axis-value formatting (1.2K / 3.4M / integer / one-decimal).
+ *
+ * `formatCode` is the chart's own `c:numFmt/@formatCode`. When the source
+ * declares one - `0%`, `#,##0`, `$#,##0.00` - it WINS: the cached values behind
+ * a percentage chart are fractions, and the compact fallback renders them as
+ * `0.5` where PowerPoint shows `50%`. Codes outside the supported subset fall
+ * through to the compact form, which is what every caller did before.
+ */
+function formatAxisValue$1(val, formatCode) {
+    const formatted = formatChartNumber(val, formatCode);
+    if (formatted !== undefined) {
+        return formatted;
+    }
     if (Math.abs(val) >= 1_000_000) {
         return `${(val / 1_000_000).toFixed(1)}M`;
     }
@@ -6650,6 +7044,45 @@ function resolveCategoryLabels(chartData) {
     return Array.from({ length: longest }, (_, i) => String(i + 1));
 }
 
+/**
+ * The chart-area (and plot-area) background, resolved once for every binding.
+ *
+ * All five viewers painted a hardcoded `#0f172a11` wash across the whole chart
+ * SVG. PowerPoint decks routinely write `<c:spPr><a:noFill/></c:spPr>` on
+ * `c:chartSpace` and `c:plotArea` precisely so the chart floats on the slide;
+ * the wash boxed every such chart into a visible grey panel that is not in the
+ * source. Honouring the authored fill is the fix, and keeping the wash as the
+ * fallback leaves charts that say nothing looking exactly as they did.
+ */
+/**
+ * The wash the bindings have always painted when a chart declares no fill of
+ * its own. Kept as the default so an unstyled chart still reads as a distinct
+ * surface against the slide.
+ */
+const DEFAULT_CHART_AREA_FILL = '#0f172a11';
+/** Resolve one recorded fill value to an SVG `fill`, or `undefined` to skip. */
+function resolve(fill, fallback) {
+    if (fill === 'none') {
+        return undefined;
+    }
+    return fill ?? fallback;
+}
+/**
+ * SVG `fill` for the chart-area rect, or `undefined` when nothing should be
+ * painted (the source declared `a:noFill`).
+ */
+function chartAreaFill(chartData) {
+    return resolve(chartData?.style?.chartAreaFill, DEFAULT_CHART_AREA_FILL);
+}
+/**
+ * SVG `fill` for the plot-area rect, or `undefined` when nothing should be
+ * painted. Unlike the chart area there is no default wash: a plot area that
+ * says nothing inherits the chart area behind it.
+ */
+function plotAreaFill(chartData) {
+    return resolve(chartData?.style?.plotAreaFill, undefined);
+}
+
 /**
  * Map a (possibly fractional / extrapolated) category index to an X pixel.
  * `mode === 'bar'` centres on category slots; `'line'` anchors at points.
@@ -6954,6 +7387,9 @@ function computeValueRangeForAxis(series, axis) {
         : undefined;
     const min = validMin ?? automatic.min;
     let max = validMax ?? automatic.max;
+    // An explicit bound breaks the automatic scale's guarantee that the span is a
+    // whole number of major units, so the unit no longer describes these bounds.
+    const majorUnit = validMin === undefined && validMax === undefined ? automatic.majorUnit : undefined;
     if (max <= min) {
         max = logBase ? min * logBase : min + 1;
     }
@@ -6964,6 +7400,7 @@ function computeValueRangeForAxis(series, axis) {
         min,
         max,
         span: Math.max(span, Number.EPSILON),
+        ...(majorUnit !== undefined ? { majorUnit } : {}),
         ...(logBase ? { logScale: true, logBase } : {}),
         ...(axis?.orientation === 'maxMin' ? { reverseOrder: true } : {}),
     };
@@ -7010,6 +7447,14 @@ function generateAxisTicks(range, axis, defaultIntervals) {
     if (explicit.length > 0) {
         return explicit;
     }
+    // The automatic scale already picked a round step and snapped the bounds to
+    // whole multiples of it, so stepping by that unit reproduces PowerPoint's
+    // labels exactly. Dividing the span evenly instead is what put ticks on
+    // 10.4 / 20.8 / 31.2 where PowerPoint writes 20 / 40 / 60.
+    const automatic = generateIntervalTicks(range, range.majorUnit ?? 0);
+    if (automatic.length > 0) {
+        return automatic;
+    }
     return Array.from({ length: defaultIntervals + 1 }, (_, index) => range.min + (range.span / defaultIntervals) * index);
 }
 /** Generate minor gridline values, excluding positions occupied by major ticks. */
@@ -8354,12 +8799,16 @@ function valueAxisLabelPlacement(layout, position, defaultSide, axisX) {
         ? { x: layout.plotLeft - 4, textAnchor: 'end' }
         : { x: layout.plotRight + 4, textAnchor: 'start' };
 }
-/** Format a value-axis tick: display-unit scaled when the axis declares units. */
+/**
+ * Format a value-axis tick: display-unit scaled when the axis declares units,
+ * otherwise through the axis's own `c:numFmt/@formatCode`. Without the format
+ * code a percentage axis renders its cached fractions raw (`0.2` for `20%`).
+ */
 function formatTick(val, axis) {
     if (axis?.displayUnits) {
         return formatAxisValueWithUnits(val, axis);
     }
-    return formatAxisValue(val);
+    return formatAxisValue(val, axis?.numFmt?.formatCode);
 }
 /**
  * Build primary value-axis gridlines + left-side labels, honouring log scale and
@@ -8515,6 +8964,11 @@ function hasRicherAxisFeatures(chartData) {
             (axis.axisType === 'valAx' &&
                 Boolean(axis.logScale ||
                     axis.displayUnits ||
+                    // A `c:numFmt` is only honoured on the `buildPrimaryAxis`
+                    // path; the fast path has no axis to read it from. The two
+                    // agree tick-for-tick when no log scale or display unit is
+                    // in play, so routing a formatted axis here costs nothing.
+                    axis.numFmt?.formatCode ||
                     axis.axPos === 'r' ||
                     axis.orientation === 'maxMin' ||
                     axis.majorUnit !== undefined ||
@@ -8641,7 +9095,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
                         kind: 'text',
                         x: x + singleBarWidth / 2,
                         y: val >= 0 ? y - 4 : y + h + 10,
-                        text: formatAxisValue(val),
+                        text: formatAxisValue(val, series[si].numberFormat),
                         fontSize: 7,
                         fill: '#334155',
                         textAnchor: 'middle',
@@ -8763,7 +9217,7 @@ function pushClusteredStackedLabels(series, sourceIndices, catCount, layout, ran
                 kind: 'text',
                 x,
                 y: labelY,
-                text: formatAxisValue(val),
+                text: formatAxisValue(val, series[si].numberFormat),
                 fontSize: 7,
                 fill: '#334155',
                 textAnchor: 'middle',
@@ -9119,7 +9573,7 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
                     kind: 'text',
                     x: pt.x,
                     y: pt.y - 7,
-                    text: formatAxisValue(val),
+                    text: formatAxisValue(val, series.numberFormat),
                     fontSize: 7,
                     fill: '#334155',
                     textAnchor: 'middle',
@@ -9183,7 +9637,7 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices, xPosition
                     kind: 'text',
                     x: pt.x,
                     y: pt.y - 6,
-                    text: formatAxisValue(val),
+                    text: formatAxisValue(val, series.numberFormat),
                     fontSize: 7,
                     fill: '#334155',
                     textAnchor: 'middle',
@@ -9219,7 +9673,7 @@ function buildScatter(chartData, layout, range) {
                     kind: 'text',
                     x: dot.cx,
                     y: dot.cy - 6,
-                    text: formatAxisValue(val),
+                    text: formatAxisValue(val, series.numberFormat),
                     fontSize: 7,
                     fill: '#334155',
                     textAnchor: 'middle',
@@ -9267,7 +9721,7 @@ function buildBubbles(chartData, layout, range) {
                     kind: 'text',
                     x: dot.cx,
                     y: dot.cy - 10,
-                    text: formatAxisValue(val),
+                    text: formatAxisValue(val, series.numberFormat),
                     fontSize: 7,
                     fill: '#334155',
                     textAnchor: 'middle',
@@ -10770,7 +11224,7 @@ function buildComboViewModel(element, chartData, categoryLabels) {
                         kind: 'text',
                         x: point.x,
                         y: point.y - 7,
-                        text: formatAxisValue(point.value),
+                        text: formatAxisValue(point.value, series.numberFormat),
                         fontSize: 7,
                         fill: '#334155',
                         textAnchor: 'middle',
@@ -10822,7 +11276,7 @@ function appendBarLabels(series, chartData, layout, catCount, range, sourceIndic
             x: xPositions?.[displayIndex] ??
                 layout.plotLeft + groupWidth * displayIndex + offset + barWidth / 2,
             y: value >= 0 ? Math.min(zeroY, valueY) - 4 : Math.max(zeroY, valueY) + 10,
-            text: formatAxisValue(value),
+            text: formatAxisValue(value, series.numberFormat),
             fontSize: 7,
             fill: '#334155',
             textAnchor: 'middle',
@@ -11952,7 +12406,7 @@ function isOutsidePosition(position) {
  * leader line from the rim point to the label anchor.
  */
 function buildPieDataLabels(params) {
-    const { slices, values, cx, cy, outerR, position, showLeaderLines } = params;
+    const { slices, values, cx, cy, outerR, position, showLeaderLines, numberFormat } = params;
     const outside = isOutsidePosition(position);
     const labels = [];
     const leaderLines = [];
@@ -11966,7 +12420,7 @@ function buildPieDataLabels(params) {
                 kind: 'text',
                 x: slice.labelX,
                 y: slice.labelY,
-                text: formatAxisValue(val),
+                text: formatAxisValue(val, numberFormat),
                 fontSize: 8,
                 fill: '#ffffff',
                 textAnchor: 'middle',
@@ -11986,7 +12440,7 @@ function buildPieDataLabels(params) {
             kind: 'text',
             x: labelX + (cos >= 0 ? 2 : -2),
             y: labelY,
-            text: formatAxisValue(val),
+            text: formatAxisValue(val, numberFormat),
             fontSize: 8,
             fill: '#334155',
             textAnchor: anchor,
@@ -13444,7 +13898,10 @@ function paletteColor(index, colorPalette) {
 function seriesColor(series, index, colorPalette) {
     return series.color ?? paletteColor(index, colorPalette);
 }
-/** Compute a Y-axis range that always includes zero. */
+/**
+ * Automatic Y-axis range, on PowerPoint's terms. See `chart-axis-nice.ts`; this
+ * mirrors `computeValueRange` in `chart-helpers.ts`.
+ */
 function computeValueRange(series) {
     let dataMin = Number.POSITIVE_INFINITY;
     let dataMax = Number.NEGATIVE_INFINITY;
@@ -13461,12 +13918,13 @@ function computeValueRange(series) {
     if (dataMin === Number.POSITIVE_INFINITY) {
         return { min: 0, max: 1, span: 1 };
     }
-    const min = Math.min(dataMin, 0);
-    const max = Math.max(dataMax, 0);
-    const span = Math.max(max - min, 1);
-    return { min, max, span };
+    const { min, max, majorUnit } = niceValueAxisBounds(dataMin, dataMax);
+    return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
-/** Compute the value range for a stacked bar (sum of positive values per category). */
+/**
+ * Value range for a stacked bar: the per-category sums, then the same automatic
+ * scale as any other value axis.
+ */
 function computeStackedValueRange(series, catCount) {
     let maxSum = 0;
     let minSum = 0;
@@ -13485,10 +13943,8 @@ function computeStackedValueRange(series, catCount) {
         maxSum = Math.max(maxSum, pos);
         minSum = Math.min(minSum, neg);
     }
-    const min = Math.min(minSum, 0);
-    const max = Math.max(maxSum, 0);
-    const span = Math.max(max - min, 1);
-    return { min, max, span };
+    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(minSum, 0), Math.max(maxSum, 0));
+    return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 /**
  * Map a data value to a Y pixel coordinate (top = max, bottom = min).
@@ -13514,8 +13970,16 @@ function valueToY(val, range, topY, bottomY) {
 // ─────────────────────────────────────────────────────────────────────────────
 // Formatting
 // ─────────────────────────────────────────────────────────────────────────────
-/** Format a numeric axis label to a short human-readable string. */
-function formatAxisValue(val) {
+/**
+ * Format a numeric axis or data label to a short human-readable string, or
+ * through the chart's own `c:numFmt/@formatCode` when it declares one. See
+ * `formatAxisValue` in `chart-helpers.ts`, which this mirrors.
+ */
+function formatAxisValue(val, formatCode) {
+    const formatted = formatChartNumber(val, formatCode);
+    if (formatted !== undefined) {
+        return formatted;
+    }
     if (Math.abs(val) >= 1_000_000) {
         return `${(val / 1_000_000).toFixed(1)}M`;
     }
@@ -13593,11 +14057,25 @@ const GRIDLINE_COLOR = '#e2e8f0';
 const AXIS_LABEL_COLOR = '#64748b';
 const ZERO_LINE_COLOR = '#94a3b8';
 const TICK_COUNT = 5;
+/**
+ * Tick values for a range: one per major unit when the automatic scale supplied
+ * one (it snapped the bounds to whole multiples, so this lands on round numbers
+ * exactly as PowerPoint does), otherwise an even division of the span.
+ */
+function axisTickValues(range) {
+    const unit = range.majorUnit;
+    if (unit !== undefined && Number.isFinite(unit) && unit > 0 && !range.logScale) {
+        const steps = Math.round((range.max - range.min) / unit);
+        if (steps >= 1 && steps <= 100) {
+            return Array.from({ length: steps + 1 }, (_unused, index) => range.min + unit * index);
+        }
+    }
+    return Array.from({ length: TICK_COUNT + 1 }, (_unused, index) => range.min + (range.span / TICK_COUNT) * index);
+}
 function buildGridlinesAndLabels(range, layout) {
     const gridlines = [];
     const axisLabels = [];
-    for (let i = 0; i <= TICK_COUNT; i++) {
-        const val = range.min + (range.span / TICK_COUNT) * i;
+    for (const val of axisTickValues(range)) {
         const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
         gridlines.push({
             kind: 'line',
@@ -13940,15 +14418,27 @@ function buildChartViewModel(element) {
         : Array.from({ length: longestLen }, (_, i) => String(i + 1));
     // Pie-of-pie / bar-of-pie splits one series across a primary + secondary plot.
     if (chartType === 'ofPie') {
-        return withUserShapeOverlay(buildOfPieViewModel(element, chartData, categoryLabels), chartData);
+        return withChartAreaFill(withUserShapeOverlay(buildOfPieViewModel(element, chartData, categoryLabels), chartData), chartData);
     }
     // 3D chart kinds keep their flat geometry but get an oblique depth pass driven
     // by c:view3D so they read as 3D instead of collapsing to a flat plot.
     const flat = buildFlatViewModel(element, chartData, categoryLabels, kind);
     if (is3DChartType(chartType)) {
-        return withUserShapeOverlay(applyChart3DDepth(flat, chartType, chartData.view3D), chartData);
+        return withChartAreaFill(withUserShapeOverlay(applyChart3DDepth(flat, chartType, chartData.view3D), chartData), chartData);
     }
-    return withUserShapeOverlay(flat, chartData);
+    return withChartAreaFill(withUserShapeOverlay(flat, chartData), chartData);
+}
+/**
+ * Stamp the resolved chart-area / plot-area fills onto a finished view-model so
+ * every binding paints (or skips) the same background rect. A chart that
+ * declares `<a:noFill/>` gets `areaFill: undefined` and no rect at all.
+ */
+function withChartAreaFill(vm, chartData) {
+    return {
+        ...vm,
+        areaFill: chartAreaFill(chartData),
+        plotFill: plotAreaFill(chartData),
+    };
 }
 /**
  * Append the chart's `c:userShapes` drawing overlay to a finished view-model.
@@ -14021,6 +14511,8 @@ function buildFallbackViewModel(width, height, label) {
     return {
         svgWidth,
         svgHeight,
+        // No chart data to read a fill from, so the historical wash stands.
+        areaFill: DEFAULT_CHART_AREA_FILL,
         title: undefined,
         titleX: svgWidth / 2,
         titleY: 14,
@@ -14093,6 +14585,7 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
             outerR,
             position: chartData.style.dataLabels?.position,
             showLeaderLines: chartData.style.dataLabels?.showLeaderLines,
+            numberFormat: chartData.series[0]?.numberFormat,
         });
         dataLabels.push(...labelResult.labels);
         primitives.push(...labelResult.leaderLines);
@@ -14220,7 +14713,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
                     kind: 'text',
                     x: p.x,
                     y: p.y - 8,
-                    text: formatAxisValue(val),
+                    text: formatAxisValue(val, series.numberFormat),
                     fontSize: 7,
                     fill: '#334155',
                     textAnchor: 'middle',
@@ -16832,6 +17325,10 @@ function normalizeDelay(delay) {
     }
     return { ms: delay, indefinite: false };
 }
+/** Triggers that only fire once the viewer does something. */
+function isInteractiveTrigger(trigger) {
+    return trigger === 'onClick' || trigger === 'onShapeClick' || trigger === 'onHover';
+}
 function classifyCondition(cond) {
     const evt = cond.event;
     if (evt && CLICK_EVENTS.has(evt)) {
@@ -16869,6 +17366,7 @@ function resolveEffectiveStartCondition(conditions, fallbackTrigger) {
         hasClickAlternative: false,
         hasHoverAlternative: false,
         indefinite: false,
+        requiresInteraction: isInteractiveTrigger(fallbackTrigger),
     };
     if (!conditions || conditions.length === 0) {
         return base;
@@ -16917,6 +17415,8 @@ function resolveEffectiveStartCondition(conditions, fallbackTrigger) {
         base.indefinite = indefinite;
         base.dependsOnTimeNodeId = timenode.targetTimeNodeId;
         base.dependsOnEvent = timenode.event;
+        // Chained off another node's begin/end: the timeline starts it, not a click.
+        base.requiresInteraction = false;
         return base;
     }
     // 2. Pure delay governs.
@@ -16926,15 +17426,21 @@ function resolveEffectiveStartCondition(conditions, fallbackTrigger) {
         base.trigger = clickCond ? 'onClick' : 'afterDelay';
         base.delayMs = ms;
         base.indefinite = indefinite;
+        // The delay fires on its own; a coexisting click only brings it forward,
+        // so this node does not WAIT for the viewer even when `trigger` says
+        // `onClick` (that spelling exists so the engine offers the early-out).
+        base.requiresInteraction = indefinite;
         return base;
     }
     // 3. Interactive trigger governs.
     if (clickCond) {
         base.trigger = clickCond.targetShapeId ? 'onShapeClick' : 'onClick';
+        base.requiresInteraction = true;
         return base;
     }
     if (hoverCond) {
         base.trigger = 'onHover';
+        base.requiresInteraction = true;
         return base;
     }
     // 4. Zero-delay-only condition (onBegin / @_delay="0"): keep fallback but
@@ -16942,6 +17448,7 @@ function resolveEffectiveStartCondition(conditions, fallbackTrigger) {
     if (delayCond) {
         base.trigger = fallbackTrigger;
         base.delayMs = 0;
+        base.requiresInteraction = false;
     }
     return base;
 }
@@ -17654,7 +18161,12 @@ function parsePlayFrom(raw) {
  * - `play` / `resume` -> resume playback.
  * - `pause` -> pause playback.
  * - `stop` / `stopMedia` -> pause and rewind to the start.
- * - `togglePlay` -> pause if playing, else play.
+ * - `togglePlay` / `togglePause` -> pause if playing, else play.
+ *
+ * `togglePause` is PowerPoint's own spelling: a video authored with "click to
+ * pause" emits `<p:cmd type="call" cmd="togglePause"/>` in its interactiveSeq,
+ * never `togglePlay`. Both name the same two-way toggle, so they map to one
+ * verb; missing the alias made clicking such a video silently do nothing.
  *
  * Any other command string (including non-media `evt` / `verb` commands, or a
  * numeric verb code with no browser analogue) returns `undefined` so the caller
@@ -17679,7 +18191,7 @@ function parseMediaCommand(commandString) {
     if (lower === 'stop' || lower === 'stopmedia') {
         return { verb: 'stop' };
     }
-    if (lower === 'toggleplay') {
+    if (lower === 'toggleplay' || lower === 'togglepause') {
         return { verb: 'togglePlay' };
     }
     return undefined;
@@ -17922,7 +18434,16 @@ function buildTimeline(nativeAnimations) {
                 // is how PowerPoint renders a deck whose opening effects are "With
                 // Previous"; without it the first group was always click-gated and
                 // the slide showed nothing until the viewer clicked.
-                currentGroupAutoStart = !isOnClick && singleAnim.groupAutoStart === true;
+                // `isOnClick` alone is the wrong test: `resolveAnimationStart` keeps
+                // the node's fallback trigger (`onClick`) whenever its condition list
+                // carries no actionable semantics, so a step the deck marks as
+                // auto-starting AND whose only condition is `<p:cond delay="0"/>`
+                // looked click-gated. `requiresInteraction` distinguishes the two,
+                // which is what makes a slide-entry `p:cmd` media command (the
+                // `playFrom(0.0)` on solution-explorer slide 2) start with the slide
+                // instead of waiting for a Next press.
+                currentGroupAutoStart =
+                    singleAnim.groupAutoStart === true && !effective.requiresInteraction;
                 subGroupIndex = singleAnim.parGroupIndex;
                 subGroupStartMs = 0;
             }
@@ -18057,27 +18578,35 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         for (const anim of anims) {
             let effect = resolveEffect(anim);
             const dynamic = effect ? undefined : buildDynamicKeyframe(anim, dynamicUid++);
-            if (!effect && !dynamic) {
+            // An interactive sequence can hold a `p:cmd` media command just as the
+            // main sequence can (PowerPoint's "click the video to pause it" is
+            // authored exactly that way). Without this branch the step fell through
+            // to the unmapped-preset safety net, and because a `mediacall` effect
+            // carries no whitelisted `presetClass` the net returned nothing and the
+            // 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;
                 }
             }
-            const keyframe = effect ? cssKeyframeName(effect) : dynamic.keyframeName;
+            const keyframe = isCommand ? '' : effect ? cssKeyframeName(effect) : dynamic.keyframeName;
             if (effect) {
                 neededKeyframes.add(effect);
             }
             if (dynamic) {
                 dynamicBlocks.push(dynamic.css);
             }
-            const elementId = anim.targetId ?? '';
+            // Command steps carry no element visibility semantics; see the main loop.
+            const elementId = isCommand ? '' : (anim.targetId ?? '');
             const seqTrigger = anim.trigger ?? 'onShapeClick';
-            const duration = anim.durationMs ?? defaultDuration(anim.presetClass);
+            const duration = isCommand ? 0 : (anim.durationMs ?? defaultDuration(anim.presetClass));
             // Same single-quantity rule as the main sequence: never sum the two.
             const animDelay = Math.max(anim.delayMs ?? 0, anim.triggerDelayMs ?? 0);
             const triggerDelay = 0;
-            const presetClass = anim.presetClass ?? 'entr';
+            const presetClass = isCommand ? 'emph' : (anim.presetClass ?? 'entr');
             const fill = fillModeForClass(anim.presetClass);
             const iterCount = anim.repeatCount ?? 1;
             const direction = anim.autoReverse ? 'alternate' : 'normal';
@@ -18104,7 +18633,9 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
             }
             const iterStr = iterCount === Infinity ? 'infinite' : String(iterCount);
             const easing = cssEasingForAnimation(anim);
-            const cssAnimation = `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
+            const cssAnimation = isCommand
+                ? ''
+                : `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
             seqGroup.push({
                 elementId,
                 cssAnimation,
@@ -18116,8 +18647,9 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
                 presetClass: presetClass,
                 soundPath: anim.soundPath,
                 stopSound: anim.stopSound,
-                build: resolveStepBuildDescriptor(anim),
-                colorTargets: stepColorTargets(anim),
+                command: isCommand ? buildStepCommand(anim) : undefined,
+                build: isCommand ? undefined : resolveStepBuildDescriptor(anim),
+                colorTargets: isCommand ? undefined : stepColorTargets(anim),
             });
         }
         if (seqGroup.length > 0) {
@@ -27268,7 +27800,18 @@ function buildTextBlockStyle(element, options = {}) {
     // Always declare a size and a family: see DEFAULT_FONT_FAMILY for why an
     // omitted declaration is a real rendering difference, not a no-op.
     style.fontSize = ts?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-    style.fontFamily = ts?.fontFamily || DEFAULT_FONT_FAMILY$1;
+    // Through PANOSE substitution, never the bare authored name: the fallback
+    // chain is what supplies the stand-in when the font is absent. Emitting
+    // `font-family: "思源黑体 CN Light"` on its own leaves the browser to pick its
+    // own default, which for CJK text is a SERIF - PowerPoint substitutes a sans,
+    // so the whole deck rendered in the wrong typeface class. Runs already went
+    // through `getSubstituteFontFamily` in `segmentStyleToCss`; the body did not,
+    // and the body is what plain (unsegmented) text inherits.
+    // The authored PANOSE picks the right generic (a serif font with no entry in
+    // the substitution map must not fall back to sans, and vice versa).
+    style.fontFamily = ts?.fontFamily
+        ? getSubstituteFontFamily(ts.fontFamily, parsePanoseString(ts.latinFontPanose))
+        : DEFAULT_FONT_FAMILY$1;
     style.fontWeight = ts?.bold ? 700 : 400;
     style.fontStyle = ts?.italic ? 'italic' : 'normal';
     style.textDecorationLine = decorations.length > 0 ? decorations.join(' ') : 'none';
@@ -31906,97 +32449,14 @@ function applyReroutedConnectors(elements, rerouted) {
 }
 
 /**
- * Pure, framework-agnostic connector-geometry helpers shared across bindings.
- *
- * Derives the full set of SVG rendering values for a connector `PptxElement`:
- * stroke style, flip-adjusted endpoints, bent/curved path data (with optional
- * obstacle-avoiding A* routing), and arrow `<marker>` shapes. No framework
- * imports; the actual `<svg>`/`<marker>`/`<path>` emission stays in each
- * binding's view layer.
+ * Dash patterns for connector lines.
  *
- * Connector-family classification (`connectorKind` / `ConnectorKind`) lives in
- * `connector-style.ts` and is re-used here rather than re-declared.
- */
-/**
- * Derive all rendering geometry for a connector element.
+ * Split out of `connector-path.ts` alongside the arrow markers: a connector's
+ * stroke decoration is a separate concern from where the line is routed, and
+ * both are configured independently in the inspector.
  *
- * This is a pure function: no side-effects, no framework imports. The component
- * calls this once per change-detection cycle inside a `computed()`.
+ * Pure and framework-agnostic.
  */
-function buildConnectorGeometry(element, zIndex, routing) {
-    const ss = hasShapeProperties(element) ? element.shapeStyle : undefined;
-    const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
-    const strokeColor = ss?.strokeColor ?? DEFAULT_STROKE_COLOR;
-    const strokeOpacity = ss?.strokeOpacity ?? 1;
-    const dashArray = buildDashArray(ss?.strokeDash, strokeWidth, ss?.customDashSegments);
-    const strokeLinecap = svgLineCap(ss?.lineCap);
-    const compoundOffsets = getCompoundLineOffsets(ss?.compoundLine, strokeWidth);
-    const compoundWidths = getCompoundLineWidths(ss?.compoundLine, strokeWidth);
-    const svgW = Math.max(element.width, 1);
-    const svgH = Math.max(element.height, 1);
-    const x1 = element.flipHorizontal ? svgW : 0;
-    const y1 = element.flipVertical ? svgH : 0;
-    const x2 = element.flipHorizontal ? 0 : svgW;
-    const y2 = element.flipVertical ? 0 : svgH;
-    const shapeType = element.shapeType;
-    let pathD = buildConnectorPathD(shapeType, x1, y1, x2, y2, connectorBendFraction(element));
-    // Obstacle-avoiding A* routing for bent connectors. Routes in absolute slide
-    // coordinates (so it can detour outside the connector's own bounding box;
-    // the SVG uses `overflow: visible`), then translates waypoints back to
-    // element-local space for the path data.
-    if (routing &&
-        routing.obstacles.length > 0 &&
-        connectorKind(shapeType) === 'bent' &&
-        (element.width > 0 || element.height > 0)) {
-        const start = { x: element.x + x1, y: element.y + y1 };
-        const end = { x: element.x + x2, y: element.y + y2 };
-        const waypoints = routeOrthogonalConnector(start, end, routing.obstacles, {
-            canvasWidth: routing.canvasWidth,
-            canvasHeight: routing.canvasHeight,
-        });
-        if (waypoints.length > 2) {
-            const local = waypoints.map((p) => ({ x: p.x - element.x, y: p.y - element.y }));
-            pathD = waypointsToPathD(local);
-        }
-    }
-    const markerSeed = element.id.replace(/[^a-zA-Z0-9_-]/gu, '_');
-    const startMarkerId = `${markerSeed}-start`;
-    const endMarkerId = `${markerSeed}-end`;
-    const startArrow = normalizeArrow(ss?.connectorStartArrow);
-    const endArrow = normalizeArrow(ss?.connectorEndArrow);
-    const startMarker = startArrow
-        ? markerPath(startArrow, ss?.connectorStartArrowWidth, ss?.connectorStartArrowLength)
-        : null;
-    const endMarker = endArrow
-        ? markerPath(endArrow, ss?.connectorEndArrowWidth, ss?.connectorEndArrowLength)
-        : null;
-    const startMarkerRef = startMarker ? `url(#${startMarkerId})` : null;
-    const endMarkerRef = endMarker ? `url(#${endMarkerId})` : null;
-    const wrapperStyle = buildWrapperStyle(element, zIndex);
-    return {
-        strokeWidth,
-        strokeColor,
-        strokeOpacity,
-        dashArray,
-        strokeLinecap,
-        compoundOffsets,
-        compoundWidths,
-        svgW,
-        svgH,
-        x1,
-        y1,
-        x2,
-        y2,
-        pathD,
-        startMarkerId,
-        endMarkerId,
-        startMarker,
-        endMarker,
-        startMarkerRef,
-        endMarkerRef,
-        wrapperStyle,
-    };
-}
 /**
  * Return the SVG `stroke-dasharray` string for a given OOXML stroke dash preset
  * and width, or `undefined` for solid lines (no attribute needed).
@@ -32021,6 +32481,195 @@ function buildDashArray(dash, strokeWidth, customDashSegments) {
     const dashType = segments ? 'custom' : normalizeStrokeDashType(dash);
     return getSvgStrokeDasharray(dashType, strokeWidth, segments);
 }
+
+/**
+ * connector-hit-target.ts: how wide a connector's pointer target has to be.
+ *
+ * WHY this exists at all: a connector's wrapper is `pointer-events: none`, so
+ * an empty bounding box (connectors are usually large and mostly empty) never
+ * swallows clicks meant for the shapes it spans. That also left the LINE
+ * unclickable, so no pointer route reached a connector and the inspector's
+ * connector card could only be opened from the Elements list. Every binding
+ * therefore paints a transparent stroke along the path that opts back INTO hit
+ * testing with `pointer-events: stroke`, keeping the target on the line and off
+ * the box.
+ *
+ * WHY its own module: `buildConnectorGeometry` hands the width to the three
+ * bindings that consume the geometry object, but Vanilla renders a connector
+ * without ever building one, so it needs the rule and nothing else. Four
+ * bindings agreeing on a magic number by copying it is how they drifted the
+ * first time.
+ *
+ * @module render/connector-hit-target
+ */
+/**
+ * Narrowest a connector's pointer target may be, in px.
+ *
+ * WHY a floor: a hairline connector is one or two px of ink, and a target that
+ * thin cannot be hit with a mouse, never mind a finger. PowerPoint shows the
+ * same generosity around a line.
+ */
+const CONNECTOR_HIT_MIN_WIDTH = 14;
+/**
+ * Width of the transparent stroke that makes a connector clickable.
+ *
+ * WHY 3x: the target has to be comfortably wider than the ink so a near miss
+ * still lands, while staying proportional for a thick line.
+ */
+function connectorHitStrokeWidth(strokeWidth) {
+    return Math.max(strokeWidth * 3, CONNECTOR_HIT_MIN_WIDTH);
+}
+
+/**
+ * Arrow-head marker shapes for connectors.
+ *
+ * A connector's line geometry and its end decorations are independent concerns:
+ * routing answers "where does the line go", this module answers "what is drawn
+ * at each end and how big is it". Splitting them keeps `connector-path.ts`
+ * within the file-size rule and gives the arrow-size mapping a home of its own,
+ * since it is the part users actually configure (the inspector's six arrowhead
+ * controls all resolve to values consumed here).
+ *
+ * Pure and framework-agnostic: the `<marker>` element itself is emitted by each
+ * binding's view layer from the {@link MarkerShape} returned here.
+ */
+/**
+ * Base `markerWidth`/`markerHeight` (in `strokeWidth` units) for a `med` arrow.
+ * `sm`/`lg` scale relative to this, mirroring PowerPoint's discrete sizes.
+ */
+const ARROW_BASE_MARKER_SIZE = 4;
+const ARROW_SIZE_SCALE = { sm: 0.6, med: 1, lg: 1.5 };
+/**
+ * Map a `ConnectorArrowType` value to its SVG marker shape, scaling the marker
+ * box by the arrow's width (`@w`) and length (`@len`) size tokens.
+ *
+ * The `<marker>` viewBox stays `0 0 10 10`; the returned {@link MarkerShape}
+ * carries `markerWidth` (length, along the line) and `markerHeight` (width,
+ * perpendicular) so bindings render `sm`/`med`/`lg` arrows at the right size
+ * instead of a single fixed dimension.
+ *
+ * @param type        Arrow head shape.
+ * @param arrowWidth  `@w` size token (perpendicular thickness). Defaults `med`.
+ * @param arrowLength `@len` size token (length along the line). Defaults `med`.
+ */
+function markerPath(type, arrowWidth, arrowLength) {
+    const markerWidth = ARROW_BASE_MARKER_SIZE * (ARROW_SIZE_SCALE[arrowLength ?? 'med'] ?? 1);
+    const markerHeight = ARROW_BASE_MARKER_SIZE * (ARROW_SIZE_SCALE[arrowWidth ?? 'med'] ?? 1);
+    const box = { markerWidth, markerHeight };
+    switch (type) {
+        case 'diamond':
+            return { shape: 'path', d: 'M5 0 L10 5 L5 10 L0 5 Z', ...box };
+        case 'oval':
+            return { shape: 'circle', ...box };
+        case 'stealth':
+            return { shape: 'path', d: 'M0 0 L10 5 L0 10 L3 5 Z', ...box };
+        // triangle / arrow / fallback
+        default:
+            return { shape: 'path', d: 'M0 0 L10 5 L0 10 Z', ...box };
+    }
+}
+/** Normalise a raw arrow type value: coerce `"none"` / `undefined` to `undefined`. */
+function normalizeArrow(a) {
+    return a && a !== 'none' ? a : undefined;
+}
+
+/**
+ * Pure, framework-agnostic connector-geometry helpers shared across bindings.
+ *
+ * Derives the full set of SVG rendering values for a connector `PptxElement`:
+ * stroke style, flip-adjusted endpoints, bent/curved path data (with optional
+ * obstacle-avoiding A* routing), and arrow `<marker>` shapes. No framework
+ * imports; the actual `<svg>`/`<marker>`/`<path>` emission stays in each
+ * binding's view layer.
+ *
+ * Connector-family classification (`connectorKind` / `ConnectorKind`) lives in
+ * `connector-style.ts` and is re-used here rather than re-declared.
+ */
+/**
+ * Derive all rendering geometry for a connector element.
+ *
+ * This is a pure function: no side-effects, no framework imports. The component
+ * calls this once per change-detection cycle inside a `computed()`.
+ */
+function buildConnectorGeometry(element, zIndex, routing) {
+    const ss = hasShapeProperties(element) ? element.shapeStyle : undefined;
+    const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
+    const strokeColor = ss?.strokeColor ?? DEFAULT_STROKE_COLOR;
+    const strokeOpacity = ss?.strokeOpacity ?? 1;
+    const dashArray = buildDashArray(ss?.strokeDash, strokeWidth, ss?.customDashSegments);
+    const strokeLinecap = svgLineCap(ss?.lineCap);
+    const compoundOffsets = getCompoundLineOffsets(ss?.compoundLine, strokeWidth);
+    const compoundWidths = getCompoundLineWidths(ss?.compoundLine, strokeWidth);
+    const svgW = Math.max(element.width, 1);
+    const svgH = Math.max(element.height, 1);
+    const x1 = element.flipHorizontal ? svgW : 0;
+    const y1 = element.flipVertical ? svgH : 0;
+    const x2 = element.flipHorizontal ? 0 : svgW;
+    const y2 = element.flipVertical ? 0 : svgH;
+    const shapeType = element.shapeType;
+    let pathD = buildConnectorPathD(shapeType, x1, y1, x2, y2, connectorBendFraction(element));
+    // Obstacle-avoiding A* routing for bent connectors. Routes in absolute slide
+    // coordinates (so it can detour outside the connector's own bounding box;
+    // the SVG uses `overflow: visible`), then translates waypoints back to
+    // element-local space for the path data.
+    if (routing &&
+        routing.obstacles.length > 0 &&
+        connectorKind(shapeType) === 'bent' &&
+        (element.width > 0 || element.height > 0)) {
+        const start = { x: element.x + x1, y: element.y + y1 };
+        const end = { x: element.x + x2, y: element.y + y2 };
+        const waypoints = routeOrthogonalConnector(start, end, routing.obstacles, {
+            canvasWidth: routing.canvasWidth,
+            canvasHeight: routing.canvasHeight,
+        });
+        if (waypoints.length > 2) {
+            const local = waypoints.map((p) => ({ x: p.x - element.x, y: p.y - element.y }));
+            pathD = waypointsToPathD(local);
+        }
+    }
+    const markerSeed = element.id.replace(/[^a-zA-Z0-9_-]/gu, '_');
+    const startMarkerId = `${markerSeed}-start`;
+    const endMarkerId = `${markerSeed}-end`;
+    const startArrow = normalizeArrow(ss?.connectorStartArrow);
+    const endArrow = normalizeArrow(ss?.connectorEndArrow);
+    const startMarker = startArrow
+        ? markerPath(startArrow, ss?.connectorStartArrowWidth, ss?.connectorStartArrowLength)
+        : null;
+    const endMarker = endArrow
+        ? markerPath(endArrow, ss?.connectorEndArrowWidth, ss?.connectorEndArrowLength)
+        : null;
+    const startMarkerRef = startMarker ? `url(#${startMarkerId})` : null;
+    const endMarkerRef = endMarker ? `url(#${endMarkerId})` : null;
+    const wrapperStyle = buildWrapperStyle(element, zIndex);
+    return {
+        strokeWidth,
+        strokeColor,
+        strokeOpacity,
+        dashArray,
+        strokeLinecap,
+        compoundOffsets,
+        compoundWidths,
+        svgW,
+        svgH,
+        x1,
+        y1,
+        x2,
+        y2,
+        pathD,
+        startMarkerId,
+        endMarkerId,
+        startMarker,
+        endMarker,
+        startMarkerRef,
+        endMarkerRef,
+        // A straight connector has no `pathD`, so the hit target falls back to its
+        // endpoints; both forms are a `path`, which keeps the binding templates to
+        // a single node instead of a line/path branch of their own.
+        hitPathD: pathD ?? `M${x1},${y1} L${x2},${y2}`,
+        hitStrokeWidth: connectorHitStrokeWidth(strokeWidth),
+        wrapperStyle,
+    };
+}
 /**
  * Normalise a connector's first adjustment value (`adj1`/`adj`) to a 0..1
  * fraction that positions the elbow / curve mid-axis. OOXML stores these in
@@ -32067,46 +32716,6 @@ function buildConnectorPathD(shapeType, x1, y1, x2, y2, bend) {
     }
     return `M${x1},${y1} C${mx},${y1} ${mx},${y2} ${x2},${y2}`;
 }
-/**
- * Base `markerWidth`/`markerHeight` (in `strokeWidth` units) for a `med` arrow.
- * `sm`/`lg` scale relative to this, mirroring PowerPoint's discrete sizes and
- * the React binding's `ARROW_SIZE_SCALE`.
- */
-const ARROW_BASE_MARKER_SIZE = 4;
-const ARROW_SIZE_SCALE = { sm: 0.6, med: 1, lg: 1.5 };
-/**
- * Map a `ConnectorArrowType` value to its SVG marker shape, scaling the marker
- * box by the arrow's width (`@w`) and length (`@len`) size tokens.
- *
- * The `<marker>` viewBox stays `0 0 10 10`; the returned {@link MarkerShape}
- * carries `markerWidth` (length, along the line) and `markerHeight` (width,
- * perpendicular) so bindings render `sm`/`med`/`lg` arrows at the right size
- * instead of a single fixed dimension.
- *
- * @param type        Arrow head shape.
- * @param arrowWidth  `@w` size token (perpendicular thickness). Defaults `med`.
- * @param arrowLength `@len` size token (length along the line). Defaults `med`.
- */
-function markerPath(type, arrowWidth, arrowLength) {
-    const markerWidth = ARROW_BASE_MARKER_SIZE * (ARROW_SIZE_SCALE[arrowLength ?? 'med'] ?? 1);
-    const markerHeight = ARROW_BASE_MARKER_SIZE * (ARROW_SIZE_SCALE[arrowWidth ?? 'med'] ?? 1);
-    const box = { markerWidth, markerHeight };
-    switch (type) {
-        case 'diamond':
-            return { shape: 'path', d: 'M5 0 L10 5 L5 10 L0 5 Z', ...box };
-        case 'oval':
-            return { shape: 'circle', ...box };
-        case 'stealth':
-            return { shape: 'path', d: 'M0 0 L10 5 L0 10 L3 5 Z', ...box };
-        // triangle / arrow / fallback
-        default:
-            return { shape: 'path', d: 'M0 0 L10 5 L0 10 Z', ...box };
-    }
-}
-/** Normalise a raw arrow type value: coerce `"none"` / `undefined` → `undefined`. */
-function normalizeArrow(a) {
-    return a && a !== 'none' ? a : undefined;
-}
 /**
  * Build the inline `style` string for the connector wrapper `<div>`.
  * Position, size, z-index, rotation, opacity, and visibility.
@@ -40864,25 +41473,21 @@ function mobileSlideCounter(currentIndex, total) {
     }
     return `${currentIndex + 1} / ${total}`;
 }
-/**
- * Whether the deck is on its first slide (used to disable the "previous"
- * control). Negative indices are treated as the first slide.
- */
-function isFirstSlide(currentIndex) {
-    return currentIndex <= 0;
-}
-/**
- * Whether the deck is on its last slide (used to disable the "next" control).
- * An out-of-range index past the end also counts as the last slide.
- */
-function isLastSlide(currentIndex, total) {
-    return currentIndex >= total - 1;
-}
+// The phone layout deliberately owns NO first/last predicates of its own.
+//
+// It used to: an `isFirstSlide` / `isLastSlide` pair lived here, and all three
+// phone consoles wired Next's `disabled` to `isLastSlide`. The desktop console
+// answers the same question with `presenterNextDisabled` in `presenter-chrome`,
+// which is always false because PowerPoint advances from the last slide to the
+// end-of-show screen and then out of the show. So the same deck stranded a
+// presenter on a phone and let them finish on a laptop. Both consoles now read
+// `presenterPrevDisabled` / `presenterNextDisabled` from `presenter-chrome`, and
+// there is no near-miss duplicate here for a fourth port to reach for.
 // ---------------------------------------------------------------------------
 // Elapsed-time formatting
 // ---------------------------------------------------------------------------
 /** Zero-pad a non-negative integer to at least two digits. */
-function pad2$1(value) {
+function pad2(value) {
     return String(value).padStart(2, '0');
 }
 /**
@@ -40910,9 +41515,9 @@ function formatMobileElapsed(elapsedMs) {
     const minutes = Math.floor((totalSeconds % 3600) / 60);
     const seconds = totalSeconds % 60;
     if (hours > 0) {
-        return `${pad2$1(hours)}:${pad2$1(minutes)}:${pad2$1(seconds)}`;
+        return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
     }
-    return `${pad2$1(minutes)}:${pad2$1(seconds)}`;
+    return `${pad2(minutes)}:${pad2(seconds)}`;
 }
 
 /**
@@ -41382,7 +41987,7 @@ function formatTime(date) {
  * Format a millisecond duration as `MM:SS`, or `HH:MM:SS` once the elapsed time
  * reaches one hour.
  */
-function formatElapsed$1(elapsedMs) {
+function formatElapsed(elapsedMs) {
     const totalSeconds = Math.floor(elapsedMs / 1000);
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor((totalSeconds % 3600) / 60);
@@ -42560,6 +43165,414 @@ function presentToolbarStyleAttr() {
         .join(';');
 }
 
+/**
+ * The presenter view (PowerPoint's "presenter console"), described once for all
+ * five bindings.
+ *
+ * `presenter-view.ts` already shares the presenter console's ARITHMETIC (elapsed
+ * formatting, notes font-size clamping, rich-notes -> span spec) and
+ * `presenter-console.ts` its STATE helpers (timer, zoom, pointer, ink). What was
+ * never shared is the console's CONTENT, and that is what drifted, in exactly
+ * the way `present-chrome.ts` documents for the show toolbar:
+ *
+ *   - React ships a 16-slot strip whose accessible names are hard-coded English
+ *     `title` attributes, so the console is untranslatable in every locale.
+ *   - Vue renders its strip ONLY in the empty-deck branch, so with a real deck
+ *     the console has no timer, zoom, annotation, blackout, captions or end
+ *     control at all.
+ *   - Angular re-labels the same strip in a component with no `translate` pipe,
+ *     orders zoom `-` before `+` (React orders `+` first), and calls reset-zoom
+ *     "Fit".
+ *   - Vanilla has no presenter view whatsoever: `mountPresenterConsole` lays a
+ *     button strip over the live show, with no current slide, next-slide
+ *     preview, notes, clock or timer.
+ *   - Svelte drops the timer progress bar, renders notes as plain text (losing
+ *     every `notesSegments` run style) and clamps the notes font size to its own
+ *     12..36 instead of the shared 10..32.
+ *
+ * So the inventory, the order, the label KEYS and the measurements live here,
+ * and every binding derives its console from these constants:
+ *
+ *   - React, Vue and Angular apply {@link PRESENTER_CONSOLE_CLASSES} (Tailwind).
+ *   - Vanilla interpolates {@link PRESENTER_LAYOUT_METRICS} into its CSS-in-TS.
+ *   - Svelte reads {@link presenterConsoleCssVars} off an inline `style`
+ *     attribute, because its scoped `<style>` is compiled and cannot see a
+ *     TypeScript value.
+ *
+ * `presenter-chrome.test.ts` asserts the Tailwind tokens still encode exactly
+ * the numbers here, which is what stops the two representations drifting.
+ *
+ * @module render/presenter-chrome
+ */
+/**
+ * The presenter console strip, in order.
+ *
+ * Order and ids follow React, which is the binding the parity specs measure
+ * against. The label KEYS are new: React's strings were hard-coded English, so
+ * adopting a key per slot is what makes the console translatable at all. Where
+ * an existing key already carried the exact English React rendered, it is
+ * reused rather than duplicated (`pptx.presentation.pen` and friends), because
+ * a near-miss duplicate is precisely how `pptx.presenter.elapsed` and
+ * `pptx.mpresenter.elapsed` came to coexist.
+ */
+const PRESENTER_CONSOLE_CONTROLS = [
+    {
+        id: 'timer-toggle',
+        kind: 'button',
+        labelKey: 'pptx.presenter.toggleTimer',
+        icon: 'circle-pause',
+        activeIcon: 'circle-play',
+    },
+    { id: 'timer-reset', kind: 'button', labelKey: 'pptx.presenter.resetTimer', icon: 'rotate-ccw' },
+    { id: 'divider-timer', kind: 'divider' },
+    {
+        id: 'all-slides',
+        kind: 'button',
+        labelKey: 'pptx.presenter.seeAllSlides',
+        icon: 'grid-2x2',
+    },
+    { id: 'zoom-in', kind: 'button', labelKey: 'pptx.presenter.zoomIn', icon: 'zoom-in' },
+    { id: 'zoom-out', kind: 'button', labelKey: 'pptx.presenter.zoomOut', icon: 'zoom-out' },
+    { id: 'zoom-reset', kind: 'button', labelKey: 'pptx.presenter.resetZoom', icon: 'scan' },
+    { id: 'divider-zoom', kind: 'divider' },
+    {
+        id: 'laser',
+        kind: 'toggle',
+        labelKey: 'pptx.presentation.laserPointer',
+        icon: 'mouse-pointer-2',
+    },
+    { id: 'pen', kind: 'toggle', labelKey: 'pptx.presentation.pen', icon: 'pen-tool' },
+    {
+        id: 'highlighter',
+        kind: 'toggle',
+        labelKey: 'pptx.presentation.highlighter',
+        icon: 'highlighter',
+    },
+    { id: 'eraser', kind: 'toggle', labelKey: 'pptx.presentation.eraser', icon: 'eraser' },
+    { id: 'divider-tools', kind: 'divider' },
+    { id: 'blackout-black', kind: 'toggle', labelKey: 'pptx.presenter.blackScreen', glyph: 'B' },
+    { id: 'blackout-white', kind: 'toggle', labelKey: 'pptx.presenter.whiteScreen', glyph: 'W' },
+    {
+        id: 'captions',
+        kind: 'toggle',
+        labelKey: 'pptx.slideShow.subtitlesTooltip',
+        icon: 'captions',
+    },
+    { id: 'spacer', kind: 'spacer' },
+    {
+        id: 'audience',
+        kind: 'toggle',
+        labelKey: 'pptx.presenter.openAudienceWindow',
+        activeLabelKey: 'pptx.presenter.closeAudienceWindow',
+        icon: 'monitor',
+        activeIcon: 'monitor-off',
+    },
+    {
+        id: 'swap-displays',
+        kind: 'button',
+        labelKey: 'pptx.presenter.swapDisplays',
+        icon: 'arrow-left-right',
+    },
+    { id: 'end', kind: 'button', labelKey: 'pptx.presenter.endPresentation', icon: 'x' },
+];
+/** The strip's control ids in render order, for tests and parity specs. */
+const PRESENTER_CONSOLE_ORDER = PRESENTER_CONSOLE_CONTROLS.map((control) => control.id);
+/**
+ * The strip's accessible-name i18n keys, in order, skipping the slots that have
+ * none. A parity spec resolves these through the dictionary rather than
+ * hard-coding English, so the inventory survives a translation change.
+ */
+const PRESENTER_CONSOLE_LABEL_KEYS = PRESENTER_CONSOLE_CONTROLS.flatMap((control) => (control.labelKey === undefined ? [] : [control.labelKey]));
+/**
+ * The rail's navigation and notes controls, in order.
+ *
+ * `next` is deliberately absent from any "disabled on the last slide" rule; see
+ * {@link presenterNextDisabled}.
+ */
+const PRESENTER_RAIL_CONTROLS = [
+    { id: 'prev', labelKey: 'pptx.presenter.prev', icon: 'chevron-left' },
+    { id: 'next', labelKey: 'pptx.presenter.next', icon: 'chevron-right' },
+    { id: 'notes-font-decrease', labelKey: 'pptx.presenter.decreaseFontSize', icon: 'minus' },
+    { id: 'notes-font-increase', labelKey: 'pptx.presenter.increaseFontSize', icon: 'plus' },
+];
+/** Static headings and read-only readouts in the rail, keyed for translation. */
+const PRESENTER_RAIL_LABEL_KEYS = {
+    currentTime: 'pptx.presenter.currentTime',
+    elapsed: 'pptx.presenter.elapsed',
+    nextSlidePreview: 'pptx.presenter.nextSlidePreview',
+    endOfPresentation: 'pptx.presenter.endOfPresentation',
+    speakerNotes: 'pptx.presenter.speakerNotes',
+    noNotes: 'pptx.presenter.noNotes',
+    slideLabel: 'pptx.presenter.slideLabel',
+    timerProgress: 'pptx.presenter.timerProgress',
+    noSlides: 'pptx.presenter.noSlides',
+};
+/** Headings and controls of the "all slides" navigator overlay. */
+const PRESENTER_NAVIGATOR_LABEL_KEYS = {
+    title: 'pptx.presenter.slideNavigator',
+    subtitle: 'pptx.presenter.seeAllSlides',
+    close: 'pptx.presenter.closeNavigator',
+};
+/**
+ * Whether the rail's Next button should be disabled.
+ *
+ * Always `false`, and it is a function rather than a constant so the rule has
+ * one place to be read and cited. PowerPoint's console advances from the last
+ * slide to the end-of-show screen and then out of the show. Vue, Angular and
+ * Svelte each independently added `disabled={current >= slides.length - 1}`,
+ * which strands the presenter on the final slide with no way to finish, so the
+ * audience display never closes either. React's `PresenterNotesRail` carries a
+ * comment saying exactly this; the comment was not enough to stop three ports
+ * making the same call, so the rule is now code.
+ */
+function presenterNextDisabled() {
+    return false;
+}
+/**
+ * Whether the rail's Previous button should be disabled: only on the first
+ * slide, where there is genuinely nowhere to go back to.
+ */
+function presenterPrevDisabled(currentIndex) {
+    return currentIndex <= 0;
+}
+/**
+ * How much elapsed time one fill of the console's progress bar represents.
+ *
+ * Five minutes, the interval PowerPoint's own console paces a talk in. It was
+ * inlined in React, re-derived in Vue and given a helper of its own in Angular,
+ * while Vanilla and Svelte had no bar at all.
+ */
+const PRESENTER_TIMER_SEGMENT_MS = 5 * 60 * 1000;
+/**
+ * Split an elapsed duration into the console's progress-bar reading.
+ *
+ * Negative input is clamped: a snapshot restored from a peer can arrive with a
+ * start time in the future, and a negative `aria-valuenow` is invalid ARIA.
+ */
+function presenterTimerProgress(elapsedMs) {
+    const elapsed = Math.max(0, elapsedMs);
+    return {
+        percent: Math.min(100, ((elapsed % PRESENTER_TIMER_SEGMENT_MS) / PRESENTER_TIMER_SEGMENT_MS) * 100),
+        segment: Math.floor(elapsed / PRESENTER_TIMER_SEGMENT_MS),
+    };
+}
+
+/**
+ * `presenter-chrome-metrics` - the presenter console's measurements, in the two
+ * representations the five bindings can consume.
+ *
+ * Split out of `presenter-chrome.ts` purely to keep both files inside the
+ * repo's 300-line ceiling; the inventory lives there, the geometry lives here,
+ * and `presenter-chrome.test.ts` asserts the Tailwind strings below still
+ * encode the numbers in {@link PRESENTER_LAYOUT_METRICS}.
+ *
+ * Every number here was a magic constant in at least three bindings before this
+ * module: the rail was 260..440 wide in React and Vue but 300..460 in Svelte,
+ * the navigator grid used three different track sizes and gaps, and the console
+ * root sat at `z-index` 50, 100 and 120 depending on which file you opened.
+ *
+ * @module render/presenter-chrome-metrics
+ */
+/** Presenter-console measurements, in CSS pixels unless the name says otherwise. */
+const PRESENTER_LAYOUT_METRICS = {
+    /**
+     * Flex growth of the current-slide pane against the rail (`flex-[7]` /
+     * `flex-[3]`), i.e. PowerPoint's roughly 70/30 console split.
+     */
+    mainFlex: 7,
+    railFlex: 3,
+    /** Rail width bounds (`min-w-[260px] max-w-[440px]`). */
+    railMinWidth: 260,
+    railMaxWidth: 440,
+    /** Padding around the current-slide pane (`p-6`). */
+    mainPadding: 24,
+    /** Stacking order of the console over the show stage (`z-50`). */
+    zIndex: 50,
+    /** Stacking order of the "all slides" navigator over the console (`z-[120]`). */
+    navigatorZIndex: 120,
+    /** Console strip control edge length (`h-9 min-w-9`). */
+    controlSize: 36,
+    /** Icon edge length inside a strip control. */
+    controlIconSize: 16,
+    /** Flex gap between strip children (`gap-1`). */
+    stripGap: 4,
+    /** Strip padding (`px-3 py-2`). */
+    stripPaddingX: 12,
+    stripPaddingY: 8,
+    /** Control corner radius (`rounded-md`). */
+    controlRadius: 6,
+    /** Divider width / height / margin (`w-px h-6 mx-1`). */
+    dividerWidth: 1,
+    dividerHeight: 24,
+    dividerMarginX: 4,
+    /** Timer progress bar height (`h-1.5`). */
+    progressHeight: 6,
+    /** Next-slide preview target width, before aspect-ratio scaling. */
+    nextPreviewWidth: 240,
+    /** Navigator grid track minimum and gap (`minmax(220px,1fr)`, `gap-5`). */
+    navigatorTrackMin: 220,
+    navigatorGap: 20,
+    /** Navigator tile preview width. */
+    navigatorTileWidth: 200,
+    /** Opacity of a hidden slide's navigator tile: dimmed, never omitted. */
+    hiddenSlideOpacity: 0.45,
+};
+/**
+ * Tailwind tokens for the presenter console, applied by React, Vue and Angular.
+ *
+ * Whole class strings rather than per-call-site assembly, for the reason
+ * `present-chrome.ts` gives: three bindings hand-writing `h-9 min-w-9 rounded-md
+ * ...` is how one of them ended up with a differently sized strip.
+ */
+const PRESENTER_CONSOLE_CLASSES = {
+    /** The console root, laid over the show stage. */
+    root: 'absolute inset-0 z-50 flex flex-col bg-card text-foreground',
+    /** The control strip across the top. */
+    strip: 'flex flex-wrap items-center gap-1 border-b border-border bg-card px-3 py-2',
+    /** A strip control, inactive. */
+    control: 'inline-flex h-9 min-w-9 items-center justify-center gap-2 rounded-md px-2 text-xs transition-colors bg-muted text-foreground hover:bg-accent',
+    /** A strip control, active. */
+    controlActive: 'inline-flex h-9 min-w-9 items-center justify-center gap-2 rounded-md px-2 text-xs transition-colors bg-primary text-primary-foreground',
+    /** Vertical hairline between strip groups. */
+    divider: 'mx-1 h-6 w-px bg-border',
+    /** Flexible gap pushing the trailing group right. */
+    spacer: 'flex-1',
+    /** The body row: current-slide pane plus rail. */
+    body: 'flex flex-1 min-h-0',
+    /** The current-slide pane. */
+    main: 'relative flex-[7] flex flex-col items-center justify-center bg-black p-6 min-w-0 overflow-hidden',
+    /** The right-hand rail. */
+    rail: 'flex flex-[3] min-w-[260px] max-w-[440px] flex-col border-l border-border bg-background',
+    /** Rail section heading (Current Time / Next Slide / Speaker Notes). */
+    railHeading: 'text-[10px] uppercase tracking-wider text-muted-foreground',
+    /** Timer progress bar track. */
+    progressTrack: 'h-1.5 w-full bg-muted/60 flex-shrink-0',
+    /** Timer progress bar fill. */
+    progressFill: 'h-full bg-primary transition-[width] duration-1000 ease-linear',
+    /** The "all slides" navigator overlay. */
+    navigator: 'absolute inset-0 z-[120] overflow-auto bg-card p-6',
+    /** The navigator's tile grid. */
+    navigatorGrid: 'grid gap-5 [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]',
+};
+/**
+ * The console metrics as CSS custom properties, for the two bindings that
+ * cannot read a Tailwind class (Vanilla's CSS-in-TS, Svelte's scoped style).
+ */
+function presenterConsoleCssVars() {
+    const m = PRESENTER_LAYOUT_METRICS;
+    return {
+        '--pptx-pv-main-flex': String(m.mainFlex),
+        '--pptx-pv-rail-flex': String(m.railFlex),
+        '--pptx-pv-rail-min': `${String(m.railMinWidth)}px`,
+        '--pptx-pv-rail-max': `${String(m.railMaxWidth)}px`,
+        '--pptx-pv-main-pad': `${String(m.mainPadding)}px`,
+        '--pptx-pv-z': String(m.zIndex),
+        '--pptx-pv-nav-z': String(m.navigatorZIndex),
+        '--pptx-pv-control': `${String(m.controlSize)}px`,
+        '--pptx-pv-control-icon': `${String(m.controlIconSize)}px`,
+        '--pptx-pv-strip-gap': `${String(m.stripGap)}px`,
+        '--pptx-pv-strip-pad-x': `${String(m.stripPaddingX)}px`,
+        '--pptx-pv-strip-pad-y': `${String(m.stripPaddingY)}px`,
+        '--pptx-pv-control-radius': `${String(m.controlRadius)}px`,
+        '--pptx-pv-divider-w': `${String(m.dividerWidth)}px`,
+        '--pptx-pv-divider-h': `${String(m.dividerHeight)}px`,
+        '--pptx-pv-divider-mx': `${String(m.dividerMarginX)}px`,
+        '--pptx-pv-progress-h': `${String(m.progressHeight)}px`,
+        '--pptx-pv-next-preview-w': `${String(m.nextPreviewWidth)}px`,
+        '--pptx-pv-nav-track-min': `${String(m.navigatorTrackMin)}px`,
+        '--pptx-pv-nav-gap': `${String(m.navigatorGap)}px`,
+        '--pptx-pv-nav-tile-w': `${String(m.navigatorTileWidth)}px`,
+        '--pptx-pv-hidden-opacity': String(m.hiddenSlideOpacity),
+    };
+}
+/** {@link presenterConsoleCssVars} flattened into an inline `style` attribute. */
+function presenterConsoleStyleAttr() {
+    return Object.entries(presenterConsoleCssVars())
+        .map(([name, value]) => `${name}:${value}`)
+        .join(';');
+}
+
+/**
+ * `presenter-show-lifecycle` - keeping a slide show alive across the fullscreen
+ * bounce that opening the audience display causes.
+ *
+ * WHY this exists at all. A running show holds the Fullscreen API on the
+ * presenter's own screen. Opening the audience display is a `window.open` with
+ * `popup=yes`, and every engine drops the opener out of fullscreen when a popup
+ * takes focus. The `fullscreenchange` that announces it is dispatched on a
+ * later task, which puts a binding in a bind:
+ *
+ *   - Reading its own "am I presenting" state right after `window.open` reads a
+ *     value the pending event has not updated yet, so the code concludes the
+ *     show is still running and does not re-assert it. The event then lands,
+ *     the generic "the user left fullscreen, so end the show" handler fires,
+ *     and the presenter's deck collapses back to the editor the instant they
+ *     ask for presenter view. That is exactly the Vanilla defect: the console
+ *     mounts correctly and the show underneath it is torn down.
+ *   - Reading `document.fullscreenElement` instead is no better. It is
+ *     authoritative but it is sampled at a moment when the browser may or may
+ *     not have released fullscreen yet, so the answer is a coin toss.
+ *
+ * Neither reading is wrong; the mistake is asking a state question at all. The
+ * only thing that distinguishes "the popup stole fullscreen" from "the
+ * presenter pressed Escape" is INTENT, and intent is known at the call site
+ * that opened the popup. So the opener arms a one-shot latch here and the
+ * fullscreen handler asks this module what the exit meant.
+ *
+ * React already had a private version of this (`switchingToPresenterRef` in
+ * `usePresentationMode`), which is why React alone never lost its show. This
+ * module is that latch, made shared, time-bounded and testable, so all five
+ * bindings answer the question the same way.
+ *
+ * DOM-free by design: it holds no window, registers no listener, and only ever
+ * answers a question. Each binding keeps its own fullscreen plumbing.
+ *
+ * @module render/presenter-show-lifecycle
+ */
+/**
+ * How long after opening the audience display a fullscreen exit is still
+ * attributed to the popup rather than to the presenter.
+ *
+ * The latch is one-shot, so this bound only matters when the popup never
+ * triggers a bounce at all (a popup blocker, or an engine that keeps the opener
+ * fullscreen). Without it the latch would sit armed forever and silently
+ * swallow the presenter's next real Escape. A second is far longer than the
+ * event needs and far shorter than any deliberate follow-up action.
+ */
+const AUDIENCE_FULLSCREEN_BOUNCE_MS = 1000;
+/**
+ * Create a {@link PresenterShowGuard}.
+ *
+ * @param options.graceMs - Override {@link AUDIENCE_FULLSCREEN_BOUNCE_MS}; tests
+ * pass a tiny value to prove the latch expires.
+ */
+function createPresenterShowGuard(options) {
+    const graceMs = options?.graceMs ?? AUDIENCE_FULLSCREEN_BOUNCE_MS;
+    let armedAt;
+    const stillArmed = (now) => armedAt !== undefined && now - armedAt >= 0 && now - armedAt <= graceMs;
+    return {
+        expectAudienceBounce(now = Date.now()) {
+            armedAt = now;
+        },
+        classifyFullscreenExit(now = Date.now()) {
+            if (!stillArmed(now)) {
+                armedAt = undefined;
+                return 'end-show';
+            }
+            // One-shot: a popup causes exactly one bounce, and a second exit in the
+            // same window is the presenter reacting to what they now see.
+            armedAt = undefined;
+            return 'restore-show';
+        },
+        isExpectingBounce(now = Date.now()) {
+            return stillArmed(now);
+        },
+        disarm() {
+            armedAt = undefined;
+        },
+    };
+}
+
 /**
  * PowerPoint-accurate slide-show keyboard map.
  *
@@ -45902,6 +46915,361 @@ function isElementActionable(element, options = {}) {
     return element.type === 'zoom' && hasZoomHandler;
 }
 
+/**
+ * On-canvas affordances for an element that carries a PowerPoint Action Setting.
+ *
+ * PowerPoint's editing view tells the author, without a click, which shapes are
+ * wired up: an action shape gets a marker, and hovering one shows where it goes.
+ * The viewer mirrors that with two affordances:
+ *
+ *  - the **action indicator**, a small amber lightning badge pinned to the
+ *    element's top-right corner whenever it owns an `a:hlinkClick` (click) or
+ *    `a:hlinkHover` (mouse-over) action;
+ *  - the **link tooltip**, a popover under the element naming the destination
+ *    plus how to follow it.
+ *
+ * Both are AUTHORING chrome, so both are gated on the live editing canvas.
+ * Painting them during a slide show would be wrong twice over: the audience
+ * would see editor furniture, and the badge would sit on top of the very shape
+ * the presenter is trying to click. `presenting` is therefore a hard veto, not
+ * merely the absence of `canInteract`, because the four non-React bindings run
+ * their presentation stage through the same renderer as the editing one.
+ *
+ * Only React drew either of them; the tooltip additionally existed in Vue. That
+ * divergence was also the last residual noise in the cross-binding render
+ * fingerprints, since the badge contributes an `<svg>` and the tooltip
+ * contributes text to an otherwise textless element. The rule and the styling
+ * therefore both live here, so the five bindings cannot drift apart again: a
+ * binding supplies only the markup, never the decision or the look.
+ *
+ * @module render/element-action-affordance
+ */
+/** Class on the element box that hosts a link tooltip (drives `:hover`). */
+const LINK_TOOLTIP_HOST_CLASS = 'pptx-link-host';
+/** Class on the tooltip's outer positioning box. */
+const LINK_TOOLTIP_CLASS = 'pptx-link-tooltip';
+/** Class on the tooltip's bordered panel. */
+const LINK_TOOLTIP_PANEL_CLASS = 'pptx-link-tooltip-panel';
+/** Class on the tooltip's destination line. */
+const LINK_TOOLTIP_LABEL_CLASS = 'pptx-link-tooltip-label';
+/** Class on the tooltip's "how to follow this" hint line. */
+const LINK_TOOLTIP_HINT_CLASS = 'pptx-link-tooltip-hint';
+/** Class on the amber action badge. */
+const ACTION_INDICATOR_CLASS = 'pptx-action-indicator';
+/**
+ * `d` of the lightning bolt inside the badge, on a `0 0 24 24` viewBox.
+ *
+ * Shared rather than restated per binding so the glyph cannot drift; it is the
+ * same path React has drawn since the badge was introduced.
+ */
+const ACTION_INDICATOR_ICON_PATH = 'M13 2L3 14h9l-1 8 10-12h-9l1-8z';
+/**
+ * Styling for both affordances, injected once per document by each binding.
+ *
+ * Written as plain CSS against the `--pptx-*` theme tokens (rather than as
+ * Tailwind utilities, which only React and Vue can use) so Angular, Vanilla and
+ * Svelte get the identical look for free, and so a theme override reaches all
+ * five.
+ *
+ * `font-family` is stated explicitly and deliberately. Left to inherit, the
+ * tooltip picks up whatever the host app happens to set, which is how React and
+ * Vue ended up rendering the same tooltip in two different stacks and put 80
+ * spurious entries into the render-parity fingerprints. Pinning it here makes
+ * the affordance's typography a property of the affordance.
+ */
+const ACTION_AFFORDANCE_CSS = `
+.${ACTION_INDICATOR_CLASS} {
+	position: absolute;
+	top: -4px;
+	right: -4px;
+	z-index: 20;
+	display: flex;
+	width: 16px;
+	height: 16px;
+	align-items: center;
+	justify-content: center;
+	border-radius: 9999px;
+	background: #f59e0b;
+	/* Left pointer-interactive on purpose: the badge's native title attribute is
+	   the only place the deck's screen tip is readable, and a title on a
+	   pointer-transparent node never fires. Clicks still reach the element
+	   underneath by bubbling, so nothing is swallowed. */
+	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);
+}
+.${ACTION_INDICATOR_CLASS} svg {
+	width: 10px;
+	height: 10px;
+	color: #fff;
+}
+.${LINK_TOOLTIP_CLASS} {
+	position: absolute;
+	top: 100%;
+	left: 4px;
+	z-index: 9999;
+	max-width: 16rem;
+	margin-top: 4px;
+	opacity: 0;
+	transition: opacity 150ms;
+	pointer-events: none;
+	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+	text-align: left;
+}
+.${LINK_TOOLTIP_HOST_CLASS}:hover > .${LINK_TOOLTIP_CLASS} {
+	opacity: 1;
+}
+.${LINK_TOOLTIP_PANEL_CLASS} {
+	border: 1px solid var(--pptx-border, #374151);
+	border-radius: 0.25rem;
+	background: var(--pptx-popover, #111827);
+	padding: 6px 10px;
+	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
+}
+.${LINK_TOOLTIP_LABEL_CLASS} {
+	overflow: hidden;
+	color: var(--pptx-foreground, #f3f4f6);
+	font-size: 12px;
+	font-weight: 400;
+	font-style: normal;
+	line-height: 16px;
+	letter-spacing: normal;
+	text-decoration: none;
+	text-overflow: ellipsis;
+	text-transform: none;
+	white-space: nowrap;
+}
+.${LINK_TOOLTIP_HINT_CLASS} {
+	margin-top: 2px;
+	color: var(--pptx-muted-foreground, #9ca3af);
+	font-size: 10px;
+	font-weight: 400;
+	font-style: normal;
+	line-height: 12px;
+	letter-spacing: normal;
+	text-decoration: none;
+	text-transform: none;
+}
+`;
+/** `id` of the once-per-document `<style>` holding {@link ACTION_AFFORDANCE_CSS}. */
+const AFFORDANCE_STYLE_ELEMENT_ID = 'pptx-action-affordance-styles';
+/**
+ * Inject {@link ACTION_AFFORDANCE_CSS} into a document exactly once.
+ *
+ * Every binding calls this from its viewer root rather than shipping the rules
+ * in its own stylesheet, because a per-package copy is precisely how the two
+ * existing implementations drifted. Idempotent, and a no-op under SSR.
+ */
+function ensureActionAffordanceStyles(doc) {
+    const target = doc ?? (typeof document === 'undefined' ? undefined : document);
+    if (!target || target.getElementById(AFFORDANCE_STYLE_ELEMENT_ID)) {
+        return;
+    }
+    const style = target.createElement('style');
+    style.id = AFFORDANCE_STYLE_ELEMENT_ID;
+    style.textContent = ACTION_AFFORDANCE_CSS;
+    (target.head ?? target.documentElement).appendChild(style);
+}
+/**
+ * Build the label set from a binding's translator.
+ *
+ * The four dictionary keys are named once, here, so a binding cannot quietly
+ * hard-code English (which is how React's badge shipped an untranslated "Has
+ * action" while the key for it already existed).
+ */
+function actionAffordanceLabels(translate) {
+    return {
+        hasAction: translate('pptx.element.hasAction'),
+        link: translate('pptx.element.linkFallback'),
+        followLink: translate('pptx.linkTooltip.followLink'),
+        presentationMode: translate('pptx.linkTooltip.presentationMode'),
+    };
+}
+/** Nothing to draw; shared so the common case allocates one frozen object. */
+const NO_AFFORDANCE = Object.freeze({
+    showIndicator: false,
+    indicatorTitle: '',
+    showLinkTooltip: false,
+    linkTooltipLabel: '',
+    linkTooltipHint: '',
+});
+/**
+ * Decide which action affordances an element gets, and with what text.
+ *
+ * Kept a single call returning both affordances (rather than two predicates)
+ * because they share the same gate and the same fallback chain, and the one
+ * time they were derived separately per binding they immediately diverged.
+ */
+function resolveElementActionAffordance(element, context) {
+    const { canInteract, presenting = false, labels } = context;
+    const click = element.actionClick;
+    const hover = element.actionHover;
+    if (!canInteract || presenting || (!click && !hover)) {
+        return NO_AFFORDANCE;
+    }
+    const hasUrl = Boolean(click?.url);
+    return {
+        showIndicator: true,
+        indicatorTitle: click?.tooltip || hover?.tooltip || labels.hasAction,
+        // The tooltip names a CLICK destination, so a hover-only action gets the
+        // badge but no popover: there is nothing to follow and no key to press.
+        showLinkTooltip: Boolean(click),
+        linkTooltipLabel: click?.tooltip || click?.url || click?.action || labels.link,
+        linkTooltipHint: hasUrl ? labels.followLink : labels.presentationMode,
+    };
+}
+
+/**
+ * Paint the on-canvas action affordances (see `element-action-affordance`) at a
+ * rendered stage boundary, for the bindings that cannot paint them inline.
+ *
+ * React renders the badge and the tooltip as JSX children of its element
+ * container, which wraps EVERY element type. The other four bindings do not
+ * wrap: their element renderer dispatches straight to a per-type component
+ * (image, chart, table, media, ole, zoom, ...) whose single root IS the element
+ * node, so there is no shared parent to hang extra children off. Reproducing
+ * the affordance inside all twelve per-type components in each of four bindings
+ * would be forty-odd copies of the same markup, which is precisely the drift
+ * this change exists to remove.
+ *
+ * So the four bindings decorate after render instead, exactly as they already
+ * do for the role / name / `data-pptx-action` half of the element contract
+ * (`applyRenderedElementAccessibility`), and call this alongside it. The pass is
+ * idempotent and re-runs on every slide / element-list change, so a framework
+ * re-render that discards the nodes simply gets them back.
+ *
+ * @module render/element-action-affordance-dom
+ */
+/** Marks a node this pass owns, so it can be refreshed or removed cleanly. */
+const AFFORDANCE_ATTRIBUTE = 'data-pptx-affordance';
+const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+/**
+ * Element types this pass leaves alone.
+ *
+ * A connector's rendered node is its pointer-transparent bounding box, not the
+ * line itself: only the stroke's hit target takes the pointer. A badge pinned
+ * to that box's corner would float in empty space and could never be hovered,
+ * so React does not draw one there either.
+ */
+function skipsAffordance(element) {
+    return element.type === 'connector';
+}
+/** Remove any affordance nodes this pass previously added to `node`. */
+function clearAffordances(node) {
+    node.classList.remove(LINK_TOOLTIP_HOST_CLASS);
+    for (const owned of [...node.children]) {
+        if (owned.hasAttribute(AFFORDANCE_ATTRIBUTE)) {
+            owned.remove();
+        }
+    }
+}
+/** The affordance child of `node` with this kind, or `undefined`. */
+function ownedChild(node, kind) {
+    for (const child of [...node.children]) {
+        if (child.getAttribute(AFFORDANCE_ATTRIBUTE) === kind) {
+            return child;
+        }
+    }
+    return undefined;
+}
+/** Build (once) the amber badge, whose only mutable part is its `title`. */
+function buildIndicator(doc) {
+    const badge = doc.createElement('div');
+    badge.setAttribute(AFFORDANCE_ATTRIBUTE, 'indicator');
+    badge.className = ACTION_INDICATOR_CLASS;
+    const svg = doc.createElementNS(SVG_NAMESPACE, 'svg');
+    svg.setAttribute('viewBox', '0 0 24 24');
+    svg.setAttribute('fill', 'currentColor');
+    svg.setAttribute('aria-hidden', 'true');
+    const path = doc.createElementNS(SVG_NAMESPACE, 'path');
+    path.setAttribute('d', ACTION_INDICATOR_ICON_PATH);
+    svg.appendChild(path);
+    badge.appendChild(svg);
+    return badge;
+}
+/** Build (once) the hover tooltip; its two text lines are refreshed in place. */
+function buildTooltip(doc) {
+    const tooltip = doc.createElement('div');
+    tooltip.setAttribute(AFFORDANCE_ATTRIBUTE, 'tooltip');
+    tooltip.className = LINK_TOOLTIP_CLASS;
+    const panel = doc.createElement('div');
+    panel.className = LINK_TOOLTIP_PANEL_CLASS;
+    const label = doc.createElement('div');
+    label.className = LINK_TOOLTIP_LABEL_CLASS;
+    const hint = doc.createElement('div');
+    hint.className = LINK_TOOLTIP_HINT_CLASS;
+    panel.appendChild(label);
+    panel.appendChild(hint);
+    tooltip.appendChild(panel);
+    return tooltip;
+}
+/** Set `text` only when it changed, so a re-run never dirties the DOM. */
+function setText(node, text) {
+    if (node.textContent !== text) {
+        node.textContent = text;
+    }
+}
+/**
+ * Paint / refresh / remove the action affordances for every top-level element
+ * on `stage`, returning how many elements ended up carrying one.
+ *
+ * Group CHILDREN are deliberately not decorated: PowerPoint treats a group as
+ * one object, the click resolves up to it (`resolveTopLevelElementId`), and
+ * React badges only its top-level container. A grouped child's own action is
+ * still followed, and still announced, it just does not get its own badge.
+ */
+function applyElementActionAffordances(stage, elements, options) {
+    let painted = 0;
+    for (const element of elements) {
+        const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'
+            ? CSS.escape(element.id)
+            : element.id.replace(/["\\]/gu, '\\$&');
+        const node = stage.querySelector(`[data-element-id="${escapedId}"]`);
+        if (!node) {
+            continue;
+        }
+        const affordance = skipsAffordance(element)
+            ? undefined
+            : resolveElementActionAffordance(element, options);
+        if (!affordance || (!affordance.showIndicator && !affordance.showLinkTooltip)) {
+            clearAffordances(node);
+            continue;
+        }
+        const doc = node.ownerDocument;
+        ensureActionAffordanceStyles(doc);
+        if (affordance.showIndicator) {
+            let badge = ownedChild(node, 'indicator');
+            if (!badge) {
+                badge = buildIndicator(doc);
+                node.appendChild(badge);
+            }
+            if (badge.getAttribute('title') !== affordance.indicatorTitle) {
+                badge.setAttribute('title', affordance.indicatorTitle);
+            }
+        }
+        else {
+            ownedChild(node, 'indicator')?.remove();
+        }
+        if (affordance.showLinkTooltip) {
+            let tooltip = ownedChild(node, 'tooltip');
+            if (!tooltip) {
+                tooltip = buildTooltip(doc);
+                node.appendChild(tooltip);
+            }
+            const panel = tooltip.firstElementChild;
+            if (panel?.firstElementChild && panel.lastElementChild) {
+                setText(panel.firstElementChild, affordance.linkTooltipLabel);
+                setText(panel.lastElementChild, affordance.linkTooltipHint);
+            }
+            node.classList.add(LINK_TOOLTIP_HOST_CLASS);
+        }
+        else {
+            ownedChild(node, 'tooltip')?.remove();
+            node.classList.remove(LINK_TOOLTIP_HOST_CLASS);
+        }
+        painted += 1;
+    }
+    return painted;
+}
+
 /** Action kinds selectable for an element's click / hover trigger. */
 const ELEMENT_ACTION_TYPE_OPTIONS = [
     { value: 'none', labelKey: 'pptx.hyperlink.actionNone' },
@@ -47489,6 +48857,55 @@ function startMediaAutoplay(el, options) {
         });
     }
 }
+/**
+ * Resolve a media element's authored playback settings into DOM attributes.
+ *
+ * WHY this is shared: the settings live on the parsed element, the mapping is
+ * two clamps and a default, and getting it wrong is invisible in a screenshot.
+ * Vanilla and Svelte both omitted `loop`, so `solution-explorer.pptx` slide 2 -
+ * a 2-second clip the deck marks `loop` and drives with a `playFrom(0.0)` on
+ * slide entry - played once, hit its end and froze on the last frame, which
+ * reads exactly like "the video never started". Volume was worse: only React
+ * applied it, so a deck that says `vol="0"` blared out of the other four.
+ */
+function mediaPlaybackAttributes(source) {
+    return {
+        loop: source.loop === true,
+        volume: Math.max(0, Math.min(1, source.volume ?? 1)),
+        playbackRate: Math.max(0.25, Math.min(4, source.playbackSpeed ?? 1)),
+    };
+}
+/**
+ * Apply {@link mediaPlaybackAttributes} to a live node.
+ *
+ * `volume` and `playbackRate` are IDL properties with no attribute form, so the
+ * declarative bindings cannot set them from a template the way they set `loop`;
+ * every binding therefore needs this imperative step, not just the DOM ones.
+ */
+function applyMediaPlaybackAttributes(el, source) {
+    const attributes = mediaPlaybackAttributes(source);
+    el.loop = attributes.loop;
+    el.volume = attributes.volume;
+    el.playbackRate = attributes.playbackRate;
+}
+/**
+ * Whether a media element should carry the browser's native transport.
+ *
+ * PowerPoint paints no control bar during a show, and none on a still of a
+ * slide either. Four bindings got the still wrong: the presenter console's
+ * panes render through a NON-presenting stage, so `controls = !presenting` (and
+ * Angular's `controls = !interactive && !presenting`) turned Chrome's black
+ * scrubber ON inside the console, across the bottom of a slide the presenter
+ * cannot even play. React escaped only by accident - its preview renderer
+ * passes no media map, so the video falls back to a poster image and there is
+ * no `<video>` to put a transport on.
+ */
+function mediaTransportVisible(surface) {
+    if (surface.presenting || surface.preview) {
+        return false;
+    }
+    return surface.canvasTransport;
+}
 
 function clamp(value, minimum, maximum) {
     return Math.min(maximum, Math.max(minimum, value));
@@ -55479,6 +56896,18 @@ const translationsEn = {
     'pptx.presenter.eraseAllInk': 'Erase All Ink on Slide',
     'pptx.presenter.slideLabel': 'Slide {{current}} of {{total}}',
     'pptx.presenter.timerProgress': 'Timer Progress',
+    // Presenter console strip (see render/presenter-chrome.ts). React shipped
+    // these as hard-coded English `title` attributes, which is why they arrive
+    // as new keys rather than reused ones.
+    'pptx.presenter.toggleTimer': 'Pause or Resume Timer',
+    'pptx.presenter.resetTimer': 'Reset Timer',
+    'pptx.presenter.zoomIn': 'Zoom In',
+    'pptx.presenter.zoomOut': 'Zoom Out',
+    'pptx.presenter.resetZoom': 'Reset Zoom',
+    'pptx.presenter.swapDisplays': 'Swap Displays',
+    'pptx.presenter.slideNavigator': 'Slide Navigator',
+    'pptx.presenter.closeNavigator': 'Close',
+    'pptx.presenter.timerTitle': '{{elapsed}} (segment {{segment}})',
     // Print dialog
     'pptx.print.allSlides': 'All Slides',
     'pptx.print.blackAndWhite': 'Black and White',
@@ -56392,6 +57821,7 @@ const translationsEn = {
     'pptx.editorToolbar.resetZoom': 'Reset zoom',
     'pptx.editorToolbar.resetZoomTo100': 'Reset zoom to 100%',
     'pptx.effects.innerShadow': 'Inner Shadow',
+    'pptx.element.hasAction': 'Has action',
     'pptx.element.linkFallback': 'Link',
     'pptx.export.export': 'Export',
     'pptx.export.gifAnimated': 'Animated GIF',
@@ -59476,7 +60906,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-DdlrIrmU.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-zvEiyBNU.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -68591,14 +70021,16 @@ class ChartRendererComponent {
 			class="pptx-ng-chart-svg"
 			style="overflow: visible; display: block; pointer-events: none;"
 		>
-			<!-- Background tint -->
-			<rect
-				x="0"
-				y="0"
-				[attr.width]="vm().svgWidth"
-				[attr.height]="vm().svgHeight"
-				fill="#0f172a0d"
-			/>
+			<!-- Chart-area fill; absent when the deck declares c:chartSpace/a:noFill -->
+			@if (vm().areaFill) {
+				<rect
+					x="0"
+					y="0"
+					[attr.width]="vm().svgWidth"
+					[attr.height]="vm().svgHeight"
+					[attr.fill]="vm().areaFill"
+				/>
+			}
 
 			<!-- Chart title (data-chart-part enables in-place editing in edit mode) -->
 			@if (vm().title) {
@@ -68752,14 +70184,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 			class="pptx-ng-chart-svg"
 			style="overflow: visible; display: block; pointer-events: none;"
 		>
-			<!-- Background tint -->
-			<rect
-				x="0"
-				y="0"
-				[attr.width]="vm().svgWidth"
-				[attr.height]="vm().svgHeight"
-				fill="#0f172a0d"
-			/>
+			<!-- Chart-area fill; absent when the deck declares c:chartSpace/a:noFill -->
+			@if (vm().areaFill) {
+				<rect
+					x="0"
+					y="0"
+					[attr.width]="vm().svgWidth"
+					[attr.height]="vm().svgHeight"
+					[attr.fill]="vm().areaFill"
+				/>
+			}
 
 			<!-- Chart title (data-chart-part enables in-place editing in edit mode) -->
 			@if (vm().title) {
@@ -69591,6 +71025,23 @@ class ConnectorRendererComponent {
 						</filter>
 					}
 				</defs>
+				<!--
+					The only pointer-reachable part of a connector: a transparent stroke
+					along the line that opts back into hit testing. The wrapper is
+					pointer-events:none so a connector's mostly-empty bounding box never
+					swallows clicks meant for the shapes it spans, which left the line
+					itself unclickable until this path existed.
+				-->
+				<path
+					class="pptx-ng-connector-hit"
+					[attr.d]="geo().hitPathD"
+					fill="none"
+					stroke="transparent"
+					[attr.stroke-width]="geo().hitStrokeWidth"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					style="pointer-events: stroke"
+				/>
 				@for (strand of strands(); track strand.key) {
 					@if (geo().pathD) {
 						<path
@@ -69703,6 +71154,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 						</filter>
 					}
 				</defs>
+				<!--
+					The only pointer-reachable part of a connector: a transparent stroke
+					along the line that opts back into hit testing. The wrapper is
+					pointer-events:none so a connector's mostly-empty bounding box never
+					swallows clicks meant for the shapes it spans, which left the line
+					itself unclickable until this path existed.
+				-->
+				<path
+					class="pptx-ng-connector-hit"
+					[attr.d]="geo().hitPathD"
+					fill="none"
+					stroke="transparent"
+					[attr.stroke-width]="geo().hitStrokeWidth"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					style="pointer-events: stroke"
+				/>
 				@for (strand of strands(); track strand.key) {
 					@if (geo().pathD) {
 						<path
@@ -71198,6 +72666,13 @@ function resolveCaptionTracks(tracks) {
  * across the bottom of the slide, over the presentation toolbar. PowerPoint
  * shows no transport during a show either; React gates on the same condition
  * (`controls={!isPresentationMode}`).
+ *
+ * The same `interactive` gate turned it on for every STILL of a slide as well
+ * (the presenter console's current-slide pane and next-slide preview, the
+ * thumbnail rail), so the console painted a scrubber over a slide the speaker
+ * cannot play. {@link showControls} routes the decision through the shared
+ * `mediaTransportVisible`, which owns the show/still rules for all five
+ * bindings and leaves the authoring canvas to each of them.
  */
 class MediaRendererComponent {
     /** The element to render. Playback only occurs when `type === 'media'`. */
@@ -71227,7 +72702,13 @@ class MediaRendererComponent {
         // Presentation autoplay: once the media node is in the DOM and this is the
         // live stage, start playback; pause again if it leaves present mode. Reads
         // mediaSrc so a source swap re-evaluates. The shared helper owns the
-        // `.play()` + blocked-autoplay handling so all three bindings match.
+        // `.play()` + blocked-autoplay handling so all five bindings match.
+        //
+        // The deck's authored playback settings are applied on the same pass.
+        // `volume` and `playbackRate` are IDL properties with no attribute form,
+        // so the template cannot bind them the way it binds `loop`, and until this
+        // they were simply dropped: `solution-explorer.pptx` slide 2 declares
+        // `vol="0"` and Angular played it at full volume.
         effect(() => {
             const el = this.mediaElRef()?.nativeElement;
             const presenting = this.presenting();
@@ -71235,14 +72716,33 @@ class MediaRendererComponent {
             if (!el) {
                 return;
             }
+            const media = asMediaElement(this.element());
+            if (media) {
+                applyMediaPlaybackAttributes(el, media);
+            }
             if (presenting) {
-                startMediaAutoplay(el, { trimStartMs: asMediaElement(this.element())?.trimStartMs });
+                startMediaAutoplay(el, { trimStartMs: media?.trimStartMs });
             }
             else if (!el.paused) {
                 el.pause();
             }
         });
     }
+    /**
+     * Whether to paint the browser's native transport.
+     *
+     * `canvasTransport: false` is this binding's own long-standing answer for its
+     * authoring canvas: a click there selects or moves the picture, so a scrubber
+     * would only steal the gesture (the element also carries `pptx-ng-media-inert`
+     * for the same reason). React paints one on its canvas; that difference is
+     * deliberate and is the only thing the shared rule leaves to the binding.
+     */
+    showControls = computed(() => mediaTransportVisible({
+        presenting: this.presenting(),
+        preview: !this.interactive() && !this.presenting(),
+        canvasTransport: false,
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showControls" }] : /* istanbul ignore next */ []));
     containerStyle = computed(() => getContainerStyle(this.element(), this.zIndex()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
     /** Poster / preview frame data-URL (also used as the `<video poster>`). */
@@ -71282,7 +72782,7 @@ class MediaRendererComponent {
 						class="pptx-ng-media-el pptx-ng-media-audio"
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
-						[controls]="!interactive() && !presenting()"
+						[controls]="showControls()"
 						[loop]="loop()"
 						preload="metadata"
 					></audio>
@@ -71293,7 +72793,7 @@ class MediaRendererComponent {
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
 						[poster]="poster() ?? null"
-						[controls]="!interactive() && !presenting()"
+						[controls]="showControls()"
 						[loop]="loop()"
 						preload="metadata"
 						playsInline
@@ -71342,7 +72842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 						class="pptx-ng-media-el pptx-ng-media-audio"
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
-						[controls]="!interactive() && !presenting()"
+						[controls]="showControls()"
 						[loop]="loop()"
 						preload="metadata"
 					></audio>
@@ -71353,7 +72853,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
 						[poster]="poster() ?? null"
-						[controls]="!interactive() && !presenting()"
+						[controls]="showControls()"
 						[loop]="loop()"
 						preload="metadata"
 						playsInline
@@ -74231,6 +75731,19 @@ function resolveInteractiveElementId(target, allElements, editTemplateMode) {
 function isViewportBackgroundPressTarget(target, currentTarget) {
     return target === currentTarget;
 }
+/**
+ * Which elements the on-canvas action affordances (amber "has action" badge +
+ * hover link tooltip) may decorate.
+ *
+ * An inherited master/layout shape is inert until edit-template mode is on, so
+ * it must not advertise an action the user cannot reach yet; that mirrors
+ * React's `canInteract` gate, which is off for the template layer until the
+ * mode is enabled. Split out of the component's post-render effect so it is
+ * testable without a TestBed, like the rest of this package.
+ */
+function affordanceElements(elements, editTemplateMode, isTemplate) {
+    return editTemplateMode ? elements : elements.filter((element) => !isTemplate(element));
+}
 
 /**
  * Thin re-export shim → vendored `pptx-viewer-shared`.
@@ -74560,8 +76073,23 @@ class SlideCanvasComponent {
             const elements = this.allElements();
             const interactive = this.interactive();
             const presenting = this.presenting();
+            // An inherited master/layout shape only gets the authoring chrome while
+            // it is actually editable, matching React's `canInteract` gate.
+            const decorated = affordanceElements(elements, this.editTemplateMode(), isTemplateElement);
             if (stage && (interactive || presenting)) {
-                queueMicrotask(() => applyRenderedElementAccessibility(stage, elements, { presenting }));
+                queueMicrotask(() => {
+                    applyRenderedElementAccessibility(stage, elements, { presenting });
+                    // The on-canvas action affordances (amber badge + hover link
+                    // tooltip) ride the same post-render pass: `ElementRendererComponent`
+                    // dispatches every non-shape type straight to a per-type component
+                    // whose root IS the element node, leaving no wrapper in the template
+                    // to hang the chrome off.
+                    applyElementActionAffordances(stage, decorated, {
+                        canInteract: interactive,
+                        presenting,
+                        labels: actionAffordanceLabels((key) => this.translate.instant(key)),
+                    });
+                });
             }
         });
         // Observe the viewport so the slide re-fits on container resize / rotation.
@@ -76211,45 +77739,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [":host{display:contents}.pptx-ng-mmenu-list{list-style:none;margin:0;padding:.5rem 0}.pptx-ng-mmenu-row{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1.25rem;border:none;background:transparent;color:#e5e5e5;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s}.pptx-ng-mmenu-row:hover:not([disabled]){background:#ffffff0f}.pptx-ng-mmenu-row:active:not([disabled]){background:#ffffff1a}.pptx-ng-mmenu-row.is-active{color:#3b82f6}.pptx-ng-mmenu-row.is-danger{color:#ef4444}.pptx-ng-mmenu-row[disabled]{opacity:.35;cursor:not-allowed}.pptx-ng-mmenu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;opacity:.8}.pptx-ng-mmenu-text{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.pptx-ng-mmenu-label{font-size:.9375rem;font-weight:500;line-height:1.3}.pptx-ng-mmenu-sublabel{font-size:.75rem;color:#ffffff73;line-height:1.3}.pptx-ng-mmenu-check{color:#3b82f6;font-size:1rem;flex-shrink:0}.pptx-ng-mmenu-divider{height:1px;background:#ffffff14;margin:.375rem 0}\n"] }]
         }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], showNotes: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotes", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], openFind: [{ type: i0.Output, args: ["openFind"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], insertText: [{ type: i0.Output, args: ["insertText"] }], present: [{ type: i0.Output, args: ["present"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], savePptx: [{ type: i0.Output, args: ["savePptx"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], print: [{ type: i0.Output, args: ["print"] }] } });
 
-// ---------------------------------------------------------------------------
-// Time formatting (local: negative-clamping differs from shared)
-// ---------------------------------------------------------------------------
-/**
- * Format a millisecond duration as MM:SS, or HH:MM:SS when the elapsed
- * time is one hour or longer. Sub-second values are floored; negative inputs
- * are treated as zero.
- */
-function formatElapsed(elapsedMs) {
-    const safeMs = elapsedMs > 0 ? elapsedMs : 0;
-    const totalSeconds = Math.floor(safeMs / 1000);
-    const hours = Math.floor(totalSeconds / 3600);
-    const minutes = Math.floor((totalSeconds % 3600) / 60);
-    const seconds = totalSeconds % 60;
-    if (hours > 0) {
-        return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
-    }
-    return `${pad2(minutes)}:${pad2(seconds)}`;
-}
-/** Zero-pad a non-negative integer to at least two digits. */
-function pad2(value) {
-    return String(value).padStart(2, '0');
-}
-// ---------------------------------------------------------------------------
-// Timer progress (5-minute segments)
-// ---------------------------------------------------------------------------
-/** Milliseconds per timer progress-bar fill (one 5-minute segment). */
-const TIMER_SEGMENT_MS = 5 * 60 * 1000;
-/**
- * Derive the timer progress-bar fill (percent within the current 5-minute
- * segment) and the segment index from an elapsed duration. Mirrors the React
- * PresenterView `timerProgress` / `timerSegment` computation.
- */
-function computeTimerProgress(elapsedMs) {
-    const safeMs = elapsedMs > 0 ? elapsedMs : 0;
-    const percent = Math.min(100, ((safeMs % TIMER_SEGMENT_MS) / TIMER_SEGMENT_MS) * 100);
-    const segment = Math.floor(safeMs / TIMER_SEGMENT_MS);
-    return { percent, segment };
-}
 // ---------------------------------------------------------------------------
 // Elapsed time from a start timestamp
 // ---------------------------------------------------------------------------
@@ -76257,6 +77746,9 @@ function computeTimerProgress(elapsedMs) {
  * Compute the elapsed milliseconds between `startTime` (epoch ms, or null when
  * the presentation has not started) and `now`. Returns 0 when no start time is
  * set or the clock has not advanced past the start.
+ *
+ * This clamp is why shared's `formatElapsed` needs none: a duration handed to
+ * the formatter has already been resolved against a wall clock here.
  */
 function elapsedSince(startTime, now) {
     if (startTime === null || startTime === undefined) {
@@ -76278,8 +77770,13 @@ function currentSlideAt(slides, index) {
     return slides[index];
 }
 /**
- * Return the next slide (index + 1), or undefined when `index` is the last
- * slide, skipping hidden slides just as the live show does.
+ * Return the slide the show would advance to from `index`, or undefined at the
+ * end of the deck.
+ *
+ * Delegates to the shared `nextPresentedSlide`, which is what makes the
+ * next-slide preview agree with the show itself: it skips hidden slides and
+ * honours custom-show membership, neither of which a naive `slides[index + 1]`
+ * can do.
  */
 function nextSlideAfter(slides, index) {
     return nextPresentedSlide(slides, index);
@@ -76296,44 +77793,21 @@ function slideCounter(index, total) {
     return `${index + 1} / ${total}`;
 }
 /**
- * Derive a list of notes view-model tokens from rich-text `TextSegment`s,
- * mirroring the React `renderNotesSegments` styling rules. Paragraph breaks
- * become break tokens; styled runs carry an inline `StyleMap`.
+ * Derive notes view-model tokens from rich-text `TextSegment`s.
+ *
+ * The styling rules (which properties, in which units) belong to shared's
+ * `notesSegmentsToSpans`; all this adds is the camelCase -> kebab-case rewrite
+ * the Angular `ngStyle` binding is written against.
  */
 function buildNotesSegments(segments) {
-    return segments.map((segment, index) => {
-        if (segment.isParagraphBreak) {
-            return { key: `br-${index}`, isBreak: true, text: '', style: {} };
-        }
-        const style = {};
-        const s = segment.style;
-        if (s.bold) {
-            style['font-weight'] = 'bold';
-        }
-        if (s.italic) {
-            style['font-style'] = 'italic';
-        }
-        const decorations = [];
-        if (s.underline) {
-            decorations.push('underline');
-        }
-        if (s.strikethrough) {
-            decorations.push('line-through');
-        }
-        if (decorations.length > 0) {
-            style['text-decoration'] = decorations.join(' ');
-        }
-        if (s.color) {
-            style['color'] = s.color;
-        }
-        if (s.fontSize) {
-            style['font-size'] = `${s.fontSize}px`;
-        }
-        if (s.fontFamily) {
-            style['font-family'] = s.fontFamily;
-        }
-        return { key: `seg-${index}`, isBreak: false, text: segment.text, style };
-    });
+    return notesSegmentsToSpans([...segments]).map((span) => span.kind === 'break'
+        ? { key: span.key, isBreak: true, text: '', style: {} }
+        : {
+            key: span.key,
+            isBreak: false,
+            text: span.text,
+            style: cssObjectToStyleMap(span.style),
+        });
 }
 /**
  * Resolve the presenter notes for a slide: prefer rich `notesSegments`, else
@@ -76422,10 +77896,13 @@ class MobilePresenterViewComponent {
     ...(ngDevMode ? [{ debugName: "elapsedLabel" }] : /* istanbul ignore next */ []));
     counterLabel = computed(() => mobileSlideCounter(this.currentSlideIndex(), this.slides().length), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "counterLabel" }] : /* istanbul ignore next */ []));
-    atFirst = computed(() => isFirstSlide(this.currentSlideIndex()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "atFirst" }] : /* istanbul ignore next */ []));
-    atLast = computed(() => isLastSlide(this.currentSlideIndex(), this.slides().length), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "atLast" }] : /* istanbul ignore next */ []));
+    // The desktop console's rules, not a phone-sized copy of them: Next stays live
+    // on the last slide so the presenter can reach the end-of-show screen and
+    // finish, exactly as the split-screen console does.
+    prevDisabled = computed(() => presenterPrevDisabled(this.currentSlideIndex()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
+    nextDisabled = computed(() => presenterNextDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
     /** Next-slide thumbnail box (CSS px); width drives the slide-canvas autoFit. */
     thumbStyle = computed(() => {
         const size = this.canvasSize();
@@ -76447,11 +77924,11 @@ class MobilePresenterViewComponent {
         return { ...slide, elements: [...template, ...slide.elements] };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MobilePresenterViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MobilePresenterViewComponent, isStandalone: true, selector: "pptx-mobile-presenter-view", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, currentSlideIndex: { classPropertyName: "currentSlideIndex", publicName: "currentSlideIndex", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, presentationStartTime: { classPropertyName: "presentationStartTime", publicName: "presentationStartTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { movePresentationSlide: "movePresentationSlide", exit: "exit" }, ngImport: i0, template: "@if (currentSlide(); as current) {\n\t<!-- Header: elapsed + counter + exit -->\n\t<div class=\"pptx-ng-mpresenter-header\">\n\t\t<div>\n\t\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t<div class=\"pptx-ng-mpresenter-elapsed\">{{ elapsedLabel() }}</div>\n\t\t</div>\n\t\t<span class=\"pptx-ng-mpresenter-counter\">{{ counterLabel() }}</span>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-exit\"\n\t\t\t(click)=\"exit.emit()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t>\n\t\t\t&#x2715;\n\t\t</button>\n\t</div>\n\n\t<!-- Current slide (large) -->\n\t<div class=\"pptx-ng-mpresenter-main\">\n\t\t<div class=\"pptx-ng-mpresenter-main-stage\">\n\t\t\t<pptx-slide-canvas\n\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"1\"\n\t\t\t\t[interactive]=\"false\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n\n\t<!-- Next thumbnail -->\n\t<div class=\"pptx-ng-mpresenter-next\">\n\t\t<span class=\"pptx-ng-mpresenter-label\">{{\n\t\t\t'pptx.presenter.nextSlidePreview' | translate\n\t\t}}</span>\n\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t<div class=\"pptx-ng-mpresenter-thumb\" [ngStyle]=\"thumbStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t} @else {\n\t\t\t<div class=\"pptx-ng-mpresenter-next-empty\">\n\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<!-- Speaker notes (scrollable) -->\n\t<div class=\"pptx-ng-mpresenter-notes\">\n\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.speakerNotes' | translate }}</div>\n\t\t<div class=\"pptx-ng-mpresenter-notes-body\">\n\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t<br />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t{{ notes().plainText }}\n\t\t\t} @else {\n\t\t\t\t<span class=\"pptx-ng-mpresenter-notes-empty\">{{\n\t\t\t\t\t'pptx.presenter.noNotes' | translate\n\t\t\t\t}}</span>\n\t\t\t}\n\t\t</div>\n\t</div>\n\n\t<!-- Prev / Next controls -->\n\t<div class=\"pptx-ng-mpresenter-ctl\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t[disabled]=\"atFirst()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t>\n\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t[disabled]=\"atLast()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.nextSlidePreview' | translate\"\n\t\t\t[title]=\"'pptx.presenter.nextSlidePreview' | translate\"\n\t\t>\n\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t</button>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-mpresenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#0b0b0c;color:#f5f5f5;font-family:system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pptx-ng-mpresenter-header,.pptx-ng-mpresenter-next,.pptx-ng-mpresenter-ctl{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.pptx-ng-mpresenter-header{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.pptx-ng-mpresenter-elapsed{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem;color:#6ea8fe}.pptx-ng-mpresenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-mpresenter-exit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:6px;background:transparent;color:#ffffffbf;cursor:pointer;font-size:1.25rem;line-height:1}.pptx-ng-mpresenter-exit:hover{background:#ffffff1f;color:#fff}.pptx-ng-mpresenter-main{display:flex;align-items:center;justify-content:center;background:#000;padding:.75rem}.pptx-ng-mpresenter-main-stage{width:100%;max-width:640px}.pptx-ng-mpresenter-next{border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-thumb{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:4px}.pptx-ng-mpresenter-next-empty{display:flex;flex:1 1 auto;align-items:center;justify-content:center;height:3rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0a;font-size:.625rem;font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.5rem 1rem}.pptx-ng-mpresenter-notes-body{flex:1 1 auto;overflow-y:auto;margin-top:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5;font-size:15px}.pptx-ng-mpresenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-ctl{justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-navbtn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:44px;border:none;border-radius:6px;background:#ffffff14;color:#f5f5f5;cursor:pointer;font-size:.9rem}.pptx-ng-mpresenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-mpresenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-mpresenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MobilePresenterViewComponent, isStandalone: true, selector: "pptx-mobile-presenter-view", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, currentSlideIndex: { classPropertyName: "currentSlideIndex", publicName: "currentSlideIndex", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, presentationStartTime: { classPropertyName: "presentationStartTime", publicName: "presentationStartTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { movePresentationSlide: "movePresentationSlide", exit: "exit" }, ngImport: i0, template: "@if (currentSlide(); as current) {\n\t<!-- Header: elapsed + counter + exit -->\n\t<div class=\"pptx-ng-mpresenter-header\">\n\t\t<div>\n\t\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t<div class=\"pptx-ng-mpresenter-elapsed\">{{ elapsedLabel() }}</div>\n\t\t</div>\n\t\t<span class=\"pptx-ng-mpresenter-counter\">{{ counterLabel() }}</span>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-exit\"\n\t\t\t(click)=\"exit.emit()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t>\n\t\t\t&#x2715;\n\t\t</button>\n\t</div>\n\n\t<!-- Current slide (large) -->\n\t<div class=\"pptx-ng-mpresenter-main\">\n\t\t<div class=\"pptx-ng-mpresenter-main-stage\">\n\t\t\t<pptx-slide-canvas\n\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"1\"\n\t\t\t\t[interactive]=\"false\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n\n\t<!-- Next thumbnail -->\n\t<div class=\"pptx-ng-mpresenter-next\">\n\t\t<span class=\"pptx-ng-mpresenter-label\">{{\n\t\t\t'pptx.presenter.nextSlidePreview' | translate\n\t\t}}</span>\n\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t<div class=\"pptx-ng-mpresenter-thumb\" [ngStyle]=\"thumbStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t} @else {\n\t\t\t<div class=\"pptx-ng-mpresenter-next-empty\">\n\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<!-- Speaker notes (scrollable) -->\n\t<div class=\"pptx-ng-mpresenter-notes\">\n\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.speakerNotes' | translate }}</div>\n\t\t<div class=\"pptx-ng-mpresenter-notes-body\">\n\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t<br />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t{{ notes().plainText }}\n\t\t\t} @else {\n\t\t\t\t<span class=\"pptx-ng-mpresenter-notes-empty\">{{\n\t\t\t\t\t'pptx.presenter.noNotes' | translate\n\t\t\t\t}}</span>\n\t\t\t}\n\t\t</div>\n\t</div>\n\n\t<!-- Prev / Next controls -->\n\t<div class=\"pptx-ng-mpresenter-ctl\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\tdata-pptx-presenter-control=\"prev\"\n\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t[disabled]=\"prevDisabled()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t>\n\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\tdata-pptx-presenter-control=\"next\"\n\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t[disabled]=\"nextDisabled()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t>\n\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t</button>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-mpresenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#0b0b0c;color:#f5f5f5;font-family:system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pptx-ng-mpresenter-header,.pptx-ng-mpresenter-next,.pptx-ng-mpresenter-ctl{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.pptx-ng-mpresenter-header{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.pptx-ng-mpresenter-elapsed{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem;color:#6ea8fe}.pptx-ng-mpresenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-mpresenter-exit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:6px;background:transparent;color:#ffffffbf;cursor:pointer;font-size:1.25rem;line-height:1}.pptx-ng-mpresenter-exit:hover{background:#ffffff1f;color:#fff}.pptx-ng-mpresenter-main{display:flex;align-items:center;justify-content:center;background:#000;padding:.75rem}.pptx-ng-mpresenter-main-stage{width:100%;max-width:640px}.pptx-ng-mpresenter-next{border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-thumb{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:4px}.pptx-ng-mpresenter-next-empty{display:flex;flex:1 1 auto;align-items:center;justify-content:center;height:3rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0a;font-size:.625rem;font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.5rem 1rem}.pptx-ng-mpresenter-notes-body{flex:1 1 auto;overflow-y:auto;margin-top:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5;font-size:15px}.pptx-ng-mpresenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-ctl{justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-navbtn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:44px;border:none;border-radius:6px;background:#ffffff14;color:#f5f5f5;cursor:pointer;font-size:.9rem}.pptx-ng-mpresenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-mpresenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-mpresenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MobilePresenterViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-mobile-presenter-view', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, TranslatePipe], template: "@if (currentSlide(); as current) {\n\t<!-- Header: elapsed + counter + exit -->\n\t<div class=\"pptx-ng-mpresenter-header\">\n\t\t<div>\n\t\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t<div class=\"pptx-ng-mpresenter-elapsed\">{{ elapsedLabel() }}</div>\n\t\t</div>\n\t\t<span class=\"pptx-ng-mpresenter-counter\">{{ counterLabel() }}</span>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-exit\"\n\t\t\t(click)=\"exit.emit()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t>\n\t\t\t&#x2715;\n\t\t</button>\n\t</div>\n\n\t<!-- Current slide (large) -->\n\t<div class=\"pptx-ng-mpresenter-main\">\n\t\t<div class=\"pptx-ng-mpresenter-main-stage\">\n\t\t\t<pptx-slide-canvas\n\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"1\"\n\t\t\t\t[interactive]=\"false\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n\n\t<!-- Next thumbnail -->\n\t<div class=\"pptx-ng-mpresenter-next\">\n\t\t<span class=\"pptx-ng-mpresenter-label\">{{\n\t\t\t'pptx.presenter.nextSlidePreview' | translate\n\t\t}}</span>\n\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t<div class=\"pptx-ng-mpresenter-thumb\" [ngStyle]=\"thumbStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t} @else {\n\t\t\t<div class=\"pptx-ng-mpresenter-next-empty\">\n\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<!-- Speaker notes (scrollable) -->\n\t<div class=\"pptx-ng-mpresenter-notes\">\n\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.speakerNotes' | translate }}</div>\n\t\t<div class=\"pptx-ng-mpresenter-notes-body\">\n\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t<br />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t{{ notes().plainText }}\n\t\t\t} @else {\n\t\t\t\t<span class=\"pptx-ng-mpresenter-notes-empty\">{{\n\t\t\t\t\t'pptx.presenter.noNotes' | translate\n\t\t\t\t}}</span>\n\t\t\t}\n\t\t</div>\n\t</div>\n\n\t<!-- Prev / Next controls -->\n\t<div class=\"pptx-ng-mpresenter-ctl\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t[disabled]=\"atFirst()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t>\n\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t[disabled]=\"atLast()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.nextSlidePreview' | translate\"\n\t\t\t[title]=\"'pptx.presenter.nextSlidePreview' | translate\"\n\t\t>\n\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t</button>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-mpresenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#0b0b0c;color:#f5f5f5;font-family:system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pptx-ng-mpresenter-header,.pptx-ng-mpresenter-next,.pptx-ng-mpresenter-ctl{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.pptx-ng-mpresenter-header{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.pptx-ng-mpresenter-elapsed{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem;color:#6ea8fe}.pptx-ng-mpresenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-mpresenter-exit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:6px;background:transparent;color:#ffffffbf;cursor:pointer;font-size:1.25rem;line-height:1}.pptx-ng-mpresenter-exit:hover{background:#ffffff1f;color:#fff}.pptx-ng-mpresenter-main{display:flex;align-items:center;justify-content:center;background:#000;padding:.75rem}.pptx-ng-mpresenter-main-stage{width:100%;max-width:640px}.pptx-ng-mpresenter-next{border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-thumb{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:4px}.pptx-ng-mpresenter-next-empty{display:flex;flex:1 1 auto;align-items:center;justify-content:center;height:3rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0a;font-size:.625rem;font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.5rem 1rem}.pptx-ng-mpresenter-notes-body{flex:1 1 auto;overflow-y:auto;margin-top:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5;font-size:15px}.pptx-ng-mpresenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-ctl{justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-navbtn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:44px;border:none;border-radius:6px;background:#ffffff14;color:#f5f5f5;cursor:pointer;font-size:.9rem}.pptx-ng-mpresenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-mpresenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-mpresenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"] }]
+            args: [{ selector: 'pptx-mobile-presenter-view', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, TranslatePipe], template: "@if (currentSlide(); as current) {\n\t<!-- Header: elapsed + counter + exit -->\n\t<div class=\"pptx-ng-mpresenter-header\">\n\t\t<div>\n\t\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t<div class=\"pptx-ng-mpresenter-elapsed\">{{ elapsedLabel() }}</div>\n\t\t</div>\n\t\t<span class=\"pptx-ng-mpresenter-counter\">{{ counterLabel() }}</span>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-exit\"\n\t\t\t(click)=\"exit.emit()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t>\n\t\t\t&#x2715;\n\t\t</button>\n\t</div>\n\n\t<!-- Current slide (large) -->\n\t<div class=\"pptx-ng-mpresenter-main\">\n\t\t<div class=\"pptx-ng-mpresenter-main-stage\">\n\t\t\t<pptx-slide-canvas\n\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"1\"\n\t\t\t\t[interactive]=\"false\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n\n\t<!-- Next thumbnail -->\n\t<div class=\"pptx-ng-mpresenter-next\">\n\t\t<span class=\"pptx-ng-mpresenter-label\">{{\n\t\t\t'pptx.presenter.nextSlidePreview' | translate\n\t\t}}</span>\n\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t<div class=\"pptx-ng-mpresenter-thumb\" [ngStyle]=\"thumbStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t} @else {\n\t\t\t<div class=\"pptx-ng-mpresenter-next-empty\">\n\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<!-- Speaker notes (scrollable) -->\n\t<div class=\"pptx-ng-mpresenter-notes\">\n\t\t<div class=\"pptx-ng-mpresenter-label\">{{ 'pptx.presenter.speakerNotes' | translate }}</div>\n\t\t<div class=\"pptx-ng-mpresenter-notes-body\">\n\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t<br />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t{{ notes().plainText }}\n\t\t\t} @else {\n\t\t\t\t<span class=\"pptx-ng-mpresenter-notes-empty\">{{\n\t\t\t\t\t'pptx.presenter.noNotes' | translate\n\t\t\t\t}}</span>\n\t\t\t}\n\t\t</div>\n\t</div>\n\n\t<!-- Prev / Next controls -->\n\t<div class=\"pptx-ng-mpresenter-ctl\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\tdata-pptx-presenter-control=\"prev\"\n\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t[disabled]=\"prevDisabled()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t>\n\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-mpresenter-navbtn\"\n\t\t\tdata-pptx-presenter-control=\"next\"\n\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t[disabled]=\"nextDisabled()\"\n\t\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t\t[title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t>\n\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t</button>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-mpresenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#0b0b0c;color:#f5f5f5;font-family:system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pptx-ng-mpresenter-header,.pptx-ng-mpresenter-next,.pptx-ng-mpresenter-ctl{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.pptx-ng-mpresenter-header{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.pptx-ng-mpresenter-elapsed{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem;color:#6ea8fe}.pptx-ng-mpresenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-mpresenter-exit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:6px;background:transparent;color:#ffffffbf;cursor:pointer;font-size:1.25rem;line-height:1}.pptx-ng-mpresenter-exit:hover{background:#ffffff1f;color:#fff}.pptx-ng-mpresenter-main{display:flex;align-items:center;justify-content:center;background:#000;padding:.75rem}.pptx-ng-mpresenter-main-stage{width:100%;max-width:640px}.pptx-ng-mpresenter-next{border-bottom:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-thumb{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:4px}.pptx-ng-mpresenter-next-empty{display:flex;flex:1 1 auto;align-items:center;justify-content:center;height:3rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0a;font-size:.625rem;font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.5rem 1rem}.pptx-ng-mpresenter-notes-body{flex:1 1 auto;overflow-y:auto;margin-top:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5;font-size:15px}.pptx-ng-mpresenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-mpresenter-ctl{justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}.pptx-ng-mpresenter-navbtn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:44px;border:none;border-radius:6px;background:#ffffff14;color:#f5f5f5;cursor:pointer;font-size:.9rem}.pptx-ng-mpresenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-mpresenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-mpresenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], currentSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSlideIndex", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], presentationStartTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentationStartTime", required: false }] }], movePresentationSlide: [{ type: i0.Output, args: ["movePresentationSlide"] }], exit: [{ type: i0.Output, args: ["exit"] }] } });
 
 /**
@@ -80692,6 +82169,19 @@ class PresenterWindowService {
     isAudienceWindowOpen() {
         return this.audienceWindow !== null && !this.audienceWindow.closed;
     }
+    /**
+     * PowerPoint's "Swap Displays": trade screens with the audience window.
+     * Counterpart of React's `usePresenterWindow().swapDisplays`. False means no
+     * audience window, or no Window Management API to move windows with; that is
+     * a capability report, not a failure, and nothing moves.
+     */
+    async swapDisplays() {
+        const audience = this.audienceWindow;
+        if (typeof window === 'undefined' || !audience || audience.closed) {
+            return false;
+        }
+        return swapPresentationWindows(window, audience);
+    }
     syncSlideToAudience(slideIndex) {
         this.updateSnapshot({ slideIndex });
     }
@@ -83276,7 +84766,11 @@ class PresentationToolbarComponent {
     ...(ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []));
     counterLabel = computed(() => formatSlideCounter(this.currentSlideIndex(), this.totalSlides()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "counterLabel" }] : /* istanbul ignore next */ []));
-    elapsedLabel = computed(() => formatElapsed(this.now() - (this.presentationStartTime() ?? this.mountedAt)), /* @ts-ignore */
+    // `elapsedSince` clamps a start time in the future to zero before formatting.
+    // The shared `formatElapsed` deliberately does not clamp (a negative duration
+    // is meaningful to some callers), so the guard belongs here, at the point the
+    // duration is derived from the wall clock.
+    elapsedLabel = computed(() => formatElapsed(elapsedSince(this.presentationStartTime() ?? this.mountedAt, this.now())), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "elapsedLabel" }] : /* istanbul ignore next */ []));
     atFirstSlide = computed(() => isAtFirstSlide(this.currentSlideIndex()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "atFirstSlide" }] : /* istanbul ignore next */ []));
@@ -84202,7 +85696,7 @@ class PresentationOverlayComponent {
         this.closed.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresentationOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresentationOverlayComponent, isStandalone: true, selector: "pptx-presentation-overlay", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null }, showWithAnimation: { classPropertyName: "showWithAnimation", publicName: "showWithAnimation", isSignal: true, isRequired: false, transformFunction: null }, useTimings: { classPropertyName: "useTimings", publicName: "useTimings", isSignal: true, isRequired: false, transformFunction: null }, subtitlesVisible: { classPropertyName: "subtitlesVisible", publicName: "subtitlesVisible", isSignal: true, isRequired: false, transformFunction: null }, sessionEnded: { classPropertyName: "sessionEnded", publicName: "sessionEnded", isSignal: true, isRequired: false, transformFunction: null }, endWithBlackSlide: { classPropertyName: "endWithBlackSlide", publicName: "endWithBlackSlide", isSignal: true, isRequired: false, transformFunction: null }, presenterMode: { classPropertyName: "presenterMode", publicName: "presenterMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", closed: "closed", subtitlesChange: "subtitlesChange", presenterViewToggle: "presenterViewToggle", annotationsExit: "annotationsExit" }, host: { listeners: { "document:fullscreenchange": "onFullscreenChange()", "window:resize": "onWindowResize()", "document:keydown": "onKeyDown($event)" } }, providers: [AnimationPlaybackService, PresentationAnnotationsService, ZoomNavigationService], viewQueries: [{ propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }, { propertyName: "rootRef", first: true, predicate: ["root"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #root class=\"pptx-ng-presentation-root\">\n\t<!--\n\t\tSlide counter, rendered first in DOM (before slide content) so a\n\t\tgeneric \"N / M\" text query resolves to it rather than to any slide-text\n\t\trun that happens to read like \"24 / 7\". Position is fixed, so DOM order\n\t\tdoes not affect its on-screen placement.\n\t-->\n\t<span class=\"pptx-ng-presentation-counter\" [ngStyle]=\"counterStyle\">\n\t\t{{ counterLabel() }}\n\t</span>\n\n\t<!-- Black \"End of slide show\" screen: the show has run past its last\n\t     slide. It MUST be visible - while it is up the next input either\n\t     goes nowhere (backward) or ends the show (forward), so a deck that\n\t     kept painting the last slide looked stuck and swallowed advances. -->\n\t@if (endOfShow()) {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-presentation-end\"\n\t\t\tdata-pptx-end-of-show\n\t\t\t(click)=\"onEndScreenClick($event)\"\n\t\t>\n\t\t\t<span>{{ 'pptx.presentation.endOfSlideShow' | translate }}</span>\n\t\t</button>\n\t}\n\n\t<div\n\t\t#stage\n\t\tclass=\"pptx-ng-presentation-stage\"\n\t\t[ngStyle]=\"stageContainerStyle()\"\n\t\t(click)=\"onBodyClick($event)\"\n\t\t(mouseover)=\"onStageHover($event)\"\n\t\t(mouseout)=\"onStageHoverEnd($event)\"\n\t\t(contextmenu)=\"$event.preventDefault()\"\n\t>\n\t\t<pptx-slide-canvas\n\t\t\t[slide]=\"currentSlide()\"\n\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zoom]=\"zoom()\"\n\t\t\t[autoFit]=\"false\"\n\t\t\t[interactive]=\"false\"\n\t\t\t[presenting]=\"true\"\n\t\t/>\n\n\t\t@if (activeTransition(); as t) {\n\t\t\t<pptx-presentation-transition-overlay\n\t\t\t\t[outgoingSlide]=\"t.outgoing\"\n\t\t\t\t[incomingSlide]=\"currentSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[transition]=\"t.transition\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"zoom()\"\n\t\t\t\t(complete)=\"activeTransition.set(null)\"\n\t\t\t/>\n\t\t}\n\n\t\t<!-- Ink annotation overlay (pen/highlighter/eraser/laser). Ctrl+M\n\t\t     hides the markup without discarding the strokes. -->\n\t\t@if (inkMarkupVisible()) {\n\t\t\t<pptx-presentation-annotation-overlay [canvasSize]=\"canvasSize()\" [zoom]=\"zoom()\" />\n\t\t}\n\t</div>\n\t@if (presenterWindow.snapshot().blackout !== 'none') {\n\t\t<div class=\"presenter-blank\" [style.background]=\"presenterWindow.snapshot().blackout\"></div>\n\t}\n\t@if (presenterWindow.snapshot().pointer?.tool === 'laser') {\n\t\t<div\n\t\t\tclass=\"presenter-laser\"\n\t\t\t[style.left.%]=\"(presenterWindow.snapshot().pointer?.x ?? 0.5) * 100\"\n\t\t\t[style.top.%]=\"(presenterWindow.snapshot().pointer?.y ?? 0.5) * 100\"\n\t\t></div>\n\t}\n\t@if (presenterWindow.snapshot().subtitlesVisible && presenterWindow.snapshot().caption) {\n\t\t<div class=\"presenter-caption\">{{ presenterWindow.snapshot().caption }}</div>\n\t}\n\n\t<!-- Live-caption (subtitle) bar. -->\n\t<pptx-presentation-subtitle-bar [visible]=\"subtitlesVisible()\" />\n\n\t<!--\n\t\tThe show toolbar (bottom-centre, auto-hiding): navigation, counter,\n\t\telapsed time, annotation tools, presenter view and end-show, per\n\t\t`PRESENT_TOOLBAR_CONTROLS` in pptx-viewer-shared.\n\t-->\n\t<pptx-presentation-toolbar\n\t\t[currentSlideIndex]=\"currentIndex()\"\n\t\t[totalSlides]=\"slides().length\"\n\t\t[presentationStartTime]=\"showStartedAt\"\n\t\t[presenterMode]=\"presenterMode()\"\n\t\t(move)=\"navigator.navigate($event === 1 ? 'next' : 'prev')\"\n\t\t(presenterViewToggle)=\"presenterViewToggle.emit()\"\n\t\t(endPresentation)=\"onToolbarEnd()\"\n\t/>\n\n\t<!--\n\t\tTouch-only chrome (close button, edge arrows, counter pill). The\n\t\tcomponent stylesheet hides all three unless the device has a coarse\n\t\tpointer, matching React's `PresentationTouchControls`: on a desktop they\n\t\tduplicate the toolbar above and put a SECOND slide counter on screen.\n\t-->\n\t<!-- Always-visible close button (top-right, safe-area aware). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-close\"\n\t\t[ngStyle]=\"closeButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'close')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'close')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t>\n\t\t<svg lucideX class=\"h-5 w-5\"></svg>\n\t</button>\n\n\t<!-- Edge navigation buttons (vertically centred, touch-friendly). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-prev\"\n\t\t[ngStyle]=\"prevButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'prev')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'prev')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t>\n\t\t<svg lucideChevronLeft class=\"h-6 w-6\"></svg>\n\t</button>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-next\"\n\t\t[ngStyle]=\"nextButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'next')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'next')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t>\n\t\t<svg lucideChevronRight class=\"h-6 w-6\"></svg>\n\t</button>\n</div>\n", styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}@media not all and (any-pointer:coarse){.pptx-ng-presentation-close,.pptx-ng-presentation-nav,.pptx-ng-presentation-counter{display:none!important}}.presenter-blank{position:absolute;inset:0;z-index:75}.pptx-ng-presentation-end{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-start;border:0;padding:0;background:#000;text-align:left;cursor:default}.pptx-ng-presentation-end span{padding:.75rem 1rem;color:#ffffffb3;font-size:12px}.presenter-laser{position:absolute;z-index:76;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:#ef4444;box-shadow:0 0 20px 8px #ef444488;pointer-events:none}.presenter-caption{position:absolute;z-index:77;left:10%;right:10%;bottom:2rem;padding:.75rem 1.5rem;border-radius:.5rem;background:#000c;color:#fff;text-align:center;font-size:1.25rem;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationTransitionOverlayComponent, selector: "pptx-presentation-transition-overlay", inputs: ["outgoingSlide", "canvasSize", "transition", "templateElements", "mediaDataUrls", "durationMs", "zoom", "incomingSlide"], outputs: ["complete"] }, { kind: "component", type: PresentationAnnotationOverlayComponent, selector: "pptx-presentation-annotation-overlay", inputs: ["canvasSize", "zoom"] }, { kind: "component", type: PresentationSubtitleBarComponent, selector: "pptx-presentation-subtitle-bar", inputs: ["visible"] }, { kind: "component", type: PresentationToolbarComponent, selector: "pptx-presentation-toolbar", inputs: ["currentSlideIndex", "totalSlides", "presentationStartTime", "presenterMode"], outputs: ["move", "endPresentation", "presenterViewToggle"] }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresentationOverlayComponent, isStandalone: true, selector: "pptx-presentation-overlay", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null }, showWithAnimation: { classPropertyName: "showWithAnimation", publicName: "showWithAnimation", isSignal: true, isRequired: false, transformFunction: null }, useTimings: { classPropertyName: "useTimings", publicName: "useTimings", isSignal: true, isRequired: false, transformFunction: null }, subtitlesVisible: { classPropertyName: "subtitlesVisible", publicName: "subtitlesVisible", isSignal: true, isRequired: false, transformFunction: null }, sessionEnded: { classPropertyName: "sessionEnded", publicName: "sessionEnded", isSignal: true, isRequired: false, transformFunction: null }, endWithBlackSlide: { classPropertyName: "endWithBlackSlide", publicName: "endWithBlackSlide", isSignal: true, isRequired: false, transformFunction: null }, presenterMode: { classPropertyName: "presenterMode", publicName: "presenterMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", closed: "closed", subtitlesChange: "subtitlesChange", presenterViewToggle: "presenterViewToggle", annotationsExit: "annotationsExit" }, host: { listeners: { "document:fullscreenchange": "onFullscreenChange()", "window:resize": "onWindowResize()", "document:keydown": "onKeyDown($event)" } }, providers: [AnimationPlaybackService, PresentationAnnotationsService, ZoomNavigationService], viewQueries: [{ propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }, { propertyName: "rootRef", first: true, predicate: ["root"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #root class=\"pptx-ng-presentation-root\">\n\t<!--\n\t\tSlide counter, rendered first in DOM (before slide content) so a\n\t\tgeneric \"N / M\" text query resolves to it rather than to any slide-text\n\t\trun that happens to read like \"24 / 7\". Position is fixed, so DOM order\n\t\tdoes not affect its on-screen placement.\n\t-->\n\t<span class=\"pptx-ng-presentation-counter\" [ngStyle]=\"counterStyle\">\n\t\t{{ counterLabel() }}\n\t</span>\n\n\t<!-- Black \"End of slide show\" screen: the show has run past its last\n\t     slide. It MUST be visible - while it is up the next input either\n\t     goes nowhere (backward) or ends the show (forward), so a deck that\n\t     kept painting the last slide looked stuck and swallowed advances. -->\n\t@if (endOfShow()) {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-presentation-end\"\n\t\t\tdata-pptx-end-of-show\n\t\t\t(click)=\"onEndScreenClick($event)\"\n\t\t>\n\t\t\t<span>{{ 'pptx.presentation.endOfSlideShow' | translate }}</span>\n\t\t</button>\n\t}\n\n\t<div\n\t\t#stage\n\t\tclass=\"pptx-ng-presentation-stage\"\n\t\t[ngStyle]=\"stageContainerStyle()\"\n\t\t(click)=\"onBodyClick($event)\"\n\t\t(mouseover)=\"onStageHover($event)\"\n\t\t(mouseout)=\"onStageHoverEnd($event)\"\n\t\t(contextmenu)=\"$event.preventDefault()\"\n\t>\n\t\t<pptx-slide-canvas\n\t\t\t[slide]=\"currentSlide()\"\n\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zoom]=\"zoom()\"\n\t\t\t[autoFit]=\"false\"\n\t\t\t[interactive]=\"false\"\n\t\t\t[presenting]=\"true\"\n\t\t/>\n\n\t\t@if (activeTransition(); as t) {\n\t\t\t<pptx-presentation-transition-overlay\n\t\t\t\t[outgoingSlide]=\"t.outgoing\"\n\t\t\t\t[incomingSlide]=\"currentSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[transition]=\"t.transition\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"zoom()\"\n\t\t\t\t(complete)=\"activeTransition.set(null)\"\n\t\t\t/>\n\t\t}\n\n\t\t<!-- Ink annotation overlay (pen/highlighter/eraser/laser). Ctrl+M\n\t\t     hides the markup without discarding the strokes. -->\n\t\t@if (inkMarkupVisible()) {\n\t\t\t<pptx-presentation-annotation-overlay [canvasSize]=\"canvasSize()\" [zoom]=\"zoom()\" />\n\t\t}\n\t</div>\n\t@if (presenterWindow.snapshot().blackout !== 'none') {\n\t\t<div class=\"presenter-blank\" [style.background]=\"presenterWindow.snapshot().blackout\"></div>\n\t}\n\t@if (presenterWindow.snapshot().pointer?.tool === 'laser') {\n\t\t<div\n\t\t\tclass=\"presenter-laser\"\n\t\t\t[style.left.%]=\"(presenterWindow.snapshot().pointer?.x ?? 0.5) * 100\"\n\t\t\t[style.top.%]=\"(presenterWindow.snapshot().pointer?.y ?? 0.5) * 100\"\n\t\t></div>\n\t}\n\t@if (presenterWindow.snapshot().subtitlesVisible && presenterWindow.snapshot().caption) {\n\t\t<div class=\"presenter-caption\">{{ presenterWindow.snapshot().caption }}</div>\n\t}\n\n\t<!-- Live-caption (subtitle) bar. -->\n\t<pptx-presentation-subtitle-bar [visible]=\"subtitlesVisible()\" />\n\n\t<!--\n\t\tTouch-only chrome (close button, edge arrows, counter pill). The\n\t\tcomponent stylesheet hides all three unless the device has a coarse\n\t\tpointer, matching React's `PresentationTouchControls`: on a desktop they\n\t\tduplicate the toolbar above and put a SECOND slide counter on screen.\n\n\t\tRendered BEFORE the show toolbar, as React renders its touch controls,\n\t\tbecause both carry the same accessible names (\"Next Slide\", \"Previous\n\t\tSlide\", \"End Presentation\"). On a coarse pointer the toolbar's copies are\n\t\tstill in the DOM but inert (`pointer-events: none`), so whichever comes\n\t\tfirst is what a by-name lookup - a screen reader's, or a spec's `.first()`\n\t\t- resolves to. With the toolbar first, every such lookup landed on a\n\t\tbutton no user could press: it reported itself visible and enabled, and\n\t\tthe tap was swallowed by the overlay. Position is fixed on all of these,\n\t\tso moving them in the DOM does not move them on screen.\n\t-->\n\t<!-- Always-visible close button (top-right, safe-area aware). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-close\"\n\t\t[ngStyle]=\"closeButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'close')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'close')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t>\n\t\t<svg lucideX class=\"h-5 w-5\"></svg>\n\t</button>\n\n\t<!-- Edge navigation buttons (vertically centred, touch-friendly). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-prev\"\n\t\t[ngStyle]=\"prevButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'prev')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'prev')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t>\n\t\t<svg lucideChevronLeft class=\"h-6 w-6\"></svg>\n\t</button>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-next\"\n\t\t[ngStyle]=\"nextButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'next')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'next')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t>\n\t\t<svg lucideChevronRight class=\"h-6 w-6\"></svg>\n\t</button>\n\n\t<!--\n\t\tThe show toolbar (bottom-centre, auto-hiding): navigation, counter,\n\t\telapsed time, annotation tools, presenter view and end-show, per\n\t\t`PRESENT_TOOLBAR_CONTROLS` in pptx-viewer-shared.\n\t-->\n\t<pptx-presentation-toolbar\n\t\t[currentSlideIndex]=\"currentIndex()\"\n\t\t[totalSlides]=\"slides().length\"\n\t\t[presentationStartTime]=\"showStartedAt\"\n\t\t[presenterMode]=\"presenterMode()\"\n\t\t(move)=\"navigator.navigate($event === 1 ? 'next' : 'prev')\"\n\t\t(presenterViewToggle)=\"presenterViewToggle.emit()\"\n\t\t(endPresentation)=\"onToolbarEnd()\"\n\t/>\n</div>\n", styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}@media not all and (any-pointer:coarse){.pptx-ng-presentation-close,.pptx-ng-presentation-nav,.pptx-ng-presentation-counter{display:none!important}}.presenter-blank{position:absolute;inset:0;z-index:75}.pptx-ng-presentation-end{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-start;border:0;padding:0;background:#000;text-align:left;cursor:default}.pptx-ng-presentation-end span{padding:.75rem 1rem;color:#ffffffb3;font-size:12px}.presenter-laser{position:absolute;z-index:76;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:#ef4444;box-shadow:0 0 20px 8px #ef444488;pointer-events:none}.presenter-caption{position:absolute;z-index:77;left:10%;right:10%;bottom:2rem;padding:.75rem 1.5rem;border-radius:.5rem;background:#000c;color:#fff;text-align:center;font-size:1.25rem;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationTransitionOverlayComponent, selector: "pptx-presentation-transition-overlay", inputs: ["outgoingSlide", "canvasSize", "transition", "templateElements", "mediaDataUrls", "durationMs", "zoom", "incomingSlide"], outputs: ["complete"] }, { kind: "component", type: PresentationAnnotationOverlayComponent, selector: "pptx-presentation-annotation-overlay", inputs: ["canvasSize", "zoom"] }, { kind: "component", type: PresentationSubtitleBarComponent, selector: "pptx-presentation-subtitle-bar", inputs: ["visible"] }, { kind: "component", type: PresentationToolbarComponent, selector: "pptx-presentation-toolbar", inputs: ["currentSlideIndex", "totalSlides", "presentationStartTime", "presenterMode"], outputs: ["move", "endPresentation", "presenterViewToggle"] }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresentationOverlayComponent, decorators: [{
             type: Component,
@@ -84217,7 +85711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         LucideX,
                         LucideChevronLeft,
                         LucideChevronRight,
-                    ], providers: [AnimationPlaybackService, PresentationAnnotationsService, ZoomNavigationService], template: "<div #root class=\"pptx-ng-presentation-root\">\n\t<!--\n\t\tSlide counter, rendered first in DOM (before slide content) so a\n\t\tgeneric \"N / M\" text query resolves to it rather than to any slide-text\n\t\trun that happens to read like \"24 / 7\". Position is fixed, so DOM order\n\t\tdoes not affect its on-screen placement.\n\t-->\n\t<span class=\"pptx-ng-presentation-counter\" [ngStyle]=\"counterStyle\">\n\t\t{{ counterLabel() }}\n\t</span>\n\n\t<!-- Black \"End of slide show\" screen: the show has run past its last\n\t     slide. It MUST be visible - while it is up the next input either\n\t     goes nowhere (backward) or ends the show (forward), so a deck that\n\t     kept painting the last slide looked stuck and swallowed advances. -->\n\t@if (endOfShow()) {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-presentation-end\"\n\t\t\tdata-pptx-end-of-show\n\t\t\t(click)=\"onEndScreenClick($event)\"\n\t\t>\n\t\t\t<span>{{ 'pptx.presentation.endOfSlideShow' | translate }}</span>\n\t\t</button>\n\t}\n\n\t<div\n\t\t#stage\n\t\tclass=\"pptx-ng-presentation-stage\"\n\t\t[ngStyle]=\"stageContainerStyle()\"\n\t\t(click)=\"onBodyClick($event)\"\n\t\t(mouseover)=\"onStageHover($event)\"\n\t\t(mouseout)=\"onStageHoverEnd($event)\"\n\t\t(contextmenu)=\"$event.preventDefault()\"\n\t>\n\t\t<pptx-slide-canvas\n\t\t\t[slide]=\"currentSlide()\"\n\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zoom]=\"zoom()\"\n\t\t\t[autoFit]=\"false\"\n\t\t\t[interactive]=\"false\"\n\t\t\t[presenting]=\"true\"\n\t\t/>\n\n\t\t@if (activeTransition(); as t) {\n\t\t\t<pptx-presentation-transition-overlay\n\t\t\t\t[outgoingSlide]=\"t.outgoing\"\n\t\t\t\t[incomingSlide]=\"currentSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[transition]=\"t.transition\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"zoom()\"\n\t\t\t\t(complete)=\"activeTransition.set(null)\"\n\t\t\t/>\n\t\t}\n\n\t\t<!-- Ink annotation overlay (pen/highlighter/eraser/laser). Ctrl+M\n\t\t     hides the markup without discarding the strokes. -->\n\t\t@if (inkMarkupVisible()) {\n\t\t\t<pptx-presentation-annotation-overlay [canvasSize]=\"canvasSize()\" [zoom]=\"zoom()\" />\n\t\t}\n\t</div>\n\t@if (presenterWindow.snapshot().blackout !== 'none') {\n\t\t<div class=\"presenter-blank\" [style.background]=\"presenterWindow.snapshot().blackout\"></div>\n\t}\n\t@if (presenterWindow.snapshot().pointer?.tool === 'laser') {\n\t\t<div\n\t\t\tclass=\"presenter-laser\"\n\t\t\t[style.left.%]=\"(presenterWindow.snapshot().pointer?.x ?? 0.5) * 100\"\n\t\t\t[style.top.%]=\"(presenterWindow.snapshot().pointer?.y ?? 0.5) * 100\"\n\t\t></div>\n\t}\n\t@if (presenterWindow.snapshot().subtitlesVisible && presenterWindow.snapshot().caption) {\n\t\t<div class=\"presenter-caption\">{{ presenterWindow.snapshot().caption }}</div>\n\t}\n\n\t<!-- Live-caption (subtitle) bar. -->\n\t<pptx-presentation-subtitle-bar [visible]=\"subtitlesVisible()\" />\n\n\t<!--\n\t\tThe show toolbar (bottom-centre, auto-hiding): navigation, counter,\n\t\telapsed time, annotation tools, presenter view and end-show, per\n\t\t`PRESENT_TOOLBAR_CONTROLS` in pptx-viewer-shared.\n\t-->\n\t<pptx-presentation-toolbar\n\t\t[currentSlideIndex]=\"currentIndex()\"\n\t\t[totalSlides]=\"slides().length\"\n\t\t[presentationStartTime]=\"showStartedAt\"\n\t\t[presenterMode]=\"presenterMode()\"\n\t\t(move)=\"navigator.navigate($event === 1 ? 'next' : 'prev')\"\n\t\t(presenterViewToggle)=\"presenterViewToggle.emit()\"\n\t\t(endPresentation)=\"onToolbarEnd()\"\n\t/>\n\n\t<!--\n\t\tTouch-only chrome (close button, edge arrows, counter pill). The\n\t\tcomponent stylesheet hides all three unless the device has a coarse\n\t\tpointer, matching React's `PresentationTouchControls`: on a desktop they\n\t\tduplicate the toolbar above and put a SECOND slide counter on screen.\n\t-->\n\t<!-- Always-visible close button (top-right, safe-area aware). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-close\"\n\t\t[ngStyle]=\"closeButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'close')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'close')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t>\n\t\t<svg lucideX class=\"h-5 w-5\"></svg>\n\t</button>\n\n\t<!-- Edge navigation buttons (vertically centred, touch-friendly). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-prev\"\n\t\t[ngStyle]=\"prevButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'prev')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'prev')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t>\n\t\t<svg lucideChevronLeft class=\"h-6 w-6\"></svg>\n\t</button>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-next\"\n\t\t[ngStyle]=\"nextButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'next')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'next')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t>\n\t\t<svg lucideChevronRight class=\"h-6 w-6\"></svg>\n\t</button>\n</div>\n", styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}@media not all and (any-pointer:coarse){.pptx-ng-presentation-close,.pptx-ng-presentation-nav,.pptx-ng-presentation-counter{display:none!important}}.presenter-blank{position:absolute;inset:0;z-index:75}.pptx-ng-presentation-end{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-start;border:0;padding:0;background:#000;text-align:left;cursor:default}.pptx-ng-presentation-end span{padding:.75rem 1rem;color:#ffffffb3;font-size:12px}.presenter-laser{position:absolute;z-index:76;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:#ef4444;box-shadow:0 0 20px 8px #ef444488;pointer-events:none}.presenter-caption{position:absolute;z-index:77;left:10%;right:10%;bottom:2rem;padding:.75rem 1.5rem;border-radius:.5rem;background:#000c;color:#fff;text-align:center;font-size:1.25rem;pointer-events:none}\n"] }]
+                    ], providers: [AnimationPlaybackService, PresentationAnnotationsService, ZoomNavigationService], template: "<div #root class=\"pptx-ng-presentation-root\">\n\t<!--\n\t\tSlide counter, rendered first in DOM (before slide content) so a\n\t\tgeneric \"N / M\" text query resolves to it rather than to any slide-text\n\t\trun that happens to read like \"24 / 7\". Position is fixed, so DOM order\n\t\tdoes not affect its on-screen placement.\n\t-->\n\t<span class=\"pptx-ng-presentation-counter\" [ngStyle]=\"counterStyle\">\n\t\t{{ counterLabel() }}\n\t</span>\n\n\t<!-- Black \"End of slide show\" screen: the show has run past its last\n\t     slide. It MUST be visible - while it is up the next input either\n\t     goes nowhere (backward) or ends the show (forward), so a deck that\n\t     kept painting the last slide looked stuck and swallowed advances. -->\n\t@if (endOfShow()) {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-presentation-end\"\n\t\t\tdata-pptx-end-of-show\n\t\t\t(click)=\"onEndScreenClick($event)\"\n\t\t>\n\t\t\t<span>{{ 'pptx.presentation.endOfSlideShow' | translate }}</span>\n\t\t</button>\n\t}\n\n\t<div\n\t\t#stage\n\t\tclass=\"pptx-ng-presentation-stage\"\n\t\t[ngStyle]=\"stageContainerStyle()\"\n\t\t(click)=\"onBodyClick($event)\"\n\t\t(mouseover)=\"onStageHover($event)\"\n\t\t(mouseout)=\"onStageHoverEnd($event)\"\n\t\t(contextmenu)=\"$event.preventDefault()\"\n\t>\n\t\t<pptx-slide-canvas\n\t\t\t[slide]=\"currentSlide()\"\n\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t[zoom]=\"zoom()\"\n\t\t\t[autoFit]=\"false\"\n\t\t\t[interactive]=\"false\"\n\t\t\t[presenting]=\"true\"\n\t\t/>\n\n\t\t@if (activeTransition(); as t) {\n\t\t\t<pptx-presentation-transition-overlay\n\t\t\t\t[outgoingSlide]=\"t.outgoing\"\n\t\t\t\t[incomingSlide]=\"currentSlide()\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t[transition]=\"t.transition\"\n\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t[zoom]=\"zoom()\"\n\t\t\t\t(complete)=\"activeTransition.set(null)\"\n\t\t\t/>\n\t\t}\n\n\t\t<!-- Ink annotation overlay (pen/highlighter/eraser/laser). Ctrl+M\n\t\t     hides the markup without discarding the strokes. -->\n\t\t@if (inkMarkupVisible()) {\n\t\t\t<pptx-presentation-annotation-overlay [canvasSize]=\"canvasSize()\" [zoom]=\"zoom()\" />\n\t\t}\n\t</div>\n\t@if (presenterWindow.snapshot().blackout !== 'none') {\n\t\t<div class=\"presenter-blank\" [style.background]=\"presenterWindow.snapshot().blackout\"></div>\n\t}\n\t@if (presenterWindow.snapshot().pointer?.tool === 'laser') {\n\t\t<div\n\t\t\tclass=\"presenter-laser\"\n\t\t\t[style.left.%]=\"(presenterWindow.snapshot().pointer?.x ?? 0.5) * 100\"\n\t\t\t[style.top.%]=\"(presenterWindow.snapshot().pointer?.y ?? 0.5) * 100\"\n\t\t></div>\n\t}\n\t@if (presenterWindow.snapshot().subtitlesVisible && presenterWindow.snapshot().caption) {\n\t\t<div class=\"presenter-caption\">{{ presenterWindow.snapshot().caption }}</div>\n\t}\n\n\t<!-- Live-caption (subtitle) bar. -->\n\t<pptx-presentation-subtitle-bar [visible]=\"subtitlesVisible()\" />\n\n\t<!--\n\t\tTouch-only chrome (close button, edge arrows, counter pill). The\n\t\tcomponent stylesheet hides all three unless the device has a coarse\n\t\tpointer, matching React's `PresentationTouchControls`: on a desktop they\n\t\tduplicate the toolbar above and put a SECOND slide counter on screen.\n\n\t\tRendered BEFORE the show toolbar, as React renders its touch controls,\n\t\tbecause both carry the same accessible names (\"Next Slide\", \"Previous\n\t\tSlide\", \"End Presentation\"). On a coarse pointer the toolbar's copies are\n\t\tstill in the DOM but inert (`pointer-events: none`), so whichever comes\n\t\tfirst is what a by-name lookup - a screen reader's, or a spec's `.first()`\n\t\t- resolves to. With the toolbar first, every such lookup landed on a\n\t\tbutton no user could press: it reported itself visible and enabled, and\n\t\tthe tap was swallowed by the overlay. Position is fixed on all of these,\n\t\tso moving them in the DOM does not move them on screen.\n\t-->\n\t<!-- Always-visible close button (top-right, safe-area aware). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-close\"\n\t\t[ngStyle]=\"closeButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'close')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'close')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t>\n\t\t<svg lucideX class=\"h-5 w-5\"></svg>\n\t</button>\n\n\t<!-- Edge navigation buttons (vertically centred, touch-friendly). -->\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-prev\"\n\t\t[ngStyle]=\"prevButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'prev')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'prev')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t>\n\t\t<svg lucideChevronLeft class=\"h-6 w-6\"></svg>\n\t</button>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"pptx-ng-presentation-nav pptx-ng-presentation-next\"\n\t\t[ngStyle]=\"nextButtonStyle\"\n\t\t(click)=\"onChromeButton($event, 'next')\"\n\t\t(touchend)=\"onChromeButtonTouch($event, 'next')\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t>\n\t\t<svg lucideChevronRight class=\"h-6 w-6\"></svg>\n\t</button>\n\n\t<!--\n\t\tThe show toolbar (bottom-centre, auto-hiding): navigation, counter,\n\t\telapsed time, annotation tools, presenter view and end-show, per\n\t\t`PRESENT_TOOLBAR_CONTROLS` in pptx-viewer-shared.\n\t-->\n\t<pptx-presentation-toolbar\n\t\t[currentSlideIndex]=\"currentIndex()\"\n\t\t[totalSlides]=\"slides().length\"\n\t\t[presentationStartTime]=\"showStartedAt\"\n\t\t[presenterMode]=\"presenterMode()\"\n\t\t(move)=\"navigator.navigate($event === 1 ? 'next' : 'prev')\"\n\t\t(presenterViewToggle)=\"presenterViewToggle.emit()\"\n\t\t(endPresentation)=\"onToolbarEnd()\"\n\t/>\n</div>\n", styles: [":host{display:block;position:fixed;inset:0;z-index:10000;background:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.pptx-ng-presentation-root{position:absolute;inset:0;touch-action:pan-y}.pptx-ng-presentation-close:hover,.pptx-ng-presentation-nav:hover{background:#000000bf}@media not all and (any-pointer:coarse){.pptx-ng-presentation-close,.pptx-ng-presentation-nav,.pptx-ng-presentation-counter{display:none!important}}.presenter-blank{position:absolute;inset:0;z-index:75}.pptx-ng-presentation-end{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-start;border:0;padding:0;background:#000;text-align:left;cursor:default}.pptx-ng-presentation-end span{padding:.75rem 1rem;color:#ffffffb3;font-size:12px}.presenter-laser{position:absolute;z-index:76;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:#ef4444;box-shadow:0 0 20px 8px #ef444488;pointer-events:none}.presenter-caption{position:absolute;z-index:77;left:10%;right:10%;bottom:2rem;padding:.75rem 1.5rem;border-radius:.5rem;background:#000c;color:#fff;text-align:center;font-size:1.25rem;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], startIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIndex", required: false }] }], showWithAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWithAnimation", required: false }] }], useTimings: [{ type: i0.Input, args: [{ isSignal: true, alias: "useTimings", required: false }] }], subtitlesVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitlesVisible", required: false }] }], sessionEnded: [{ type: i0.Input, args: [{ isSignal: true, alias: "sessionEnded", required: false }] }], endWithBlackSlide: [{ type: i0.Input, args: [{ isSignal: true, alias: "endWithBlackSlide", required: false }] }], presenterMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenterMode", required: false }] }], indexChange: [{ type: i0.Output, args: ["indexChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], subtitlesChange: [{ type: i0.Output, args: ["subtitlesChange"] }], presenterViewToggle: [{ type: i0.Output, args: ["presenterViewToggle"] }], annotationsExit: [{ type: i0.Output, args: ["annotationsExit"] }], stageRef: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }], rootRef: [{ type: i0.ViewChild, args: ['root', { isSignal: true }] }], onFullscreenChange: [{
                 type: HostListener,
                 args: ['document:fullscreenchange']
@@ -84229,6 +85723,440 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: ['document:keydown', ['$event']]
             }] } });
 
+/**
+ * presenter-console-helpers.ts
+ *
+ * Turns the shared presenter-console INVENTORY
+ * (`PRESENTER_CONSOLE_CONTROLS`) into the per-slot view model the Angular strip
+ * binds to.
+ *
+ * WHY this is a helper and not template logic: the strip used to be an inline
+ * template of sixteen hand-written buttons with hard-coded English labels and no
+ * `translate` pipe in sight, so the console was unreadable in every locale but
+ * one and its black-screen switch announced itself to a screen reader as the
+ * letter "B". Deriving the strip from the shared inventory fixes that at the
+ * source, and keeping the derivation here (rather than in the component) keeps
+ * the SFC-equivalent thin and lets the mapping be unit-tested without TestBed.
+ *
+ * Everything except the click handlers comes from `pptx-viewer-shared`: order,
+ * ids, kinds, label keys, icon names and glyphs. Only "what does pressing this
+ * do" stays in the component, because that is the genuinely per-binding half.
+ */
+/**
+ * The four strip slots that select an annotation tool, by control id.
+ *
+ * A lookup rather than four `case` arms because the ids and the tool names are
+ * deliberately identical: if the shared inventory ever renames one, the missing
+ * entry is a compile-visible gap instead of a silently inert button.
+ */
+const POINTER_TOOLS = {
+    laser: 'laser',
+    pen: 'pen',
+    highlighter: 'highlighter',
+    eraser: 'eraser',
+};
+/**
+ * Whether a slot reads as "on" right now.
+ *
+ * `timer-toggle` and `zoom-in` are buttons, not toggles: their activity only
+ * picks the resume glyph / the emphasised zoom style, and
+ * {@link PresenterConsoleSlot.pressed} keeps `aria-pressed` off them.
+ */
+function presenterSlotActive(control, snapshot, audienceOpen) {
+    const tool = POINTER_TOOLS[control.id];
+    if (tool !== undefined) {
+        return (snapshot.pointer?.tool ?? 'none') === tool;
+    }
+    switch (control.id) {
+        case 'timer-toggle':
+            return snapshot.paused;
+        case 'zoom-in':
+            return (snapshot.zoom?.scale ?? 1) > 1;
+        case 'blackout-black':
+            return snapshot.blackout === 'black';
+        case 'blackout-white':
+            return snapshot.blackout === 'white';
+        case 'captions':
+            return snapshot.subtitlesVisible === true;
+        case 'audience':
+            return audienceOpen;
+        default:
+            return false;
+    }
+}
+/**
+ * Whether a slot is unusable in the current session.
+ *
+ * Only Swap Displays, which needs a second window to swap with. Notably NOT
+ * Next: see `presenterNextDisabled` in the shared module for why disabling it
+ * strands the presenter on the final slide.
+ */
+function presenterSlotDisabled(controlId, audienceOpen) {
+    return controlId === 'swap-displays' && !audienceOpen;
+}
+/**
+ * Resolve the whole strip, in the shared inventory's order.
+ *
+ * Dividers and spacers come through as slots too (with no label, icon or
+ * handler) so the template renders one list instead of interleaving two.
+ */
+function presenterConsoleSlots(snapshot, audienceOpen) {
+    return PRESENTER_CONSOLE_CONTROLS.map((control) => {
+        const active = presenterSlotActive(control, snapshot, audienceOpen);
+        const isToggle = control.kind === 'toggle';
+        return {
+            control,
+            id: control.id,
+            active,
+            disabled: presenterSlotDisabled(control.id, audienceOpen),
+            labelKey: active && control.activeLabelKey ? control.activeLabelKey : control.labelKey,
+            iconName: active && control.activeIcon ? control.activeIcon : control.icon,
+            pressed: isToggle ? active : null,
+            tool: POINTER_TOOLS[control.id],
+        };
+    });
+}
+
+/**
+ * presenter-console-icon.component.ts
+ *
+ * Renders one presenter-console glyph from the kebab-case icon NAME the shared
+ * inventory publishes (`PresenterControl.icon` / `.activeIcon`).
+ *
+ * WHY a component and not an inline `@switch` in the strip: `@lucide/angular`
+ * ships one standalone directive per icon (`svg[lucideZoomIn]`) and no
+ * name-driven host, so the mapping is necessarily sixteen static template arms.
+ * Keeping them here leaves `presenter-controls.component.ts` a thin strip and
+ * keeps both files inside the repo's 300-line ceiling. React does the same
+ * mapping with a `Record<string, IconType>`; this is its Angular half.
+ *
+ * An unknown name renders nothing rather than a fallback glyph: the button
+ * still carries its translated `aria-label`, so a slot added to the shared
+ * inventory before its icon is wired here degrades to an empty (but named and
+ * usable) control instead of a wrong picture.
+ */
+class PresenterConsoleIconComponent {
+    /** kebab-case Lucide icon name, straight from the shared inventory. */
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterConsoleIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterConsoleIconComponent, isStandalone: true, selector: "pptx-presenter-console-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+		@switch (name()) {
+			@case ('arrow-left-right') {
+				<svg lucideArrowLeftRight class="h-4 w-4"></svg>
+			}
+			@case ('captions') {
+				<svg lucideCaptions class="h-4 w-4"></svg>
+			}
+			@case ('circle-pause') {
+				<svg lucideCirclePause class="h-4 w-4"></svg>
+			}
+			@case ('circle-play') {
+				<svg lucideCirclePlay class="h-4 w-4"></svg>
+			}
+			@case ('eraser') {
+				<svg lucideEraser class="h-4 w-4"></svg>
+			}
+			@case ('grid-2x2') {
+				<svg lucideGrid2x2 class="h-4 w-4"></svg>
+			}
+			@case ('highlighter') {
+				<svg lucideHighlighter class="h-4 w-4"></svg>
+			}
+			@case ('monitor') {
+				<svg lucideMonitor class="h-4 w-4"></svg>
+			}
+			@case ('monitor-off') {
+				<svg lucideMonitorOff class="h-4 w-4"></svg>
+			}
+			@case ('mouse-pointer-2') {
+				<svg lucideMousePointer2 class="h-4 w-4"></svg>
+			}
+			@case ('pen-tool') {
+				<svg lucidePenTool class="h-4 w-4"></svg>
+			}
+			@case ('rotate-ccw') {
+				<svg lucideRotateCcw class="h-4 w-4"></svg>
+			}
+			@case ('scan') {
+				<svg lucideScan class="h-4 w-4"></svg>
+			}
+			@case ('x') {
+				<svg lucideX class="h-4 w-4"></svg>
+			}
+			@case ('zoom-in') {
+				<svg lucideZoomIn class="h-4 w-4"></svg>
+			}
+			@case ('zoom-out') {
+				<svg lucideZoomOut class="h-4 w-4"></svg>
+			}
+		}
+	`, isInline: true, dependencies: [{ kind: "component", type: LucideArrowLeftRight, selector: "svg[lucideArrowLeftRight]" }, { kind: "component", type: LucideCaptions, selector: "svg[lucideCaptions], svg[lucideSubtitles]" }, { kind: "component", type: LucideCirclePause, selector: "svg[lucideCirclePause], svg[lucidePauseCircle]" }, { kind: "component", type: LucideCirclePlay, selector: "svg[lucideCirclePlay], svg[lucidePlayCircle]" }, { kind: "component", type: LucideEraser, selector: "svg[lucideEraser]" }, { kind: "component", type: LucideGrid2x2, selector: "svg[lucideGrid2x2], svg[lucideGrid2X2]" }, { kind: "component", type: LucideHighlighter, selector: "svg[lucideHighlighter]" }, { kind: "component", type: LucideMonitor, selector: "svg[lucideMonitor]" }, { kind: "component", type: LucideMonitorOff, selector: "svg[lucideMonitorOff]" }, { kind: "component", type: LucideMousePointer2, selector: "svg[lucideMousePointer2]" }, { kind: "component", type: LucidePenTool, selector: "svg[lucidePenTool]" }, { kind: "component", type: LucideRotateCcw, selector: "svg[lucideRotateCcw]" }, { kind: "component", type: LucideScan, selector: "svg[lucideScan]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideZoomIn, selector: "svg[lucideZoomIn]" }, { kind: "component", type: LucideZoomOut, selector: "svg[lucideZoomOut]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterConsoleIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-presenter-console-icon',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
+                    imports: [
+                        LucideArrowLeftRight,
+                        LucideCaptions,
+                        LucideCirclePause,
+                        LucideCirclePlay,
+                        LucideEraser,
+                        LucideGrid2x2,
+                        LucideHighlighter,
+                        LucideMonitor,
+                        LucideMonitorOff,
+                        LucideMousePointer2,
+                        LucidePenTool,
+                        LucideRotateCcw,
+                        LucideScan,
+                        LucideX,
+                        LucideZoomIn,
+                        LucideZoomOut,
+                    ],
+                    template: `
+		@switch (name()) {
+			@case ('arrow-left-right') {
+				<svg lucideArrowLeftRight class="h-4 w-4"></svg>
+			}
+			@case ('captions') {
+				<svg lucideCaptions class="h-4 w-4"></svg>
+			}
+			@case ('circle-pause') {
+				<svg lucideCirclePause class="h-4 w-4"></svg>
+			}
+			@case ('circle-play') {
+				<svg lucideCirclePlay class="h-4 w-4"></svg>
+			}
+			@case ('eraser') {
+				<svg lucideEraser class="h-4 w-4"></svg>
+			}
+			@case ('grid-2x2') {
+				<svg lucideGrid2x2 class="h-4 w-4"></svg>
+			}
+			@case ('highlighter') {
+				<svg lucideHighlighter class="h-4 w-4"></svg>
+			}
+			@case ('monitor') {
+				<svg lucideMonitor class="h-4 w-4"></svg>
+			}
+			@case ('monitor-off') {
+				<svg lucideMonitorOff class="h-4 w-4"></svg>
+			}
+			@case ('mouse-pointer-2') {
+				<svg lucideMousePointer2 class="h-4 w-4"></svg>
+			}
+			@case ('pen-tool') {
+				<svg lucidePenTool class="h-4 w-4"></svg>
+			}
+			@case ('rotate-ccw') {
+				<svg lucideRotateCcw class="h-4 w-4"></svg>
+			}
+			@case ('scan') {
+				<svg lucideScan class="h-4 w-4"></svg>
+			}
+			@case ('x') {
+				<svg lucideX class="h-4 w-4"></svg>
+			}
+			@case ('zoom-in') {
+				<svg lucideZoomIn class="h-4 w-4"></svg>
+			}
+			@case ('zoom-out') {
+				<svg lucideZoomOut class="h-4 w-4"></svg>
+			}
+		}
+	`,
+                }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+
+/**
+ * presenter-slide-navigator.component.ts
+ *
+ * PowerPoint's "See All Slides" overlay, reachable from the presenter console's
+ * grid button. Angular port of React's `PresenterSlideNavigator`.
+ *
+ * Split out of {@link PresenterControlsComponent} so the strip stays a strip:
+ * the overlay is a full-viewport surface with its own heading, grid and close
+ * affordance, and folding it back in pushed that file past the repo's 300-line
+ * ceiling.
+ *
+ * Its three strings used to be hard-coded English here, which made the only way
+ * OUT of the overlay ("Close") unreadable in every other locale. They now
+ * resolve through the shared `PRESENTER_NAVIGATOR_LABEL_KEYS`, as in the other
+ * four bindings, and the grid geometry comes from the shared metrics rather
+ * than a magic 220px repeated per binding.
+ */
+class PresenterSlideNavigatorComponent {
+    slides = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slides" }] : /* istanbul ignore next */ []));
+    current = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    canvasSize = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canvasSize" }] : /* istanbul ignore next */ []));
+    mediaDataUrls = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mediaDataUrls" }] : /* istanbul ignore next */ []));
+    /** Master/layout elements drawn behind every tile, as on the live stage. */
+    templateElements = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateElements" }] : /* istanbul ignore next */ []));
+    select = output();
+    close = output();
+    classes = PRESENTER_CONSOLE_CLASSES;
+    tileWidth = PRESENTER_LAYOUT_METRICS.navigatorTileWidth;
+    /**
+     * Tile scale. `autoFit` is off (as on every other thumbnail in this package)
+     * so this zoom is the ONLY scale; with auto-fit left on, the two compound and
+     * the tiles shrink to a fraction of the 200px the grid reserves for them.
+     */
+    tileZoom = computed(() => {
+        const width = this.canvasSize().width;
+        return width > 0 ? this.tileWidth / width : 1;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tileZoom" }] : /* istanbul ignore next */ []));
+    tiles = computed(() => {
+        const template = this.templateElements();
+        return this.slides().map((slide, index) => ({
+            slide: template.length > 0 ? { ...slide, elements: [...template, ...slide.elements] } : slide,
+            index,
+            key: slide.id || `slide-${String(index)}`,
+        }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tiles" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterSlideNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterSlideNavigatorComponent, isStandalone: true, selector: "pptx-presenter-slide-navigator", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select", close: "close" }, ngImport: i0, template: `
+		<div [class]="classes.navigator + ' text-foreground'" data-pptx-presenter-navigator>
+			<header class="mb-4 flex items-center justify-between border-b border-border pb-4">
+				<div>
+					<p class="text-xs uppercase tracking-[0.22em] text-sky-300">
+						{{ 'pptx.presenter.slideNavigator' | translate }}
+					</p>
+					<h2 class="text-xl font-semibold">
+						{{ 'pptx.presenter.seeAllSlides' | translate }}
+					</h2>
+				</div>
+				<button
+					type="button"
+					class="rounded-md bg-muted px-4 py-2 hover:bg-accent"
+					data-pptx-presenter-control="navigator-close"
+					[attr.aria-label]="'pptx.presenter.closeNavigator' | translate"
+					[title]="'pptx.presenter.closeNavigator' | translate"
+					(click)="close.emit()"
+				>
+					{{ 'pptx.presenter.closeNavigator' | translate }}
+				</button>
+			</header>
+			<div [class]="classes.navigatorGrid">
+				@for (tile of tiles(); track tile.key) {
+					<button
+						type="button"
+						class="group text-left"
+						[class.ring-2]="tile.index === current()"
+						[class.ring-sky-400]="tile.index === current()"
+						[class.opacity-45]="tile.slide.hidden"
+						(click)="select.emit(tile.index)"
+					>
+						<div class="overflow-hidden" [style.width.px]="tileWidth">
+							<pptx-slide-canvas
+								[slide]="tile.slide"
+								[canvasSize]="canvasSize()"
+								[mediaDataUrls]="mediaDataUrls()"
+								[zoom]="tileZoom()"
+								[autoFit]="false"
+								[interactive]="false"
+							/>
+						</div>
+						<span class="mt-2 block text-xs tabular-nums text-muted-foreground">
+							{{ tile.index + 1 }}{{ tile.slide.hidden ? ' - hidden' : '' }}
+						</span>
+					</button>
+				}
+			</div>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterSlideNavigatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-presenter-slide-navigator',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [SlideCanvasComponent, TranslatePipe],
+                    template: `
+		<div [class]="classes.navigator + ' text-foreground'" data-pptx-presenter-navigator>
+			<header class="mb-4 flex items-center justify-between border-b border-border pb-4">
+				<div>
+					<p class="text-xs uppercase tracking-[0.22em] text-sky-300">
+						{{ 'pptx.presenter.slideNavigator' | translate }}
+					</p>
+					<h2 class="text-xl font-semibold">
+						{{ 'pptx.presenter.seeAllSlides' | translate }}
+					</h2>
+				</div>
+				<button
+					type="button"
+					class="rounded-md bg-muted px-4 py-2 hover:bg-accent"
+					data-pptx-presenter-control="navigator-close"
+					[attr.aria-label]="'pptx.presenter.closeNavigator' | translate"
+					[title]="'pptx.presenter.closeNavigator' | translate"
+					(click)="close.emit()"
+				>
+					{{ 'pptx.presenter.closeNavigator' | translate }}
+				</button>
+			</header>
+			<div [class]="classes.navigatorGrid">
+				@for (tile of tiles(); track tile.key) {
+					<button
+						type="button"
+						class="group text-left"
+						[class.ring-2]="tile.index === current()"
+						[class.ring-sky-400]="tile.index === current()"
+						[class.opacity-45]="tile.slide.hidden"
+						(click)="select.emit(tile.index)"
+					>
+						<div class="overflow-hidden" [style.width.px]="tileWidth">
+							<pptx-slide-canvas
+								[slide]="tile.slide"
+								[canvasSize]="canvasSize()"
+								[mediaDataUrls]="mediaDataUrls()"
+								[zoom]="tileZoom()"
+								[autoFit]="false"
+								[interactive]="false"
+							/>
+						</div>
+						<span class="mt-2 block text-xs tabular-nums text-muted-foreground">
+							{{ tile.index + 1 }}{{ tile.slide.hidden ? ' - hidden' : '' }}
+						</span>
+					</button>
+				}
+			</div>
+		</div>
+	`,
+                }]
+        }], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: true }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+/**
+ * presenter-controls.component.ts
+ *
+ * PowerPoint's presenter-console strip, rendered from the SHARED inventory
+ * (`PRESENTER_CONSOLE_CONTROLS`) rather than hand-written.
+ *
+ * The hand-written version is what this replaces, and it had drifted in three
+ * separate ways at once: it hard-coded English in an inline template with no
+ * `translate` pipe anywhere (so the console was unreadable in de/es/fr), it
+ * ordered zoom `-` before `+` where every other binding puts `+` first, and it
+ * called reset-zoom "Fit". Worse, the blackout switches were labelled only by
+ * their `B` / `W` glyph, so a screen reader announced the deck's black-screen
+ * control as the letter "B".
+ *
+ * Now the order, ids, kinds, label keys, icon names, glyphs and Tailwind class
+ * tokens all come from `pptx-viewer-shared`; the only thing left here is what a
+ * press DOES, which is the genuinely per-binding half. Every control carries
+ * `data-pptx-presenter-control` so the cross-binding e2e specs can address the
+ * strip by id instead of by (now translated) name.
+ */
 class PresenterControlsComponent {
     snapshot = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
@@ -84242,23 +86170,85 @@ class PresenterControlsComponent {
     ...(ngDevMode ? [{ debugName: "canvasSize" }] : /* istanbul ignore next */ []));
     mediaDataUrls = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "mediaDataUrls" }] : /* istanbul ignore next */ []));
+    /** Master/layout elements drawn behind every navigator tile. */
+    templateElements = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateElements" }] : /* istanbul ignore next */ []));
     patch = output();
     navigate = output();
     audience = output();
+    swapDisplays = output();
     end = output();
+    classes = PRESENTER_CONSOLE_CLASSES;
     showSlides = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showSlides" }] : /* istanbul ignore next */ []));
-    tools = ['laser', 'pen', 'highlighter', 'eraser'];
+    slots = computed(() => presenterConsoleSlots(this.snapshot(), this.audienceOpen()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slots" }] : /* istanbul ignore next */ []));
+    /**
+     * Run a slot's action.
+     *
+     * A slot the shared inventory grows before this switch learns it renders
+     * inert rather than firing a neighbour's handler: a missing behaviour shows
+     * up in the parity specs, a wrong one silently ends the show.
+     */
+    activate(slot) {
+        if (slot.tool !== undefined) {
+            this.setTool(slot.tool, slot.active);
+            return;
+        }
+        switch (slot.id) {
+            case 'timer-toggle':
+                this.patch.emit({ paused: !this.snapshot().paused });
+                break;
+            case 'timer-reset':
+                this.patch.emit({ paused: false, elapsedMs: 0 });
+                break;
+            case 'all-slides':
+                this.showSlides.set(true);
+                break;
+            case 'zoom-in':
+                this.zoom(1);
+                break;
+            case 'zoom-out':
+                this.zoom(-1);
+                break;
+            case 'zoom-reset':
+                this.patch.emit({ zoom: { scale: 1, originX: 0.5, originY: 0.5 } });
+                break;
+            case 'blackout-black':
+                this.toggleBlank('black');
+                break;
+            case 'blackout-white':
+                this.toggleBlank('white');
+                break;
+            case 'captions':
+                this.patch.emit({ subtitlesVisible: !this.snapshot().subtitlesVisible });
+                break;
+            case 'audience':
+                this.audience.emit();
+                break;
+            case 'swap-displays':
+                this.swapDisplays.emit();
+                break;
+            case 'end':
+                this.end.emit();
+                break;
+            default:
+                break;
+        }
+    }
     zoom(direction) {
         this.patch.emit({
             zoom: stepPresenterZoom(this.snapshot().zoom ?? { scale: 1, originX: 0.5, originY: 0.5 }, direction),
         });
     }
-    setTool(tool) {
+    setTool(tool, active) {
+        if (tool === undefined) {
+            return;
+        }
         this.patch.emit({
             pointer: {
                 ...(this.snapshot().pointer ?? { x: 0.5, y: 0.5, color: '#ef4444' }),
-                tool: this.snapshot().pointer?.tool === tool ? 'none' : tool,
+                tool: active ? 'none' : tool,
             },
         });
     }
@@ -84270,38 +86260,88 @@ class PresenterControlsComponent {
         this.showSlides.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterControlsComponent, isStandalone: true, selector: "pptx-presenter-controls", inputs: { snapshot: { classPropertyName: "snapshot", publicName: "snapshot", isSignal: true, isRequired: true, transformFunction: null }, audienceOpen: { classPropertyName: "audienceOpen", publicName: "audienceOpen", isSignal: true, isRequired: false, transformFunction: null }, slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patch: "patch", navigate: "navigate", audience: "audience", end: "end" }, ngImport: i0, template: `
-		<div class="strip">
-			<button (click)="patch.emit({paused:!snapshot().paused})">{{snapshot().paused?'Resume':'Pause'}}</button><button (click)="patch.emit({paused:false,elapsedMs:0})">Reset</button>
-			<button (click)="showSlides.set(true)">All slides</button><button (click)="zoom(-1)">Zoom -</button><button (click)="zoom(1)">Zoom +</button><button (click)="patch.emit({zoom:{scale:1,originX:.5,originY:.5}})">Fit</button>
-			@for(tool of tools;track tool){<button [class.active]="snapshot().pointer?.tool===tool" (click)="setTool(tool)">{{tool}}</button>}
-			<button [class.active]="snapshot().blackout==='black'" (click)="toggleBlank('black')">B</button><button [class.active]="snapshot().blackout==='white'" (click)="toggleBlank('white')">W</button>
-			<button [class.active]="snapshot().subtitlesVisible" (click)="patch.emit({subtitlesVisible:!snapshot().subtitlesVisible})">Captions</button><span></span><button (click)="audience.emit()">{{audienceOpen()?'Disconnect':'Audience'}}</button><button (click)="end.emit()">End</button>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterControlsComponent, isStandalone: true, selector: "pptx-presenter-controls", inputs: { snapshot: { classPropertyName: "snapshot", publicName: "snapshot", isSignal: true, isRequired: true, transformFunction: null }, audienceOpen: { classPropertyName: "audienceOpen", publicName: "audienceOpen", isSignal: true, isRequired: false, transformFunction: null }, slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { patch: "patch", navigate: "navigate", audience: "audience", swapDisplays: "swapDisplays", end: "end" }, ngImport: i0, template: `
+		<div [class]="classes.strip" data-pptx-presenter-toolbar>
+			@for (slot of slots(); track slot.id) {
+				@if (slot.control.kind === 'divider' || slot.control.kind === 'spacer') {
+					<span
+						[attr.data-pptx-presenter-control]="slot.id"
+						[class]="slot.control.kind === 'divider' ? classes.divider : classes.spacer"
+					></span>
+				} @else {
+					<button
+						type="button"
+						[attr.data-pptx-presenter-control]="slot.id"
+						[class]="slot.active ? classes.controlActive : classes.control"
+						[disabled]="slot.disabled"
+						[attr.aria-pressed]="slot.pressed"
+						[attr.aria-label]="slot.labelKey ? (slot.labelKey | translate) : null"
+						[title]="slot.labelKey ? (slot.labelKey | translate) : ''"
+						(click)="activate(slot)"
+					>
+						<pptx-presenter-console-icon [name]="slot.iconName" />
+						@if (slot.control.glyph) {
+							<span aria-hidden="true">{{ slot.control.glyph }}</span>
+						}
+					</button>
+				}
+			}
 		</div>
-		@if(showSlides()){
-			<div class="grid"><header><div><small>Slide navigator</small><h2>See all slides</h2></div><button (click)="showSlides.set(false)">Close</button></header><main>
-				@for(slide of slides();track slide.id;let index=$index){<button class="tile" [class.current]="index===current()" [class.hidden]="slide.hidden" (click)="select(index)"><div class="preview" [style.height.px]="canvasSize().height*(200/canvasSize().width)"><pptx-slide-canvas [slide]="slide" [canvasSize]="canvasSize()" [mediaDataUrls]="mediaDataUrls()" [zoom]="200/canvasSize().width" [interactive]="false" /></div><span>{{index+1}}{{slide.hidden?' - hidden':''}}</span></button>}
-			</main></div>
+		@if (showSlides()) {
+			<pptx-presenter-slide-navigator
+				[slides]="slides()"
+				[current]="current()"
+				[canvasSize]="canvasSize()"
+				[mediaDataUrls]="mediaDataUrls()"
+				[templateElements]="templateElements()"
+				(select)="select($event)"
+				(close)="showSlides.set(false)"
+			/>
 		}
-	`, isInline: true, styles: [":host{display:block}.strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;background:#020617;border-bottom:1px solid #ffffff1a}.strip button,.grid button{border:0;border-radius:5px;padding:7px 10px;background:#ffffff12;color:#e2e8f0;cursor:pointer}.strip button:hover,.strip .active{background:#38bdf8;color:#082f49}.strip span{flex:1}.grid{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:#020617fa;color:#f8fafc}.grid header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #ffffff1a}.grid main{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:24px;overflow:auto}.tile{text-align:left}.tile.current{outline:2px solid #38bdf8}.tile.hidden{opacity:.45}.preview{width:200px;overflow:hidden}.tile span{display:block;margin-top:8px;color:#94a3b8}\n"], dependencies: [{ kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: PresenterConsoleIconComponent, selector: "pptx-presenter-console-icon", inputs: ["name"] }, { kind: "component", type: PresenterSlideNavigatorComponent, selector: "pptx-presenter-slide-navigator", inputs: ["slides", "current", "canvasSize", "mediaDataUrls", "templateElements"], outputs: ["select", "close"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-presenter-controls', standalone: true, imports: [SlideCanvasComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-		<div class="strip">
-			<button (click)="patch.emit({paused:!snapshot().paused})">{{snapshot().paused?'Resume':'Pause'}}</button><button (click)="patch.emit({paused:false,elapsedMs:0})">Reset</button>
-			<button (click)="showSlides.set(true)">All slides</button><button (click)="zoom(-1)">Zoom -</button><button (click)="zoom(1)">Zoom +</button><button (click)="patch.emit({zoom:{scale:1,originX:.5,originY:.5}})">Fit</button>
-			@for(tool of tools;track tool){<button [class.active]="snapshot().pointer?.tool===tool" (click)="setTool(tool)">{{tool}}</button>}
-			<button [class.active]="snapshot().blackout==='black'" (click)="toggleBlank('black')">B</button><button [class.active]="snapshot().blackout==='white'" (click)="toggleBlank('white')">W</button>
-			<button [class.active]="snapshot().subtitlesVisible" (click)="patch.emit({subtitlesVisible:!snapshot().subtitlesVisible})">Captions</button><span></span><button (click)="audience.emit()">{{audienceOpen()?'Disconnect':'Audience'}}</button><button (click)="end.emit()">End</button>
+            args: [{ selector: 'pptx-presenter-controls', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, PresenterConsoleIconComponent, PresenterSlideNavigatorComponent], template: `
+		<div [class]="classes.strip" data-pptx-presenter-toolbar>
+			@for (slot of slots(); track slot.id) {
+				@if (slot.control.kind === 'divider' || slot.control.kind === 'spacer') {
+					<span
+						[attr.data-pptx-presenter-control]="slot.id"
+						[class]="slot.control.kind === 'divider' ? classes.divider : classes.spacer"
+					></span>
+				} @else {
+					<button
+						type="button"
+						[attr.data-pptx-presenter-control]="slot.id"
+						[class]="slot.active ? classes.controlActive : classes.control"
+						[disabled]="slot.disabled"
+						[attr.aria-pressed]="slot.pressed"
+						[attr.aria-label]="slot.labelKey ? (slot.labelKey | translate) : null"
+						[title]="slot.labelKey ? (slot.labelKey | translate) : ''"
+						(click)="activate(slot)"
+					>
+						<pptx-presenter-console-icon [name]="slot.iconName" />
+						@if (slot.control.glyph) {
+							<span aria-hidden="true">{{ slot.control.glyph }}</span>
+						}
+					</button>
+				}
+			}
 		</div>
-		@if(showSlides()){
-			<div class="grid"><header><div><small>Slide navigator</small><h2>See all slides</h2></div><button (click)="showSlides.set(false)">Close</button></header><main>
-				@for(slide of slides();track slide.id;let index=$index){<button class="tile" [class.current]="index===current()" [class.hidden]="slide.hidden" (click)="select(index)"><div class="preview" [style.height.px]="canvasSize().height*(200/canvasSize().width)"><pptx-slide-canvas [slide]="slide" [canvasSize]="canvasSize()" [mediaDataUrls]="mediaDataUrls()" [zoom]="200/canvasSize().width" [interactive]="false" /></div><span>{{index+1}}{{slide.hidden?' - hidden':''}}</span></button>}
-			</main></div>
+		@if (showSlides()) {
+			<pptx-presenter-slide-navigator
+				[slides]="slides()"
+				[current]="current()"
+				[canvasSize]="canvasSize()"
+				[mediaDataUrls]="mediaDataUrls()"
+				[templateElements]="templateElements()"
+				(select)="select($event)"
+				(close)="showSlides.set(false)"
+			/>
 		}
-	`, styles: [":host{display:block}.strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;background:#020617;border-bottom:1px solid #ffffff1a}.strip button,.grid button{border:0;border-radius:5px;padding:7px 10px;background:#ffffff12;color:#e2e8f0;cursor:pointer}.strip button:hover,.strip .active{background:#38bdf8;color:#082f49}.strip span{flex:1}.grid{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:#020617fa;color:#f8fafc}.grid header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #ffffff1a}.grid main{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:24px;overflow:auto}.tile{text-align:left}.tile.current{outline:2px solid #38bdf8}.tile.hidden{opacity:.45}.preview{width:200px;overflow:hidden}.tile span{display:block;margin-top:8px;color:#94a3b8}\n"] }]
-        }], propDecorators: { snapshot: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapshot", required: true }] }], audienceOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "audienceOpen", required: false }] }], slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: true }] }], patch: [{ type: i0.Output, args: ["patch"] }], navigate: [{ type: i0.Output, args: ["navigate"] }], audience: [{ type: i0.Output, args: ["audience"] }], end: [{ type: i0.Output, args: ["end"] }] } });
+	`, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { snapshot: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapshot", required: true }] }], audienceOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "audienceOpen", required: false }] }], slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: true }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], patch: [{ type: i0.Output, args: ["patch"] }], navigate: [{ type: i0.Output, args: ["navigate"] }], audience: [{ type: i0.Output, args: ["audience"] }], swapDisplays: [{ type: i0.Output, args: ["swapDisplays"] }], end: [{ type: i0.Output, args: ["end"] }] } });
 
 /** Clock tick interval (ms) for the current-time / elapsed display. */
 const CLOCK_TICK_MS = 1000;
@@ -84400,8 +86440,41 @@ class PresenterViewComponent {
     ...(ngDevMode ? [{ debugName: "elapsedMs" }] : /* istanbul ignore next */ []));
     elapsedLabel = computed(() => formatElapsed(this.elapsedMs()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "elapsedLabel" }] : /* istanbul ignore next */ []));
-    timerProgress = computed(() => computeTimerProgress(this.elapsedMs()), /* @ts-ignore */
+    timerProgress = computed(() => presenterTimerProgress(this.elapsedMs()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "timerProgress" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether Previous / Next are unusable, straight from the shared rule.
+     *
+     * Next is NEVER disabled: PowerPoint's console advances from the last slide
+     * to the end-of-show screen and then out of the show, so gating it on
+     * `index >= slides.length - 1` (as this component used to) strands the
+     * presenter on the final slide with no way to finish, and the audience
+     * display never closes either.
+     */
+    prevDisabled = computed(() => presenterPrevDisabled(this.currentSlideIndex()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
+    nextDisabled = computed(() => presenterNextDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
+    /**
+     * The console zoom, applied to the current-slide pane.
+     *
+     * The pane used to hard-code `[zoom]="1"`, so the strip's zoom buttons
+     * mutated the snapshot (and the audience display honoured it) while the
+     * presenter's own pane never moved a pixel. Scaling the STAGE wrapper rather
+     * than the canvas mirrors React's `PresenterSlideFrame`: the canvas keeps
+     * auto-fitting its (layout-measured, transform-immune) viewport, and the
+     * zoom rides on top of that fit about the snapshot's focal point.
+     */
+    previewStageStyle = computed(() => {
+        const zoom = this.presenterWindow.snapshot().zoom;
+        const originX = (zoom?.originX ?? 0.5) * 100;
+        const originY = (zoom?.originY ?? 0.5) * 100;
+        return {
+            transform: `scale(${zoom?.scale ?? 1})`,
+            'transform-origin': `${originX}% ${originY}%`,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previewStageStyle" }] : /* istanbul ignore next */ []));
     timerPercent = computed(() => this.timerProgress().percent, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "timerPercent" }] : /* istanbul ignore next */ []));
     progressValue = computed(() => Math.round(this.timerProgress().percent), /* @ts-ignore */
@@ -84445,6 +86518,15 @@ class PresenterViewComponent {
             this.openAudienceWindow.emit();
         }
     }
+    /**
+     * Move the console onto the audience's screen and vice versa (PowerPoint's
+     * "Swap Displays"). Best-effort: the underlying Window Management API is not
+     * universally available, so a `false` result is not an error, it is a browser
+     * that will not move windows for us.
+     */
+    onSwapDisplays() {
+        void this.presenterWindow.swapDisplays();
+    }
     // ------------------------------------------------------------------
     // Helpers
     // ------------------------------------------------------------------
@@ -84459,11 +86541,11 @@ class PresenterViewComponent {
         return { ...slide, elements: [...template, ...slide.elements] };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterViewComponent, isStandalone: true, selector: "pptx-presenter-view", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, currentSlideIndex: { classPropertyName: "currentSlideIndex", publicName: "currentSlideIndex", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, presentationStartTime: { classPropertyName: "presentationStartTime", publicName: "presentationStartTime", isSignal: true, isRequired: false, transformFunction: null }, isAudienceWindowOpen: { classPropertyName: "isAudienceWindowOpen", publicName: "isAudienceWindowOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { movePresentationSlide: "movePresentationSlide", exit: "exit", openAudienceWindow: "openAudienceWindow", closeAudienceWindow: "closeAudienceWindow", navigateToSlide: "navigateToSlide" }, ngImport: i0, template: "@if (currentSlide(); as current) {\n\t<pptx-presenter-controls\n\t\t[snapshot]=\"presenterWindow.snapshot()\"\n\t\t[audienceOpen]=\"isAudienceWindowOpen()\"\n\t\t[slides]=\"slides()\"\n\t\t[current]=\"currentSlideIndex()\"\n\t\t[canvasSize]=\"canvasSize()\"\n\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t(patch)=\"presenterWindow.updateSnapshot($event)\"\n\t\t(navigate)=\"navigateToSlide.emit($event)\"\n\t\t(audience)=\"onToggleAudienceWindow()\"\n\t\t(end)=\"exit.emit()\"\n\t/>\n\t<div class=\"pptx-ng-presenter-body\">\n\t\t<!-- Current slide (\u224870%) -->\n\t\t<div\n\t\t\tclass=\"pptx-ng-presenter-current\"\n\t\t\t[class.pptx-ng-presenter-current--advances]=\"paneAdvancesOnClick()\"\n\t\t\trole=\"presentation\"\n\t\t\tdata-pptx-presenter-slide\n\t\t\t(click)=\"onSlidePaneClick()\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-presenter-preview-stage\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"pptx-ng-presenter-slide-badge\">{{ slideBadge() }}</div>\n\t\t</div>\n\n\t\t<!-- Controls (\u224830%) -->\n\t\t<div class=\"pptx-ng-presenter-side\">\n\t\t\t<!-- Header: clock + elapsed + window/exit -->\n\t\t\t<div class=\"pptx-ng-presenter-header\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.currentTime' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock\">{{ clockLabel() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock pptx-ng-presenter-elapsed\">\n\t\t\t\t\t\t{{ elapsedLabel() }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"display: flex; align-items: center; gap: 0.25rem\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"onToggleAudienceWindow()\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[title]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ isAudienceWindowOpen() ? '\u25A3' : '\u25A1' }}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"exit.emit()\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Navigation -->\n\t\t\t<div class=\"pptx-ng-presenter-nav\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t\t\t[disabled]=\"currentSlideIndex() === 0\"\n\t\t\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t\t>\n\t\t\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t\t\t</button>\n\t\t\t\t<span class=\"pptx-ng-presenter-counter\">{{ counterLabel() }}</span>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t\t\t[disabled]=\"currentSlideIndex() >= slides().length - 1\"\n\t\t\t\t\t[title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t\t\t>\n\t\t\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<!-- Next slide preview -->\n\t\t\t<div class=\"pptx-ng-presenter-next\">\n\t\t\t\t<div class=\"pptx-ng-presenter-label\" style=\"margin-bottom: 0.5rem\">\n\t\t\t\t\t{{ 'pptx.presenter.nextSlidePreview' | translate }}\n\t\t\t\t</div>\n\t\t\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t/>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"pptx-ng-presenter-next-empty\">\n\t\t\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<!-- Speaker notes -->\n\t\t\t<div class=\"pptx-ng-presenter-notes\">\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-head\">\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.speakerNotes' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-notes-size\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"decreaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() <= NOTES_FONT_SIZE_MIN\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2212;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-size-value\">{{ notesFontSize() }}px</span>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"increaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() >= NOTES_FONT_SIZE_MAX\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2b;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-body\" [ngStyle]=\"notesBodyStyle()\">\n\t\t\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t\t\t{{ notes().plainText }}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-empty\">\n\t\t\t\t\t\t\t{{ 'pptx.presenter.noNotes' | translate }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Timer progress bar -->\n\t<div\n\t\tclass=\"pptx-ng-presenter-progress\"\n\t\trole=\"progressbar\"\n\t\t[attr.aria-valuenow]=\"progressValue()\"\n\t\taria-valuemin=\"0\"\n\t\taria-valuemax=\"100\"\n\t\t[attr.aria-label]=\"'pptx.presenter.timerProgress' | translate\"\n\t>\n\t\t<div class=\"pptx-ng-presenter-progress-fill\" [style.width.%]=\"timerPercent()\"></div>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-presenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--pptx-card, #0b0b0c);color:var(--pptx-foreground, #f5f5f5);font-family:system-ui,sans-serif}.pptx-ng-presenter-body{display:flex;flex:1 1 auto;min-height:0}.pptx-ng-presenter-current--advances{cursor:pointer}.pptx-ng-presenter-current{flex:7 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:1rem;min-width:0}.pptx-ng-presenter-preview-stage{width:100%;max-width:100%;min-height:0}.pptx-ng-presenter-slide-badge{margin-top:.5rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.75rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.pptx-ng-presenter-side{flex:3 1 0;display:flex;flex-direction:column;background:var(--pptx-background, #18181b);border-left:1px solid var(--pptx-border, rgba(255, 255, 255, .12));min-width:260px;max-width:440px}.pptx-ng-presenter-header,.pptx-ng-presenter-nav,.pptx-ng-presenter-next{padding:.5rem 1rem;border-bottom:1px solid var(--pptx-border, rgba(255, 255, 255, .12))}.pptx-ng-presenter-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pptx-ng-presenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55))}.pptx-ng-presenter-clock{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem}.pptx-ng-presenter-elapsed{color:var(--pptx-primary, #6ea8fe)}.pptx-ng-presenter-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--pptx-foreground, rgba(255, 255, 255, .7));cursor:pointer;font-size:1rem;line-height:1}.pptx-ng-presenter-iconbtn:hover{background:var(--pptx-secondary, rgba(255, 255, 255, .1));color:#fff}.pptx-ng-presenter-iconbtn:disabled{opacity:.3;cursor:not-allowed}.pptx-ng-presenter-nav{display:flex;align-items:center;justify-content:space-between}.pptx-ng-presenter-navbtn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:6px;background:var(--pptx-secondary, rgba(255, 255, 255, .08));color:var(--pptx-foreground, #f5f5f5);cursor:pointer;font-size:.75rem}.pptx-ng-presenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-presenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-presenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-presenter-next-empty{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));font-size:.75rem;font-style:italic;color:#ffffff80}.pptx-ng-presenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.75rem 1rem}.pptx-ng-presenter-notes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pptx-ng-presenter-notes-size{display:flex;align-items:center;gap:.25rem}.pptx-ng-presenter-notes-size-value{min-width:28px;text-align:center;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.625rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55));-webkit-user-select:none;user-select:none}.pptx-ng-presenter-notes-body{flex:1 1 auto;overflow-y:auto;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5}.pptx-ng-presenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-presenter-progress{height:6px;width:100%;background:#ffffff1f;flex:0 0 auto}.pptx-ng-presenter-progress-fill{height:100%;background:#6ea8fe;transition:width 1s linear}.pptx-ng-presenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresenterControlsComponent, selector: "pptx-presenter-controls", inputs: ["snapshot", "audienceOpen", "slides", "current", "canvasSize", "mediaDataUrls"], outputs: ["patch", "navigate", "audience", "end"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresenterViewComponent, isStandalone: true, selector: "pptx-presenter-view", inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: true, transformFunction: null }, currentSlideIndex: { classPropertyName: "currentSlideIndex", publicName: "currentSlideIndex", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, presentationStartTime: { classPropertyName: "presentationStartTime", publicName: "presentationStartTime", isSignal: true, isRequired: false, transformFunction: null }, isAudienceWindowOpen: { classPropertyName: "isAudienceWindowOpen", publicName: "isAudienceWindowOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { movePresentationSlide: "movePresentationSlide", exit: "exit", openAudienceWindow: "openAudienceWindow", closeAudienceWindow: "closeAudienceWindow", navigateToSlide: "navigateToSlide" }, ngImport: i0, template: "@if (currentSlide(); as current) {\n\t<pptx-presenter-controls\n\t\t[snapshot]=\"presenterWindow.snapshot()\"\n\t\t[audienceOpen]=\"isAudienceWindowOpen()\"\n\t\t[slides]=\"slides()\"\n\t\t[current]=\"currentSlideIndex()\"\n\t\t[canvasSize]=\"canvasSize()\"\n\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t[templateElements]=\"templateElements()\"\n\t\t(patch)=\"presenterWindow.updateSnapshot($event)\"\n\t\t(navigate)=\"navigateToSlide.emit($event)\"\n\t\t(audience)=\"onToggleAudienceWindow()\"\n\t\t(swapDisplays)=\"onSwapDisplays()\"\n\t\t(end)=\"exit.emit()\"\n\t/>\n\t<div class=\"pptx-ng-presenter-body\">\n\t\t<!-- Current slide (\u224870%) -->\n\t\t<div\n\t\t\tclass=\"pptx-ng-presenter-current\"\n\t\t\t[class.pptx-ng-presenter-current--advances]=\"paneAdvancesOnClick()\"\n\t\t\trole=\"presentation\"\n\t\t\tdata-pptx-presenter-slide\n\t\t\t(click)=\"onSlidePaneClick()\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-presenter-preview-stage\" [ngStyle]=\"previewStageStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"pptx-ng-presenter-slide-badge\">{{ slideBadge() }}</div>\n\t\t</div>\n\n\t\t<!-- Controls (\u224830%) -->\n\t\t<div class=\"pptx-ng-presenter-side\">\n\t\t\t<!-- Header: clock + elapsed + window/exit -->\n\t\t\t<div class=\"pptx-ng-presenter-header\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.currentTime' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock\">{{ clockLabel() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock pptx-ng-presenter-elapsed\">\n\t\t\t\t\t\t{{ elapsedLabel() }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"display: flex; align-items: center; gap: 0.25rem\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"onToggleAudienceWindow()\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[title]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ isAudienceWindowOpen() ? '\u25A3' : '\u25A1' }}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"exit.emit()\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Navigation -->\n\t\t\t<div class=\"pptx-ng-presenter-nav\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t\t\t[disabled]=\"prevDisabled()\"\n\t\t\t\t\tdata-pptx-presenter-control=\"prev\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.prev' | translate\"\n\t\t\t\t\t[title]=\"'pptx.presenter.prev' | translate\"\n\t\t\t\t>\n\t\t\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t\t\t</button>\n\t\t\t\t<span class=\"pptx-ng-presenter-counter\">{{ counterLabel() }}</span>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t\t\t[disabled]=\"nextDisabled()\"\n\t\t\t\t\tdata-pptx-presenter-control=\"next\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.next' | translate\"\n\t\t\t\t\t[title]=\"'pptx.presenter.next' | translate\"\n\t\t\t\t>\n\t\t\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<!-- Next slide preview -->\n\t\t\t<div class=\"pptx-ng-presenter-next\" data-pptx-presenter-next-preview>\n\t\t\t\t<div class=\"pptx-ng-presenter-label\" style=\"margin-bottom: 0.5rem\">\n\t\t\t\t\t{{ 'pptx.presenter.nextSlidePreview' | translate }}\n\t\t\t\t</div>\n\t\t\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t/>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"pptx-ng-presenter-next-empty\">\n\t\t\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<!-- Speaker notes -->\n\t\t\t<div class=\"pptx-ng-presenter-notes\" data-pptx-presenter-notes>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-head\">\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.speakerNotes' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-notes-size\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"decreaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() <= NOTES_FONT_SIZE_MIN\"\n\t\t\t\t\t\t\tdata-pptx-presenter-control=\"notes-font-decrease\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2212;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-size-value\">{{ notesFontSize() }}px</span>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"increaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() >= NOTES_FONT_SIZE_MAX\"\n\t\t\t\t\t\t\tdata-pptx-presenter-control=\"notes-font-increase\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2b;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-body\" [ngStyle]=\"notesBodyStyle()\">\n\t\t\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t\t\t{{ notes().plainText }}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-empty\">\n\t\t\t\t\t\t\t{{ 'pptx.presenter.noNotes' | translate }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Timer progress bar -->\n\t<div\n\t\tclass=\"pptx-ng-presenter-progress\"\n\t\trole=\"progressbar\"\n\t\t[attr.aria-valuenow]=\"progressValue()\"\n\t\taria-valuemin=\"0\"\n\t\taria-valuemax=\"100\"\n\t\t[attr.aria-label]=\"'pptx.presenter.timerProgress' | translate\"\n\t>\n\t\t<div class=\"pptx-ng-presenter-progress-fill\" [style.width.%]=\"timerPercent()\"></div>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-presenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--pptx-card, #0b0b0c);color:var(--pptx-foreground, #f5f5f5);font-family:system-ui,sans-serif}.pptx-ng-presenter-body{display:flex;flex:1 1 auto;min-height:0}.pptx-ng-presenter-current--advances{cursor:pointer}.pptx-ng-presenter-current{flex:7 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:1rem;min-width:0;overflow:hidden}.pptx-ng-presenter-preview-stage{width:100%;max-width:100%;min-height:0;transition:transform .2s ease}.pptx-ng-presenter-slide-badge{margin-top:.5rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.75rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.pptx-ng-presenter-side{flex:3 1 0;display:flex;flex-direction:column;background:var(--pptx-background, #18181b);border-left:1px solid var(--pptx-border, rgba(255, 255, 255, .12));min-width:260px;max-width:440px}.pptx-ng-presenter-header,.pptx-ng-presenter-nav,.pptx-ng-presenter-next{padding:.5rem 1rem;border-bottom:1px solid var(--pptx-border, rgba(255, 255, 255, .12))}.pptx-ng-presenter-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pptx-ng-presenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55))}.pptx-ng-presenter-clock{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem}.pptx-ng-presenter-elapsed{color:var(--pptx-primary, #6ea8fe)}.pptx-ng-presenter-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--pptx-foreground, rgba(255, 255, 255, .7));cursor:pointer;font-size:1rem;line-height:1}.pptx-ng-presenter-iconbtn:hover{background:var(--pptx-secondary, rgba(255, 255, 255, .1));color:#fff}.pptx-ng-presenter-iconbtn:disabled{opacity:.3;cursor:not-allowed}.pptx-ng-presenter-nav{display:flex;align-items:center;justify-content:space-between}.pptx-ng-presenter-navbtn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:6px;background:var(--pptx-secondary, rgba(255, 255, 255, .08));color:var(--pptx-foreground, #f5f5f5);cursor:pointer;font-size:.75rem}.pptx-ng-presenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-presenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-presenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-presenter-next-empty{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));font-size:.75rem;font-style:italic;color:#ffffff80}.pptx-ng-presenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.75rem 1rem}.pptx-ng-presenter-notes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pptx-ng-presenter-notes-size{display:flex;align-items:center;gap:.25rem}.pptx-ng-presenter-notes-size-value{min-width:28px;text-align:center;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.625rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55));-webkit-user-select:none;user-select:none}.pptx-ng-presenter-notes-body{flex:1 1 auto;overflow-y:auto;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5}.pptx-ng-presenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-presenter-progress{height:6px;width:100%;background:#ffffff1f;flex:0 0 auto}.pptx-ng-presenter-progress-fill{height:100%;background:#6ea8fe;transition:width 1s linear}.pptx-ng-presenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "rulerUnit", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "transparentBackground", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "aiHighlights", "aiActive", "aiActiveSlideIndex", "aiChangeBatch", "aiPickMode", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textInput", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresenterControlsComponent, selector: "pptx-presenter-controls", inputs: ["snapshot", "audienceOpen", "slides", "current", "canvasSize", "mediaDataUrls", "templateElements"], outputs: ["patch", "navigate", "audience", "swapDisplays", "end"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresenterViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-presenter-view', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, PresenterControlsComponent, TranslatePipe], template: "@if (currentSlide(); as current) {\n\t<pptx-presenter-controls\n\t\t[snapshot]=\"presenterWindow.snapshot()\"\n\t\t[audienceOpen]=\"isAudienceWindowOpen()\"\n\t\t[slides]=\"slides()\"\n\t\t[current]=\"currentSlideIndex()\"\n\t\t[canvasSize]=\"canvasSize()\"\n\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t(patch)=\"presenterWindow.updateSnapshot($event)\"\n\t\t(navigate)=\"navigateToSlide.emit($event)\"\n\t\t(audience)=\"onToggleAudienceWindow()\"\n\t\t(end)=\"exit.emit()\"\n\t/>\n\t<div class=\"pptx-ng-presenter-body\">\n\t\t<!-- Current slide (\u224870%) -->\n\t\t<div\n\t\t\tclass=\"pptx-ng-presenter-current\"\n\t\t\t[class.pptx-ng-presenter-current--advances]=\"paneAdvancesOnClick()\"\n\t\t\trole=\"presentation\"\n\t\t\tdata-pptx-presenter-slide\n\t\t\t(click)=\"onSlidePaneClick()\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-presenter-preview-stage\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"pptx-ng-presenter-slide-badge\">{{ slideBadge() }}</div>\n\t\t</div>\n\n\t\t<!-- Controls (\u224830%) -->\n\t\t<div class=\"pptx-ng-presenter-side\">\n\t\t\t<!-- Header: clock + elapsed + window/exit -->\n\t\t\t<div class=\"pptx-ng-presenter-header\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.currentTime' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock\">{{ clockLabel() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock pptx-ng-presenter-elapsed\">\n\t\t\t\t\t\t{{ elapsedLabel() }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"display: flex; align-items: center; gap: 0.25rem\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"onToggleAudienceWindow()\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[title]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ isAudienceWindowOpen() ? '\u25A3' : '\u25A1' }}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"exit.emit()\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Navigation -->\n\t\t\t<div class=\"pptx-ng-presenter-nav\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t\t\t[disabled]=\"currentSlideIndex() === 0\"\n\t\t\t\t\t[title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t\t\t>\n\t\t\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t\t\t</button>\n\t\t\t\t<span class=\"pptx-ng-presenter-counter\">{{ counterLabel() }}</span>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t\t\t[disabled]=\"currentSlideIndex() >= slides().length - 1\"\n\t\t\t\t\t[title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t\t\t>\n\t\t\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<!-- Next slide preview -->\n\t\t\t<div class=\"pptx-ng-presenter-next\">\n\t\t\t\t<div class=\"pptx-ng-presenter-label\" style=\"margin-bottom: 0.5rem\">\n\t\t\t\t\t{{ 'pptx.presenter.nextSlidePreview' | translate }}\n\t\t\t\t</div>\n\t\t\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t/>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"pptx-ng-presenter-next-empty\">\n\t\t\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<!-- Speaker notes -->\n\t\t\t<div class=\"pptx-ng-presenter-notes\">\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-head\">\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.speakerNotes' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-notes-size\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"decreaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() <= NOTES_FONT_SIZE_MIN\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2212;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-size-value\">{{ notesFontSize() }}px</span>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"increaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() >= NOTES_FONT_SIZE_MAX\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2b;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-body\" [ngStyle]=\"notesBodyStyle()\">\n\t\t\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t\t\t{{ notes().plainText }}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-empty\">\n\t\t\t\t\t\t\t{{ 'pptx.presenter.noNotes' | translate }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Timer progress bar -->\n\t<div\n\t\tclass=\"pptx-ng-presenter-progress\"\n\t\trole=\"progressbar\"\n\t\t[attr.aria-valuenow]=\"progressValue()\"\n\t\taria-valuemin=\"0\"\n\t\taria-valuemax=\"100\"\n\t\t[attr.aria-label]=\"'pptx.presenter.timerProgress' | translate\"\n\t>\n\t\t<div class=\"pptx-ng-presenter-progress-fill\" [style.width.%]=\"timerPercent()\"></div>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-presenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--pptx-card, #0b0b0c);color:var(--pptx-foreground, #f5f5f5);font-family:system-ui,sans-serif}.pptx-ng-presenter-body{display:flex;flex:1 1 auto;min-height:0}.pptx-ng-presenter-current--advances{cursor:pointer}.pptx-ng-presenter-current{flex:7 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:1rem;min-width:0}.pptx-ng-presenter-preview-stage{width:100%;max-width:100%;min-height:0}.pptx-ng-presenter-slide-badge{margin-top:.5rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.75rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.pptx-ng-presenter-side{flex:3 1 0;display:flex;flex-direction:column;background:var(--pptx-background, #18181b);border-left:1px solid var(--pptx-border, rgba(255, 255, 255, .12));min-width:260px;max-width:440px}.pptx-ng-presenter-header,.pptx-ng-presenter-nav,.pptx-ng-presenter-next{padding:.5rem 1rem;border-bottom:1px solid var(--pptx-border, rgba(255, 255, 255, .12))}.pptx-ng-presenter-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pptx-ng-presenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55))}.pptx-ng-presenter-clock{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem}.pptx-ng-presenter-elapsed{color:var(--pptx-primary, #6ea8fe)}.pptx-ng-presenter-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--pptx-foreground, rgba(255, 255, 255, .7));cursor:pointer;font-size:1rem;line-height:1}.pptx-ng-presenter-iconbtn:hover{background:var(--pptx-secondary, rgba(255, 255, 255, .1));color:#fff}.pptx-ng-presenter-iconbtn:disabled{opacity:.3;cursor:not-allowed}.pptx-ng-presenter-nav{display:flex;align-items:center;justify-content:space-between}.pptx-ng-presenter-navbtn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:6px;background:var(--pptx-secondary, rgba(255, 255, 255, .08));color:var(--pptx-foreground, #f5f5f5);cursor:pointer;font-size:.75rem}.pptx-ng-presenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-presenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-presenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-presenter-next-empty{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));font-size:.75rem;font-style:italic;color:#ffffff80}.pptx-ng-presenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.75rem 1rem}.pptx-ng-presenter-notes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pptx-ng-presenter-notes-size{display:flex;align-items:center;gap:.25rem}.pptx-ng-presenter-notes-size-value{min-width:28px;text-align:center;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.625rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55));-webkit-user-select:none;user-select:none}.pptx-ng-presenter-notes-body{flex:1 1 auto;overflow-y:auto;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5}.pptx-ng-presenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-presenter-progress{height:6px;width:100%;background:#ffffff1f;flex:0 0 auto}.pptx-ng-presenter-progress-fill{height:100%;background:#6ea8fe;transition:width 1s linear}.pptx-ng-presenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"] }]
+            args: [{ selector: 'pptx-presenter-view', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, PresenterControlsComponent, TranslatePipe], template: "@if (currentSlide(); as current) {\n\t<pptx-presenter-controls\n\t\t[snapshot]=\"presenterWindow.snapshot()\"\n\t\t[audienceOpen]=\"isAudienceWindowOpen()\"\n\t\t[slides]=\"slides()\"\n\t\t[current]=\"currentSlideIndex()\"\n\t\t[canvasSize]=\"canvasSize()\"\n\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t[templateElements]=\"templateElements()\"\n\t\t(patch)=\"presenterWindow.updateSnapshot($event)\"\n\t\t(navigate)=\"navigateToSlide.emit($event)\"\n\t\t(audience)=\"onToggleAudienceWindow()\"\n\t\t(swapDisplays)=\"onSwapDisplays()\"\n\t\t(end)=\"exit.emit()\"\n\t/>\n\t<div class=\"pptx-ng-presenter-body\">\n\t\t<!-- Current slide (\u224870%) -->\n\t\t<div\n\t\t\tclass=\"pptx-ng-presenter-current\"\n\t\t\t[class.pptx-ng-presenter-current--advances]=\"paneAdvancesOnClick()\"\n\t\t\trole=\"presentation\"\n\t\t\tdata-pptx-presenter-slide\n\t\t\t(click)=\"onSlidePaneClick()\"\n\t\t>\n\t\t\t<div class=\"pptx-ng-presenter-preview-stage\" [ngStyle]=\"previewStageStyle()\">\n\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t[slide]=\"currentPreviewSlide()\"\n\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"pptx-ng-presenter-slide-badge\">{{ slideBadge() }}</div>\n\t\t</div>\n\n\t\t<!-- Controls (\u224830%) -->\n\t\t<div class=\"pptx-ng-presenter-side\">\n\t\t\t<!-- Header: clock + elapsed + window/exit -->\n\t\t\t<div class=\"pptx-ng-presenter-header\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.currentTime' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock\">{{ clockLabel() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">{{ 'pptx.presenter.elapsed' | translate }}</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-clock pptx-ng-presenter-elapsed\">\n\t\t\t\t\t\t{{ elapsedLabel() }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"display: flex; align-items: center; gap: 0.25rem\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"onToggleAudienceWindow()\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[title]=\"\n\t\t\t\t\t\t\t(isAudienceWindowOpen()\n\t\t\t\t\t\t\t\t? 'pptx.presenter.closeAudienceWindow'\n\t\t\t\t\t\t\t\t: 'pptx.presenter.openAudienceWindow'\n\t\t\t\t\t\t\t) | translate\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ isAudienceWindowOpen() ? '\u25A3' : '\u25A1' }}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t(click)=\"exit.emit()\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t\t[title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Navigation -->\n\t\t\t<div class=\"pptx-ng-presenter-nav\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(-1)\"\n\t\t\t\t\t[disabled]=\"prevDisabled()\"\n\t\t\t\t\tdata-pptx-presenter-control=\"prev\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.prev' | translate\"\n\t\t\t\t\t[title]=\"'pptx.presenter.prev' | translate\"\n\t\t\t\t>\n\t\t\t\t\t&#x2039; {{ 'pptx.presenter.prev' | translate }}\n\t\t\t\t</button>\n\t\t\t\t<span class=\"pptx-ng-presenter-counter\">{{ counterLabel() }}</span>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-presenter-navbtn\"\n\t\t\t\t\t(click)=\"movePresentationSlide.emit(1)\"\n\t\t\t\t\t[disabled]=\"nextDisabled()\"\n\t\t\t\t\tdata-pptx-presenter-control=\"next\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.next' | translate\"\n\t\t\t\t\t[title]=\"'pptx.presenter.next' | translate\"\n\t\t\t\t>\n\t\t\t\t\t{{ 'pptx.presenter.next' | translate }} &#x203A;\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<!-- Next slide preview -->\n\t\t\t<div class=\"pptx-ng-presenter-next\" data-pptx-presenter-next-preview>\n\t\t\t\t<div class=\"pptx-ng-presenter-label\" style=\"margin-bottom: 0.5rem\">\n\t\t\t\t\t{{ 'pptx.presenter.nextSlidePreview' | translate }}\n\t\t\t\t</div>\n\t\t\t\t@if (nextPreviewSlide(); as next) {\n\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t[slide]=\"next\"\n\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t[zoom]=\"1\"\n\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t/>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"pptx-ng-presenter-next-empty\">\n\t\t\t\t\t\t{{ 'pptx.presenter.endOfPresentation' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<!-- Speaker notes -->\n\t\t\t<div class=\"pptx-ng-presenter-notes\" data-pptx-presenter-notes>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-head\">\n\t\t\t\t\t<div class=\"pptx-ng-presenter-label\">\n\t\t\t\t\t\t{{ 'pptx.presenter.speakerNotes' | translate }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"pptx-ng-presenter-notes-size\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"decreaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() <= NOTES_FONT_SIZE_MIN\"\n\t\t\t\t\t\t\tdata-pptx-presenter-control=\"notes-font-decrease\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.decreaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2212;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-size-value\">{{ notesFontSize() }}px</span>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"pptx-ng-presenter-iconbtn\"\n\t\t\t\t\t\t\t(click)=\"increaseNotesFontSize()\"\n\t\t\t\t\t\t\t[disabled]=\"notesFontSize() >= NOTES_FONT_SIZE_MAX\"\n\t\t\t\t\t\t\tdata-pptx-presenter-control=\"notes-font-increase\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t\t[title]=\"'pptx.presenter.increaseFontSize' | translate\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t&#x2b;\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"pptx-ng-presenter-notes-body\" [ngStyle]=\"notesBodyStyle()\">\n\t\t\t\t\t@if (notes().hasRichNotes) {\n\t\t\t\t\t\t@for (seg of notes().segments; track seg.key) {\n\t\t\t\t\t\t\t@if (seg.isBreak) {\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span [ngStyle]=\"seg.style\">{{ seg.text }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else if (notes().hasAnyNotes) {\n\t\t\t\t\t\t{{ notes().plainText }}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span class=\"pptx-ng-presenter-notes-empty\">\n\t\t\t\t\t\t\t{{ 'pptx.presenter.noNotes' | translate }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Timer progress bar -->\n\t<div\n\t\tclass=\"pptx-ng-presenter-progress\"\n\t\trole=\"progressbar\"\n\t\t[attr.aria-valuenow]=\"progressValue()\"\n\t\taria-valuemin=\"0\"\n\t\taria-valuemax=\"100\"\n\t\t[attr.aria-label]=\"'pptx.presenter.timerProgress' | translate\"\n\t>\n\t\t<div class=\"pptx-ng-presenter-progress-fill\" [style.width.%]=\"timerPercent()\"></div>\n\t</div>\n} @else {\n\t<div class=\"pptx-ng-presenter-empty\">{{ 'pptx.presenter.noSlides' | translate }}</div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--pptx-card, #0b0b0c);color:var(--pptx-foreground, #f5f5f5);font-family:system-ui,sans-serif}.pptx-ng-presenter-body{display:flex;flex:1 1 auto;min-height:0}.pptx-ng-presenter-current--advances{cursor:pointer}.pptx-ng-presenter-current{flex:7 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:1rem;min-width:0;overflow:hidden}.pptx-ng-presenter-preview-stage{width:100%;max-width:100%;min-height:0;transition:transform .2s ease}.pptx-ng-presenter-slide-badge{margin-top:.5rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.75rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.pptx-ng-presenter-side{flex:3 1 0;display:flex;flex-direction:column;background:var(--pptx-background, #18181b);border-left:1px solid var(--pptx-border, rgba(255, 255, 255, .12));min-width:260px;max-width:440px}.pptx-ng-presenter-header,.pptx-ng-presenter-nav,.pptx-ng-presenter-next{padding:.5rem 1rem;border-bottom:1px solid var(--pptx-border, rgba(255, 255, 255, .12))}.pptx-ng-presenter-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pptx-ng-presenter-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55))}.pptx-ng-presenter-clock{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.125rem}.pptx-ng-presenter-elapsed{color:var(--pptx-primary, #6ea8fe)}.pptx-ng-presenter-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--pptx-foreground, rgba(255, 255, 255, .7));cursor:pointer;font-size:1rem;line-height:1}.pptx-ng-presenter-iconbtn:hover{background:var(--pptx-secondary, rgba(255, 255, 255, .1));color:#fff}.pptx-ng-presenter-iconbtn:disabled{opacity:.3;cursor:not-allowed}.pptx-ng-presenter-nav{display:flex;align-items:center;justify-content:space-between}.pptx-ng-presenter-navbtn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:6px;background:var(--pptx-secondary, rgba(255, 255, 255, .08));color:var(--pptx-foreground, #f5f5f5);cursor:pointer;font-size:.75rem}.pptx-ng-presenter-navbtn:hover:not(:disabled){background:#ffffff29}.pptx-ng-presenter-navbtn:disabled{opacity:.4;cursor:not-allowed}.pptx-ng-presenter-counter{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.875rem}.pptx-ng-presenter-next-empty{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));font-size:.75rem;font-style:italic;color:#ffffff80}.pptx-ng-presenter-notes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.75rem 1rem}.pptx-ng-presenter-notes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pptx-ng-presenter-notes-size{display:flex;align-items:center;gap:.25rem}.pptx-ng-presenter-notes-size-value{min-width:28px;text-align:center;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.625rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .55));-webkit-user-select:none;user-select:none}.pptx-ng-presenter-notes-body{flex:1 1 auto;overflow-y:auto;border:1px solid var(--pptx-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--pptx-muted, rgba(255, 255, 255, .04));padding:.5rem .75rem;white-space:pre-wrap;line-height:1.5}.pptx-ng-presenter-notes-empty{font-style:italic;color:#ffffff80}.pptx-ng-presenter-progress{height:6px;width:100%;background:#ffffff1f;flex:0 0 auto}.pptx-ng-presenter-progress-fill{height:100%;background:#6ea8fe;transition:width 1s linear}.pptx-ng-presenter-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: true }] }], currentSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSlideIndex", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], presentationStartTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentationStartTime", required: false }] }], isAudienceWindowOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAudienceWindowOpen", required: false }] }], movePresentationSlide: [{ type: i0.Output, args: ["movePresentationSlide"] }], exit: [{ type: i0.Output, args: ["exit"] }], openAudienceWindow: [{ type: i0.Output, args: ["openAudienceWindow"] }], closeAudienceWindow: [{ type: i0.Output, args: ["closeAudienceWindow"] }], navigateToSlide: [{ type: i0.Output, args: ["navigateToSlide"] }] } });
 
 /**
@@ -87537,13 +89619,19 @@ class RibbonSlideshowSectionComponent {
 			{{ 'pptx.slideShow.fromCurrent' | translate }}
 		</button>
 		<span class="pptx-rb-sep"></span>
+		<!-- Presenter View. Deliberately NOT gated on slideCount(): no other
+		     binding disables it, and e2e/ribbon-control-inventory.spec.ts diffs
+		     exactly which controls each binding leaves usable. The label key is
+		     pptx.slideShow.* for the same reason: the old pptx.ribbon.* key
+		     happens to carry the same English, so the inventory's accessible-name
+		     diff passed by luck and would have broken on any locale edit. -->
 		<button
 			type="button"
 			class="pptx-rb-pill"
-			[disabled]="slideCount() === 0"
+			[title]="'pptx.slideShow.presenterViewTooltip' | translate"
 			(click)="presenter.emit()"
 		>
-			{{ 'pptx.ribbon.presenterView' | translate }}
+			{{ 'pptx.slideShow.presenterView' | translate }}
 		</button>
 		<button
 			type="button"
@@ -87668,13 +89756,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 			{{ 'pptx.slideShow.fromCurrent' | translate }}
 		</button>
 		<span class="pptx-rb-sep"></span>
+		<!-- Presenter View. Deliberately NOT gated on slideCount(): no other
+		     binding disables it, and e2e/ribbon-control-inventory.spec.ts diffs
+		     exactly which controls each binding leaves usable. The label key is
+		     pptx.slideShow.* for the same reason: the old pptx.ribbon.* key
+		     happens to carry the same English, so the inventory's accessible-name
+		     diff passed by luck and would have broken on any locale edit. -->
 		<button
 			type="button"
 			class="pptx-rb-pill"
-			[disabled]="slideCount() === 0"
+			[title]="'pptx.slideShow.presenterViewTooltip' | translate"
 			(click)="presenter.emit()"
 		>
-			{{ 'pptx.ribbon.presenterView' | translate }}
+			{{ 'pptx.slideShow.presenterView' | translate }}
 		</button>
 		<button
 			type="button"
@@ -89740,7 +91834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "2.11.1";
+const PPTX_ANGULAR_VIEWER_VERSION = "2.12.1";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -93136,7 +95230,8 @@ class RibbonPrimaryRowComponent {
 								[disabled]="slideCount() === 0"
 								(click)="presenter.emit(); presentMenuOpen.set(false)"
 							>
-								{{ 'pptx.ribbon.presenterView' | translate }}
+								<!-- Same key as the Slide Show tab and the other four bindings. -->
+								{{ 'pptx.slideShow.presenterView' | translate }}
 							</button>
 							@if (!toolbar.isHidden('broadcast')) {
 								<button
@@ -93328,7 +95423,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 								[disabled]="slideCount() === 0"
 								(click)="presenter.emit(); presentMenuOpen.set(false)"
 							>
-								{{ 'pptx.ribbon.presenterView' | translate }}
+								<!-- Same key as the Slide Show tab and the other four bindings. -->
+								{{ 'pptx.slideShow.presenterView' | translate }}
 							</button>
 							@if (!toolbar.isHidden('broadcast')) {
 								<button
@@ -100025,21 +102121,14 @@ function fillPatternLabelKey(preset) {
     return schemaLabelKey(FILL_PATTERN_LABEL_KEYS, preset);
 }
 
-const ARROWS = [
-    'none',
-    'triangle',
-    'arrow',
-    'stealth',
-    'diamond',
-    'oval',
-];
 /**
  * Arrowhead width / length steps, i.e. the `a:headEnd/@w` and `@len` values.
  *
- * Exported so a unit test can pin the offered set while the labels change (the
- * package's suite is TestBed-free, so the template is out of reach).
+ * Re-exported from the shared descriptor table so a unit test can pin the
+ * offered set while the labels change (the package's suite is TestBed-free, so
+ * the template is out of reach).
  */
-const ARROW_SIZE_VALUES = ['sm', 'med', 'lg'];
+const ARROW_SIZE_VALUES = CONNECTOR_ARROW_SIZE_VALUES;
 const GEOMETRIES = [
     ['straightConnector1', 'Straight'],
     ['bentConnector2', 'Bent'],
@@ -100059,10 +102148,13 @@ class ElementMiscPropertiesComponent {
     element = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
     patch = output();
-    arrows = ARROWS;
-    sizes = ARROW_SIZE_VALUES;
+    /**
+     * The six arrowhead dropdowns, described once in shared. Angular used to
+     * declare its own value order and interpolate sentence-case captions
+     * ("Start arrow"), which read differently from the other four bindings.
+     */
+    arrowControls = CONNECTOR_ARROW_CONTROLS;
     geometries = GEOMETRIES;
-    ends = ['Start', 'End'];
     connector = computed(() => this.element().type === 'connector', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "connector" }] : /* istanbul ignore next */ []));
     connectorType = computed(() => this.element().shapeType ?? 'straightConnector1', /* @ts-ignore */
@@ -100073,36 +102165,25 @@ class ElementMiscPropertiesComponent {
     ...(ngDevMode ? [{ debugName: "ole" }] : /* istanbul ignore next */ []));
     oleType = computed(() => getOleObjectTypeLabel(this.ole()?.oleObjectType), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "oleType" }] : /* istanbul ignore next */ []));
-    arrowLabel(value) {
-        return arrowheadLabelKey(value);
-    }
     /**
-     * Spell an arrowhead width/length step. `sm` / `med` / `lg` are the literal
-     * `a:headEnd/@w` and `@len` attribute values, so the picker was offering
-     * three abbreviations from the schema rather than words.
+     * Spell one option. Resolving a KEY (not finished text) keeps the wording
+     * live under `OnPush`, since `TranslatePipe` marks the view for check when
+     * the language changes. See `schema-token-labels`.
      */
-    sizeLabel(size) {
-        return arrowSizeLabelKey(size);
+    optionLabelKey(control, value) {
+        return schemaLabelKey(control.optionLabelKeys, value);
     }
-    arrowValue(end) {
-        return (this.element().shapeStyle?.[`connector${end}Arrow`] ?? 'none');
+    arrowValue(control) {
+        return connectorArrowValue(control, this.element().shapeStyle);
     }
-    sizeValue(end, dimension) {
-        return String(this.element().shapeStyle?.[`connector${end}Arrow${dimension}`] ?? 'med');
-    }
-    onArrow(end, event) {
-        this.updateStyle({ [`connector${end}Arrow`]: event.target.value });
+    onArrow(control, event) {
+        this.updateStyle(connectorArrowPatch(control, event.target.value));
     }
     onConnectorType(event) {
         this.patch.emit({
             shapeType: event.target.value,
         });
     }
-    onSize(end, dimension, event) {
-        this.updateStyle({
-            [`connector${end}Arrow${dimension}`]: event.target.value,
-        });
-    }
     updateStyle(update) {
         this.patch.emit(connectorStylePatch(this.element(), update));
     }
@@ -100111,37 +102192,34 @@ class ElementMiscPropertiesComponent {
 		@if (connector()) {
 			<section class="card" aria-label="Connector">
 				<h3>Connector</h3>
+				<!--
+					Selection is expressed with [selected] on each option rather than
+					[value] on the select: Angular applies an element's own property
+					bindings before the @for below it has produced any options, so a
+					[value] naming a token was assigned to an EMPTY select and dropped
+					back to the first entry. Every one of these dropdowns therefore read
+					"none" / "Small" no matter what the deck authored, and the card
+					silently misreported the connector it was editing.
+				-->
 				<label class="geometry">
 					<span>Geometry</span>
-					<select [value]="connectorType()" (change)="onConnectorType($event)">
+					<select (change)="onConnectorType($event)">
 						@for (geometry of geometries; track geometry[0]) {
-							<option [value]="geometry[0]">{{ geometry[1] }}</option>
+							<option [value]="geometry[0]" [selected]="geometry[0] === connectorType()">
+								{{ geometry[1] }}
+							</option>
 						}
 					</select>
 				</label>
 				<div class="grid">
-					@for (end of ends; track end) {
-						<label>
-							<span>{{ end }} arrow</span>
-							<select [value]="arrowValue(end)" (change)="onArrow(end, $event)">
-								@for (arrow of arrows; track arrow) {
-									<option [value]="arrow">{{ arrowLabel(arrow) | translate }}</option>
-								}
-							</select>
-						</label>
+					@for (control of arrowControls; track control.styleKey) {
 						<label>
-							<span>{{ end }} width</span>
-							<select [value]="sizeValue(end, 'Width')" (change)="onSize(end, 'Width', $event)">
-								@for (size of sizes; track size) {
-									<option [value]="size">{{ sizeLabel(size) | translate }}</option>
-								}
-							</select>
-						</label>
-						<label>
-							<span>{{ end }} length</span>
-							<select [value]="sizeValue(end, 'Length')" (change)="onSize(end, 'Length', $event)">
-								@for (size of sizes; track size) {
-									<option [value]="size">{{ sizeLabel(size) | translate }}</option>
+							<span>{{ control.labelKey | translate }}</span>
+							<select (change)="onArrow(control, $event)">
+								@for (value of control.values; track value) {
+									<option [value]="value" [selected]="value === arrowValue(control)">
+										{{ optionLabelKey(control, value) | translate }}
+									</option>
 								}
 							</select>
 						</label>
@@ -100184,37 +102262,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 		@if (connector()) {
 			<section class="card" aria-label="Connector">
 				<h3>Connector</h3>
+				<!--
+					Selection is expressed with [selected] on each option rather than
+					[value] on the select: Angular applies an element's own property
+					bindings before the @for below it has produced any options, so a
+					[value] naming a token was assigned to an EMPTY select and dropped
+					back to the first entry. Every one of these dropdowns therefore read
+					"none" / "Small" no matter what the deck authored, and the card
+					silently misreported the connector it was editing.
+				-->
 				<label class="geometry">
 					<span>Geometry</span>
-					<select [value]="connectorType()" (change)="onConnectorType($event)">
+					<select (change)="onConnectorType($event)">
 						@for (geometry of geometries; track geometry[0]) {
-							<option [value]="geometry[0]">{{ geometry[1] }}</option>
+							<option [value]="geometry[0]" [selected]="geometry[0] === connectorType()">
+								{{ geometry[1] }}
+							</option>
 						}
 					</select>
 				</label>
 				<div class="grid">
-					@for (end of ends; track end) {
-						<label>
-							<span>{{ end }} arrow</span>
-							<select [value]="arrowValue(end)" (change)="onArrow(end, $event)">
-								@for (arrow of arrows; track arrow) {
-									<option [value]="arrow">{{ arrowLabel(arrow) | translate }}</option>
-								}
-							</select>
-						</label>
-						<label>
-							<span>{{ end }} width</span>
-							<select [value]="sizeValue(end, 'Width')" (change)="onSize(end, 'Width', $event)">
-								@for (size of sizes; track size) {
-									<option [value]="size">{{ sizeLabel(size) | translate }}</option>
-								}
-							</select>
-						</label>
+					@for (control of arrowControls; track control.styleKey) {
 						<label>
-							<span>{{ end }} length</span>
-							<select [value]="sizeValue(end, 'Length')" (change)="onSize(end, 'Length', $event)">
-								@for (size of sizes; track size) {
-									<option [value]="size">{{ sizeLabel(size) | translate }}</option>
+							<span>{{ control.labelKey | translate }}</span>
+							<select (change)="onArrow(control, $event)">
+								@for (value of control.values; track value) {
+									<option [value]="value" [selected]="value === arrowValue(control)">
+										{{ optionLabelKey(control, value) | translate }}
+									</option>
 								}
 							</select>
 						</label>
@@ -120842,5 +122917,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { CustomShowsComponent as $, ALIGN_OPTIONS as A, BroadcastDialogComponent as B, CHART_EDITOR_STYLES as C, CanvasFitService as D, ChartAxisOptionsComponent as E, ChartAxisStyleOptionsComponent as F, ChartComboTypeOptionsComponent as G, ChartDataEditorComponent as H, ChartDataLabelOptionsComponent as I, ChartDatapointMarkerOptionsComponent as J, ChartDatapointOptionsComponent as K, ChartDisplayOptionsComponent as L, ChartElementViewComponent as M, ChartErrorBarOptionsComponent as N, ChartMarkerOptionsComponent as O, ChartPartSelectionService as P, ChartPrimitivesComponent as Q, ChartRendererComponent as R, ChartTrendlineOptionsComponent as S, CollaborationCursorsComponent as T, CollaborationService as U, ColorChangedImageComponent as V, CommentsPanelComponent as W, CommentsService as X, ComparePanelComponent as Y, ConnectorRendererComponent as Z, ConnectorTextOverlayComponent as _, ANIMATION_PRESET_CATEGORIES as a, LoadContentService as a$, DATA_TABLE_HEADER_H as a0, DATA_TABLE_KEY_W as a1, DATA_TABLE_PADDING as a2, DATA_TABLE_ROW_H as a3, DEFAULT_BOUNDS as a4, DEFAULT_BROADCAST_SERVER_URL as a5, DEFAULT_CANVAS_HEIGHT as a6, DEFAULT_CANVAS_WIDTH as a7, DEFAULT_COLOR_SCHEME as a8, DEFAULT_FILL_COLOR as a9, EquationEditorDialogComponent as aA, EquationRendererComponent as aB, EquationTemplateGalleryComponent as aC, ExportProgressModalComponent as aD, ExportService as aE, FieldContextService as aF, FindBarComponent as aG, FindReplaceBarComponent as aH, FollowModeBarComponent as aI, FontEmbeddingListComponent as aJ, FontEmbeddingPanelComponent as aK, GALLERY_THEME_PRESETS as aL, GradientPickerComponent as aM, HANDOUT_OPTIONS as aN, HeaderFooterDialogComponent as aO, HyperlinkDialogComponent as aP, ImagePropertiesPanelComponent as aQ, InkDrawingService as aR, InkRendererComponent as aS, InsertSmartArtDialogComponent as aT, InspectorPaneHeaderComponent as aU, InspectorPanelComponent as aV, IsMobileService as aW, KeepAnnotationsDialogComponent as aX, LOCALE_CATALOG as aY, LONG_PRESS_DURATION_MS as aZ, LONG_PRESS_MOVE_TOLERANCE_PX as a_, DEFAULT_LAYOUT as aa, DEFAULT_PALETTE$1 as ab, DEFAULT_PATTERN_FILL_PRESET as ac, DEFAULT_PRINT_SETTINGS as ad, DEFAULT_SLIDE_BACKGROUND as ae, DEFAULT_STROKE_COLOR as af, DEFAULT_STYLE as ag, DEFAULT_TABLE_ROW_HEIGHT as ah, DEFAULT_TEXT_COLOR$1 as ai, DEFAULT_VIEWER_PROFILE as aj, DIRECTIONAL_PRESETS as ak, DIRECTION_OPTIONS as al, DocumentPropertiesCardComponent as am, EMBEDDED_FONTS_STYLE_ID as an, EMPHASIS_PRESETS as ao, ENTRANCE_PRESETS as ap, TEMPLATES as aq, EXIT_PRESETS as ar, EditorContextMenuComponent as as, EditorHistory as at, EditorStateService as au, EditorToolbarComponent as av, EffectsPanelComponent as aw, ElementRendererComponent as ax, EmbeddedFontsService as ay, EncryptedFileDialogComponent as az, AUDIENCE_HASH as b, RibbonInsertFieldsComponent as b$, LocalPresencePublisher as b0, MAX_ZOOM_SCALE as b1, MIN_ZOOM_SCALE as b2, MOTION_PATH_COLUMNS as b3, MediaPreviewComponent as b4, MediaPropertiesPanelComponent as b5, MediaRendererComponent as b6, MediaTrimTimelineComponent as b7, MobileBottomBarComponent as b8, MobileMenuSheetComponent as b9, PresentationToolbarComponent as bA, PresentationTransitionOverlayComponent as bB, PresenterViewComponent as bC, PresenterWindowService as bD, PrintDialogComponent as bE, PrintService as bF, PrintSettingsPanelComponent as bG, PropertiesDialogComponent as bH, REPEAT_MODE_OPTIONS as bI, RESIZE_HANDLES as bJ, RULER_FONT_SIZE as bK, RULER_THICKNESS as bL, ReadingViewOverlayComponent as bM, RemoteSelectionOverlayComponent as bN, RibbonAnimationGalleryComponent as bO, RibbonAnimationsSectionComponent as bP, RibbonArrangeSectionComponent as bQ, RibbonColorPopoverComponent as bR, RibbonComponent as bS, RibbonDesignSectionComponent as bT, RibbonDrawSectionComponent as bU, RibbonDrawingGroupComponent as bV, RibbonEditingSectionComponent as bW, RibbonFileSectionComponent as bX, RibbonFontControlsComponent as bY, RibbonHomeSectionComponent as bZ, RibbonHyperlinkButtonComponent as b_, MobilePresenterViewComponent as ba, MobileSheetComponent as bb, MobileSlidesSheetComponent as bc, MobileToolbarComponent as bd, ModalDialogComponent as be, Model3DRendererComponent as bf, NotesHandoutCardComponent as bg, NotesPanelComponent as bh, NotesToolbarComponent as bi, OleRendererComponent as bj, OutlineViewOverlayComponent as bk, POWER_POINT_VIEWER_PROVIDERS as bl, PRESENTER_CHANNEL_NAME as bm, PRESENTER_MSG_ORIGIN as bn, PX_PER_CM as bo, PX_PER_INCH as bp, PasswordProtectionDialogComponent as bq, PasswordStrengthMeterComponent as br, PowerPointViewerComponent as bs, PresentToolbarAutoHide as bt, PresentationAnnotationOverlayComponent as bu, PresentationAnnotationsService as bv, PresentationOverlayComponent as bw, PresentationPropertiesPanelComponent as bx, PresentationSettingsCardComponent as by, PresentationSubtitleBarComponent as bz, AUDIENCE_NONCE_KEY as c, TablePropertiesComponent as c$, RibbonInsertSectionComponent as c0, RibbonMotionPathGalleryComponent as c1, RibbonParagraphControlsComponent as c2, RibbonPrimaryRowComponent as c3, RibbonReviewSectionComponent as c4, RibbonShapeExtrasComponent as c5, RibbonSlideshowSectionComponent as c6, RibbonTransitionsSectionComponent as c7, RibbonViewSectionComponent as c8, RulerGuidesService as c9, SlideCanvasComponent as cA, SlideDefaultInspectorComponent as cB, SlideDiffChangesComponent as cC, SlideDiffRowComponent as cD, SlideDiffThumbnailsComponent as cE, SlideSizeCardComponent as cF, SlideSorterOverlayComponent as cG, SlideThemeOverridePanelComponent as cH, SlideTransitionCardComponent as cI, SlidesPanelComponent as cJ, SmartArt3DRendererComponent as cK, SmartArt3DService as cL, SmartArtPreviewComponent as cM, SmartArtPropertiesComponent as cN, SmartArtRendererComponent as cO, StatusBarComponent as cP, TABLE_STRUCTURE_TOGGLES as cQ, TEXT_3D_BOTTOM_BEVEL_KEYS as cR, TEXT_3D_TOP_BEVEL_KEYS as cS, TEXT_DIRECTION_OPTIONS$1 as cT, THEME_CATALOG as cU, TIMING_CURVE_OPTIONS as cV, TRIGGER_OPTIONS as cW, TYPE_LABELS as cX, TableCellAdvancedFillComponent as cY, TableCellFormattingComponent as cZ, TableDataEditorComponent as c_, SEQUENCE_OPTIONS as ca, SEVERITY_GROUPS as cb, SEVERITY_LABELS as cc, SHORTCUT_REFERENCE_ITEMS as cd, SLIDE_TRANSITION_KEYFRAMES as ce, DEFAULT_PALETTE as cf, PALETTES$1 as cg, SMART_ART_COLOR_SCHEMES as ch, SMART_ART_STYLE_OPTIONS as ci, SUB_ITEM_LABEL as cj, SVG_WARP_PRESETS as ck, SWIPE_MAX_VERTICAL_PX as cl, SWIPE_THRESHOLD_PX as cm, SelectionPaneComponent as cn, SetUpSlideShowDialogComponent as co, SettingsAppearanceTabComponent as cp, SettingsDialogComponent as cq, SettingsLanguageTabComponent as cr, ShareDialogComponent as cs, ShortcutPanelComponent as ct, ShowOptionsFieldsetComponent as cu, ShowSlidesFieldsetComponent as cv, SignatureStrippedDialogComponent as cw, SignaturesPanelComponent as cx, SignaturesService as cy, SlideBackgroundCardComponent as cz, AVATAR_COLOR_SWATCHES as d, attachTouchGestures as d$, TableRendererComponent as d0, TableResizeOverlayComponent as d1, TableSelectionService as d2, TagsCardComponent as d3, Text3DBevelSectionComponent as d4, Text3DPanelComponent as d5, TextAdvancedPanelComponent as d6, ThemeEditorFieldsComponent as d7, ThemeGalleryComponent as d8, ThemeSelectorCardComponent as d9, ViewerZoomService as dA, WEBM_MIME_CANDIDATES as dB, WriteBackScheduler as dC, ZoomNavigationService as dD, ZoomRendererComponent as dE, ZoomTargetService as dF, addCategory as dG, addCommentToList as dH, addGradientStopPatch as dI, addItem as dJ, addSeries as dK, addSubItem as dL, advanceStep as dM, aiToggleVisible as dN, alignPatch as dO, animationFor as dP, animationPresetLabelKey as dQ, annotationMapToInkInserts as dR, applyAcceptedDiff as dS, applyAnimationPreset as dT, applyFindReplacements as dU, applyFormatToElement as dV, applyMove as dW, applyResize as dX, applyTableStylePreset as dY, asMediaElement as dZ, assignUserColor as d_, TitleBarComponent as da, TitleBarSearchComponent as db, TransitionDirectionPickerComponent as dc, TransitionPreviewComponent as dd, VALIGN_OPTIONS as de, VIEWER_THEME as df, VersionHistoryPanelComponent as dg, ViewerCanvasEditingService as dh, ViewerCollabCursorService as di, ViewerCollaborationSessionService as dj, ViewerCompareService as dk, ViewerCustomShowsService as dl, ViewerDialogsService as dm, ViewerDocumentPropertiesService as dn, ViewerExportService as dp, ViewerExtraDialogsComponent as dq, ViewerFileIOService as dr, ViewerFindReplaceService as ds, ViewerFormatPainterService as dt, ViewerInspectorPanelService as du, ViewerKeyboardService as dv, ViewerMobileSheetService as dw, ViewerPresentationModeService as dx, ViewerThemeGalleryService as dy, ViewerTouchGesturesService as dz, AccessibilityPanelComponent as e, captionDisplayText as e$, beginNodeEdit as e0, bevelSizePatch as e1, boolFromEvent as e2, bringForward as e3, bringToFront as e4, buildBarActions as e5, buildBroadcastConfig as e6, buildBroadcastViewerUrl as e7, buildCategoryLabels as e8, buildCellParagraphs as e9, buildOleInfoRows as eA, buildPatternFillCss as eB, buildPrintHtmlDocument as eC, buildPropertiesPatch as eD, buildRegionMapViewModel as eE, buildSaveSlides as eF, buildShareUrl as eG, buildSmartArtInsertElement as eH, buildSmartArtNodes as eI, buildStockViewModel as eJ, buildSurfaceViewModel as eK, buildTableViewModel as eL, buildTreemapViewModel as eM, buildTrimFragment as eN, buildWaterfallViewModel as eO, buildZeroLine as eP, buildZoomContainerStyle as eQ, buildZoomViewModel as eR, bulletIndentPx as eS, canAddTopLevelNode as eT, canGroupSelection as eU, canRemoveTopLevelNode as eV, canSetStrokeWidth as eW, canStartBroadcast as eX, canStartShare as eY, canUngroupSelection as eZ, canUseClipboard as e_, buildChartViewModel as ea, buildChatLogExport as eb, buildChatLogMarkdown as ec, buildChromeStyle as ed, buildClearHyperlinkPatch as ee, buildClickGroups as ef, buildColStyles as eg, buildCollaborationConfig as eh, buildComboViewModel as ei, buildCssGradientFromShapeStyle as ej, buildDuotoneFilter as ek, buildDuotoneFilterId as el, buildEmbeddedFontStyles as em, buildEquationElement as en, buildEquationSegment as eo, buildFallbackViewModel as ep, buildFontFaceRule as eq, buildGradientFillCss as er, buildGridlinesAndLabels as es, buildHyperlinkPatch as et, buildInkContainerStyle as eu, buildInkStrokes as ev, buildLegend as ew, buildModel3DContainerStyle as ex, buildModel3DViewModel as ey, buildOleActionModel as ez, AccessibilityService as f, createSwipeDismissDrag as f$, cellRunStyle as f0, cellStyleToStyleMap as f1, cellTdStyle as f2, changeCountLabel as f3, changeIcon as f4, characterSpacingPatch as f5, checkFontAvailable as f6, clampCursorPosition as f7, clampGifDimensions as f8, clampIndex as f9, computeIsTablet as fA, computeLinePoints as fB, computeLinearRegression as fC, computePageCount as fD, computePieLayout as fE, computePieSlicePath as fF, computePieSlices as fG, computePlotLayout as fH, computeRSquared as fI, computeRadarPoints as fJ, computeScatterDots as fK, computeSelectionBoxes as fL, computeSingleSelected as fM, computeSlideIndices as fN, computeSnap as fO, computeStackedBarRects as fP, computeStackedValueRange as fQ, computeTextLines as fR, computeTimerProgress as fS, computeTrendlinePrimitives as fT, computeValueRange as fU, convertOmmlToMathMl as fV, copyFormatFromElement as fW, countAccessibilityIssues as fX, countAnnotationStrokes as fY, createAngularAiBridge as fZ, createCustomShow as f_, clampNotesFontSize as fa, clampScale as fb, clampStep as fc, clearAllLocalViewerData as fd, clearAudienceContent as fe, cn as ff, collectAccessibilityIssues as fg, collectElementText as fh, collectSlideText as fi, collectStoredChats as fj, collectUsedFontFamilies as fk, columnWidthStyle as fl, commitNodeText as fm, computeAlign as fn, computeAxisTitlePrimitives as fo, computeBarRects as fp, computeBubbleRadius as fq, computeCornerHandle as fr, computeDataTablePrimitives as fs, computeDistribute as ft, computeDrawingViewBox as fu, computeErrorBarPrimitives as fv, computeFocusTargets as fw, computeHandleBoxes as fx, computeHandoutLayout as fy, computeIsMobile as fz, AccountPageComponent as g, getImageSrc as g$, createWebrtcBundle as g0, createWebsocketBundle as g1, cssObjectToStyleMap as g2, currentColorScheme as g3, currentLayout as g4, currentStyle as g5, defaultCssVars as g6, defaultRadius as g7, defaultThemeColors as g8, deleteElementsByIds as g9, fillColorOf as gA, findInSlides as gB, findOwningSlideIndex as gC, findSlideIndexByElementId as gD, firstVisibleIndex as gE, fitPolynomial as gF, fitZoom as gG, focusTargetChips as gH, fontMimeForFormat as gI, fontSizeOf as gJ, formatAutoNumber as gK, formatAxisValue as gL, formatBytes as gM, formatCursorLabel as gN, formatElapsed as gO, formatFileSize as gP, formatPropertyDate as gQ, formatTime as gR, fpsToFrameIntervalMs as gS, generateBroadcastRoomId as gT, generateCommentId as gU, generateCustomShowId as gV, generatePressureCircles as gW, generateTicks as gX, getClrChangeParams as gY, getContainerStyle as gZ, getDuotoneFilterDef as g_, deleteVersion as ga, demoteNode as gb, deriveModel3DBlobUrl as gc, derivePresenceList as gd, describeSmartArtBounds as ge, disableGlowPatch as gf, disableInnerShadowPatch as gg, disableOuterShadowPatch as gh, disableReflectionPatch as gi, disableSoftEdgePatch as gj, duplicateElementById as gk, durationOf as gl, effectsStateOf as gm, enableGlowPatch as gn, enableInnerShadowPatch as go, enableOuterShadowPatch as gp, enableReflectionPatch as gq, enableSoftEdgePatch as gr, encodeGif as gs, estimatePageCount as gt, evenColumnWidths as gu, evenRowHeights as gv, exitPresentationFullscreen as gw, exportAiChatLogs as gx, extractPathPoints as gy, eyedropperAvailable as gz, ActionSettingsPanelComponent as h, latexToMathml as h$, getLocalStorageUsageSummary as h0, getOleAriaLabel as h1, getOleBadgeLabel as h2, getOleDisplayName as h3, getOleDownloadFileName as h4, getOleTypeColor as h5, getOleTypeLabel as h6, getPasswordStrength as h7, getPatternSvg as h8, getPlaceholderStyle as h9, headerLabel as hA, imageDimensions as hB, inkViewBox as hC, insertTableElementColumn as hD, insertTableElementRow as hE, interpolateWidth as hF, isAudienceTab as hG, isBold as hH, isBrowserOpenableMime as hI, isChildNode as hJ, isElementInteractive as hK, isInjectableUrl as hL, isItalic as hM, isPpactionUrl as hN, isPresenterMessage as hO, isSigned as hP, isTextElement as hQ, isTwoTableFocus as hR, isUnderline as hS, isUrlSafe as hT, isValidRoomId as hU, isViewportBackgroundPressTarget as hV, isZoomActivationKey as hW, issueTrackKey as hX, issueTypeLabel as hY, keyToLabel as hZ, lastVisibleIndex as h_, getVersions as ha, getResolvedShapeClipPath as hb, getResolvedShapeClipPathFor as hc, getShapeFillStrokeStyle as hd, getSlideBackgroundStyle as he, getSlideTransitionAnimations as hf, getSmartArtNodeBounds as hg, getSpeechRecognitionCtor as hh, getTextBlockStyle as hi, getTextWarp as hj, getTouchDistance as hk, getWarpCategory as hl, getWarpPath as hm, gradientStateFromStyle as hn, gradientStateOf as ho, gradientStatePatch as hp, gridColumns as hq, groupElements as hr, groupIssuesBySeverity as hs, hasAnimation as ht, hasCopyableFormat as hu, hasExistingLink as hv, hasExitedFullscreen as hw, hasGradientFill as hx, hasPressureVariation as hy, hasVisibleSlideAfter as hz, AdvancedChartEditorComponent as i, radarAngle as i$, linePointsToSvgString as i0, lineSpacingPatch as i1, loadAudienceContent as i2, mergeCaptionResults as i3, mergeDown as i4, mergeRight as i5, mergeSelection as i6, moveElementBy as i7, moveNodeDown as i8, moveNodeUp as i9, ooxmlDashToCssBorderStyle as iA, openNativeEyeDropper as iB, overallStatus as iC, paletteColor as iD, parseAudienceNonce as iE, parseNodeTextarea as iF, partitionSlides as iG, patchChartData as iH, patchChartStyle as iI, patchTableData as iJ, patchTextStyle as iK, patternPresetOptions as iL, pendingElementStyles as iM, pickColorByClickFallback as iN, pickFile as iO, pickSupportedMimeType as iP, planGifFrames as iQ, planVideoSegments as iR, pointsToSvgPathD as iS, presenceToCursors as iT, presetByLayout as iU, presetsForCategory as iV, pressuresToWidths as iW, prevVisibleIndex as iX, projectDrawingShapes as iY, promoteNode as iZ, provideViewerTheme as i_, msToFrameDelayCs as ia, narrowToCircle as ib, narrowToPolygon as ic, narrowToRect as id, newChartElement as ie, newEquationElement as ig, newPresetShapeElement as ih, newShapeElement as ii, newSmartArtElement as ij, newTableElement as ik, newTextElement as il, nextVisibleIndex as im, nodeBold as io, nodeEditBox as ip, nodeFillColor as iq, nodeFontColor as ir, nodeIdFromKey as is, nodeItalic as it, nodeStyle as iu, normalizeFontFormat as iv, normalizeSlidesPerPage as iw, normalizeValue as ix, numFromEvent as iy, ommlToMathml as iz, AiChangeOverlayComponent as j, setAxisLogScale as j$, radarRingPoints as j0, readAsDataUrl as j1, recordWebm as j2, redistributeColumnWidth as j3, removeAnimation as j4, removeCategory as j5, removeTableElementColumn as j6, removeCommentFromList as j7, removeElementAnimation as j8, removeGradientStopPatch as j9, routeOrthogonalConnector as jA, rowStyle as jB, rulerDragToGuidePosition as jC, rulerHighlight as jD, rulerStripTicks as jE, sampleColorFromSlide as jF, sanitizeColor as jG, sanitizeSlideIndex as jH, sanitizeUserName as jI, saveViewerProfile as jJ, scanAvailableFonts as jK, searchSlides as jL, seedBroadcastFields as jM, seedHyperlinkDraft as jN, seedPropertiesDraft as jO, seedShareFields as jP, segmentFrameCount as jQ, selectValue$2 as jR, sendBackward as jS, sendToBack as jT, sequentialColorScale as jU, serializeWriteBack as jV, seriesColor as jW, setAnimationEmphasis as jX, setAnimationEntrance as jY, setAnimationExit as jZ, setAxis as j_, removeNode as ja, removeTableElementRow as jb, removeSeries as jc, renderToCanvas as jd, reorderAnimationDown as je, reorderAnimationUp as jf, replaceInSlides as jg, replaceMatch as jh, requestPresentationFullscreen as ji, resizeElement as jj, resolveCaptionTracks as jk, resolveChartKind as jl, resolveFontVariant as jm, resolveHyperlinkHref as jn, resolveInteractiveElementId as jo, resolveMediaSrc as jp, resolveOleType as jq, resolveParagraphBullet as jr, resolvePresenterNotes as js, resolveProfileInitial as jt, resolveRegionCode as ju, resolveSlideAutoAdvanceMs as jv, resolvePalette as jw, resolveThemeCatalogEntry as jx, resolveTransitionDuration as jy, revealedElementStyles as jz, AiChatPanelComponent as k, textStyleOf as k$, setAxisTitleStyle as k0, setCategoryLabel as k1, setCellText as k2, setColorScheme as k3, setDataLabels as k4, setDataPointExplosion as k5, setDataPointFill as k6, setDataPointLabel as k7, setDataPointMarker as k8, setDelay as k9, shouldUseSvgWarp as kA, showDirectionPicker as kB, showsTemplateAffordance as kC, signatureCountLabel as kD, signatureKey as kE, signatureTimestamp as kF, signerName as kG, statusLabel as kH, slideNumberOf as kI, smartArtNodes as kJ, paletteColour as kK, snapToGridStep as kL, splitCursorCell as kM, splitMergedCell as kN, statusKind as kO, statusLabel$1 as kP, storeAudienceContent as kQ, stringFromEvent$5 as kR, strokeColorOf as kS, strokeToInkElement as kT, strokeWidthOf as kU, styleShadowFilter as kV, textAdvancedPatch as kW, textAdvancedStateFromStyle as kX, textAdvancedStateOf as kY, textColorOf as kZ, textDirectionPatch as k_, setDirection as ka, setDuration as kb, setElementPosition as kc, setGridlineStyle as kd, setLayout as ke, setLegend as kf, setNodeStyle as kg, setNodeText as kh, setRepeatCount as ki, setRepeatMode as kj, setSequence as kk, setSeriesChartType as kl, setSeriesColor as km, setSeriesErrorBars as kn, setSeriesMarker as ko, setSeriesName as kp, setSeriesTrendline as kq, setSeriesValue as kr, setStyle as ks, setTimingCurve as kt, setTitle as ku, setTrigger as kv, setTriggerShapeId as kw, shapeStylePatch as kx, sheetAfterNavigate as ky, shouldBlockClickAdvance as kz, AiChatService as l, textStylePatch as l0, themeStyle as l1, themeToCssVars as l2, thumbnailHeight as l3, thumbnailZoom as l4, toggleCommentResolvedInList as l5, toggleNodeBold as l6, toggleNodeItalic as l7, toggleSheet as l8, topLevelNodeCount as l9, transformSelectedTextCase as la, translationsEn as lb, ungroupElements as lc, updateElementById as ld, updateGlowPatch as le, updateGradientStopPatch as lf, updateInnerShadowPatch as lg, updateOuterShadowPatch as lh, updateReflectionPatch as li, vAlignPatch as lj, validatePassword as lk, validatePrintSettings as ll, validateRoomId as lm, valueToY as ln, vermilionDarkColors as lo, vermilionDarkTheme as lp, vermilionLightColors as lq, vermilionLightTheme as lr, vermilionRadius as ls, waypointsToPathD as lt, worstStatus as lu, zoomTargetSlideIndex as lv, AiComposerComponent as m, AiFocusBarComponent as n, AiFocusHighlightOverlayComponent as o, AiMessageListComponent as p, AiPanelStore as q, AiProposalCardComponent as r, AiSettingsSectionComponent as s, toChatSummary as t, AiToolCallCardComponent as u, AnimationAuthorPanelComponent as v, AnimationPanelComponent as w, AnimationPlaybackService as x, AutosaveService as y, CURSOR_PALETTE as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-y5x5Ro5v.mjs.map
+export { CustomShowsComponent as $, ALIGN_OPTIONS as A, BroadcastDialogComponent as B, CHART_EDITOR_STYLES as C, CanvasFitService as D, ChartAxisOptionsComponent as E, ChartAxisStyleOptionsComponent as F, ChartComboTypeOptionsComponent as G, ChartDataEditorComponent as H, ChartDataLabelOptionsComponent as I, ChartDatapointMarkerOptionsComponent as J, ChartDatapointOptionsComponent as K, ChartDisplayOptionsComponent as L, ChartElementViewComponent as M, ChartErrorBarOptionsComponent as N, ChartMarkerOptionsComponent as O, ChartPartSelectionService as P, ChartPrimitivesComponent as Q, ChartRendererComponent as R, ChartTrendlineOptionsComponent as S, CollaborationCursorsComponent as T, CollaborationService as U, ColorChangedImageComponent as V, CommentsPanelComponent as W, CommentsService as X, ComparePanelComponent as Y, ConnectorRendererComponent as Z, ConnectorTextOverlayComponent as _, ANIMATION_PRESET_CATEGORIES as a, LoadContentService as a$, DATA_TABLE_HEADER_H as a0, DATA_TABLE_KEY_W as a1, DATA_TABLE_PADDING as a2, DATA_TABLE_ROW_H as a3, DEFAULT_BOUNDS as a4, DEFAULT_BROADCAST_SERVER_URL as a5, DEFAULT_CANVAS_HEIGHT as a6, DEFAULT_CANVAS_WIDTH as a7, DEFAULT_COLOR_SCHEME as a8, DEFAULT_FILL_COLOR as a9, EquationEditorDialogComponent as aA, EquationRendererComponent as aB, EquationTemplateGalleryComponent as aC, ExportProgressModalComponent as aD, ExportService as aE, FieldContextService as aF, FindBarComponent as aG, FindReplaceBarComponent as aH, FollowModeBarComponent as aI, FontEmbeddingListComponent as aJ, FontEmbeddingPanelComponent as aK, GALLERY_THEME_PRESETS as aL, GradientPickerComponent as aM, HANDOUT_OPTIONS as aN, HeaderFooterDialogComponent as aO, HyperlinkDialogComponent as aP, ImagePropertiesPanelComponent as aQ, InkDrawingService as aR, InkRendererComponent as aS, InsertSmartArtDialogComponent as aT, InspectorPaneHeaderComponent as aU, InspectorPanelComponent as aV, IsMobileService as aW, KeepAnnotationsDialogComponent as aX, LOCALE_CATALOG as aY, LONG_PRESS_DURATION_MS as aZ, LONG_PRESS_MOVE_TOLERANCE_PX as a_, DEFAULT_LAYOUT as aa, DEFAULT_PALETTE$1 as ab, DEFAULT_PATTERN_FILL_PRESET as ac, DEFAULT_PRINT_SETTINGS as ad, DEFAULT_SLIDE_BACKGROUND as ae, DEFAULT_STROKE_COLOR as af, DEFAULT_STYLE as ag, DEFAULT_TABLE_ROW_HEIGHT as ah, DEFAULT_TEXT_COLOR$1 as ai, DEFAULT_VIEWER_PROFILE as aj, DIRECTIONAL_PRESETS as ak, DIRECTION_OPTIONS as al, DocumentPropertiesCardComponent as am, EMBEDDED_FONTS_STYLE_ID as an, EMPHASIS_PRESETS as ao, ENTRANCE_PRESETS as ap, TEMPLATES as aq, EXIT_PRESETS as ar, EditorContextMenuComponent as as, EditorHistory as at, EditorStateService as au, EditorToolbarComponent as av, EffectsPanelComponent as aw, ElementRendererComponent as ax, EmbeddedFontsService as ay, EncryptedFileDialogComponent as az, AUDIENCE_HASH as b, RibbonHyperlinkButtonComponent as b$, LocalPresencePublisher as b0, MAX_ZOOM_SCALE as b1, MIN_ZOOM_SCALE as b2, MOTION_PATH_COLUMNS as b3, MediaPreviewComponent as b4, MediaPropertiesPanelComponent as b5, MediaRendererComponent as b6, MediaTrimTimelineComponent as b7, MobileBottomBarComponent as b8, MobileMenuSheetComponent as b9, PresentationSubtitleBarComponent as bA, PresentationToolbarComponent as bB, PresentationTransitionOverlayComponent as bC, PresenterViewComponent as bD, PresenterWindowService as bE, PrintDialogComponent as bF, PrintService as bG, PrintSettingsPanelComponent as bH, PropertiesDialogComponent as bI, REPEAT_MODE_OPTIONS as bJ, RESIZE_HANDLES as bK, RULER_FONT_SIZE as bL, RULER_THICKNESS as bM, ReadingViewOverlayComponent as bN, RemoteSelectionOverlayComponent as bO, RibbonAnimationGalleryComponent as bP, RibbonAnimationsSectionComponent as bQ, RibbonArrangeSectionComponent as bR, RibbonColorPopoverComponent as bS, RibbonComponent as bT, RibbonDesignSectionComponent as bU, RibbonDrawSectionComponent as bV, RibbonDrawingGroupComponent as bW, RibbonEditingSectionComponent as bX, RibbonFileSectionComponent as bY, RibbonFontControlsComponent as bZ, RibbonHomeSectionComponent as b_, MobilePresenterViewComponent as ba, MobileSheetComponent as bb, MobileSlidesSheetComponent as bc, MobileToolbarComponent as bd, ModalDialogComponent as be, Model3DRendererComponent as bf, NotesHandoutCardComponent as bg, NotesPanelComponent as bh, NotesToolbarComponent as bi, OleRendererComponent as bj, OutlineViewOverlayComponent as bk, POWER_POINT_VIEWER_PROVIDERS as bl, PRESENTER_CHANNEL_NAME as bm, PRESENTER_MSG_ORIGIN as bn, PRESENTER_TIMER_SEGMENT_MS as bo, PX_PER_CM as bp, PX_PER_INCH as bq, PasswordProtectionDialogComponent as br, PasswordStrengthMeterComponent as bs, PowerPointViewerComponent as bt, PresentToolbarAutoHide as bu, PresentationAnnotationOverlayComponent as bv, PresentationAnnotationsService as bw, PresentationOverlayComponent as bx, PresentationPropertiesPanelComponent as by, PresentationSettingsCardComponent as bz, AUDIENCE_NONCE_KEY as c, TableDataEditorComponent as c$, RibbonInsertFieldsComponent as c0, RibbonInsertSectionComponent as c1, RibbonMotionPathGalleryComponent as c2, RibbonParagraphControlsComponent as c3, RibbonPrimaryRowComponent as c4, RibbonReviewSectionComponent as c5, RibbonShapeExtrasComponent as c6, RibbonSlideshowSectionComponent as c7, RibbonTransitionsSectionComponent as c8, RibbonViewSectionComponent as c9, SlideBackgroundCardComponent as cA, SlideCanvasComponent as cB, SlideDefaultInspectorComponent as cC, SlideDiffChangesComponent as cD, SlideDiffRowComponent as cE, SlideDiffThumbnailsComponent as cF, SlideSizeCardComponent as cG, SlideSorterOverlayComponent as cH, SlideThemeOverridePanelComponent as cI, SlideTransitionCardComponent as cJ, SlidesPanelComponent as cK, SmartArt3DRendererComponent as cL, SmartArt3DService as cM, SmartArtPreviewComponent as cN, SmartArtPropertiesComponent as cO, SmartArtRendererComponent as cP, StatusBarComponent as cQ, TABLE_STRUCTURE_TOGGLES as cR, TEXT_3D_BOTTOM_BEVEL_KEYS as cS, TEXT_3D_TOP_BEVEL_KEYS as cT, TEXT_DIRECTION_OPTIONS$1 as cU, THEME_CATALOG as cV, TIMING_CURVE_OPTIONS as cW, TRIGGER_OPTIONS as cX, TYPE_LABELS as cY, TableCellAdvancedFillComponent as cZ, TableCellFormattingComponent as c_, RulerGuidesService as ca, SEQUENCE_OPTIONS as cb, SEVERITY_GROUPS as cc, SEVERITY_LABELS as cd, SHORTCUT_REFERENCE_ITEMS as ce, SLIDE_TRANSITION_KEYFRAMES as cf, DEFAULT_PALETTE as cg, PALETTES$1 as ch, SMART_ART_COLOR_SCHEMES as ci, SMART_ART_STYLE_OPTIONS as cj, SUB_ITEM_LABEL as ck, SVG_WARP_PRESETS as cl, SWIPE_MAX_VERTICAL_PX as cm, SWIPE_THRESHOLD_PX as cn, SelectionPaneComponent as co, SetUpSlideShowDialogComponent as cp, SettingsAppearanceTabComponent as cq, SettingsDialogComponent as cr, SettingsLanguageTabComponent as cs, ShareDialogComponent as ct, ShortcutPanelComponent as cu, ShowOptionsFieldsetComponent as cv, ShowSlidesFieldsetComponent as cw, SignatureStrippedDialogComponent as cx, SignaturesPanelComponent as cy, SignaturesService as cz, AVATAR_COLOR_SWATCHES as d, asMediaElement as d$, TablePropertiesComponent as d0, TableRendererComponent as d1, TableResizeOverlayComponent as d2, TableSelectionService as d3, TagsCardComponent as d4, Text3DBevelSectionComponent as d5, Text3DPanelComponent as d6, TextAdvancedPanelComponent as d7, ThemeEditorFieldsComponent as d8, ThemeGalleryComponent as d9, ViewerTouchGesturesService as dA, ViewerZoomService as dB, WEBM_MIME_CANDIDATES as dC, WriteBackScheduler as dD, ZoomNavigationService as dE, ZoomRendererComponent as dF, ZoomTargetService as dG, addCategory as dH, addCommentToList as dI, addGradientStopPatch as dJ, addItem as dK, addSeries as dL, addSubItem as dM, advanceStep as dN, affordanceElements as dO, aiToggleVisible as dP, alignPatch as dQ, animationFor as dR, animationPresetLabelKey as dS, annotationMapToInkInserts as dT, applyAcceptedDiff as dU, applyAnimationPreset as dV, applyFindReplacements as dW, applyFormatToElement as dX, applyMove as dY, applyResize as dZ, applyTableStylePreset as d_, ThemeSelectorCardComponent as da, TitleBarComponent as db, TitleBarSearchComponent as dc, TransitionDirectionPickerComponent as dd, TransitionPreviewComponent as de, VALIGN_OPTIONS as df, VIEWER_THEME as dg, VersionHistoryPanelComponent as dh, ViewerCanvasEditingService as di, ViewerCollabCursorService as dj, ViewerCollaborationSessionService as dk, ViewerCompareService as dl, ViewerCustomShowsService as dm, ViewerDialogsService as dn, ViewerDocumentPropertiesService as dp, ViewerExportService as dq, ViewerExtraDialogsComponent as dr, ViewerFileIOService as ds, ViewerFindReplaceService as dt, ViewerFormatPainterService as du, ViewerInspectorPanelService as dv, ViewerKeyboardService as dw, ViewerMobileSheetService as dx, ViewerPresentationModeService as dy, ViewerThemeGalleryService as dz, AccessibilityPanelComponent as e, canUngroupSelection as e$, assignUserColor as e0, attachTouchGestures as e1, beginNodeEdit as e2, bevelSizePatch as e3, boolFromEvent as e4, bringForward as e5, bringToFront as e6, buildBarActions as e7, buildBroadcastConfig as e8, buildBroadcastViewerUrl as e9, buildModel3DViewModel as eA, buildOleActionModel as eB, buildOleInfoRows as eC, buildPatternFillCss as eD, buildPrintHtmlDocument as eE, buildPropertiesPatch as eF, buildRegionMapViewModel as eG, buildSaveSlides as eH, buildShareUrl as eI, buildSmartArtInsertElement as eJ, buildSmartArtNodes as eK, buildStockViewModel as eL, buildSurfaceViewModel as eM, buildTableViewModel as eN, buildTreemapViewModel as eO, buildTrimFragment as eP, buildWaterfallViewModel as eQ, buildZeroLine as eR, buildZoomContainerStyle as eS, buildZoomViewModel as eT, bulletIndentPx as eU, canAddTopLevelNode as eV, canGroupSelection as eW, canRemoveTopLevelNode as eX, canSetStrokeWidth as eY, canStartBroadcast as eZ, canStartShare as e_, buildCategoryLabels as ea, buildCellParagraphs as eb, buildChartViewModel as ec, buildChatLogExport as ed, buildChatLogMarkdown as ee, buildChromeStyle as ef, buildClearHyperlinkPatch as eg, buildClickGroups as eh, buildColStyles as ei, buildCollaborationConfig as ej, buildComboViewModel as ek, buildCssGradientFromShapeStyle as el, buildDuotoneFilter as em, buildDuotoneFilterId as en, buildEmbeddedFontStyles as eo, buildEquationElement as ep, buildEquationSegment as eq, buildFallbackViewModel as er, buildFontFaceRule as es, buildGradientFillCss as et, buildGridlinesAndLabels as eu, buildHyperlinkPatch as ev, buildInkContainerStyle as ew, buildInkStrokes as ex, buildLegend as ey, buildModel3DContainerStyle as ez, AccessibilityService as f, createCustomShow as f$, canUseClipboard as f0, captionDisplayText as f1, cellRunStyle as f2, cellStyleToStyleMap as f3, cellTdStyle as f4, changeCountLabel as f5, changeIcon as f6, characterSpacingPatch as f7, checkFontAvailable as f8, clampCursorPosition as f9, computeHandoutLayout as fA, computeIsMobile as fB, computeIsTablet as fC, computeLinePoints as fD, computeLinearRegression as fE, computePageCount as fF, computePieLayout as fG, computePieSlicePath as fH, computePieSlices as fI, computePlotLayout as fJ, computeRSquared as fK, computeRadarPoints as fL, computeScatterDots as fM, computeSelectionBoxes as fN, computeSingleSelected as fO, computeSlideIndices as fP, computeSnap as fQ, computeStackedBarRects as fR, computeStackedValueRange as fS, computeTextLines as fT, computeTrendlinePrimitives as fU, computeValueRange as fV, convertOmmlToMathMl as fW, copyFormatFromElement as fX, countAccessibilityIssues as fY, countAnnotationStrokes as fZ, createAngularAiBridge as f_, clampGifDimensions as fa, clampIndex as fb, clampNotesFontSize as fc, clampScale as fd, clampStep as fe, clearAllLocalViewerData as ff, clearAudienceContent as fg, cn as fh, collectAccessibilityIssues as fi, collectElementText as fj, collectSlideText as fk, collectStoredChats as fl, collectUsedFontFamilies as fm, columnWidthStyle as fn, commitNodeText as fo, computeAlign as fp, computeAxisTitlePrimitives as fq, computeBarRects as fr, computeBubbleRadius as fs, computeCornerHandle as ft, computeDataTablePrimitives as fu, computeDistribute as fv, computeDrawingViewBox as fw, computeErrorBarPrimitives as fx, computeFocusTargets as fy, computeHandleBoxes as fz, AccountPageComponent as g, getDuotoneFilterDef as g$, createSwipeDismissDrag as g0, createWebrtcBundle as g1, createWebsocketBundle as g2, cssObjectToStyleMap as g3, currentColorScheme as g4, currentLayout as g5, currentStyle as g6, defaultCssVars as g7, defaultRadius as g8, defaultThemeColors as g9, eyedropperAvailable as gA, fillColorOf as gB, findInSlides as gC, findOwningSlideIndex as gD, findSlideIndexByElementId as gE, firstVisibleIndex as gF, fitPolynomial as gG, fitZoom as gH, focusTargetChips as gI, fontMimeForFormat as gJ, fontSizeOf as gK, formatAutoNumber as gL, formatAxisValue as gM, formatBytes as gN, formatCursorLabel as gO, formatElapsed as gP, formatFileSize as gQ, formatPropertyDate as gR, formatTime as gS, fpsToFrameIntervalMs as gT, generateBroadcastRoomId as gU, generateCommentId as gV, generateCustomShowId as gW, generatePressureCircles as gX, generateTicks as gY, getClrChangeParams as gZ, getContainerStyle as g_, deleteElementsByIds as ga, deleteVersion as gb, demoteNode as gc, deriveModel3DBlobUrl as gd, derivePresenceList as ge, describeSmartArtBounds as gf, disableGlowPatch as gg, disableInnerShadowPatch as gh, disableOuterShadowPatch as gi, disableReflectionPatch as gj, disableSoftEdgePatch as gk, duplicateElementById as gl, durationOf as gm, effectsStateOf as gn, enableGlowPatch as go, enableInnerShadowPatch as gp, enableOuterShadowPatch as gq, enableReflectionPatch as gr, enableSoftEdgePatch as gs, encodeGif as gt, estimatePageCount as gu, evenColumnWidths as gv, evenRowHeights as gw, exitPresentationFullscreen as gx, exportAiChatLogs as gy, extractPathPoints as gz, ActionSettingsPanelComponent as h, lastVisibleIndex as h$, getImageSrc as h0, getLocalStorageUsageSummary as h1, getOleAriaLabel as h2, getOleBadgeLabel as h3, getOleDisplayName as h4, getOleDownloadFileName as h5, getOleTypeColor as h6, getOleTypeLabel as h7, getPasswordStrength as h8, getPatternSvg as h9, hasVisibleSlideAfter as hA, headerLabel as hB, imageDimensions as hC, inkViewBox as hD, insertTableElementColumn as hE, insertTableElementRow as hF, interpolateWidth as hG, isAudienceTab as hH, isBold as hI, isBrowserOpenableMime as hJ, isChildNode as hK, isElementInteractive as hL, isInjectableUrl as hM, isItalic as hN, isPpactionUrl as hO, isPresenterMessage as hP, isSigned as hQ, isTextElement as hR, isTwoTableFocus as hS, isUnderline as hT, isUrlSafe as hU, isValidRoomId as hV, isViewportBackgroundPressTarget as hW, isZoomActivationKey as hX, issueTrackKey as hY, issueTypeLabel as hZ, keyToLabel as h_, getPlaceholderStyle as ha, getVersions as hb, getResolvedShapeClipPath as hc, getResolvedShapeClipPathFor as hd, getShapeFillStrokeStyle as he, getSlideBackgroundStyle as hf, getSlideTransitionAnimations as hg, getSmartArtNodeBounds as hh, getSpeechRecognitionCtor as hi, getTextBlockStyle as hj, getTextWarp as hk, getTouchDistance as hl, getWarpCategory as hm, getWarpPath as hn, gradientStateFromStyle as ho, gradientStateOf as hp, gradientStatePatch as hq, gridColumns as hr, groupElements as hs, groupIssuesBySeverity as ht, hasAnimation as hu, hasCopyableFormat as hv, hasExistingLink as hw, hasExitedFullscreen as hx, hasGradientFill as hy, hasPressureVariation as hz, AdvancedChartEditorComponent as i, promoteNode as i$, latexToMathml as i0, linePointsToSvgString as i1, lineSpacingPatch as i2, loadAudienceContent as i3, mergeCaptionResults as i4, mergeDown as i5, mergeRight as i6, mergeSelection as i7, moveElementBy as i8, moveNodeDown as i9, ommlToMathml as iA, ooxmlDashToCssBorderStyle as iB, openNativeEyeDropper as iC, overallStatus as iD, paletteColor as iE, parseAudienceNonce as iF, parseNodeTextarea as iG, partitionSlides as iH, patchChartData as iI, patchChartStyle as iJ, patchTableData as iK, patchTextStyle as iL, patternPresetOptions as iM, pendingElementStyles as iN, pickColorByClickFallback as iO, pickFile as iP, pickSupportedMimeType as iQ, planGifFrames as iR, planVideoSegments as iS, pointsToSvgPathD as iT, presenceToCursors as iU, presenterTimerProgress as iV, presetByLayout as iW, presetsForCategory as iX, pressuresToWidths as iY, prevVisibleIndex as iZ, projectDrawingShapes as i_, moveNodeUp as ia, msToFrameDelayCs as ib, narrowToCircle as ic, narrowToPolygon as id, narrowToRect as ie, newChartElement as ig, newEquationElement as ih, newPresetShapeElement as ii, newShapeElement as ij, newSmartArtElement as ik, newTableElement as il, newTextElement as im, 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, AiChangeOverlayComponent as j, setAnimationExit as j$, provideViewerTheme as j0, radarAngle as j1, radarRingPoints as j2, readAsDataUrl as j3, recordWebm as j4, redistributeColumnWidth as j5, removeAnimation as j6, removeCategory as j7, removeTableElementColumn as j8, removeCommentFromList as j9, resolveTransitionDuration as jA, revealedElementStyles as jB, routeOrthogonalConnector as jC, rowStyle as jD, rulerDragToGuidePosition as jE, rulerHighlight as jF, rulerStripTicks as jG, sampleColorFromSlide as jH, sanitizeColor as jI, sanitizeSlideIndex as jJ, sanitizeUserName as jK, saveViewerProfile as jL, scanAvailableFonts as jM, searchSlides as jN, seedBroadcastFields as jO, seedHyperlinkDraft as jP, seedPropertiesDraft as jQ, seedShareFields as jR, segmentFrameCount as jS, selectValue$2 as jT, sendBackward as jU, sendToBack as jV, sequentialColorScale as jW, serializeWriteBack as jX, seriesColor as jY, setAnimationEmphasis as jZ, setAnimationEntrance as j_, removeElementAnimation as ja, removeGradientStopPatch as jb, removeNode as jc, removeTableElementRow as jd, removeSeries as je, renderToCanvas as jf, reorderAnimationDown as jg, reorderAnimationUp as jh, replaceInSlides as ji, replaceMatch as jj, requestPresentationFullscreen as jk, resizeElement as jl, resolveCaptionTracks as jm, resolveChartKind as jn, resolveFontVariant as jo, resolveHyperlinkHref as jp, resolveInteractiveElementId as jq, resolveMediaSrc as jr, resolveOleType as js, resolveParagraphBullet as jt, resolvePresenterNotes as ju, resolveProfileInitial as jv, resolveRegionCode as jw, resolveSlideAutoAdvanceMs as jx, resolvePalette as jy, resolveThemeCatalogEntry as jz, AiChatPanelComponent as k, textColorOf as k$, setAxis as k0, setAxisLogScale as k1, setAxisTitleStyle as k2, setCategoryLabel as k3, setCellText as k4, setColorScheme as k5, setDataLabels as k6, setDataPointExplosion as k7, setDataPointFill as k8, setDataPointLabel as k9, sheetAfterNavigate as kA, shouldBlockClickAdvance as kB, shouldUseSvgWarp as kC, showDirectionPicker as kD, showsTemplateAffordance as kE, signatureCountLabel as kF, signatureKey as kG, signatureTimestamp as kH, signerName as kI, statusLabel as kJ, slideNumberOf as kK, smartArtNodes as kL, paletteColour as kM, snapToGridStep as kN, splitCursorCell as kO, splitMergedCell as kP, statusKind as kQ, statusLabel$1 as kR, storeAudienceContent as kS, stringFromEvent$5 as kT, strokeColorOf as kU, strokeToInkElement as kV, strokeWidthOf as kW, styleShadowFilter as kX, textAdvancedPatch as kY, textAdvancedStateFromStyle as kZ, textAdvancedStateOf as k_, setDataPointMarker as ka, setDelay as kb, setDirection as kc, setDuration as kd, setElementPosition as ke, setGridlineStyle as kf, setLayout as kg, setLegend as kh, setNodeStyle as ki, setNodeText as kj, setRepeatCount as kk, setRepeatMode as kl, setSequence as km, setSeriesChartType as kn, setSeriesColor as ko, setSeriesErrorBars as kp, setSeriesMarker as kq, setSeriesName as kr, setSeriesTrendline as ks, setSeriesValue as kt, setStyle as ku, setTimingCurve as kv, setTitle as kw, setTrigger as kx, setTriggerShapeId as ky, shapeStylePatch as kz, AiChatService as l, textDirectionPatch as l0, textStyleOf as l1, textStylePatch as l2, themeStyle as l3, themeToCssVars as l4, thumbnailHeight as l5, thumbnailZoom as l6, toggleCommentResolvedInList as l7, toggleNodeBold as l8, toggleNodeItalic as l9, toggleSheet as la, topLevelNodeCount as lb, transformSelectedTextCase as lc, translationsEn as ld, ungroupElements as le, updateElementById as lf, updateGlowPatch as lg, updateGradientStopPatch as lh, updateInnerShadowPatch as li, updateOuterShadowPatch as lj, updateReflectionPatch as lk, vAlignPatch as ll, validatePassword as lm, validatePrintSettings as ln, validateRoomId as lo, valueToY as lp, vermilionDarkColors as lq, vermilionDarkTheme as lr, vermilionLightColors as ls, vermilionLightTheme as lt, vermilionRadius as lu, waypointsToPathD as lv, worstStatus as lw, zoomTargetSlideIndex as lx, AiComposerComponent as m, AiFocusBarComponent as n, AiFocusHighlightOverlayComponent as o, AiMessageListComponent as p, AiPanelStore as q, AiProposalCardComponent as r, AiSettingsSectionComponent as s, toChatSummary as t, AiToolCallCardComponent as u, AnimationAuthorPanelComponent as v, AnimationPanelComponent as w, AnimationPlaybackService as x, AutosaveService as y, CURSOR_PALETTE as z };
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-FnZONBKb.mjs.map