pptx-angular-viewer 2.11.1 → 2.12.0

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-BLXPLe5x.mjs → pptx-angular-viewer-pptx-angular-viewer-y5x5Ro5v.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, getAnimationPresetInfo } 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, 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 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, LucidePenTool, LucideHighlighter, LucideEraser, LucideMousePointer2, LucideChevronLeft, LucideStar, LucideMoveRight, LucidePlay, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePanelRight, 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, 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 { XMLParser } from 'fast-xml-parser';
 import JSZip from 'jszip';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -15226,6 +15226,155 @@ function reindexOrder(anims) {
     return anims.map((a, i) => ({ ...a, order: i }));
 }
 
+/**
+ * `animation-preset-labels`: the naming layer over the two animation preset
+ * vocabularies, so no binding ever prints a wire token where an effect name
+ * belongs.
+ *
+ * WHY this module exists: an animation's effect is identified by one of two
+ * different vocabularies, and both of them were reaching the screen verbatim.
+ *
+ *  - The **editor vocabulary** (`PptxAnimationPreset`: `fadeIn`, `growTurnIn`,
+ *    `boldFlash`, ...) is what `PptxElementAnimation.entrance / emphasis / exit`
+ *    actually holds. It is what the ribbon galleries apply and what the parser
+ *    normalises a loaded deck's OOXML presets down to. Every timeline in every
+ *    binding printed this token raw, so users saw `fadeIn` where "Fade In"
+ *    belongs.
+ *  - The **OOXML catalogue vocabulary** (`entr.1`, `emph.26`, `path.loop.pretzel`
+ *    from `pptx-viewer-core`'s `animation-preset-catalog`) is the full 266-entry
+ *    PowerPoint preset library. Its entries carry a hard-coded ENGLISH `label`,
+ *    which the Vue "Add animation > Effect" picker rendered directly, so that
+ *    control stayed English in every locale.
+ *
+ * Both vocabularies now resolve through i18n keys defined here, which means a
+ * missing name is a dictionary gap that `packages/locales`' coverage tests
+ * catch, not a plausible-looking wrong label produced by `keyToLabel`.
+ *
+ * WHY the catalogue key is a slug and not the preset id: the dictionaries are
+ * flat maps whose keys are dotted paths, and a catalogue id already contains
+ * dots (`path.line.up`). Folding them into one camelCase segment
+ * (`pathLineUp`) keeps every animation key at the same depth as the rest of the
+ * dictionary, so no translation framework has to be trusted to resolve a
+ * five-segment key against a flat map.
+ *
+ * Pure data + pure functions: no framework, no DOM.
+ *
+ * @module render/animation-preset-labels
+ */
+/**
+ * Every `PptxAnimationPreset` value except `'none'`, i.e. every effect token
+ * that can end up on a `PptxElementAnimation` and therefore in a timeline row.
+ *
+ * Kept as a runtime array (the type is a bare union) so the dictionary coverage
+ * test can enumerate what the UI can reach instead of trusting a hand-kept list
+ * of "the ones we bothered to name".
+ */
+const ANIMATION_PRESET_VALUES = [
+    // Entrance
+    'appear',
+    'fadeIn',
+    'flyIn',
+    'zoomIn',
+    'bounceIn',
+    'wipeIn',
+    'splitIn',
+    'dissolveIn',
+    'wheelIn',
+    'blindsIn',
+    'boxIn',
+    'floatIn',
+    'riseUp',
+    'swivel',
+    'expandIn',
+    'checkerboardIn',
+    'flashIn',
+    'peekIn',
+    'randomBarsIn',
+    'spinnerIn',
+    'growTurnIn',
+    // Exit
+    'fadeOut',
+    'flyOut',
+    'zoomOut',
+    'bounceOut',
+    'wipeOut',
+    'shrinkOut',
+    'dissolveOut',
+    'disappear',
+    // Emphasis
+    'spin',
+    'pulse',
+    'colorWave',
+    'bounce',
+    'flash',
+    'growShrink',
+    'teeter',
+    'transparency',
+    'boldFlash',
+    'wave',
+];
+/**
+ * The i18n key naming an editor preset token, shared by every binding's ribbon
+ * gallery, inspector select and timeline row.
+ */
+function animationPresetLabelKey(preset) {
+    return `pptx.animation.preset.${preset}`;
+}
+/**
+ * Fold a catalogue preset id into one dictionary-key segment:
+ * `entr.1` -> `entr1`, `path.line.upLeft` -> `pathLineUpLeft`.
+ *
+ * Deterministic and collision-free across the whole catalogue, so the key can
+ * be derived at the call site instead of stored per preset.
+ */
+function animationCatalogPresetSlug(presetId) {
+    return presetId
+        .split('.')
+        .map((part, index) => (index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1)))
+        .join('');
+}
+/** The i18n key naming an OOXML catalogue preset (`entr.1`, `path.line.up`, ...). */
+function animationCatalogPresetLabelKey(presetId) {
+    return `pptx.animation.catalogPreset.${animationCatalogPresetSlug(presetId)}`;
+}
+/**
+ * `true` when `token` is a catalogue id (`entr.1`) rather than an editor preset
+ * (`fadeIn`). The two vocabularies are told apart by the dot, which no
+ * `PptxAnimationPreset` value contains.
+ */
+function isAnimationCatalogPresetId(token) {
+    return token.includes('.');
+}
+/**
+ * The i18n key naming whatever effect an animation carries, whichever
+ * vocabulary its token came from. An entry with no preset resolves to "Motion
+ * Path" when it only carries a path, and to the generic "Animation" otherwise
+ * (which is what the bindings used to spell as the literal word `custom`).
+ *
+ * Always a key, never `undefined`, because Angular renders these through the
+ * `translate` pipe: resolving finished text in a component getter would freeze
+ * an `OnPush` view's wording at whatever language was active when it last
+ * rendered.
+ */
+function animationEffectLabelKey(anim) {
+    const token = anim.entrance ?? anim.emphasis ?? anim.exit;
+    if (!token || token === 'none') {
+        return anim.motionPath ? 'pptx.animation.motionPath.label' : 'pptx.animation.animation';
+    }
+    return isAnimationCatalogPresetId(token)
+        ? animationCatalogPresetLabelKey(token)
+        : animationPresetLabelKey(token);
+}
+/**
+ * The display name for an animation's effect.
+ *
+ * This is the single resolver every binding's timeline and effect chip calls,
+ * so all five spell the same animation the same way.
+ */
+function animationEffectLabel(anim, translate) {
+    return translate(animationEffectLabelKey(anim));
+}
+
 /**
  * `animation-playback` — pure click-stepped playback math for the editor's
  * element-animation preset model.
@@ -23497,16 +23646,106 @@ function getContainerStyle$1(el, zIndex) {
     }
     return style;
 }
-/** Resolve a displayable image source for picture/image/media poster frames. */
+/**
+ * Resolve a displayable image source for picture/image/media poster frames.
+ *
+ * The SVG variant is preferred over the raster one, which is not merely a
+ * quality choice: `<a:blip>` can carry an `asvg:svgBlip` extension whose
+ * `r:embed` is the ONLY relationship on the blip, so there is no raster
+ * fallback at all. A resolver that looks solely at `imageData` renders those
+ * pictures as an empty box, and real decks use exactly that shape for icon
+ * artwork. PowerPoint paints the SVG when both are present, so preferring it
+ * is also the higher-fidelity answer when a raster fallback does exist.
+ */
 function getImageSrc$1(el, mediaDataUrls) {
     if (el.type === 'picture' || el.type === 'image') {
-        return el.imageData ?? (el.imagePath ? mediaDataUrls.get(el.imagePath) : undefined);
+        return (el.svgData ??
+            (el.svgPath ? mediaDataUrls.get(el.svgPath) : undefined) ??
+            el.imageData ??
+            (el.imagePath ? mediaDataUrls.get(el.imagePath) : undefined));
     }
     if (el.type === 'media') {
         return (el.posterFrameData ?? (el.posterFramePath ? mediaDataUrls.get(el.posterFramePath) : undefined));
     }
     return undefined;
 }
+/**
+ * `overflow` for a picture's container box.
+ *
+ * Pictures clip, because {@link getImageFitStyle} renders a crop by
+ * deliberately painting the cropped-away part outside the frame. The one
+ * exception is a blur with `@grow`, whose halo is MEANT to bleed past the
+ * element box (see `getComputedEffectStyle().overflowVisible`); clipping there
+ * would trade one visible defect for another. Mirrors React's container rule.
+ */
+function getImageOverflow(el) {
+    const shapeStyle = hasShapeProperties(el) ? el.shapeStyle : undefined;
+    const blurHaloBleeds = Boolean(shapeStyle?.blurGrow) &&
+        typeof shapeStyle?.blurRadius === 'number' &&
+        shapeStyle.blurRadius > 0;
+    return blurHaloBleeds ? 'visible' : 'hidden';
+}
+/**
+ * How a picture's `<img>` should fill its frame, including the `<a:srcRect>`
+ * source crop.
+ *
+ * CSS `object-fit` cannot express an OOXML source crop: `contain` and `cover`
+ * pick a region of the FRAME, whereas `srcRect` picks a region of the SOURCE
+ * bitmap which PowerPoint then stretches to fill the frame. The crop is
+ * therefore rendered by scaling the image by the reciprocal of the surviving
+ * region and translating the cropped-away part out of the (overflow-hidden)
+ * frame. Skipping it does not merely mis-scale the picture, it shows the wrong
+ * part of it: a deck that crops one wide composite image into several different
+ * insets otherwise renders the same photo in every one of them.
+ *
+ * Callers must give the containing element `overflow: hidden`, since the
+ * cropped branch deliberately paints outside the frame.
+ *
+ * @returns A neutral CSS map to spread onto the `<img>`; never `undefined`, so
+ *          the uncropped case still pins the shared `cover` fit that every
+ *          binding must agree on.
+ */
+function getImageFitStyle(el) {
+    const uncropped = {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+    };
+    if (!isImageLikeElement(el)) {
+        return uncropped;
+    }
+    const cropLeft = clampCropValue(el.cropLeft);
+    const cropTop = clampCropValue(el.cropTop);
+    const cropRight = clampCropValue(el.cropRight);
+    const cropBottom = clampCropValue(el.cropBottom);
+    if (cropLeft + cropRight <= 0.0001 && cropTop + cropBottom <= 0.0001) {
+        return uncropped;
+    }
+    // A crop that swallows (almost) the whole source would divide by ~0 below, so
+    // the pair is rescaled to leave a 1% sliver rather than producing Infinity.
+    const horizontalScale = cropLeft + cropRight >= 0.99 ? 0.99 / (cropLeft + cropRight) : 1;
+    const verticalScale = cropTop + cropBottom >= 0.99 ? 0.99 / (cropTop + cropBottom) : 1;
+    const left = clampCropValue(cropLeft * horizontalScale);
+    const right = clampCropValue(cropRight * horizontalScale);
+    const top = clampCropValue(cropTop * verticalScale);
+    const bottom = clampCropValue(cropBottom * verticalScale);
+    const remainingWidth = Math.max(0.01, 1 - left - right);
+    const remainingHeight = Math.max(0.01, 1 - top - bottom);
+    const tx = Math.round((-left / remainingWidth) * 10000) / 100;
+    const ty = Math.round((-top / remainingHeight) * 10000) / 100;
+    const sx = Math.round((1 / remainingWidth) * 1e6) / 1e6;
+    const sy = Math.round((1 / remainingHeight) * 1e6) / 1e6;
+    return {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        maxWidth: 'none',
+        maxHeight: 'none',
+        objectFit: 'fill',
+        transformOrigin: 'top left',
+        transform: `translate(${tx}%, ${ty}%) scale(${sx}, ${sy})`,
+    };
+}
 
 /**
  * group-ops: Pure, immutable group/ungroup operations for the slide element tree.
@@ -28065,12 +28304,15 @@ function segmentStyleToCss(seg, fontScale = 1) {
     if (s.color) {
         style.color = s.color;
     }
-    if (s.bold) {
-        style.fontWeight = 'bold';
-    }
-    if (s.italic) {
-        style.fontStyle = 'italic';
-    }
+    // Declared unconditionally, exactly as React's `renderSingleSegment` does, and
+    // that is the whole point: the text BLOCK also carries a `font-weight` /
+    // `font-style` derived from the element's resolved text style, so a run that
+    // merely omits `b` / `i` inherits the block's value instead of falling back to
+    // regular. On a real deck a bold heading in the first paragraph therefore
+    // turned every following paragraph of the same shape bold, which reflows the
+    // text and pushes it out of its box.
+    style.fontWeight = s.bold ? 'bold' : 'normal';
+    style.fontStyle = s.italic ? 'italic' : 'normal';
     const deco = [];
     if (s.underline) {
         deco.push('underline');
@@ -31893,6 +32135,93 @@ function buildWrapperStyle(element, zIndex) {
     return parts.join(';');
 }
 
+/**
+ * The six arrowhead tokens, in the order PowerPoint's own arrow gallery lists
+ * them (and the order React's picker has always used). `arrow` is PowerPoint's
+ * "Open Arrow"; the spelling comes from `ARROWHEAD_LABEL_KEYS`, never from the
+ * raw token.
+ */
+const CONNECTOR_ARROW_VALUES = [
+    'none',
+    'triangle',
+    'stealth',
+    'diamond',
+    'oval',
+    'arrow',
+];
+/** The `a:headEnd/@w` and `@len` steps, smallest first. */
+const CONNECTOR_ARROW_SIZE_VALUES = ['sm', 'med', 'lg'];
+/**
+ * The card's controls, in render order: the two head TYPES first (the property
+ * users reach for), then each end's width and length.
+ */
+const CONNECTOR_ARROW_CONTROLS = [
+    {
+        styleKey: 'connectorStartArrow',
+        labelKey: 'pptx.connectorArrows.startArrow',
+        values: CONNECTOR_ARROW_VALUES,
+        optionLabelKeys: ARROWHEAD_LABEL_KEYS,
+        fallback: 'none',
+    },
+    {
+        styleKey: 'connectorEndArrow',
+        labelKey: 'pptx.connectorArrows.endArrow',
+        values: CONNECTOR_ARROW_VALUES,
+        optionLabelKeys: ARROWHEAD_LABEL_KEYS,
+        fallback: 'none',
+    },
+    {
+        styleKey: 'connectorStartArrowWidth',
+        labelKey: 'pptx.connectorArrows.startWidth',
+        values: CONNECTOR_ARROW_SIZE_VALUES,
+        optionLabelKeys: ARROW_SIZE_LABEL_KEYS,
+        fallback: 'med',
+    },
+    {
+        styleKey: 'connectorStartArrowLength',
+        labelKey: 'pptx.connectorArrows.startLength',
+        values: CONNECTOR_ARROW_SIZE_VALUES,
+        optionLabelKeys: ARROW_SIZE_LABEL_KEYS,
+        fallback: 'med',
+    },
+    {
+        styleKey: 'connectorEndArrowWidth',
+        labelKey: 'pptx.connectorArrows.endWidth',
+        values: CONNECTOR_ARROW_SIZE_VALUES,
+        optionLabelKeys: ARROW_SIZE_LABEL_KEYS,
+        fallback: 'med',
+    },
+    {
+        styleKey: 'connectorEndArrowLength',
+        labelKey: 'pptx.connectorArrows.endLength',
+        values: CONNECTOR_ARROW_SIZE_VALUES,
+        optionLabelKeys: ARROW_SIZE_LABEL_KEYS,
+        fallback: 'med',
+    },
+];
+/** Current token for one control, or its fallback when the style is silent. */
+function connectorArrowValue(control, style) {
+    const current = style?.[control.styleKey];
+    return typeof current === 'string' && current.length > 0 ? current : control.fallback;
+}
+/**
+ * Build the `ShapeStyle` patch for one dropdown change.
+ *
+ * WHY a helper: the six keys hold two different value unions, so writing
+ * `{ [control.styleKey]: raw }` inline forces every binding to widen the value
+ * and cast. Narrowing once here keeps the casts out of the view layer, and
+ * makes an unknown token a no-op rather than a corrupt `shapeStyle`.
+ */
+function connectorArrowPatch(control, raw) {
+    if (!control.values.includes(raw)) {
+        return {};
+    }
+    if (control.styleKey === 'connectorStartArrow' || control.styleKey === 'connectorEndArrow') {
+        return { [control.styleKey]: raw };
+    }
+    return { [control.styleKey]: raw };
+}
+
 /** Copy the paintable shape + text style off an element. */
 function copyFormatFromElement(element) {
     const result = {};
@@ -41982,6 +42311,255 @@ function formatSlideCounter(currentSlide, totalSlides) {
     return `${currentSlide + 1} / ${totalSlides}`;
 }
 
+/**
+ * The slide-show chrome, described once for all five bindings.
+ *
+ * `presentation-toolbar.ts` already shares the toolbar's BEHAVIOUR (trigger
+ * zone, auto-hide delay, colour swatches, counter format). What it never shared
+ * is the toolbar's CONTENT, and that is exactly what drifted: React shipped
+ * prev / counter / next / elapsed / laser / pen+colour / highlighter+colour /
+ * eraser / clear / presenter-view / end, Vue re-labelled half of those from a
+ * different i18n namespace, Angular shipped a bottom-LEFT strip of four tools
+ * plus a captions button and no navigation at all, and Vanilla and Svelte
+ * shipped no show toolbar whatsoever, which on a desktop left a presenter with
+ * no visible way to leave the show.
+ *
+ * So the inventory and the measurements live here, next to `chrome-metrics.ts`
+ * which did the same job for the title and status bars, and every binding
+ * derives its bar from these constants:
+ *
+ *   - React, Vue and Angular apply {@link PRESENT_TOOLBAR_CLASSES} (Tailwind).
+ *   - Vanilla interpolates {@link PRESENT_TOOLBAR_METRICS} into its CSS-in-TS.
+ *   - Svelte reads {@link presentToolbarCssVars} off an inline `style`
+ *     attribute, because its scoped `<style>` is compiled and cannot see a
+ *     TypeScript value.
+ *
+ * `present-chrome.test.ts` asserts the Tailwind tokens still encode exactly the
+ * numbers below, which is what stops the two representations drifting apart.
+ *
+ * @module render/present-chrome
+ */
+/**
+ * The show toolbar, in order.
+ *
+ * The keys are the ones React already renders, so aligning a binding to this
+ * list cannot silently rename a control that a parity spec matches by
+ * accessible name. Two of the five had picked up near-miss duplicates from
+ * other namespaces (`pptx.mobileBar.previousSlide` is "Previous slide", not
+ * "Previous Slide"; `pptx.presentationToolbar.clearAnnotations` is "Clear
+ * annotations", not "Clear Annotations"), which read identically in a
+ * screenshot and differently to a screen reader or a role query.
+ */
+const PRESENT_TOOLBAR_CONTROLS = [
+    {
+        id: 'previous',
+        kind: 'button',
+        labelKey: 'pptx.presenter.previousSlide',
+        icon: 'chevron-left',
+    },
+    { id: 'counter', kind: 'counter' },
+    { id: 'next', kind: 'button', labelKey: 'pptx.presenter.nextSlide', icon: 'chevron-right' },
+    { id: 'divider-navigation', kind: 'divider' },
+    { id: 'timer', kind: 'timer', labelKey: 'pptx.presenter.elapsed', icon: 'timer' },
+    { id: 'divider-timer', 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: 'pen-color',
+        kind: 'caret',
+        labelKey: 'pptx.presentationToolbar.penColor',
+        icon: 'chevron-down',
+    },
+    {
+        id: 'highlighter',
+        kind: 'toggle',
+        labelKey: 'pptx.presentation.highlighter',
+        icon: 'highlighter',
+    },
+    {
+        id: 'highlighter-color',
+        kind: 'caret',
+        labelKey: 'pptx.presentationToolbar.highlighterColor',
+        icon: 'chevron-down',
+    },
+    { id: 'eraser', kind: 'toggle', labelKey: 'pptx.presentation.eraser', icon: 'eraser' },
+    { id: 'clear', kind: 'button', labelKey: 'pptx.presentation.clearAnnotations', icon: 'trash-2' },
+    { id: 'divider-tools', kind: 'divider' },
+    {
+        id: 'presenter-view',
+        kind: 'toggle',
+        labelKey: 'pptx.presenter.presenterView',
+        icon: 'panel-right',
+    },
+    { id: 'end', kind: 'button', labelKey: 'pptx.presenter.endPresentation', icon: 'x' },
+];
+/** The toolbar's control ids in render order, for tests and parity specs. */
+const PRESENT_TOOLBAR_ORDER = PRESENT_TOOLBAR_CONTROLS.map((control) => control.id);
+/**
+ * The 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 PRESENT_TOOLBAR_LABEL_KEYS = PRESENT_TOOLBAR_CONTROLS.flatMap((control) => (control.labelKey === undefined ? [] : [control.labelKey]));
+/** Show-toolbar measurements, in CSS pixels unless the name says otherwise. */
+const PRESENT_TOOLBAR_METRICS = {
+    /** Square control edge length (`w-9 h-9`). */
+    buttonSize: 36,
+    /** Colour-caret width; it shares the button height (`w-7 h-9`). */
+    caretWidth: 28,
+    /** Overlap pulling a caret against its tool button (`-ml-1`). */
+    caretOverlap: 4,
+    /** Icon edge length inside a button (`size={18}`). */
+    iconSize: 18,
+    /** Icon edge length inside a colour caret (`size={12}`). */
+    caretIconSize: 12,
+    /** Icon edge length beside the elapsed readout (`size={14}`). */
+    timerIconSize: 14,
+    /** Flex gap between the bar's direct children (`gap-1`). */
+    gap: 4,
+    /** Horizontal padding on the bar (`px-3`). */
+    paddingX: 12,
+    /** Vertical padding on the bar (`py-2`). */
+    paddingY: 8,
+    /** Bar corner radius (`rounded-xl`). */
+    radius: 12,
+    /** Control corner radius (`rounded-md`). */
+    controlRadius: 6,
+    /** Bar background (`bg-neutral-900/90`). */
+    background: 'rgb(23 23 23 / 90%)',
+    /** Bar border colour (`border-white/15`). */
+    borderColor: 'rgb(255 255 255 / 15%)',
+    /** Divider width (`w-px`). */
+    dividerWidth: 1,
+    /** Divider height (`h-6`). */
+    dividerHeight: 24,
+    /** Divider horizontal margin (`mx-1`). */
+    dividerMarginX: 4,
+    /** Divider colour (`bg-white/20`). */
+    dividerColor: 'rgb(255 255 255 / 20%)',
+    /** Counter minimum width, so the bar does not jitter as digits change. */
+    counterMinWidth: 48,
+    /** Counter / timer font size (`text-xs`). */
+    fontSize: 12,
+    /**
+     * Counter / timer line height (`text-xs` is 12px/16px, not 12px/1).
+     *
+     * Spelled out because the hand-ported bindings reach for `font: 12px/1` and
+     * land a 12px-tall readout next to React's 16px one, which shifts the bar's
+     * own height and every baseline in it.
+     */
+    lineHeight: 16,
+    /** Gap between the timer icon and its readout (`gap-1.5`). */
+    timerGap: 6,
+    /** Distance from the bottom of the show surface to the bar (`bottom-6`). */
+    bottomOffset: 24,
+    /** Stacking order of the bar over the stage (`z-[80]`). */
+    zIndex: 80,
+    /** Fade duration when the bar auto-hides or returns (`duration-300`). */
+    fadeMs: 300,
+    /** Colour-palette swatch edge length. */
+    swatchSize: 36,
+    /** Colour-palette columns (`grid-cols-4`). */
+    paletteColumns: 4,
+    /** Colour-palette gap (`gap-2`) and padding (`p-3`). */
+    paletteGap: 8,
+    palettePadding: 12,
+    /** Underline marking a tool's current colour (`w-3 h-0.5`). */
+    swatchBarWidth: 12,
+    swatchBarHeight: 2,
+};
+/**
+ * Tailwind tokens for the show toolbar, applied by React, Vue and Angular.
+ *
+ * Expressed as whole class strings rather than assembled per call site: three
+ * bindings each writing `w-9 h-9 rounded-md ...` by hand is precisely how the
+ * caret ended up 18px wide in one of them and 28px in another.
+ */
+const PRESENT_TOOLBAR_CLASSES = {
+    /** The floating bar itself. */
+    container: 'flex items-center gap-1 px-3 py-2 rounded-xl bg-neutral-900/90 backdrop-blur-md border border-white/15 shadow-2xl',
+    /** The auto-hiding positioner the bar sits in. */
+    wrapper: 'absolute bottom-6 left-1/2 -translate-x-1/2 z-[80] transition-opacity duration-300',
+    /** Navigation / action button. */
+    button: 'flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-white hover:bg-white/10 disabled:text-white/20 disabled:cursor-not-allowed',
+    /** Annotation-tool toggle, inactive. */
+    toggle: 'relative flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-white hover:bg-white/10',
+    /** Annotation-tool toggle, active. */
+    toggleActive: 'relative flex items-center justify-center w-9 h-9 rounded-md transition-colors bg-white/25 text-white',
+    /** Colour caret beside a tool toggle. */
+    caret: 'flex items-center justify-center w-7 h-9 -ml-1 rounded-r-md transition-colors text-white/50 hover:text-white hover:bg-white/10',
+    /** Vertical hairline between groups. */
+    divider: 'w-px h-6 bg-white/20 mx-1',
+    /** Slide counter. */
+    counter: 'text-xs font-mono tabular-nums text-white/80 px-1.5 select-none min-w-[48px] text-center',
+    /** Elapsed-time readout. */
+    timer: 'flex items-center gap-1.5 text-xs font-mono tabular-nums text-white/60 px-1 select-none',
+    /**
+     * Colour palette popover.
+     *
+     * `w-max` is load-bearing. An absolutely positioned grid shrink-to-fits its
+     * positioned ancestor, which here is the 64px tool+caret pair, so without it
+     * the four 36px swatch columns are squeezed into 50px and overlap each other
+     * to the point that a swatch cannot be clicked. React shipped it that way,
+     * and the ports faithfully reproduced the defect.
+     */
+    palette: 'absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-3 w-max bg-neutral-800 rounded-lg border border-white/20 shadow-xl grid grid-cols-4 gap-2',
+    /** One colour swatch inside the palette. */
+    swatch: 'w-9 h-9 rounded-full border-2 transition-transform hover:scale-110',
+    /** Underline showing a tool's current colour. */
+    swatchBar: 'absolute bottom-0.5 left-1/2 -translate-x-1/2 w-3 h-0.5 rounded-full',
+};
+/**
+ * The show-toolbar 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 presentToolbarCssVars() {
+    const m = PRESENT_TOOLBAR_METRICS;
+    return {
+        '--pptx-pt-button': `${String(m.buttonSize)}px`,
+        '--pptx-pt-caret': `${String(m.caretWidth)}px`,
+        '--pptx-pt-caret-overlap': `${String(m.caretOverlap)}px`,
+        '--pptx-pt-icon': `${String(m.iconSize)}px`,
+        '--pptx-pt-caret-icon': `${String(m.caretIconSize)}px`,
+        '--pptx-pt-timer-icon': `${String(m.timerIconSize)}px`,
+        '--pptx-pt-gap': `${String(m.gap)}px`,
+        '--pptx-pt-pad-x': `${String(m.paddingX)}px`,
+        '--pptx-pt-pad-y': `${String(m.paddingY)}px`,
+        '--pptx-pt-radius': `${String(m.radius)}px`,
+        '--pptx-pt-control-radius': `${String(m.controlRadius)}px`,
+        '--pptx-pt-bg': m.background,
+        '--pptx-pt-border': m.borderColor,
+        '--pptx-pt-divider-w': `${String(m.dividerWidth)}px`,
+        '--pptx-pt-divider-h': `${String(m.dividerHeight)}px`,
+        '--pptx-pt-divider-mx': `${String(m.dividerMarginX)}px`,
+        '--pptx-pt-divider-color': m.dividerColor,
+        '--pptx-pt-counter-min': `${String(m.counterMinWidth)}px`,
+        '--pptx-pt-font-size': `${String(m.fontSize)}px`,
+        '--pptx-pt-line-height': `${String(m.lineHeight)}px`,
+        '--pptx-pt-timer-gap': `${String(m.timerGap)}px`,
+        '--pptx-pt-bottom': `${String(m.bottomOffset)}px`,
+        '--pptx-pt-z': String(m.zIndex),
+        '--pptx-pt-fade': `${String(m.fadeMs)}ms`,
+        '--pptx-pt-swatch': `${String(m.swatchSize)}px`,
+        '--pptx-pt-palette-cols': String(m.paletteColumns),
+        '--pptx-pt-palette-gap': `${String(m.paletteGap)}px`,
+        '--pptx-pt-palette-pad': `${String(m.palettePadding)}px`,
+        '--pptx-pt-swatch-bar-w': `${String(m.swatchBarWidth)}px`,
+        '--pptx-pt-swatch-bar-h': `${String(m.swatchBarHeight)}px`,
+    };
+}
+/** {@link presentToolbarCssVars} flattened into an inline `style` attribute. */
+function presentToolbarStyleAttr() {
+    return Object.entries(presentToolbarCssVars())
+        .map(([name, value]) => `${name}:${value}`)
+        .join(';');
+}
+
 /**
  * PowerPoint-accurate slide-show keyboard map.
  *
@@ -44957,6 +45535,317 @@ function getReducedMotionStyles() {
     };
 }
 
+function shouldLoopContinuously(input) {
+    return Boolean(input.loopContinuously) || input.showType === 'kiosk';
+}
+/**
+ * PowerPoint's "On Mouse Click" advance gate. An on-slide click / tap / swipe
+ * advances the show only when the current slide's transition allows it: a slide
+ * whose transition sets `advanceOnClick` to false is advanced solely by timings
+ * or by explicit navigation (keyboard, on-screen next/prev buttons). An
+ * undefined flag defaults to allowed, preserving the historical
+ * click-to-advance behaviour.
+ *
+ * Only the click / tap / swipe advance may consult this. Keyboard, on-screen
+ * next/prev buttons and timed auto-advance must never be gated by it.
+ */
+function isClickAdvanceAllowed(slide) {
+    return slide?.transition?.advanceOnClick !== false;
+}
+/**
+ * PowerPoint's "After: <n>" timed advance (`p:transition/@advTm`, milliseconds).
+ *
+ * Returns the delay a slide show must wait before stepping to the next slide on
+ * its own, or `undefined` when the slide waits for input instead. Timings are
+ * honoured unless the show is explicitly set to manual advance
+ * (`PptxPresentationProperties.advanceMode === 'manual'`, surfaced here as
+ * `useTimings: false`); an unset flag keeps them, matching PowerPoint's default
+ * "Using timings, if present".
+ *
+ * This pairs with {@link isClickAdvanceAllowed}: a slide authored with
+ * `advClick="0" advTm="…"` is advanced ONLY by this timer, so a binding that
+ * honours the click gate without also running the timer leaves the show
+ * permanently stuck on that slide with no visible response to input.
+ */
+function resolveAutoAdvanceDelayMs(slide, options) {
+    if (options?.useTimings === false) {
+        return undefined;
+    }
+    const advanceAfterMs = slide?.transition?.advanceAfterMs;
+    if (typeof advanceAfterMs !== 'number' ||
+        !Number.isFinite(advanceAfterMs) ||
+        advanceAfterMs < 0) {
+        return undefined;
+    }
+    return advanceAfterMs;
+}
+/**
+ * Click targets that own their own click during a running show and must never
+ * also step the slide on: hyperlinks and action buttons (PowerPoint follows the
+ * link instead of advancing), media transport, form controls, and anything
+ * inside a dialog. `[data-pptx-action]` is the attribute every binding stamps
+ * on an element carrying an on-click action.
+ */
+const PRESENTATION_INERT_CLICK_SELECTOR = 'a, button, input, select, textarea, video, audio, [data-pptx-action], [role="dialog"]';
+/**
+ * A media element only owns its click while it exposes native transport: with
+ * no controls there is nothing on it to click, so it is as inert as any other
+ * picture. This matters for a full-bleed background video, which covers the
+ * ENTIRE slide: treating it as interactive would swallow every click on that
+ * slide and leave the presenter unable to advance at all.
+ */
+function isInertMedia(node) {
+    return ((node.tagName === 'VIDEO' || node.tagName === 'AUDIO') && !node.controls);
+}
+/**
+ * Whether a click on `target` is PowerPoint's "On Mouse Click" advance rather
+ * than an interaction with live slide content or show chrome.
+ *
+ * Only decides whether the click *reaches* the advance; whether the advance is
+ * then allowed is {@link isClickAdvanceAllowed}'s job.
+ */
+function isPresentationAdvanceClick(target) {
+    if (typeof Element === 'undefined' || !(target instanceof Element)) {
+        return false;
+    }
+    for (let node = target; node !== null; node = node.parentElement) {
+        if (isInertMedia(node)) {
+            continue;
+        }
+        if (node.matches(PRESENTATION_INERT_CLICK_SELECTOR)) {
+            return false;
+        }
+    }
+    return true;
+}
+function applyRehearsalTimings(slides, timings) {
+    return slides.map((slide, index) => {
+        const advanceAfterMs = timings[index];
+        if (typeof advanceAfterMs !== 'number') {
+            return slide;
+        }
+        return {
+            ...slide,
+            transition: {
+                ...slide.transition,
+                type: slide.transition?.type ?? 'none',
+                advanceAfterMs,
+            },
+        };
+    });
+}
+function sortEntranceAnimations(animations) {
+    return [...animations]
+        .filter(({ entrance }) => Boolean(entrance))
+        .sort((left, right) => (left.order ?? Number.MAX_SAFE_INTEGER) - (right.order ?? Number.MAX_SAFE_INTEGER));
+}
+function computeEntranceAnimationDelay(delayMs, animationIndex) {
+    return Math.max(0, delayMs || 0) + animationIndex * 60;
+}
+
+/**
+ * What a click during a running slide show actually MEANS.
+ *
+ * PowerPoint gives an on-slide click three possible readings, in priority
+ * order:
+ *
+ *  1. The click landed on a shape carrying an Action Setting
+ *     (`a:hlinkClick` on `p:cNvPr`, i.e. `PptxElement.actionClick`). The
+ *     action runs; the show does NOT step on.
+ *  2. The click landed on live content that owns its own click (a real
+ *     hyperlink, media transport, show chrome). Nothing navigates.
+ *  3. Anything else is PowerPoint's "On Mouse Click" advance.
+ *
+ * Only React implemented (1), and it did so inside its own JSX by calling
+ * `stopPropagation` on the element's `onClick`. The other four bindings had no
+ * element-level action handler at all, so on the reporter's deck
+ * (`e2e/fixtures/solution-explorer.pptx`, a wheel of eight
+ * `ppaction://hlinksldjump` slices) clicking ANY slice stepped the show to the
+ * next slide instead of jumping to the slice's own slide: the red arrow in the
+ * hub swept to the wrong position every time, which reads as "clicking the
+ * slices is broken and the arrow does not move properly".
+ *
+ * The rule therefore lives here, keyed off the `data-element-id` attribute all
+ * five bindings already stamp, so a binding wires one call into the handler it
+ * already has instead of re-deriving PowerPoint's precedence.
+ *
+ * @module render/presentation-action
+ */
+/**
+ * `ppaction://noaction` is what PowerPoint writes when a shape's Action
+ * Settings carry a highlight or a sound but no navigation ("Action: None").
+ * It is deliberately NOT actionable: the shape does nothing, and the click
+ * falls through to the show's own click-to-advance exactly as it would on any
+ * inert shape. Treating it as an action would make the "Explore solution"
+ * button on the reporter's non-linked slides swallow every click.
+ */
+const NO_OP_ACTION = 'ppaction://noaction';
+/** True when the action is PowerPoint's explicit "do nothing" verb. */
+function isNoOpPresentationAction(action) {
+    if (!action) {
+        return true;
+    }
+    const verb = (action.action ?? '').trim().toLowerCase();
+    if (verb === NO_OP_ACTION) {
+        return true;
+    }
+    return (verb.length === 0 && typeof action.targetSlideIndex !== 'number' && !(action.url ?? '').trim());
+}
+/**
+ * Turn a parsed `PptxAction` into the navigation the show must perform.
+ *
+ * An explicit `targetSlideIndex` wins: core resolves `ppaction://hlinksldjump`
+ * against the slide's relationships at parse time, so by the time it reaches a
+ * viewer the r:id has already become an index. The `hlinkshowjump` verbs
+ * (first / last / next / previous / end show) are matched on the action string,
+ * and anything left carrying a URL opens externally.
+ */
+function resolvePresentationAction(action, options) {
+    const soundPath = action?.soundPath;
+    if (!action || isNoOpPresentationAction(action)) {
+        return { intent: { kind: 'none' }, soundPath };
+    }
+    const verb = (action.action ?? '').toLowerCase();
+    if (typeof action.targetSlideIndex === 'number' && Number.isFinite(action.targetSlideIndex)) {
+        if (options.slideCount <= 0) {
+            return { intent: { kind: 'none' }, soundPath };
+        }
+        const slideIndex = Math.max(0, Math.min(options.slideCount - 1, Math.floor(action.targetSlideIndex)));
+        return { intent: { kind: 'goToSlide', slideIndex }, soundPath };
+    }
+    if (verb.includes('hlinkshowjump')) {
+        if (verb.includes('nextslide')) {
+            return { intent: { kind: 'move', direction: 1 }, soundPath };
+        }
+        if (verb.includes('previousslide')) {
+            return { intent: { kind: 'move', direction: -1 }, soundPath };
+        }
+        if (verb.includes('firstslide')) {
+            return { intent: { kind: 'goToSlide', slideIndex: 0 }, soundPath };
+        }
+        if (verb.includes('lastslide')) {
+            return {
+                intent: options.slideCount > 0
+                    ? { kind: 'goToSlide', slideIndex: options.slideCount - 1 }
+                    : { kind: 'none' },
+                soundPath,
+            };
+        }
+        if (verb.includes('endshow')) {
+            return { intent: { kind: 'endShow' }, soundPath };
+        }
+        return { intent: { kind: 'none' }, soundPath };
+    }
+    // An unresolved slide jump (no relationship, or a broken r:id) navigates
+    // nowhere rather than being mistaken for an external link.
+    if (verb.includes('hlinksldjump')) {
+        return { intent: { kind: 'none' }, soundPath };
+    }
+    const url = (action.url ?? '').trim();
+    if (url && isUrlSafe(url)) {
+        return { intent: { kind: 'openUrl', url }, soundPath };
+    }
+    return { intent: { kind: 'none' }, soundPath };
+}
+/** Every element on a slide, group children included, in document order. */
+function flattenSlideElements(elements) {
+    const flat = [];
+    for (const element of elements ?? []) {
+        flat.push(element);
+        if (element.type === 'group' && element.children) {
+            flat.push(...flattenSlideElements(element.children));
+        }
+    }
+    return flat;
+}
+/**
+ * Walk up from a click target to the innermost rendered element carrying a
+ * click action.
+ *
+ * The walk continues past an element with no action rather than stopping at
+ * the first `[data-element-id]`: a hyperlinked shape inside a group paints its
+ * children as their own elements, so the deepest node under the pointer is
+ * usually a child of the shape that owns the action.
+ */
+function findPresentationActionTarget(target, slide) {
+    if (typeof Element === 'undefined' || !(target instanceof Element) || !slide) {
+        return undefined;
+    }
+    const byId = new Map();
+    for (const element of flattenSlideElements(slide.elements)) {
+        byId.set(element.id, element);
+    }
+    for (let node = target; node !== null; node = node.parentElement) {
+        const id = node.getAttribute('data-element-id');
+        if (!id) {
+            continue;
+        }
+        const action = byId.get(id)?.actionClick;
+        if (action && !isNoOpPresentationAction(action)) {
+            return { elementId: id, action };
+        }
+    }
+    return undefined;
+}
+/**
+ * Resolve an action and perform it.
+ *
+ * @returns `true` when the action navigated (or opened a URL), so the caller
+ *   knows the click is spent and must not also advance the show.
+ */
+function runPresentationAction(action, options, runner) {
+    const { intent, soundPath } = resolvePresentationAction(action, options);
+    if (soundPath && runner.playSound) {
+        runner.playSound(soundPath);
+    }
+    switch (intent.kind) {
+        case 'goToSlide':
+            runner.goToSlide(intent.slideIndex);
+            return true;
+        case 'move':
+            runner.move(intent.direction);
+            return true;
+        case 'endShow':
+            runner.endShow();
+            return true;
+        case 'openUrl':
+            return safeOpenUrl(intent.url);
+        default:
+            return false;
+    }
+}
+/**
+ * Classify a click on the slide-show stage.
+ *
+ * `advance` still has to pass the slide's own `advanceOnClick` gate
+ * ({@link isClickAdvanceAllowed}) and any pending animation builds; this only
+ * decides whether the click REACHES the advance at all.
+ */
+function resolvePresentationClick(target, slide) {
+    const actionTarget = findPresentationActionTarget(target, slide);
+    if (actionTarget) {
+        return { kind: 'action', elementId: actionTarget.elementId, action: actionTarget.action };
+    }
+    return isPresentationAdvanceClick(target) ? { kind: 'advance' } : { kind: 'inert' };
+}
+/**
+ * The one call a binding wires into the click handler it already has.
+ *
+ * Classifies the click, runs any on-slide action itself, and reports what is
+ * left for the caller: only `'advance'` means "now do your click-to-advance"
+ * (still subject to the slide's `advanceOnClick` gate and pending builds).
+ *
+ * @returns The click's classification: `'action'` (consumed here),
+ *   `'advance'` (the caller's to handle), or `'inert'`.
+ */
+function handlePresentationStageClick(target, slide, options, runner) {
+    const outcome = resolvePresentationClick(target, slide);
+    if (outcome.kind === 'action') {
+        runPresentationAction(outcome.action, options, runner);
+    }
+    return outcome.kind;
+}
+
 /**
  * Is a rendered slide element *actionable*: does activating it do something?
  *
@@ -44997,10 +45886,14 @@ function elementHasTextHyperlink(element) {
  */
 function isElementActionable(element, options = {}) {
     const { hasActionHandler = true, hasHyperlinkHandler = true, hasZoomHandler = true } = options;
-    if (element.actionClick && hasActionHandler) {
+    // `ppaction://noaction` is PowerPoint's "Action: None" - the shape keeps an
+    // `a:hlinkClick` entry (usually to carry a highlight or a sound) but does
+    // nothing. Announcing it as a button was wrong, and in a slide show it made
+    // the shape swallow the click-to-advance instead of letting it through.
+    if (element.actionClick && hasActionHandler && !isNoOpPresentationAction(element.actionClick)) {
         return true;
     }
-    if (element.actionHover) {
+    if (element.actionHover && !isNoOpPresentationAction(element.actionHover)) {
         return true;
     }
     if (hasHyperlinkHandler && elementHasTextHyperlink(element)) {
@@ -45113,6 +46006,51 @@ function addTagToCollections(collections) {
     return collections.map((col, ci) => ci !== 0 ? col : { ...col, tags: [...col.tags, { name: '', value: '' }] });
 }
 
+/**
+ * Which rendered elements may be CLICKED while a slide show runs.
+ *
+ * In PowerPoint a running show is not a document you can poke at: only shapes
+ * carrying an Action Setting, live media transport and real hyperlinks accept
+ * the pointer. Everything else is scenery, and a click on it belongs to the
+ * show (click-to-advance).
+ *
+ * React encodes that in its element renderer (`pointer-events-none` unless the
+ * element is actionable). The other four bindings left every element hit-
+ * testable, which is invisible until a deck stacks a large decorative shape
+ * OVER its navigation: on the reporter's deck a 675px ring picture is painted
+ * on top of the eight clickable wheel slices, so in Vue / Angular / Vanilla /
+ * Svelte the ring swallowed every click and the slices could not be reached at
+ * all - the show just stepped to the next slide instead.
+ *
+ * The rule is CSS rather than per-element style so a nested case works by
+ * construction: an actionable shape INSIDE an inert group re-enables itself,
+ * which a `pointer-events: none` written onto the group could never do.
+ *
+ * Scoped to `[data-pptx-presenting]`, which
+ * `applyRenderedElementAccessibility` stamps on a stage that is a running show.
+ *
+ * @module render/presentation-hit-test
+ */
+/** Marker attribute a binding's stage carries while it is a running show. */
+const PRESENTATION_STAGE_ATTRIBUTE = 'data-pptx-presenting';
+/**
+ * Stylesheet text making a running show's scenery pointer-transparent.
+ *
+ * Inject once, alongside the animation keyframes; the attribute scope makes it
+ * inert everywhere else.
+ */
+const PRESENTATION_HIT_TEST_CSS = `
+[${PRESENTATION_STAGE_ATTRIBUTE}] [data-element-id] {
+	pointer-events: none;
+}
+[${PRESENTATION_STAGE_ATTRIBUTE}] [data-pptx-action],
+[${PRESENTATION_STAGE_ATTRIBUTE}] [data-element-id] a[href],
+[${PRESENTATION_STAGE_ATTRIBUTE}] [data-element-id] video[controls],
+[${PRESENTATION_STAGE_ATTRIBUTE}] [data-element-id] audio[controls] {
+	pointer-events: auto;
+}
+`;
+
 function flattenElements(elements) {
     const flattened = [];
     for (const element of elements) {
@@ -45124,7 +46062,15 @@ function flattenElements(elements) {
     return flattened;
 }
 /** Apply the shared role and accessible-name model at a rendered stage boundary. */
-function applyRenderedElementAccessibility(stage, elements) {
+function applyRenderedElementAccessibility(stage, elements, options = {}) {
+    if (typeof Element !== 'undefined' && stage instanceof Element) {
+        if (options.presenting) {
+            stage.setAttribute(PRESENTATION_STAGE_ATTRIBUTE, 'true');
+        }
+        else {
+            stage.removeAttribute(PRESENTATION_STAGE_ATTRIBUTE);
+        }
+    }
     let applied = 0;
     for (const element of flattenElements(elements)) {
         const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'
@@ -45136,7 +46082,20 @@ function applyRenderedElementAccessibility(stage, elements) {
         }
         // Actionable elements (click/hover action, text hyperlink, zoom tile) are
         // announced as buttons, matching React's element renderer.
-        const role = getAriaRole(element, { actionable: isElementActionable(element) });
+        const actionable = isElementActionable(element);
+        // `data-pptx-action` is the neutral marker
+        // `PRESENTATION_INERT_CLICK_SELECTOR` keys off: an element that owns its
+        // own click must never ALSO step the slide show on. Only React stamped it
+        // (and only on its static renderer), so on a deck whose navigation is
+        // on-slide action shapes every other binding advanced the show instead of
+        // following the link.
+        if (actionable) {
+            node.setAttribute('data-pptx-action', 'click');
+        }
+        else {
+            node.removeAttribute('data-pptx-action');
+        }
+        const role = getAriaRole(element, { actionable });
         if (role) {
             node.setAttribute('role', role);
         }
@@ -48821,114 +49780,6 @@ function updateViewerPreference(preferences, key, value) {
     return { ...preferences, [key]: value };
 }
 
-function shouldLoopContinuously(input) {
-    return Boolean(input.loopContinuously) || input.showType === 'kiosk';
-}
-/**
- * PowerPoint's "On Mouse Click" advance gate. An on-slide click / tap / swipe
- * advances the show only when the current slide's transition allows it: a slide
- * whose transition sets `advanceOnClick` to false is advanced solely by timings
- * or by explicit navigation (keyboard, on-screen next/prev buttons). An
- * undefined flag defaults to allowed, preserving the historical
- * click-to-advance behaviour.
- *
- * Only the click / tap / swipe advance may consult this. Keyboard, on-screen
- * next/prev buttons and timed auto-advance must never be gated by it.
- */
-function isClickAdvanceAllowed(slide) {
-    return slide?.transition?.advanceOnClick !== false;
-}
-/**
- * PowerPoint's "After: <n>" timed advance (`p:transition/@advTm`, milliseconds).
- *
- * Returns the delay a slide show must wait before stepping to the next slide on
- * its own, or `undefined` when the slide waits for input instead. Timings are
- * honoured unless the show is explicitly set to manual advance
- * (`PptxPresentationProperties.advanceMode === 'manual'`, surfaced here as
- * `useTimings: false`); an unset flag keeps them, matching PowerPoint's default
- * "Using timings, if present".
- *
- * This pairs with {@link isClickAdvanceAllowed}: a slide authored with
- * `advClick="0" advTm="…"` is advanced ONLY by this timer, so a binding that
- * honours the click gate without also running the timer leaves the show
- * permanently stuck on that slide with no visible response to input.
- */
-function resolveAutoAdvanceDelayMs(slide, options) {
-    if (options?.useTimings === false) {
-        return undefined;
-    }
-    const advanceAfterMs = slide?.transition?.advanceAfterMs;
-    if (typeof advanceAfterMs !== 'number' ||
-        !Number.isFinite(advanceAfterMs) ||
-        advanceAfterMs < 0) {
-        return undefined;
-    }
-    return advanceAfterMs;
-}
-/**
- * Click targets that own their own click during a running show and must never
- * also step the slide on: hyperlinks and action buttons (PowerPoint follows the
- * link instead of advancing), media transport, form controls, and anything
- * inside a dialog. `[data-pptx-action]` is the attribute every binding stamps
- * on an element carrying an on-click action.
- */
-const PRESENTATION_INERT_CLICK_SELECTOR = 'a, button, input, select, textarea, video, audio, [data-pptx-action], [role="dialog"]';
-/**
- * A media element only owns its click while it exposes native transport: with
- * no controls there is nothing on it to click, so it is as inert as any other
- * picture. This matters for a full-bleed background video, which covers the
- * ENTIRE slide: treating it as interactive would swallow every click on that
- * slide and leave the presenter unable to advance at all.
- */
-function isInertMedia(node) {
-    return ((node.tagName === 'VIDEO' || node.tagName === 'AUDIO') && !node.controls);
-}
-/**
- * Whether a click on `target` is PowerPoint's "On Mouse Click" advance rather
- * than an interaction with live slide content or show chrome.
- *
- * Only decides whether the click *reaches* the advance; whether the advance is
- * then allowed is {@link isClickAdvanceAllowed}'s job.
- */
-function isPresentationAdvanceClick(target) {
-    if (typeof Element === 'undefined' || !(target instanceof Element)) {
-        return false;
-    }
-    for (let node = target; node !== null; node = node.parentElement) {
-        if (isInertMedia(node)) {
-            continue;
-        }
-        if (node.matches(PRESENTATION_INERT_CLICK_SELECTOR)) {
-            return false;
-        }
-    }
-    return true;
-}
-function applyRehearsalTimings(slides, timings) {
-    return slides.map((slide, index) => {
-        const advanceAfterMs = timings[index];
-        if (typeof advanceAfterMs !== 'number') {
-            return slide;
-        }
-        return {
-            ...slide,
-            transition: {
-                ...slide.transition,
-                type: slide.transition?.type ?? 'none',
-                advanceAfterMs,
-            },
-        };
-    });
-}
-function sortEntranceAnimations(animations) {
-    return [...animations]
-        .filter(({ entrance }) => Boolean(entrance))
-        .sort((left, right) => (left.order ?? Number.MAX_SAFE_INTEGER) - (right.order ?? Number.MAX_SAFE_INTEGER));
-}
-function computeEntranceAnimationDelay(delayMs, animationIndex) {
-    return Math.max(0, delayMs || 0) + animationIndex * 60;
-}
-
 /**
  * presentation-show-order.ts: which slides a running slide show visits, and in
  * what order.
@@ -49102,6 +49953,89 @@ function lastShowSlideIndex(showIndexes) {
     return showIndexes.length > 0 ? showIndexes[showIndexes.length - 1] : undefined;
 }
 
+/**
+ * hidden-slide-cue.ts: the one contract every binding uses to mark a slide the
+ * author hid (`p:sld/@show="0"`, parsed by core into `PptxSlide.hidden`) in a
+ * thumbnail rail or a slide sorter.
+ *
+ * Hiding a slide only removes it from the SHOW (see `presentation-show-order`);
+ * the slide stays in the deck, the rail and the sorter. That makes the cue the
+ * only way a user can tell the difference between a slide that will present and
+ * one that will silently be skipped, so it has to be present, legible and
+ * announced, in every binding, or the feature is invisible where it is missing.
+ *
+ * Three separate signals, on purpose:
+ *
+ * 1. `marker` -> `data-pptx-slide-hidden="true"` on the tile. A neutral,
+ *    framework-agnostic hook so a spec can assert the state without knowing
+ *    which binding rendered it, and without depending on class names that are
+ *    Tailwind in two bindings and hand-written CSS in three.
+ * 2. `slashGradient` -> a diagonal line struck through the slide number. This
+ *    is PowerPoint's own cue and, unlike dimming, it is a SHAPE: colour alone
+ *    is not an accessible signal, and a dimmed tile is indistinguishable from a
+ *    dark thumbnail. Shipped as one shared gradient string rather than five
+ *    hand-drawn slashes so the mark is literally identical everywhere.
+ * 3. `labelId` -> the id of a "Hidden" text node the tile points at with
+ *    `aria-describedby`. Deliberately NOT folded into the tile's `aria-label`:
+ *    "Go to slide {{n}}" is the accessible name the whole e2e suite and every
+ *    binding's parity spec pins, so the state ships as a DESCRIPTION, which
+ *    assistive tech announces after the name and which no name matcher sees.
+ *
+ * Framework-agnostic: no React, Vue, Angular, Svelte or DOM imports.
+ */
+/**
+ * Attribute a rail or sorter tile carries while its slide is hidden.
+ *
+ * Present-or-absent rather than `="false"`, so `[data-pptx-slide-hidden]` is a
+ * valid CSS/locator selector on its own.
+ */
+const HIDDEN_SLIDE_ATTRIBUTE = 'data-pptx-slide-hidden';
+/**
+ * The dictionary key for the single word shown and announced for the state.
+ * Reused from the sorter rather than duplicated per surface: one string to
+ * translate, and one string a user learns to recognise.
+ */
+const HIDDEN_SLIDE_LABEL_KEY = 'pptx.slideSorter.hidden';
+/**
+ * The diagonal slash struck through a hidden slide's number, as a CSS
+ * `background-image`.
+ *
+ * Derived from `currentColor` so it inherits whatever the number is painted in
+ * and stays visible in both the light and the dark chrome themes.
+ *
+ * Two details are load-bearing, both found by looking at it rather than by
+ * reasoning about it. The stops are tight, because at the 10px number size the
+ * rails use a thicker line reads as a smudge. And the line is drawn at 60% of
+ * the text colour, so the fully-opaque digit sitting on top of it stays the
+ * darker of the two: at full strength the slash merged with a narrow glyph like
+ * "1" and turned "slide 1, hidden" into "slide ?, hidden".
+ */
+const HIDDEN_SLIDE_SLASH_GRADIENT = 'linear-gradient(to top right, transparent 47%, color-mix(in srgb, currentColor 60%, transparent) 47%, color-mix(in srgb, currentColor 60%, transparent) 53%, transparent 53%)';
+/** Opacity a hidden slide's thumbnail is dimmed to, alongside the slash. */
+const HIDDEN_SLIDE_DIM_OPACITY = 0.5;
+/**
+ * The id of a tile's "Hidden" description node.
+ *
+ * `surface` distinguishes the rail from the sorter: both can be mounted at once
+ * (the sorter is an overlay ON TOP of the rail), and two nodes sharing an id
+ * would leave `aria-describedby` pointing at whichever the browser found first.
+ */
+function hiddenSlideLabelId(surface, slideIndex) {
+    return `pptx-hidden-slide-${surface}-${slideIndex}`;
+}
+/**
+ * Resolve the cue for one tile.
+ *
+ * Takes the flag rather than the slide so a binding can pass its own view model,
+ * and so nothing here has to re-derive a state core already parsed.
+ */
+function hiddenSlideCue(hidden, surface, slideIndex) {
+    if (!hidden) {
+        return { hidden: false, labelId: undefined, marker: undefined };
+    }
+    return { hidden: true, labelId: hiddenSlideLabelId(surface, slideIndex), marker: 'true' };
+}
+
 function mergeCaptionResults(resultIndex, results) {
     let finalText = '';
     let interimText = '';
@@ -53108,6 +54042,314 @@ function segmentFrameCount(durationMs, fps) {
  * bare `'pptx-viewer-shared'` specifier (which ng-packagr would externalize).
  */
 
+/**
+ * English names for the two animation preset vocabularies, split out of
+ * `translations-en` because 278 mechanical name entries would drown the
+ * hand-written UI copy in that file.
+ *
+ * Two groups live here:
+ *
+ *  - the `PptxAnimationPreset` tokens the main dictionary never named, which
+ *    a loaded deck can put in a timeline row the moment its OOXML preset maps
+ *    onto one of them;
+ *  - every entry in `pptx-viewer-core`'s OOXML preset catalogue, keyed by the
+ *    slug `animationCatalogPresetLabelKey` derives from the preset id.
+ *
+ * WHY the catalogue is duplicated here rather than read from its `label`
+ * field: the catalogue's labels are English constants baked into a data table
+ * that the parser and writer also use, so a locale has nowhere to override
+ * them. Naming every preset through the dictionary instead is what makes the
+ * German/Spanish/French coverage tests able to prove no preset falls back to
+ * an untranslated string.
+ *
+ * @module i18n/translations-en-animation-presets
+ */
+const animationPresetTranslationsEn = {
+    // Editor preset tokens the dictionary never named.
+    'pptx.animation.preset.wheelIn': 'Wheel In',
+    'pptx.animation.preset.blindsIn': 'Blinds In',
+    'pptx.animation.preset.boxIn': 'Box In',
+    'pptx.animation.preset.riseUp': 'Rise Up',
+    'pptx.animation.preset.swivel': 'Swivel',
+    'pptx.animation.preset.expandIn': 'Expand In',
+    'pptx.animation.preset.checkerboardIn': 'Checkerboard In',
+    'pptx.animation.preset.flashIn': 'Flash In',
+    'pptx.animation.preset.peekIn': 'Peek In',
+    'pptx.animation.preset.randomBarsIn': 'Random Bars In',
+    'pptx.animation.preset.spinnerIn': 'Spinner In',
+    'pptx.animation.preset.transparency': 'Transparency',
+    // Entrance catalogue.
+    'pptx.animation.catalogPreset.entr1': 'Appear',
+    'pptx.animation.catalogPreset.entr2': 'Fly In',
+    'pptx.animation.catalogPreset.entr3': 'Blinds',
+    'pptx.animation.catalogPreset.entr4': 'Box',
+    'pptx.animation.catalogPreset.entr5': 'Checkerboard',
+    'pptx.animation.catalogPreset.entr6': 'Circle',
+    'pptx.animation.catalogPreset.entr7': 'Crawl In',
+    'pptx.animation.catalogPreset.entr8': 'Diamond',
+    'pptx.animation.catalogPreset.entr9': 'Dissolve In',
+    'pptx.animation.catalogPreset.entr10': 'Fade',
+    'pptx.animation.catalogPreset.entr11': 'Flash Bulb',
+    'pptx.animation.catalogPreset.entr12': 'Flash Once',
+    'pptx.animation.catalogPreset.entr13': 'Plus',
+    'pptx.animation.catalogPreset.entr14': 'Random Bars',
+    'pptx.animation.catalogPreset.entr15': 'Spiral In',
+    'pptx.animation.catalogPreset.entr16': 'Peek In',
+    'pptx.animation.catalogPreset.entr17': 'Split',
+    'pptx.animation.catalogPreset.entr18': 'Stretch',
+    'pptx.animation.catalogPreset.entr19': 'Strips',
+    'pptx.animation.catalogPreset.entr20': 'Wedge',
+    'pptx.animation.catalogPreset.entr21': 'Wheel',
+    'pptx.animation.catalogPreset.entr22': 'Wipe',
+    'pptx.animation.catalogPreset.entr23': 'Zoom',
+    'pptx.animation.catalogPreset.entr24': 'Random Effects',
+    'pptx.animation.catalogPreset.entr25': 'Boomerang',
+    'pptx.animation.catalogPreset.entr26': 'Rise Up',
+    'pptx.animation.catalogPreset.entr27': 'Credits',
+    'pptx.animation.catalogPreset.entr28': 'Float Up',
+    'pptx.animation.catalogPreset.entr29': 'Pinwheel',
+    'pptx.animation.catalogPreset.entr30': 'Spinner',
+    'pptx.animation.catalogPreset.entr31': 'Expand',
+    'pptx.animation.catalogPreset.entr32': 'Whip',
+    'pptx.animation.catalogPreset.entr33': 'Arrive',
+    'pptx.animation.catalogPreset.entr34': 'Basic Swivel',
+    'pptx.animation.catalogPreset.entr35': 'Beveled Arrival',
+    'pptx.animation.catalogPreset.entr36': 'Curve Up',
+    'pptx.animation.catalogPreset.entr37': 'Bounce',
+    'pptx.animation.catalogPreset.entr38': 'Fold',
+    'pptx.animation.catalogPreset.entr39': 'Faded Swivel',
+    'pptx.animation.catalogPreset.entr40': 'Faded Zoom',
+    'pptx.animation.catalogPreset.entr41': 'Light Speed',
+    'pptx.animation.catalogPreset.entr42': 'Float In',
+    'pptx.animation.catalogPreset.entr43': 'Flip',
+    'pptx.animation.catalogPreset.entr44': 'Glide',
+    'pptx.animation.catalogPreset.entr45': 'Grow & Rotate',
+    'pptx.animation.catalogPreset.entr46': 'Grow with Color',
+    'pptx.animation.catalogPreset.entr47': 'Swivel',
+    'pptx.animation.catalogPreset.entr48': 'Magnify',
+    'pptx.animation.catalogPreset.entr49': 'Pinwheel IV',
+    'pptx.animation.catalogPreset.entr50': 'Sling',
+    'pptx.animation.catalogPreset.entr51': 'Compress',
+    'pptx.animation.catalogPreset.entr52': 'Unfold',
+    'pptx.animation.catalogPreset.entr53': 'Grow & Turn',
+    'pptx.animation.catalogPreset.entr54': 'Zoom Rotate',
+    'pptx.animation.catalogPreset.entr55': 'Curvy Star',
+    'pptx.animation.catalogPreset.entr56': 'Rotate',
+    'pptx.animation.catalogPreset.entr57': 'Center Revolve',
+    'pptx.animation.catalogPreset.entr58': 'Thread',
+    'pptx.animation.catalogPreset.entr59': 'Drop In',
+    'pptx.animation.catalogPreset.entr60': 'Ascend',
+    'pptx.animation.catalogPreset.entr61': 'Descend',
+    'pptx.animation.catalogPreset.entr62': 'Center Stage',
+    'pptx.animation.catalogPreset.entr63': 'Ease In',
+    'pptx.animation.catalogPreset.entr64': 'Stretchy',
+    'pptx.animation.catalogPreset.entr65': 'Zip',
+    'pptx.animation.catalogPreset.entr66': 'Bars',
+    'pptx.animation.catalogPreset.entr67': 'Cover',
+    'pptx.animation.catalogPreset.entr68': 'Reveal',
+    // Exit catalogue.
+    'pptx.animation.catalogPreset.exit1': 'Disappear',
+    'pptx.animation.catalogPreset.exit2': 'Fly Out',
+    'pptx.animation.catalogPreset.exit3': 'Blinds',
+    'pptx.animation.catalogPreset.exit4': 'Box',
+    'pptx.animation.catalogPreset.exit5': 'Checkerboard',
+    'pptx.animation.catalogPreset.exit6': 'Circle',
+    'pptx.animation.catalogPreset.exit7': 'Crawl Out',
+    'pptx.animation.catalogPreset.exit8': 'Diamond',
+    'pptx.animation.catalogPreset.exit9': 'Dissolve Out',
+    'pptx.animation.catalogPreset.exit10': 'Fade',
+    'pptx.animation.catalogPreset.exit11': 'Flash Bulb',
+    'pptx.animation.catalogPreset.exit12': 'Flash Once',
+    'pptx.animation.catalogPreset.exit13': 'Plus',
+    'pptx.animation.catalogPreset.exit14': 'Random Bars',
+    'pptx.animation.catalogPreset.exit15': 'Spiral Out',
+    'pptx.animation.catalogPreset.exit16': 'Peek Out',
+    'pptx.animation.catalogPreset.exit17': 'Split',
+    'pptx.animation.catalogPreset.exit18': 'Collapse',
+    'pptx.animation.catalogPreset.exit19': 'Strips',
+    'pptx.animation.catalogPreset.exit20': 'Wedge',
+    'pptx.animation.catalogPreset.exit21': 'Wheel',
+    'pptx.animation.catalogPreset.exit22': 'Wipe',
+    'pptx.animation.catalogPreset.exit23': 'Zoom',
+    'pptx.animation.catalogPreset.exit24': 'Random Effects',
+    'pptx.animation.catalogPreset.exit25': 'Boomerang',
+    'pptx.animation.catalogPreset.exit26': 'Sink Down',
+    'pptx.animation.catalogPreset.exit27': 'Credits',
+    'pptx.animation.catalogPreset.exit28': 'Float Down',
+    'pptx.animation.catalogPreset.exit29': 'Pinwheel',
+    'pptx.animation.catalogPreset.exit30': 'Spinner',
+    'pptx.animation.catalogPreset.exit31': 'Contract',
+    'pptx.animation.catalogPreset.exit32': 'Whip',
+    'pptx.animation.catalogPreset.exit33': 'Leave',
+    'pptx.animation.catalogPreset.exit34': 'Basic Swivel',
+    'pptx.animation.catalogPreset.exit35': 'Beveled Departure',
+    'pptx.animation.catalogPreset.exit36': 'Curve Down',
+    'pptx.animation.catalogPreset.exit37': 'Bounce',
+    'pptx.animation.catalogPreset.exit38': 'Unfold',
+    'pptx.animation.catalogPreset.exit39': 'Faded Swivel',
+    'pptx.animation.catalogPreset.exit40': 'Faded Zoom',
+    'pptx.animation.catalogPreset.exit41': 'Light Speed',
+    'pptx.animation.catalogPreset.exit42': 'Float Out',
+    'pptx.animation.catalogPreset.exit43': 'Flip',
+    'pptx.animation.catalogPreset.exit44': 'Glide',
+    'pptx.animation.catalogPreset.exit45': 'Shrink & Rotate',
+    'pptx.animation.catalogPreset.exit46': 'Shrink with Color',
+    'pptx.animation.catalogPreset.exit47': 'Swivel',
+    'pptx.animation.catalogPreset.exit48': 'Shrink & Turn',
+    'pptx.animation.catalogPreset.exit49': 'Pinwheel IV',
+    'pptx.animation.catalogPreset.exit50': 'Sling',
+    'pptx.animation.catalogPreset.exit51': 'Stretch Out',
+    'pptx.animation.catalogPreset.exit52': 'Fold Out',
+    'pptx.animation.catalogPreset.exit53': 'Shrink & Spin',
+    'pptx.animation.catalogPreset.exit54': 'Zoom Rotate',
+    'pptx.animation.catalogPreset.exit55': 'Curvy Star',
+    'pptx.animation.catalogPreset.exit56': 'Rotate',
+    'pptx.animation.catalogPreset.exit57': 'Center Revolve',
+    'pptx.animation.catalogPreset.exit58': 'Thread Out',
+    'pptx.animation.catalogPreset.exit59': 'Drop Out',
+    'pptx.animation.catalogPreset.exit60': 'Ascend',
+    'pptx.animation.catalogPreset.exit61': 'Descend',
+    'pptx.animation.catalogPreset.exit62': 'Exit Stage',
+    'pptx.animation.catalogPreset.exit63': 'Ease Out',
+    'pptx.animation.catalogPreset.exit64': 'Stretchy',
+    'pptx.animation.catalogPreset.exit65': 'Zip Out',
+    'pptx.animation.catalogPreset.exit66': 'Bars Out',
+    'pptx.animation.catalogPreset.exit67': 'Uncover',
+    'pptx.animation.catalogPreset.exit68': 'Conceal',
+    // Emphasis catalogue.
+    'pptx.animation.catalogPreset.emph1': 'Bold Flash',
+    'pptx.animation.catalogPreset.emph2': 'Color Wave',
+    'pptx.animation.catalogPreset.emph3': 'Brush on Color',
+    'pptx.animation.catalogPreset.emph4': 'Brush on Underline',
+    'pptx.animation.catalogPreset.emph5': 'Change Font',
+    'pptx.animation.catalogPreset.emph6': 'Grow/Shrink',
+    'pptx.animation.catalogPreset.emph7': 'Change Font Color',
+    'pptx.animation.catalogPreset.emph8': 'Spin',
+    'pptx.animation.catalogPreset.emph9': 'Transparency',
+    'pptx.animation.catalogPreset.emph10': 'Change Font Size',
+    'pptx.animation.catalogPreset.emph11': 'Change Font Style',
+    'pptx.animation.catalogPreset.emph12': 'Grow with Color',
+    'pptx.animation.catalogPreset.emph13': 'Desaturate',
+    'pptx.animation.catalogPreset.emph14': 'Teeter',
+    'pptx.animation.catalogPreset.emph15': 'Vertical Highlight',
+    'pptx.animation.catalogPreset.emph16': 'Wave',
+    'pptx.animation.catalogPreset.emph17': 'Blast',
+    'pptx.animation.catalogPreset.emph18': 'Bold Reveal',
+    'pptx.animation.catalogPreset.emph19': 'Wash Out',
+    'pptx.animation.catalogPreset.emph20': 'Shimmer',
+    'pptx.animation.catalogPreset.emph21': 'Flicker',
+    'pptx.animation.catalogPreset.emph22': 'Grow with Color (Sustain)',
+    'pptx.animation.catalogPreset.emph23': 'Lighten',
+    'pptx.animation.catalogPreset.emph24': 'Darken',
+    'pptx.animation.catalogPreset.emph25': 'Style Emphasis',
+    'pptx.animation.catalogPreset.emph26': 'Pulse',
+    'pptx.animation.catalogPreset.emph27': 'Color Pulse',
+    'pptx.animation.catalogPreset.emph28': 'Color Blend',
+    'pptx.animation.catalogPreset.emph29': 'Complementary Color',
+    'pptx.animation.catalogPreset.emph30': 'Complementary Color 2',
+    'pptx.animation.catalogPreset.emph31': 'Contrasting Color',
+    'pptx.animation.catalogPreset.emph32': 'Pulse Once',
+    'pptx.animation.catalogPreset.emph33': 'Underline',
+    'pptx.animation.catalogPreset.emph34': 'Bold Flash (Variant)',
+    'pptx.animation.catalogPreset.emph35': 'Teeter (Variant)',
+    'pptx.animation.catalogPreset.emph36': 'Wave (Variant)',
+    'pptx.animation.catalogPreset.emph37': 'Object Color',
+    'pptx.animation.catalogPreset.emph38': 'Fill Color',
+    'pptx.animation.catalogPreset.emph39': 'Line Color',
+    'pptx.animation.catalogPreset.emph40': 'Brush on Color (Sustain)',
+    'pptx.animation.catalogPreset.emph41': 'Color Wave (Sustain)',
+    'pptx.animation.catalogPreset.emph42': 'Flash',
+    'pptx.animation.catalogPreset.emph43': 'Flicker Slow',
+    'pptx.animation.catalogPreset.emph44': 'Grow Big',
+    'pptx.animation.catalogPreset.emph45': 'Shrink Small',
+    'pptx.animation.catalogPreset.emph46': 'Color Lighten',
+    'pptx.animation.catalogPreset.emph47': 'Color Darken',
+    'pptx.animation.catalogPreset.emph48': 'Bold Italics',
+    'pptx.animation.catalogPreset.emph49': 'Spin Slow',
+    'pptx.animation.catalogPreset.emph50': 'Spin Fast',
+    'pptx.animation.catalogPreset.emph51': 'Wobble',
+    'pptx.animation.catalogPreset.emph52': 'Jiggle',
+    'pptx.animation.catalogPreset.emph53': 'Bounce In Place',
+    'pptx.animation.catalogPreset.emph54': 'Heartbeat',
+    'pptx.animation.catalogPreset.emph55': 'Glow',
+    'pptx.animation.catalogPreset.emph56': 'Brighten',
+    'pptx.animation.catalogPreset.emph57': 'Dim',
+    'pptx.animation.catalogPreset.emph58': 'Saturate',
+    'pptx.animation.catalogPreset.emph59': 'Color Cycle',
+    'pptx.animation.catalogPreset.emph60': 'Rainbow',
+    'pptx.animation.catalogPreset.emph61': 'Shake',
+    'pptx.animation.catalogPreset.emph62': 'Vibrate',
+    'pptx.animation.catalogPreset.emph63': 'Sway',
+    'pptx.animation.catalogPreset.emph64': 'Bob',
+    // Motion path catalogue.
+    'pptx.animation.catalogPreset.pathLineUp': 'Lines: Up',
+    'pptx.animation.catalogPreset.pathLineDown': 'Lines: Down',
+    'pptx.animation.catalogPreset.pathLineLeft': 'Lines: Left',
+    'pptx.animation.catalogPreset.pathLineRight': 'Lines: Right',
+    'pptx.animation.catalogPreset.pathLineUpLeft': 'Lines: Up-Left',
+    'pptx.animation.catalogPreset.pathLineUpRight': 'Lines: Up-Right',
+    'pptx.animation.catalogPreset.pathLineDownLeft': 'Lines: Down-Left',
+    'pptx.animation.catalogPreset.pathLineDownRight': 'Lines: Down-Right',
+    'pptx.animation.catalogPreset.pathArcUp': 'Arcs: Up',
+    'pptx.animation.catalogPreset.pathArcDown': 'Arcs: Down',
+    'pptx.animation.catalogPreset.pathArcLeft': 'Arcs: Left',
+    'pptx.animation.catalogPreset.pathArcRight': 'Arcs: Right',
+    'pptx.animation.catalogPreset.pathTurnUpLeft': 'Turns: Up-Left',
+    'pptx.animation.catalogPreset.pathTurnUpRight': 'Turns: Up-Right',
+    'pptx.animation.catalogPreset.pathTurnDownLeft': 'Turns: Down-Left',
+    'pptx.animation.catalogPreset.pathTurnDownRight': 'Turns: Down-Right',
+    'pptx.animation.catalogPreset.pathTurnUTurn': 'Turns: U-Turn',
+    'pptx.animation.catalogPreset.pathCircle': 'Shapes: Circle',
+    'pptx.animation.catalogPreset.pathDiamond': 'Shapes: Diamond',
+    'pptx.animation.catalogPreset.pathHexagon': 'Shapes: Hexagon',
+    'pptx.animation.catalogPreset.pathOctagon': 'Shapes: Octagon',
+    'pptx.animation.catalogPreset.pathParallelogram': 'Shapes: Parallelogram',
+    'pptx.animation.catalogPreset.pathPentagon': 'Shapes: Pentagon',
+    'pptx.animation.catalogPreset.pathRightTriangle': 'Shapes: Right Triangle',
+    'pptx.animation.catalogPreset.pathEquilateralTriangle': 'Shapes: Equilateral Triangle',
+    'pptx.animation.catalogPreset.pathTrapezoid': 'Shapes: Trapezoid',
+    'pptx.animation.catalogPreset.pathSquare': 'Shapes: Square',
+    'pptx.animation.catalogPreset.pathStar4': 'Shapes: 4 Point Star',
+    'pptx.animation.catalogPreset.pathStar5': 'Shapes: 5 Point Star',
+    'pptx.animation.catalogPreset.pathStar6': 'Shapes: 6 Point Star',
+    'pptx.animation.catalogPreset.pathStar8': 'Shapes: 8 Point Star',
+    'pptx.animation.catalogPreset.pathCrescent': 'Shapes: Crescent Moon',
+    'pptx.animation.catalogPreset.pathHeart': 'Shapes: Heart',
+    'pptx.animation.catalogPreset.pathFootball': 'Shapes: Football',
+    'pptx.animation.catalogPreset.pathTeardrop': 'Shapes: Teardrop',
+    'pptx.animation.catalogPreset.pathLoopDeCay': 'Loops: Decaying Wave',
+    'pptx.animation.catalogPreset.pathLoopFigure8': 'Loops: Figure 8',
+    'pptx.animation.catalogPreset.pathLoopFigure8Four': 'Loops: Figure 8 Four',
+    'pptx.animation.catalogPreset.pathLoopHorizFigure8': 'Loops: Horizontal Figure 8',
+    'pptx.animation.catalogPreset.pathLoopVertFigure8': 'Loops: Vertical Figure 8',
+    'pptx.animation.catalogPreset.pathLoopLoopDeLoop': 'Loops: Loop de Loop',
+    'pptx.animation.catalogPreset.pathLoopNeutron': 'Loops: Neutron',
+    'pptx.animation.catalogPreset.pathLoopPeanut': 'Loops: Peanut',
+    'pptx.animation.catalogPreset.pathLoopPretzel': 'Loops: Pretzel',
+    'pptx.animation.catalogPreset.pathLoopSpring': 'Loops: Spring',
+    'pptx.animation.catalogPreset.pathLoopSwoosh': 'Loops: Swoosh',
+    'pptx.animation.catalogPreset.pathLoopZigzag': 'Loops: Zigzag',
+    'pptx.animation.catalogPreset.pathLoopHeartBeat': 'Loops: Heartbeat',
+    'pptx.animation.catalogPreset.pathLoopCurvyLeft': 'Loops: Curvy Left',
+    'pptx.animation.catalogPreset.pathLoopCurvyRight': 'Loops: Curvy Right',
+    'pptx.animation.catalogPreset.pathLoopCurvyStar': 'Loops: Curvy Star',
+    'pptx.animation.catalogPreset.pathLoopFigure8Side': 'Loops: Figure 8 Side',
+    'pptx.animation.catalogPreset.pathLoopSpiral': 'Loops: Spiral',
+    'pptx.animation.catalogPreset.pathLoopWave': 'Loops: Wave',
+    'pptx.animation.catalogPreset.pathLoopBean': 'Loops: Bean',
+    'pptx.animation.catalogPreset.pathLoopBuzzSaw': 'Loops: Buzz Saw',
+    'pptx.animation.catalogPreset.pathLoopCogwheel': 'Loops: Cogwheel',
+    'pptx.animation.catalogPreset.pathLoopCornerStar': 'Loops: Corner Star',
+    'pptx.animation.catalogPreset.pathLoopCrossPath': 'Loops: Cross',
+    'pptx.animation.catalogPreset.pathLoopDiamond4': 'Loops: Diamond 4',
+    'pptx.animation.catalogPreset.pathLoopFanIn': 'Loops: Fan In',
+    'pptx.animation.catalogPreset.pathLoopFigure8Top': 'Loops: Figure 8 Top',
+    'pptx.animation.catalogPreset.pathLoopHeartBig': 'Loops: Big Heart',
+    'pptx.animation.catalogPreset.pathLoopInverted': 'Loops: Inverted',
+    'pptx.animation.catalogPreset.pathLoopPlus': 'Loops: Plus',
+    'pptx.animation.catalogPreset.pathCustom': 'Custom Path',
+};
+
 /**
  * The canonical English UI-string dictionary for pptx-viewer. None of the
  * React/Vue/Angular binding packages ship translations themselves - each
@@ -53118,6 +54360,9 @@ function segmentFrameCount(durationMs, fps) {
  * instead of drifting into three separate copies.
  */
 const translationsEn = {
+    // Animation effect names for both preset vocabularies (278 mechanical
+    // entries), kept in their own module so they don't drown the UI copy here.
+    ...animationPresetTranslationsEn,
     // Status bar
     'pptx.statusBar.allSaved': 'All saved',
     'pptx.statusBar.unsavedChanges': 'Unsaved changes',
@@ -55420,7 +56665,6 @@ const translationsEn = {
     'pptx.action.slideNumberPlaceholder': 'Slide number (1-based)',
     'pptx.animation.trigger.afterDelay': 'After delay',
     'pptx.animationPanel.stepsMore': '{{base}} +{{extra}} more',
-    'pptx.arrowhead.arrow': 'Arrow',
     'pptx.arrowhead.diamond': 'Diamond',
     'pptx.arrowhead.none': 'None',
     'pptx.arrowhead.openArrow': 'Open Arrow',
@@ -58232,7 +59476,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-DOGPkU6F.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-DdlrIrmU.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -69409,10 +70653,10 @@ function getImageCropShapeClipPath(element) {
 /** Build the complete shared image-effect view consumed by Angular templates. */
 function buildAngularImageRenderView(element) {
     const computed = getComputedImageStyle(element);
+    // The fill/crop fit comes from shared so the `<a:srcRect>` source crop is the
+    // same maths in every binding; `[ngStyle]` accepts its camelCase keys.
     const imageStyle = {
-        width: '100%',
-        height: '100%',
-        'object-fit': 'contain',
+        ...getImageFitStyle(element),
         display: 'block',
     };
     if (computed.filter) {
@@ -69454,7 +70698,13 @@ class ImageRendererComponent {
     interactive = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
     sanitizer = inject(DomSanitizer);
-    containerStyle = computed(() => getContainerStyle(this.element(), this.zIndex()), /* @ts-ignore */
+    // The clip is load-bearing, not cosmetic: a cropped picture is rendered by
+    // scaling the source up and translating the cropped-away part out of the
+    // frame, so without it the discarded region paints over its neighbours.
+    containerStyle = computed(() => ({
+        ...getContainerStyle(this.element(), this.zIndex()),
+        overflow: getImageOverflow(this.element()),
+    }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
     imageSrc = computed(() => getImageSrc(this.element(), this.mediaDataUrls()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "imageSrc" }] : /* istanbul ignore next */ []));
@@ -69940,8 +71190,14 @@ function resolveCaptionTracks(tracks) {
  *
  * On the interactive (edit) canvas native controls are suppressed and pointer
  * events are disabled so a click selects / moves the element rather than
- * scrubbing playback; preview / presentation canvases play normally. This
- * mirrors Vue's `interactive`-gated controls.
+ * scrubbing playback.
+ *
+ * They are suppressed during a SHOW too, which the `interactive` gate alone got
+ * backwards: a running show is non-interactive, so it turned the transport ON,
+ * and a full-bleed background video then painted Chrome's own black scrubber
+ * 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}`).
  */
 class MediaRendererComponent {
     /** The element to render. Playback only occurs when `type === 'media'`. */
@@ -70026,7 +71282,7 @@ class MediaRendererComponent {
 						class="pptx-ng-media-el pptx-ng-media-audio"
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
-						[controls]="!interactive()"
+						[controls]="!interactive() && !presenting()"
 						[loop]="loop()"
 						preload="metadata"
 					></audio>
@@ -70037,7 +71293,7 @@ class MediaRendererComponent {
 						[class.pptx-ng-media-inert]="interactive()"
 						[src]="src + trimFragment()"
 						[poster]="poster() ?? null"
-						[controls]="!interactive()"
+						[controls]="!interactive() && !presenting()"
 						[loop]="loop()"
 						preload="metadata"
 						playsInline
@@ -70086,7 +71342,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()"
+						[controls]="!interactive() && !presenting()"
 						[loop]="loop()"
 						preload="metadata"
 					></audio>
@@ -70097,7 +71353,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()"
+						[controls]="!interactive() && !presenting()"
 						[loop]="loop()"
 						preload="metadata"
 						playsInline
@@ -73303,8 +74559,9 @@ class SlideCanvasComponent {
             const stage = this.stageRef()?.nativeElement;
             const elements = this.allElements();
             const interactive = this.interactive();
-            if (stage && interactive) {
-                queueMicrotask(() => applyRenderedElementAccessibility(stage, elements));
+            const presenting = this.presenting();
+            if (stage && (interactive || presenting)) {
+                queueMicrotask(() => applyRenderedElementAccessibility(stage, elements, { presenting }));
             }
         });
         // Observe the viewport so the slide re-fits on container resize / rotation.
@@ -79813,6 +81070,29 @@ class ViewerPresentationModeService {
             this.presentingPresenter.set(true);
         }
     }
+    /**
+     * Swap between the fullscreen show and the presenter (speaker) console, the
+     * show toolbar's presenter-view toggle and PowerPoint's `N`. Mirrors React's
+     * `togglePresenterView`.
+     *
+     * The two are mutually exclusive rather than stacked: the show overlay is
+     * `position: fixed; z-index: 10000` while the console sits inside the viewer
+     * at `z-index: 50`, so leaving both up would paint the show straight over the
+     * console and the toggle would look inert. The full-deck `activeSlideIndex`
+     * is what both read, so the swap keeps the presenter on the same slide.
+     */
+    togglePresenterView() {
+        if (this.presentingPresenter()) {
+            this.presentingPresenter.set(false);
+            this.presenting.set(true);
+            return;
+        }
+        if (this.presenterStartTime() === null) {
+            this.presenterStartTime.set(Date.now());
+        }
+        this.presentingPresenter.set(true);
+        this.presenting.set(false);
+    }
     /** Close the presenter view (and any audience overlay/window it opened). */
     exitPresenter() {
         this.presentingPresenter.set(false);
@@ -81166,8 +82446,25 @@ class PresentationInputController {
                 return;
             }
         }
+        // An on-slide Action Setting (`a:hlinkClick`) outranks the advance:
+        // PowerPoint follows the shape's link and leaves the show where the link
+        // lands, rather than ALSO stepping to the next slide.
+        if (this.handleActionClick(event.target) !== 'advance') {
+            return;
+        }
         this.advanceFromClick();
     }
+    /**
+     * Run any on-slide action under the pointer, and report what the click left
+     * for the show: only `'advance'` reaches {@link advanceFromClick}.
+     */
+    handleActionClick(target) {
+        return handlePresentationStageClick(target, this.deps.currentSlide(), { slideCount: this.deps.slides().length }, {
+            goToSlide: (index) => this.deps.navigator.goToSlide(index),
+            move: (direction) => this.deps.navigator.navigate(direction > 0 ? 'next' : 'prev'),
+            endShow: () => this.deps.requestClose(),
+        });
+    }
     /**
      * Click/tap/swipe advance. Like every forward step it first reveals the
      * current slide's next animation build; only once the builds are exhausted
@@ -81221,7 +82518,9 @@ function ensurePresetAnimationKeyframes() {
     }
     const style = document.createElement('style');
     style.setAttribute('data-pptx-ng-animation-keyframes', '');
-    style.textContent = ANIMATION_KEYFRAMES_CSS;
+    // Plus the show's hit-testing rule: scenery is pointer-transparent so a click
+    // reaches the action shape underneath it (or the show's own advance).
+    style.textContent = `${ANIMATION_KEYFRAMES_CSS}\n${PRESENTATION_HIT_TEST_CSS}`;
     document.head.appendChild(style);
     presetInjected = true;
 }
@@ -81558,20 +82857,28 @@ class PresentationShowNavigator {
         this.commit(next, transition);
     }
     /**
-     * Jump directly to `index` (clamped to the slide range). Used by the
-     * zoom-navigation context for a click-to-jump from a zoom tile: this is a
-     * transition-less jump, so it does NOT replay the target slide's transition.
+     * Jump directly to `index` (clamped to the slide range). Used by zoom tiles
+     * and by on-slide Action Settings (`ppaction://hlinksldjump`).
+     *
+     * A jump ENTERS the target slide, so PowerPoint plays that slide's
+     * transition exactly as a forward step does. Committing with `null` here is
+     * why a deck navigated by clicking its own on-slide links showed no morph at
+     * all while the same transition played fine on PageDown.
      */
     goToSlide(index) {
-        const count = this.deps.slides().length;
+        const slides = this.deps.slides();
+        const count = slides.length;
         if (count === 0) {
             return;
         }
         const next = clampIndex(index, count);
-        if (next === this.currentIndex()) {
+        const current = this.currentIndex();
+        if (next === current) {
             return;
         }
-        this.commit(next, null);
+        const incoming = slides[next];
+        const outgoing = slides[current];
+        this.commit(next, incoming?.transition && outgoing ? { outgoing, transition: incoming.transition } : null);
     }
     /**
      * The single place a slide change becomes visible: set the transition, move
@@ -81751,6 +83058,376 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 	`, styles: [":host{display:block;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);z-index:70;max-width:80%;min-width:300px;pointer-events:none}.pptx-ng-subtitle-inner{padding:.75rem 1.5rem;border-radius:.5rem;background:#000000bf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-subtitle-text{display:block;text-align:center;font-size:.9375rem;line-height:1.5;color:#ffffffb3;font-style:italic;font-family:system-ui,sans-serif;white-space:pre-wrap;word-break:break-word}\n"] }]
         }], ctorParameters: () => [], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: true }] }] } });
 
+/**
+ * presentation-toolbar-view.ts: the literal class tokens and the auto-hide
+ * state machine behind {@link PresentationToolbarComponent}.
+ *
+ * Neither lives in the component itself, for two reasons:
+ *
+ *  - Tailwind is told to scan `src/viewer/**\/*.ts` and the vendored shared
+ *    source, and nothing else (see `src/styles/pptx-angular-viewer.css`). A
+ *    utility class written straight into a component's external `.html` is
+ *    therefore never emitted, and the control silently renders unstyled. Every
+ *    literal class the toolbar template needs is declared here so the scanner
+ *    sees it; the rest come from shared's `PRESENT_TOOLBAR_CLASSES`, which the
+ *    scanner also covers.
+ *  - This package has no TestBed (see `vitest.config.ts`), so any toolbar
+ *    behaviour worth asserting has to be reachable without rendering it.
+ */
+// ---------------------------------------------------------------------------
+// Class tokens (Tailwind-scanned)
+// ---------------------------------------------------------------------------
+/** Ring on the palette swatch matching the tool's current colour. */
+const SWATCH_BORDER_SELECTED = 'border-white';
+/** Ring on every other palette swatch. */
+const SWATCH_BORDER_IDLE = 'border-white/20';
+/** Hover tint marking the destructive controls (clear ink, end the show). */
+const DESTRUCTIVE_HOVER = 'hover:text-red-400';
+/** Annotation-tool toggle, tinted when the tool is armed. */
+function presentToolbarToggleClass(active) {
+    return active ? PRESENT_TOOLBAR_CLASSES.toggleActive : PRESENT_TOOLBAR_CLASSES.toggle;
+}
+/**
+ * "Clear annotations". The red hover tint is withheld while the button is
+ * disabled so a strokeless slide does not advertise an action that cannot run.
+ */
+function presentToolbarClearClass(hasAnnotations) {
+    return hasAnnotations
+        ? `${PRESENT_TOOLBAR_CLASSES.button} ${DESTRUCTIVE_HOVER}`
+        : PRESENT_TOOLBAR_CLASSES.button;
+}
+/** One colour swatch in a palette popover. */
+function presentToolbarSwatchClass(selected) {
+    const border = selected ? SWATCH_BORDER_SELECTED : SWATCH_BORDER_IDLE;
+    return `${PRESENT_TOOLBAR_CLASSES.swatch} ${border}`;
+}
+/**
+ * Everything the toolbar template needs that is not component state, in one
+ * object: the component would otherwise carry a dozen alias fields whose only
+ * job is to make a constant reachable from an Angular expression.
+ *
+ * The literal utility strings sit here rather than in the template because
+ * Tailwind's `@source` globs cover `.ts` only, so a class written into the
+ * `.html` would never be emitted and its control would render unstyled.
+ */
+const PRESENT_TOOLBAR_VIEW = {
+    ...PRESENT_TOOLBAR_CLASSES,
+    /** "End presentation": always destructive, so always tinted on hover. */
+    end: `${PRESENT_TOOLBAR_CLASSES.button} ${DESTRUCTIVE_HOVER}`,
+    /** Icon inside a navigation / tool button (`PRESENT_TOOLBAR_METRICS.iconSize`). */
+    icon: 'h-[18px] w-[18px]',
+    /** Icon inside a colour caret (`caretIconSize`). */
+    caretIcon: 'h-3 w-3',
+    /** Icon beside the elapsed readout (`timerIconSize`). */
+    timerIcon: 'h-3.5 w-3.5',
+    /**
+     * A tool toggle plus its caret and palette popover. The palette is positioned
+     * against this group, so the group has to establish the containing block.
+     */
+    group: 'relative flex items-center',
+    penColors: PEN_COLORS,
+    highlighterColors: HIGHLIGHTER_COLORS,
+    toggleClass: presentToolbarToggleClass,
+    clearClass: presentToolbarClearClass,
+    swatchClass: presentToolbarSwatchClass,
+};
+// ---------------------------------------------------------------------------
+// Disabled-state predicates
+// ---------------------------------------------------------------------------
+/**
+ * Whether "previous slide" is dead. An empty deck counts as the first slide, so
+ * the control is disabled rather than stepping to index -1.
+ */
+function isAtFirstSlide(currentSlideIndex) {
+    return currentSlideIndex <= 0;
+}
+/**
+ * Whether "next slide" is dead. Note this is the LAST slide, not the black
+ * end-of-show screen: PowerPoint still lets a forward input raise that screen,
+ * and the show overlay owns it, so the toolbar stops one step earlier than the
+ * keyboard does.
+ */
+function isAtLastSlide(currentSlideIndex, totalSlides) {
+    return currentSlideIndex >= totalSlides - 1;
+}
+// ---------------------------------------------------------------------------
+// Auto-hide
+// ---------------------------------------------------------------------------
+/**
+ * The show toolbar's auto-hide countdown, mirroring React's
+ * `PresentationToolbarWrapper`: any pointer movement shows the bar, and it
+ * fades out again after {@link AUTO_HIDE_DELAY_MS} of stillness unless the
+ * pointer is resting on the bar itself.
+ *
+ * Split out of the component because a presenter losing the bar mid-show (or
+ * never getting it back) is the failure this logic exists to prevent, and it
+ * cannot be exercised through a component this package cannot mount.
+ */
+class PresentToolbarAutoHide {
+    setVisible;
+    timer = null;
+    hovering = false;
+    constructor(setVisible) {
+        this.setVisible = setVisible;
+    }
+    /** Pointer moved anywhere: show the bar and restart the countdown. */
+    poke() {
+        this.setVisible(true);
+        this.restart();
+    }
+    /** Pointer entered the bar: keep it up for as long as it rests there. */
+    enter() {
+        this.hovering = true;
+        this.cancel();
+        this.setVisible(true);
+    }
+    /** Pointer left the bar: resume the countdown. */
+    leave() {
+        this.hovering = false;
+        this.restart();
+    }
+    /** Drop the pending timer (component teardown). */
+    dispose() {
+        this.cancel();
+    }
+    restart() {
+        this.cancel();
+        this.timer = setTimeout(() => {
+            this.timer = null;
+            if (!this.hovering) {
+                this.setVisible(false);
+            }
+        }, AUTO_HIDE_DELAY_MS);
+    }
+    cancel() {
+        if (this.timer !== null) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+    }
+}
+
+/**
+ * presentation-toolbar.component.ts: the floating bottom-centre toolbar of a
+ * running slide show.
+ *
+ * Selector: `pptx-presentation-toolbar`
+ *
+ * The inventory, the order and the measurements are NOT decided here: they come
+ * from `PRESENT_TOOLBAR_CONTROLS` / `PRESENT_TOOLBAR_CLASSES` in
+ * `pptx-viewer-shared`, which is what stops this bar drifting from the other
+ * four bindings again. Angular previously shipped a bottom-LEFT strip of four
+ * annotation tools plus a captions button, so a presenter had no visible way to
+ * step slides, read the elapsed time, open presenter view or leave the show.
+ *
+ * The bar is the component HOST (it carries `PRESENT_TOOLBAR_CLASSES.wrapper`
+ * and the auto-hide opacity), so the show overlay only has to place the element;
+ * positioning and fade live with the behaviour that drives them.
+ *
+ * Annotation state is read from the overlay-provided
+ * {@link PresentationAnnotationsService} rather than passed in, the same way
+ * `PresentationAnnotationOverlayComponent` does it, which keeps the input
+ * surface to the four things the bar cannot know: where in the deck it is, when
+ * the show started, whether presenter view is up, and how to leave.
+ */
+class PresentationToolbarComponent {
+    // ------------------------------------------------------------------
+    // Inputs / outputs
+    // ------------------------------------------------------------------
+    /** Zero-based index of the slide on screen. */
+    currentSlideIndex = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentSlideIndex" }] : /* istanbul ignore next */ []));
+    totalSlides = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "totalSlides" }] : /* istanbul ignore next */ []));
+    /**
+     * Epoch ms the show started. Defaults to this bar's own construction, which
+     * IS the moment the show overlay appeared, so the readout ticks from zero
+     * even for a host that tracks no start time of its own.
+     */
+    presentationStartTime = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "presentationStartTime" }] : /* istanbul ignore next */ []));
+    /** Whether presenter view is currently up (tints the toggle). */
+    presenterMode = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "presenterMode" }] : /* istanbul ignore next */ []));
+    /** Step the show by one slide (`-1` back, `1` forward). */
+    move = output();
+    /** Leave the show. */
+    endPresentation = output();
+    /** Swap between the fullscreen show and presenter view. */
+    presenterViewToggle = output();
+    // ------------------------------------------------------------------
+    // Injected state
+    // ------------------------------------------------------------------
+    annotations = inject(PresentationAnnotationsService);
+    host = inject(ElementRef);
+    // ------------------------------------------------------------------
+    // Template constants
+    // ------------------------------------------------------------------
+    ui = PRESENT_TOOLBAR_VIEW;
+    // ------------------------------------------------------------------
+    // Derived state
+    // ------------------------------------------------------------------
+    openPalette = signal('none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openPalette" }] : /* istanbul ignore next */ []));
+    visible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    mountedAt = Date.now();
+    now = signal(Date.now(), /* @ts-ignore */
+    ...(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 */
+    ...(ngDevMode ? [{ debugName: "elapsedLabel" }] : /* istanbul ignore next */ []));
+    atFirstSlide = computed(() => isAtFirstSlide(this.currentSlideIndex()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atFirstSlide" }] : /* istanbul ignore next */ []));
+    atLastSlide = computed(() => isAtLastSlide(this.currentSlideIndex(), this.totalSlides()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atLastSlide" }] : /* istanbul ignore next */ []));
+    hasAnnotations = computed(() => this.annotations.annotationStrokes().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasAnnotations" }] : /* istanbul ignore next */ []));
+    autoHide = new PresentToolbarAutoHide((value) => {
+        this.visible.set(value);
+    });
+    constructor() {
+        const tick = setInterval(() => {
+            this.now.set(Date.now());
+        }, 1000);
+        inject(DestroyRef).onDestroy(() => {
+            clearInterval(tick);
+            this.autoHide.dispose();
+        });
+    }
+    // ------------------------------------------------------------------
+    // Auto-hide
+    // ------------------------------------------------------------------
+    /**
+     * Mirrors React's `PresentationToolbarWrapper`: the shared bottom-trigger
+     * zone is tested against the show surface first, then any other movement
+     * shows the bar too. Both arms re-arm the countdown, so a presenter who
+     * stops moving loses the chrome after three seconds and gets it straight
+     * back on the next twitch.
+     */
+    onDocumentMouseMove(event) {
+        const surface = this.host.nativeElement.parentElement;
+        if (surface) {
+            const rect = surface.getBoundingClientRect();
+            if (isInBottomTriggerZone(event.clientY, rect.height, rect.top)) {
+                this.autoHide.poke();
+                return;
+            }
+        }
+        this.autoHide.poke();
+    }
+    onMouseEnter() {
+        this.autoHide.enter();
+    }
+    onMouseLeave() {
+        this.autoHide.leave();
+    }
+    /** A press outside the bar dismisses whichever colour palette is open. */
+    onDocumentMouseDown(event) {
+        const target = event.target;
+        if (target instanceof Node && !this.host.nativeElement.contains(target)) {
+            this.openPalette.set('none');
+        }
+    }
+    // ------------------------------------------------------------------
+    // Controls
+    // ------------------------------------------------------------------
+    /**
+     * Every control is bound for both `click` and `touchend`, and both stop
+     * propagation: the show surface advances the deck on click, so a press on
+     * the bar that bubbled would also skip a slide. The touch path additionally
+     * suppresses the synthesized click so one tap does not fire twice.
+     */
+    onControlClick(event, action) {
+        event.stopPropagation();
+        this.run(action);
+    }
+    onControlTouch(event, action) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.run(action);
+    }
+    /** Pick a swatch. Choosing a colour also arms the tool it belongs to. */
+    pickColor(event, kind, color) {
+        event.stopPropagation();
+        event.preventDefault();
+        if (kind === 'pen') {
+            this.annotations.setPenColor(color);
+        }
+        else {
+            this.annotations.setHighlighterColor(color);
+        }
+        this.openPalette.set('none');
+        if (this.annotations.tool() !== kind) {
+            this.annotations.setTool(kind);
+        }
+    }
+    run(action) {
+        switch (action) {
+            case 'previous':
+                this.move.emit(-1);
+                return;
+            case 'next':
+                this.move.emit(1);
+                return;
+            case 'pen-color':
+            case 'highlighter-color':
+                this.togglePalette(action === 'pen-color' ? 'pen' : 'highlighter');
+                return;
+            case 'clear':
+                this.annotations.clearAnnotations();
+                return;
+            case 'presenter-view':
+                this.presenterViewToggle.emit();
+                return;
+            case 'end':
+                this.endPresentation.emit();
+                return;
+            default:
+                this.selectTool(action);
+        }
+    }
+    selectTool(tool) {
+        this.annotations.setTool(tool);
+        this.openPalette.set('none');
+    }
+    togglePalette(kind) {
+        this.openPalette.update((open) => (open === kind ? 'none' : kind));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresentationToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PresentationToolbarComponent, isStandalone: true, selector: "pptx-presentation-toolbar", inputs: { currentSlideIndex: { classPropertyName: "currentSlideIndex", publicName: "currentSlideIndex", isSignal: true, isRequired: true, transformFunction: null }, totalSlides: { classPropertyName: "totalSlides", publicName: "totalSlides", isSignal: true, isRequired: true, transformFunction: null }, presentationStartTime: { classPropertyName: "presentationStartTime", publicName: "presentationStartTime", isSignal: true, isRequired: false, transformFunction: null }, presenterMode: { classPropertyName: "presenterMode", publicName: "presenterMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { move: "move", endPresentation: "endPresentation", presenterViewToggle: "presenterViewToggle" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "document:mousemove": "onDocumentMouseMove($event)", "document:mousedown": "onDocumentMouseDown($event)" }, properties: { "class": "ui.wrapper", "style.opacity": "visible() ? 1 : 0", "style.pointer-events": "visible() ? \"auto\" : \"none\"" } }, ngImport: i0, template: "<!--\n\tThe 16 slots of `PRESENT_TOOLBAR_CONTROLS` (pptx-viewer-shared), in order.\n\tEach carries its shared id as `data-pptx-present-control` so a parity spec\n\tcan read the inventory off any binding without knowing its markup.\n-->\n<div\n\tdata-pptx-present-toolbar\n\trole=\"toolbar\"\n\t[attr.aria-label]=\"'pptx.toolbar.presentationToolbarAria' | translate\"\n\t[class]=\"ui.container\"\n\t(click)=\"$event.stopPropagation()\"\n>\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"previous\"\n\t\t[class]=\"ui.button\"\n\t\t[disabled]=\"atFirstSlide()\"\n\t\t[attr.title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t(click)=\"onControlClick($event, 'previous')\"\n\t\t(touchend)=\"onControlTouch($event, 'previous')\"\n\t>\n\t\t<svg lucideChevronLeft [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<span data-pptx-present-control=\"counter\" [class]=\"ui.counter\">{{ counterLabel() }}</span>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"next\"\n\t\t[class]=\"ui.button\"\n\t\t[disabled]=\"atLastSlide()\"\n\t\t[attr.title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t(click)=\"onControlClick($event, 'next')\"\n\t\t(touchend)=\"onControlTouch($event, 'next')\"\n\t>\n\t\t<svg lucideChevronRight [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div data-pptx-present-control=\"divider-navigation\" [class]=\"ui.divider\"></div>\n\n\t<div\n\t\tdata-pptx-present-control=\"timer\"\n\t\t[class]=\"ui.timer\"\n\t\t[attr.title]=\"'pptx.presenter.elapsed' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.elapsed' | translate\"\n\t>\n\t\t<svg lucideTimer [class]=\"ui.timerIcon\"></svg>\n\t\t<span>{{ elapsedLabel() }}</span>\n\t</div>\n\n\t<div data-pptx-present-control=\"divider-timer\" [class]=\"ui.divider\"></div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"laser\"\n\t\t[class]=\"ui.toggleClass(annotations.tool() === 'laser')\"\n\t\t[attr.title]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t(click)=\"onControlClick($event, 'laser')\"\n\t\t(touchend)=\"onControlTouch($event, 'laser')\"\n\t>\n\t\t<svg lucideMousePointer2 [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div [class]=\"ui.group\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"pen\"\n\t\t\t[class]=\"ui.toggleClass(annotations.tool() === 'pen')\"\n\t\t\t[attr.title]=\"'pptx.presentation.pen' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.pen' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'pen')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'pen')\"\n\t\t>\n\t\t\t<svg lucidePenTool [class]=\"ui.icon\"></svg>\n\t\t\t<span [class]=\"ui.swatchBar\" [style.background-color]=\"annotations.penColor()\"></span>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"pen-color\"\n\t\t\t[class]=\"ui.caret\"\n\t\t\t[attr.title]=\"'pptx.presentationToolbar.penColor' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentationToolbar.penColor' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'pen-color')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'pen-color')\"\n\t\t>\n\t\t\t<svg lucideChevronDown [class]=\"ui.caretIcon\"></svg>\n\t\t</button>\n\t\t@if (openPalette() === 'pen') {\n\t\t\t<div [class]=\"ui.palette\">\n\t\t\t\t@for (color of ui.penColors; track color) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t[class]=\"ui.swatchClass(annotations.penColor() === color)\"\n\t\t\t\t\t\t[style.background-color]=\"color\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t'pptx.presentationToolbar.penColorValue' | translate: { color: color }\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(click)=\"pickColor($event, 'pen', color)\"\n\t\t\t\t\t\t(touchend)=\"pickColor($event, 'pen', color)\"\n\t\t\t\t\t></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<div [class]=\"ui.group\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"highlighter\"\n\t\t\t[class]=\"ui.toggleClass(annotations.tool() === 'highlighter')\"\n\t\t\t[attr.title]=\"'pptx.presentation.highlighter' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.highlighter' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'highlighter')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'highlighter')\"\n\t\t>\n\t\t\t<svg lucideHighlighter [class]=\"ui.icon\"></svg>\n\t\t\t<span [class]=\"ui.swatchBar\" [style.background-color]=\"annotations.highlighterColor()\"></span>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"highlighter-color\"\n\t\t\t[class]=\"ui.caret\"\n\t\t\t[attr.title]=\"'pptx.presentationToolbar.highlighterColor' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentationToolbar.highlighterColor' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'highlighter-color')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'highlighter-color')\"\n\t\t>\n\t\t\t<svg lucideChevronDown [class]=\"ui.caretIcon\"></svg>\n\t\t</button>\n\t\t@if (openPalette() === 'highlighter') {\n\t\t\t<div [class]=\"ui.palette\">\n\t\t\t\t@for (color of ui.highlighterColors; track color) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t[class]=\"ui.swatchClass(annotations.highlighterColor() === color)\"\n\t\t\t\t\t\t[style.background-color]=\"color\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t'pptx.presentationToolbar.highlighterColorValue' | translate: { color: color }\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(click)=\"pickColor($event, 'highlighter', color)\"\n\t\t\t\t\t\t(touchend)=\"pickColor($event, 'highlighter', color)\"\n\t\t\t\t\t></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"eraser\"\n\t\t[class]=\"ui.toggleClass(annotations.tool() === 'eraser')\"\n\t\t[attr.title]=\"'pptx.presentation.eraser' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.eraser' | translate\"\n\t\t(click)=\"onControlClick($event, 'eraser')\"\n\t\t(touchend)=\"onControlTouch($event, 'eraser')\"\n\t>\n\t\t<svg lucideEraser [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"clear\"\n\t\t[class]=\"ui.clearClass(hasAnnotations())\"\n\t\t[disabled]=\"!hasAnnotations()\"\n\t\t[attr.title]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t(click)=\"onControlClick($event, 'clear')\"\n\t\t(touchend)=\"onControlTouch($event, 'clear')\"\n\t>\n\t\t<svg lucideTrash2 [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div data-pptx-present-control=\"divider-tools\" [class]=\"ui.divider\"></div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"presenter-view\"\n\t\t[class]=\"ui.toggleClass(presenterMode())\"\n\t\t[attr.title]=\"'pptx.presenter.presenterView' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.presenterView' | translate\"\n\t\t(click)=\"onControlClick($event, 'presenter-view')\"\n\t\t(touchend)=\"onControlTouch($event, 'presenter-view')\"\n\t>\n\t\t<svg lucidePanelRight [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"end\"\n\t\t[class]=\"ui.end\"\n\t\t[attr.title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t(click)=\"onControlClick($event, 'end')\"\n\t\t(touchend)=\"onControlTouch($event, 'end')\"\n\t>\n\t\t<svg lucideX [class]=\"ui.icon\"></svg>\n\t</button>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: LucideEraser, selector: "svg[lucideEraser]" }, { kind: "component", type: LucideHighlighter, selector: "svg[lucideHighlighter]" }, { kind: "component", type: LucideMousePointer2, selector: "svg[lucideMousePointer2]" }, { kind: "component", type: LucidePanelRight, selector: "svg[lucidePanelRight]" }, { kind: "component", type: LucidePenTool, selector: "svg[lucidePenTool]" }, { kind: "component", type: LucideTimer, selector: "svg[lucideTimer]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresentationToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-presentation-toolbar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        TranslatePipe,
+                        LucideChevronDown,
+                        LucideChevronLeft,
+                        LucideChevronRight,
+                        LucideEraser,
+                        LucideHighlighter,
+                        LucideMousePointer2,
+                        LucidePanelRight,
+                        LucidePenTool,
+                        LucideTimer,
+                        LucideTrash2,
+                        LucideX,
+                    ], host: {
+                        '[class]': 'ui.wrapper',
+                        '[style.opacity]': 'visible() ? 1 : 0',
+                        '[style.pointer-events]': 'visible() ? "auto" : "none"',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                    }, template: "<!--\n\tThe 16 slots of `PRESENT_TOOLBAR_CONTROLS` (pptx-viewer-shared), in order.\n\tEach carries its shared id as `data-pptx-present-control` so a parity spec\n\tcan read the inventory off any binding without knowing its markup.\n-->\n<div\n\tdata-pptx-present-toolbar\n\trole=\"toolbar\"\n\t[attr.aria-label]=\"'pptx.toolbar.presentationToolbarAria' | translate\"\n\t[class]=\"ui.container\"\n\t(click)=\"$event.stopPropagation()\"\n>\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"previous\"\n\t\t[class]=\"ui.button\"\n\t\t[disabled]=\"atFirstSlide()\"\n\t\t[attr.title]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.previousSlide' | translate\"\n\t\t(click)=\"onControlClick($event, 'previous')\"\n\t\t(touchend)=\"onControlTouch($event, 'previous')\"\n\t>\n\t\t<svg lucideChevronLeft [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<span data-pptx-present-control=\"counter\" [class]=\"ui.counter\">{{ counterLabel() }}</span>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"next\"\n\t\t[class]=\"ui.button\"\n\t\t[disabled]=\"atLastSlide()\"\n\t\t[attr.title]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.nextSlide' | translate\"\n\t\t(click)=\"onControlClick($event, 'next')\"\n\t\t(touchend)=\"onControlTouch($event, 'next')\"\n\t>\n\t\t<svg lucideChevronRight [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div data-pptx-present-control=\"divider-navigation\" [class]=\"ui.divider\"></div>\n\n\t<div\n\t\tdata-pptx-present-control=\"timer\"\n\t\t[class]=\"ui.timer\"\n\t\t[attr.title]=\"'pptx.presenter.elapsed' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.elapsed' | translate\"\n\t>\n\t\t<svg lucideTimer [class]=\"ui.timerIcon\"></svg>\n\t\t<span>{{ elapsedLabel() }}</span>\n\t</div>\n\n\t<div data-pptx-present-control=\"divider-timer\" [class]=\"ui.divider\"></div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"laser\"\n\t\t[class]=\"ui.toggleClass(annotations.tool() === 'laser')\"\n\t\t[attr.title]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t(click)=\"onControlClick($event, 'laser')\"\n\t\t(touchend)=\"onControlTouch($event, 'laser')\"\n\t>\n\t\t<svg lucideMousePointer2 [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div [class]=\"ui.group\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"pen\"\n\t\t\t[class]=\"ui.toggleClass(annotations.tool() === 'pen')\"\n\t\t\t[attr.title]=\"'pptx.presentation.pen' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.pen' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'pen')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'pen')\"\n\t\t>\n\t\t\t<svg lucidePenTool [class]=\"ui.icon\"></svg>\n\t\t\t<span [class]=\"ui.swatchBar\" [style.background-color]=\"annotations.penColor()\"></span>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"pen-color\"\n\t\t\t[class]=\"ui.caret\"\n\t\t\t[attr.title]=\"'pptx.presentationToolbar.penColor' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentationToolbar.penColor' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'pen-color')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'pen-color')\"\n\t\t>\n\t\t\t<svg lucideChevronDown [class]=\"ui.caretIcon\"></svg>\n\t\t</button>\n\t\t@if (openPalette() === 'pen') {\n\t\t\t<div [class]=\"ui.palette\">\n\t\t\t\t@for (color of ui.penColors; track color) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t[class]=\"ui.swatchClass(annotations.penColor() === color)\"\n\t\t\t\t\t\t[style.background-color]=\"color\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t'pptx.presentationToolbar.penColorValue' | translate: { color: color }\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(click)=\"pickColor($event, 'pen', color)\"\n\t\t\t\t\t\t(touchend)=\"pickColor($event, 'pen', color)\"\n\t\t\t\t\t></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<div [class]=\"ui.group\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"highlighter\"\n\t\t\t[class]=\"ui.toggleClass(annotations.tool() === 'highlighter')\"\n\t\t\t[attr.title]=\"'pptx.presentation.highlighter' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.highlighter' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'highlighter')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'highlighter')\"\n\t\t>\n\t\t\t<svg lucideHighlighter [class]=\"ui.icon\"></svg>\n\t\t\t<span [class]=\"ui.swatchBar\" [style.background-color]=\"annotations.highlighterColor()\"></span>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-pptx-present-control=\"highlighter-color\"\n\t\t\t[class]=\"ui.caret\"\n\t\t\t[attr.title]=\"'pptx.presentationToolbar.highlighterColor' | translate\"\n\t\t\t[attr.aria-label]=\"'pptx.presentationToolbar.highlighterColor' | translate\"\n\t\t\t(click)=\"onControlClick($event, 'highlighter-color')\"\n\t\t\t(touchend)=\"onControlTouch($event, 'highlighter-color')\"\n\t\t>\n\t\t\t<svg lucideChevronDown [class]=\"ui.caretIcon\"></svg>\n\t\t</button>\n\t\t@if (openPalette() === 'highlighter') {\n\t\t\t<div [class]=\"ui.palette\">\n\t\t\t\t@for (color of ui.highlighterColors; track color) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t[class]=\"ui.swatchClass(annotations.highlighterColor() === color)\"\n\t\t\t\t\t\t[style.background-color]=\"color\"\n\t\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t\t'pptx.presentationToolbar.highlighterColorValue' | translate: { color: color }\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(click)=\"pickColor($event, 'highlighter', color)\"\n\t\t\t\t\t\t(touchend)=\"pickColor($event, 'highlighter', color)\"\n\t\t\t\t\t></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"eraser\"\n\t\t[class]=\"ui.toggleClass(annotations.tool() === 'eraser')\"\n\t\t[attr.title]=\"'pptx.presentation.eraser' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.eraser' | translate\"\n\t\t(click)=\"onControlClick($event, 'eraser')\"\n\t\t(touchend)=\"onControlTouch($event, 'eraser')\"\n\t>\n\t\t<svg lucideEraser [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"clear\"\n\t\t[class]=\"ui.clearClass(hasAnnotations())\"\n\t\t[disabled]=\"!hasAnnotations()\"\n\t\t[attr.title]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t(click)=\"onControlClick($event, 'clear')\"\n\t\t(touchend)=\"onControlTouch($event, 'clear')\"\n\t>\n\t\t<svg lucideTrash2 [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<div data-pptx-present-control=\"divider-tools\" [class]=\"ui.divider\"></div>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"presenter-view\"\n\t\t[class]=\"ui.toggleClass(presenterMode())\"\n\t\t[attr.title]=\"'pptx.presenter.presenterView' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.presenterView' | translate\"\n\t\t(click)=\"onControlClick($event, 'presenter-view')\"\n\t\t(touchend)=\"onControlTouch($event, 'presenter-view')\"\n\t>\n\t\t<svg lucidePanelRight [class]=\"ui.icon\"></svg>\n\t</button>\n\n\t<button\n\t\ttype=\"button\"\n\t\tdata-pptx-present-control=\"end\"\n\t\t[class]=\"ui.end\"\n\t\t[attr.title]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t[attr.aria-label]=\"'pptx.presenter.endPresentation' | translate\"\n\t\t(click)=\"onControlClick($event, 'end')\"\n\t\t(touchend)=\"onControlTouch($event, 'end')\"\n\t>\n\t\t<svg lucideX [class]=\"ui.icon\"></svg>\n\t</button>\n</div>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { currentSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSlideIndex", required: true }] }], totalSlides: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalSlides", required: true }] }], presentationStartTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentationStartTime", required: false }] }], presenterMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenterMode", required: false }] }], move: [{ type: i0.Output, args: ["move"] }], endPresentation: [{ type: i0.Output, args: ["endPresentation"] }], presenterViewToggle: [{ type: i0.Output, args: ["presenterViewToggle"] }], onDocumentMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onDocumentMouseDown: [{
+                type: HostListener,
+                args: ['document:mousedown', ['$event']]
+            }] } });
+
 // ---------------------------------------------------------------------------
 // Angular-specific duration policy (deliberately diverges from React/Vue)
 // ---------------------------------------------------------------------------
@@ -82189,12 +83866,21 @@ class PresentationOverlayComponent {
      */
     endWithBlackSlide = input(true, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "endWithBlackSlide" }] : /* istanbul ignore next */ []));
+    /** Whether presenter view is up (tints the toolbar's presenter-view toggle). */
+    presenterMode = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "presenterMode" }] : /* istanbul ignore next */ []));
     // ------------------------------------------------------------------
     // Outputs
     // ------------------------------------------------------------------
     indexChange = output();
     closed = output();
+    /** Live-caption preference; driven by the host's ribbon, not by show chrome. */
     subtitlesChange = output();
+    /**
+     * The toolbar's presenter-view toggle was pressed. The host owns the swap
+     * (this overlay and the presenter console cannot both be on screen).
+     */
+    presenterViewToggle = output();
     /**
      * Fired just before `closed` when the show carries ink annotations, so the
      * host can offer the keep/discard prompt (mirrors React's exit flow).
@@ -82395,6 +84081,12 @@ class PresentationOverlayComponent {
         };
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "stageContainerStyle" }] : /* istanbul ignore next */ []));
+    /**
+     * Epoch ms the show opened, feeding the toolbar's elapsed readout. Captured
+     * at construction because this overlay is created exactly when the show
+     * starts, so the readout runs from 00:00 without the host tracking it.
+     */
+    showStartedAt = Date.now();
     /** "3 / 12" label. */
     counterLabel = computed(() => {
         const count = this.slides().length;
@@ -82465,13 +84157,9 @@ class PresentationOverlayComponent {
         this.endOfShow.set(false);
         this.emitClosed();
     }
-    /** Toggle an annotation tool (clicking the active one disarms it). */
-    selectTool(tool) {
-        this.annotations.setTool(tool);
-    }
-    /** Toggle the live-caption (subtitle) bar. */
-    toggleSubtitles() {
-        this.subtitlesChange.emit(!this.subtitlesVisible());
+    /** The show toolbar's end button: same exit path as Escape / the close button. */
+    onToolbarEnd() {
+        this.emitClosed();
     }
     /**
      * Overlay-chrome buttons (close / previous / next). Each is bound for both
@@ -82514,7 +84202,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 } }, outputs: { indexChange: "indexChange", closed: "closed", subtitlesChange: "subtitlesChange", 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<!-- Annotation tool toolbar (bottom-centre). -->\n\t<div\n\t\tclass=\"pptx-ng-presentation-tools\"\n\t\trole=\"toolbar\"\n\t\t[attr.aria-label]=\"'pptx.presentation.annotationTools' | translate\"\n\t>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'pen'\"\n\t\t\t(click)=\"selectTool('pen')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.pen' | translate\"\n\t\t>\n\t\t\t<svg lucidePenTool class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'highlighter'\"\n\t\t\t(click)=\"selectTool('highlighter')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.highlighter' | translate\"\n\t\t>\n\t\t\t<svg lucideHighlighter class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'eraser'\"\n\t\t\t(click)=\"selectTool('eraser')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.eraser' | translate\"\n\t\t>\n\t\t\t<svg lucideEraser class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'laser'\"\n\t\t\t(click)=\"selectTool('laser')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t>\n\t\t\t<svg lucideMousePointer2 class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t(click)=\"annotations.clearAnnotations()\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t>\n\t\t\t<svg lucideTrash2 class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"subtitlesVisible()\"\n\t\t\t(click)=\"toggleSubtitles()\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.liveCaptions' | translate\"\n\t\t>\n\t\t\tCC\n\t\t</button>\n\t</div>\n\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}.pptx-ng-presentation-tools{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:1rem;display:flex;gap:.25rem;padding:.25rem;border-radius:.5rem;background:#0000008c;z-index:80}.pptx-ng-presentation-tools button{width:2rem;height:2rem;border:none;border-radius:.35rem;background:transparent;color:#fff;font-size:1rem;cursor:pointer}.pptx-ng-presentation-tools button:hover{background:#ffffff26}.pptx-ng-presentation-tools button.is-active{background:#ffffff4d}.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: LucidePenTool, selector: "svg[lucidePenTool]" }, { kind: "component", type: LucideHighlighter, selector: "svg[lucideHighlighter]" }, { kind: "component", type: LucideEraser, selector: "svg[lucideEraser]" }, { kind: "component", type: LucideMousePointer2, selector: "svg[lucideMousePointer2]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { 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\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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PresentationOverlayComponent, decorators: [{
             type: Component,
@@ -82524,17 +84212,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         PresentationTransitionOverlayComponent,
                         PresentationAnnotationOverlayComponent,
                         PresentationSubtitleBarComponent,
+                        PresentationToolbarComponent,
                         TranslatePipe,
-                        LucidePenTool,
-                        LucideHighlighter,
-                        LucideEraser,
-                        LucideMousePointer2,
-                        LucideTrash2,
                         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<!-- Annotation tool toolbar (bottom-centre). -->\n\t<div\n\t\tclass=\"pptx-ng-presentation-tools\"\n\t\trole=\"toolbar\"\n\t\t[attr.aria-label]=\"'pptx.presentation.annotationTools' | translate\"\n\t>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'pen'\"\n\t\t\t(click)=\"selectTool('pen')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.pen' | translate\"\n\t\t>\n\t\t\t<svg lucidePenTool class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'highlighter'\"\n\t\t\t(click)=\"selectTool('highlighter')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.highlighter' | translate\"\n\t\t>\n\t\t\t<svg lucideHighlighter class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'eraser'\"\n\t\t\t(click)=\"selectTool('eraser')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.eraser' | translate\"\n\t\t>\n\t\t\t<svg lucideEraser class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"annotations.tool() === 'laser'\"\n\t\t\t(click)=\"selectTool('laser')\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.laserPointer' | translate\"\n\t\t>\n\t\t\t<svg lucideMousePointer2 class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t(click)=\"annotations.clearAnnotations()\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.clearAnnotations' | translate\"\n\t\t>\n\t\t\t<svg lucideTrash2 class=\"h-4 w-4\"></svg>\n\t\t</button>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[class.is-active]=\"subtitlesVisible()\"\n\t\t\t(click)=\"toggleSubtitles()\"\n\t\t\t[attr.aria-label]=\"'pptx.presentation.liveCaptions' | translate\"\n\t\t>\n\t\t\tCC\n\t\t</button>\n\t</div>\n\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}.pptx-ng-presentation-tools{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:1rem;display:flex;gap:.25rem;padding:.25rem;border-radius:.5rem;background:#0000008c;z-index:80}.pptx-ng-presentation-tools button{width:2rem;height:2rem;border:none;border-radius:.35rem;background:transparent;color:#fff;font-size:1rem;cursor:pointer}.pptx-ng-presentation-tools button:hover{background:#ffffff26}.pptx-ng-presentation-tools button.is-active{background:#ffffff4d}.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 }] }], indexChange: [{ type: i0.Output, args: ["indexChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], subtitlesChange: [{ type: i0.Output, args: ["subtitlesChange"] }], annotationsExit: [{ type: i0.Output, args: ["annotationsExit"] }], stageRef: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }], rootRef: [{ type: i0.ViewChild, args: ['root', { isSignal: true }] }], onFullscreenChange: [{
+                    ], 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"] }]
+        }], 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']
             }], onWindowResize: [{
@@ -84567,10 +86251,6 @@ const SEQUENCE_OPTIONS = [
  * so the ribbon keeps the single-row height `e2e/ribbon-tab-parity.spec.ts`
  * guards.
  */
-/** The i18n key naming a preset, shared by every binding's gallery. */
-function animationPresetLabelKey(preset) {
-    return `pptx.animation.preset.${preset}`;
-}
 function entries(presets) {
     return presets.map((value) => ({ value, labelKey: animationPresetLabelKey(value) }));
 }
@@ -88060,7 +89740,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.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "2.11.1";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -93700,8 +95380,14 @@ class AnimationTimelineComponent {
         }
         return getAnimationElementLabel(element);
     }
+    /**
+     * The i18n key naming the row's effect, not finished text: resolving text in
+     * an `OnPush` getter would freeze the wording at the language that happened
+     * to be active when the view last rendered. The row used to print the raw
+     * preset token (`fadeIn`) here.
+     */
     effect(animation) {
-        return String(animation.entrance ?? animation.emphasis ?? animation.exit ?? 'custom');
+        return animationEffectLabelKey(animation);
     }
     preview(animation) {
         previewAngularAnimation(animation);
@@ -93762,17 +95448,17 @@ class AnimationTimelineComponent {
 						>
 							<span class="grip">⋮⋮</span><span class="order">{{ index + 1 }}.</span
 							><span class="name">{{ label(animation.elementId) }}</span
-							><span class="effect">{{ effect(animation) }}</span>
+							><span class="effect">{{ effect(animation) | translate }}</span>
 						</div>
 					}
 				</div>
 			</section>
 		}
-	`, isInline: true, styles: [".timeline{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--pptx-inspector-border, #333)}h4{margin:0;color:var(--pptx-inspector-muted, #888);font-size:10px;text-transform:uppercase}.bar{position:relative;height:22px;overflow:hidden;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d)}.bar span{position:absolute;top:3px;bottom:3px;min-width:2%;border-radius:2px;background:#6b9a68}.bar span.selected{outline:1px solid var(--pptx-primary, #4c9ffe)}.list{display:grid;gap:3px;max-height:160px;overflow-y:auto}.item{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid transparent;border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);cursor:grab;font-size:10px}.item.selected{border-color:var(--pptx-primary, #4c9ffe)}.item.drag-over{border-top:2px solid var(--pptx-primary, #4c9ffe)}.grip,.order{color:var(--pptx-inspector-muted, #888)}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect{color:var(--pptx-inspector-muted, #aaa)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [".timeline{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--pptx-inspector-border, #333)}h4{margin:0;color:var(--pptx-inspector-muted, #888);font-size:10px;text-transform:uppercase}.bar{position:relative;height:22px;overflow:hidden;border:1px solid var(--pptx-inspector-border, #444);border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d)}.bar span{position:absolute;top:3px;bottom:3px;min-width:2%;border-radius:2px;background:#6b9a68}.bar span.selected{outline:1px solid var(--pptx-primary, #4c9ffe)}.list{display:grid;gap:3px;max-height:160px;overflow-y:auto}.item{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid transparent;border-radius:3px;background:var(--pptx-inspector-input-bg, #2d2d2d);cursor:grab;font-size:10px}.item.selected{border-color:var(--pptx-primary, #4c9ffe)}.item.drag-over{border-top:2px solid var(--pptx-primary, #4c9ffe)}.grip,.order{color:var(--pptx-inspector-muted, #888)}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect{color:var(--pptx-inspector-muted, #aaa)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AnimationTimelineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-animation-timeline', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: 'pptx-animation-timeline', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
 		@if (sorted().length) {
 			<section class="timeline" aria-label="Animation timeline">
 				<h4>Timeline</h4>
@@ -93801,7 +95487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 						>
 							<span class="grip">⋮⋮</span><span class="order">{{ index + 1 }}.</span
 							><span class="name">{{ label(animation.elementId) }}</span
-							><span class="effect">{{ effect(animation) }}</span>
+							><span class="effect">{{ effect(animation) | translate }}</span>
 						</div>
 					}
 				</div>
@@ -98318,6 +100004,18 @@ function smartArtStyleLabelKey(style) {
 function smartArtLayoutLabelKey(layout) {
     return schemaLabelKey(SMARTART_LAYOUT_LABEL_KEYS, layout);
 }
+/**
+ * `a:headEnd`/`a:tailEnd` arrowhead type (`none`, `triangle`, `arrow`, ...).
+ *
+ * WHY it goes through the shared catalogue instead of interpolating the token
+ * into `pptx.arrowhead.<token>`: that shortcut spelled `arrow` as "Arrow",
+ * while the other four bindings (which all read this catalogue) spelled it
+ * "Open Arrow", which is what PowerPoint calls that head (`msoArrowheadOpen`).
+ * The same control therefore read differently depending on the framework.
+ */
+function arrowheadLabelKey(type) {
+    return schemaLabelKey(ARROWHEAD_LABEL_KEYS, type);
+}
 /** Arrowhead width/length step (`sm` / `med` / `lg`). */
 function arrowSizeLabelKey(size) {
     return schemaLabelKey(ARROW_SIZE_LABEL_KEYS, size);
@@ -98376,7 +100074,7 @@ class ElementMiscPropertiesComponent {
     oleType = computed(() => getOleObjectTypeLabel(this.ole()?.oleObjectType), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "oleType" }] : /* istanbul ignore next */ []));
     arrowLabel(value) {
-        return `pptx.arrowhead.${value}`;
+        return arrowheadLabelKey(value);
     }
     /**
      * Spell an arrowhead width/length step. `sm` / `med` / `lg` are the literal
@@ -107273,12 +108971,24 @@ class SlideSorterOverlayComponent {
         const s = slide;
         return s['hidden'] === true;
     }
+    /** Dictionary key for the word shown and announced on a hidden slide's cell. */
+    hiddenLabelKey = HIDDEN_SLIDE_LABEL_KEY;
+    /** Shared slash mark, bound inline so a stylesheet copy cannot drift. */
+    slashGradient = HIDDEN_SLIDE_SLASH_GRADIENT;
+    /**
+     * The shared cue for one cell. The dim already came off `.is-hidden`, but
+     * opacity is a colour-only signal and said nothing to a screen reader, so
+     * this adds the number slash, the word, and the neutral marker attribute.
+     */
+    hiddenCue(slide, index) {
+        return hiddenSlideCue(this.isHiddenSlide(slide), 'sorter', index);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SlideSorterOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SlideSorterOverlayComponent, isStandalone: true, selector: "pptx-slide-sorter-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 }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select", closed: "closed" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, ngImport: i0, template: "<!-- Backdrop -->\n<div class=\"pptx-ng-sorter-backdrop\" (click)=\"onBackdropClick($event)\">\n\t<!-- Modal panel -->\n\t<div class=\"pptx-ng-sorter-panel\" (click)=\"$event.stopPropagation()\">\n\t\t<!-- Header -->\n\t\t<header class=\"pptx-ng-sorter-header\">\n\t\t\t<h2 class=\"pptx-ng-sorter-title\">{{ 'pptx.slideSorter.title' | translate }}</h2>\n\t\t\t<span class=\"pptx-ng-sorter-count\">{{\n\t\t\t\t'pptx.slideSorter.slideCount' | translate: { count: slides().length }\n\t\t\t}}</span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-ng-sorter-close\"\n\t\t\t\t[attr.aria-label]=\"'pptx.slideSorter.close' | translate\"\n\t\t\t\t(click)=\"closed.emit()\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</header>\n\n\t\t<!-- Scrollable grid -->\n\t\t<div class=\"pptx-ng-sorter-grid-scroll\">\n\t\t\t<div class=\"pptx-ng-sorter-grid\" [ngStyle]=\"gridStyle()\">\n\t\t\t\t@for (slide of slides(); track slide.id; let i = $index) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-sorter-cell\"\n\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t[class.is-hidden]=\"isHiddenSlide(slide)\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t[attr.aria-current]=\"i === activeIndex() ? 'true' : null\"\n\t\t\t\t\t\t(click)=\"onThumbClick(i)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Thumbnail clipping wrapper -->\n\t\t\t\t\t\t<div class=\"pptx-ng-sorter-thumb-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- Slide number badge -->\n\t\t\t\t\t\t<span class=\"pptx-ng-sorter-index\" aria-hidden=\"true\">{{ i + 1 }}</span>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: [":host{display:contents}.pptx-ng-sorter-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-sorter-panel{display:flex;flex-direction:column;width:min(96vw,1200px);max-height:90vh;border-radius:.5rem;background:#1a1a1a;color:#e5e5e5;box-shadow:0 24px 64px #0009;overflow:hidden}.pptx-ng-sorter-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pptx-ng-sorter-title{margin:0;font-size:.875rem;font-weight:500}.pptx-ng-sorter-count{font-size:.75rem;color:#ffffff80;flex:1}.pptx-ng-sorter-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#e5e5e5;cursor:pointer;transition:background .15s;flex-shrink:0;touch-action:manipulation}.pptx-ng-sorter-close:hover{background:#fff3}.pptx-ng-sorter-grid-scroll{flex:1;overflow-y:auto;padding:1.25rem}.pptx-ng-sorter-grid{display:grid;gap:1rem}.pptx-ng-sorter-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:2px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;transition:border-color .15s,background .15s;color:inherit}.pptx-ng-sorter-cell:hover{background:#ffffff0f;border-color:#fff3}.pptx-ng-sorter-cell.is-active{border-color:#3b82f6;background:#3b82f61a}.pptx-ng-sorter-cell.is-hidden{opacity:.4}.pptx-ng-sorter-thumb-clip{overflow:hidden;border-radius:2px}.pptx-ng-sorter-thumb-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-sorter-index{font-size:.6875rem;color:#ffffff8c;-webkit-user-select:none;user-select: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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SlideSorterOverlayComponent, isStandalone: true, selector: "pptx-slide-sorter-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 }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select", closed: "closed" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, ngImport: i0, template: "<!-- Backdrop -->\n<div class=\"pptx-ng-sorter-backdrop\" (click)=\"onBackdropClick($event)\">\n\t<!-- Modal panel -->\n\t<div class=\"pptx-ng-sorter-panel\" (click)=\"$event.stopPropagation()\">\n\t\t<!-- Header -->\n\t\t<header class=\"pptx-ng-sorter-header\">\n\t\t\t<h2 class=\"pptx-ng-sorter-title\">{{ 'pptx.slideSorter.title' | translate }}</h2>\n\t\t\t<span class=\"pptx-ng-sorter-count\">{{\n\t\t\t\t'pptx.slideSorter.slideCount' | translate: { count: slides().length }\n\t\t\t}}</span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-ng-sorter-close\"\n\t\t\t\t[attr.aria-label]=\"'pptx.slideSorter.close' | translate\"\n\t\t\t\t(click)=\"closed.emit()\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</header>\n\n\t\t<!-- Scrollable grid -->\n\t\t<div class=\"pptx-ng-sorter-grid-scroll\">\n\t\t\t<div class=\"pptx-ng-sorter-grid\" [ngStyle]=\"gridStyle()\">\n\t\t\t\t@for (slide of slides(); track slide.id; let i = $index) {\n\t\t\t\t\t@let hidden = hiddenCue(slide, i);\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-sorter-cell\"\n\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t[class.is-hidden]=\"hidden.hidden\"\n\t\t\t\t\t\t[attr.data-pptx-slide-hidden]=\"hidden.marker ?? null\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t[attr.aria-describedby]=\"hidden.labelId ?? null\"\n\t\t\t\t\t\t[attr.aria-current]=\"i === activeIndex() ? 'true' : null\"\n\t\t\t\t\t\t(click)=\"onThumbClick(i)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Thumbnail clipping wrapper -->\n\t\t\t\t\t\t<div class=\"pptx-ng-sorter-thumb-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- Slide number badge, struck through with the shared diagonal\n\t\t\t\t\t\t     slash when hidden (PowerPoint's own cue). -->\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"pptx-ng-sorter-index\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t[style.background-image]=\"hidden.hidden ? slashGradient : null\"\n\t\t\t\t\t\t\t>{{ i + 1 }}</span\n\t\t\t\t\t\t>\n\t\t\t\t\t\t@if (hidden.hidden) {\n\t\t\t\t\t\t\t<span class=\"pptx-ng-sorter-hidden\" [id]=\"hidden.labelId\">{{\n\t\t\t\t\t\t\t\thiddenLabelKey | translate\n\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: [":host{display:contents}.pptx-ng-sorter-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-sorter-panel{display:flex;flex-direction:column;width:min(96vw,1200px);max-height:90vh;border-radius:.5rem;background:#1a1a1a;color:#e5e5e5;box-shadow:0 24px 64px #0009;overflow:hidden}.pptx-ng-sorter-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pptx-ng-sorter-title{margin:0;font-size:.875rem;font-weight:500}.pptx-ng-sorter-count{font-size:.75rem;color:#ffffff80;flex:1}.pptx-ng-sorter-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#e5e5e5;cursor:pointer;transition:background .15s;flex-shrink:0;touch-action:manipulation}.pptx-ng-sorter-close:hover{background:#fff3}.pptx-ng-sorter-grid-scroll{flex:1;overflow-y:auto;padding:1.25rem}.pptx-ng-sorter-grid{display:grid;gap:1rem}.pptx-ng-sorter-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:2px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;transition:border-color .15s,background .15s;color:inherit}.pptx-ng-sorter-cell:hover{background:#ffffff0f;border-color:#fff3}.pptx-ng-sorter-cell.is-active{border-color:#3b82f6;background:#3b82f61a}.pptx-ng-sorter-cell.is-hidden{opacity:.4}.pptx-ng-sorter-thumb-clip{overflow:hidden;border-radius:2px}.pptx-ng-sorter-thumb-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-sorter-index{display:inline-block;padding:0 .2rem;font-size:.6875rem;color:#ffffff8c;-webkit-user-select:none;user-select:none}.pptx-ng-sorter-hidden{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff8c;-webkit-user-select:none;user-select: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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SlideSorterOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-slide-sorter-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, TranslatePipe], template: "<!-- Backdrop -->\n<div class=\"pptx-ng-sorter-backdrop\" (click)=\"onBackdropClick($event)\">\n\t<!-- Modal panel -->\n\t<div class=\"pptx-ng-sorter-panel\" (click)=\"$event.stopPropagation()\">\n\t\t<!-- Header -->\n\t\t<header class=\"pptx-ng-sorter-header\">\n\t\t\t<h2 class=\"pptx-ng-sorter-title\">{{ 'pptx.slideSorter.title' | translate }}</h2>\n\t\t\t<span class=\"pptx-ng-sorter-count\">{{\n\t\t\t\t'pptx.slideSorter.slideCount' | translate: { count: slides().length }\n\t\t\t}}</span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-ng-sorter-close\"\n\t\t\t\t[attr.aria-label]=\"'pptx.slideSorter.close' | translate\"\n\t\t\t\t(click)=\"closed.emit()\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</header>\n\n\t\t<!-- Scrollable grid -->\n\t\t<div class=\"pptx-ng-sorter-grid-scroll\">\n\t\t\t<div class=\"pptx-ng-sorter-grid\" [ngStyle]=\"gridStyle()\">\n\t\t\t\t@for (slide of slides(); track slide.id; let i = $index) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-sorter-cell\"\n\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t[class.is-hidden]=\"isHiddenSlide(slide)\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t[attr.aria-current]=\"i === activeIndex() ? 'true' : null\"\n\t\t\t\t\t\t(click)=\"onThumbClick(i)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Thumbnail clipping wrapper -->\n\t\t\t\t\t\t<div class=\"pptx-ng-sorter-thumb-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- Slide number badge -->\n\t\t\t\t\t\t<span class=\"pptx-ng-sorter-index\" aria-hidden=\"true\">{{ i + 1 }}</span>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: [":host{display:contents}.pptx-ng-sorter-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-sorter-panel{display:flex;flex-direction:column;width:min(96vw,1200px);max-height:90vh;border-radius:.5rem;background:#1a1a1a;color:#e5e5e5;box-shadow:0 24px 64px #0009;overflow:hidden}.pptx-ng-sorter-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pptx-ng-sorter-title{margin:0;font-size:.875rem;font-weight:500}.pptx-ng-sorter-count{font-size:.75rem;color:#ffffff80;flex:1}.pptx-ng-sorter-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#e5e5e5;cursor:pointer;transition:background .15s;flex-shrink:0;touch-action:manipulation}.pptx-ng-sorter-close:hover{background:#fff3}.pptx-ng-sorter-grid-scroll{flex:1;overflow-y:auto;padding:1.25rem}.pptx-ng-sorter-grid{display:grid;gap:1rem}.pptx-ng-sorter-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:2px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;transition:border-color .15s,background .15s;color:inherit}.pptx-ng-sorter-cell:hover{background:#ffffff0f;border-color:#fff3}.pptx-ng-sorter-cell.is-active{border-color:#3b82f6;background:#3b82f61a}.pptx-ng-sorter-cell.is-hidden{opacity:.4}.pptx-ng-sorter-thumb-clip{overflow:hidden;border-radius:2px}.pptx-ng-sorter-thumb-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-sorter-index{font-size:.6875rem;color:#ffffff8c;-webkit-user-select:none;user-select:none}\n"] }]
+            args: [{ selector: 'pptx-slide-sorter-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, SlideCanvasComponent, TranslatePipe], template: "<!-- Backdrop -->\n<div class=\"pptx-ng-sorter-backdrop\" (click)=\"onBackdropClick($event)\">\n\t<!-- Modal panel -->\n\t<div class=\"pptx-ng-sorter-panel\" (click)=\"$event.stopPropagation()\">\n\t\t<!-- Header -->\n\t\t<header class=\"pptx-ng-sorter-header\">\n\t\t\t<h2 class=\"pptx-ng-sorter-title\">{{ 'pptx.slideSorter.title' | translate }}</h2>\n\t\t\t<span class=\"pptx-ng-sorter-count\">{{\n\t\t\t\t'pptx.slideSorter.slideCount' | translate: { count: slides().length }\n\t\t\t}}</span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-ng-sorter-close\"\n\t\t\t\t[attr.aria-label]=\"'pptx.slideSorter.close' | translate\"\n\t\t\t\t(click)=\"closed.emit()\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</header>\n\n\t\t<!-- Scrollable grid -->\n\t\t<div class=\"pptx-ng-sorter-grid-scroll\">\n\t\t\t<div class=\"pptx-ng-sorter-grid\" [ngStyle]=\"gridStyle()\">\n\t\t\t\t@for (slide of slides(); track slide.id; let i = $index) {\n\t\t\t\t\t@let hidden = hiddenCue(slide, i);\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"pptx-ng-sorter-cell\"\n\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t[class.is-hidden]=\"hidden.hidden\"\n\t\t\t\t\t\t[attr.data-pptx-slide-hidden]=\"hidden.marker ?? null\"\n\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t[attr.aria-describedby]=\"hidden.labelId ?? null\"\n\t\t\t\t\t\t[attr.aria-current]=\"i === activeIndex() ? 'true' : null\"\n\t\t\t\t\t\t(click)=\"onThumbClick(i)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Thumbnail clipping wrapper -->\n\t\t\t\t\t\t<div class=\"pptx-ng-sorter-thumb-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- Slide number badge, struck through with the shared diagonal\n\t\t\t\t\t\t     slash when hidden (PowerPoint's own cue). -->\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"pptx-ng-sorter-index\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t[style.background-image]=\"hidden.hidden ? slashGradient : null\"\n\t\t\t\t\t\t\t>{{ i + 1 }}</span\n\t\t\t\t\t\t>\n\t\t\t\t\t\t@if (hidden.hidden) {\n\t\t\t\t\t\t\t<span class=\"pptx-ng-sorter-hidden\" [id]=\"hidden.labelId\">{{\n\t\t\t\t\t\t\t\thiddenLabelKey | translate\n\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: [":host{display:contents}.pptx-ng-sorter-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pptx-ng-sorter-panel{display:flex;flex-direction:column;width:min(96vw,1200px);max-height:90vh;border-radius:.5rem;background:#1a1a1a;color:#e5e5e5;box-shadow:0 24px 64px #0009;overflow:hidden}.pptx-ng-sorter-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pptx-ng-sorter-title{margin:0;font-size:.875rem;font-weight:500}.pptx-ng-sorter-count{font-size:.75rem;color:#ffffff80;flex:1}.pptx-ng-sorter-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#e5e5e5;cursor:pointer;transition:background .15s;flex-shrink:0;touch-action:manipulation}.pptx-ng-sorter-close:hover{background:#fff3}.pptx-ng-sorter-grid-scroll{flex:1;overflow-y:auto;padding:1.25rem}.pptx-ng-sorter-grid{display:grid;gap:1rem}.pptx-ng-sorter-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:2px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;transition:border-color .15s,background .15s;color:inherit}.pptx-ng-sorter-cell:hover{background:#ffffff0f;border-color:#fff3}.pptx-ng-sorter-cell.is-active{border-color:#3b82f6;background:#3b82f61a}.pptx-ng-sorter-cell.is-hidden{opacity:.4}.pptx-ng-sorter-thumb-clip{overflow:hidden;border-radius:2px}.pptx-ng-sorter-thumb-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-sorter-index{display:inline-block;padding:0 .2rem;font-size:.6875rem;color:#ffffff8c;-webkit-user-select:none;user-select:none}.pptx-ng-sorter-hidden{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff8c;-webkit-user-select:none;user-select:none}\n"] }]
         }], 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 }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], closed: [{ type: i0.Output, args: ["closed"] }], onKeydown: [{
                 type: HostListener,
                 args: ['document:keydown', ['$event']]
@@ -107423,8 +109133,26 @@ class SlidesPanelComponent {
     sectionIndex(sectionId) {
         return this.editor.sections().findIndex((section) => section.id === sectionId);
     }
+    /** Dictionary key for the word shown and announced on a hidden slide's card. */
+    hiddenLabelKey = HIDDEN_SLIDE_LABEL_KEY;
+    /**
+     * The hidden-slide slash and dim, bound as inline styles rather than written
+     * into `slides-panel.component.css`. A component stylesheet cannot read a TS
+     * constant, so a literal copy there would be free to drift from the four
+     * other bindings; binding the shared values makes drift impossible.
+     */
+    slashGradient = HIDDEN_SLIDE_SLASH_GRADIENT;
+    dimOpacity = HIDDEN_SLIDE_DIM_OPACITY;
+    /**
+     * The shared rail/sorter cue for one card. A hidden slide is still LISTED
+     * here (hiding only removes it from the show), so without this the panel gave
+     * a user no way to tell that a slide will be skipped.
+     */
+    hiddenCue(slide, index) {
+        return hiddenSlideCue(slide.hidden, 'rail', index);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SlidesPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SlidesPanelComponent, isStandalone: true, selector: "pptx-slides-panel", inputs: { canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, viewQueries: [{ propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"pptx-ng-spanel\">\n\t<!-- Scrollable slide list -->\n\t<div\n\t\t#scrollViewport\n\t\tclass=\"pptx-ng-spanel-scroll\"\n\t\trole=\"listbox\"\n\t\t[attr.aria-label]=\"'pptx.sections.slides' | translate\"\n\t\t(scroll)=\"onScroll()\"\n\t>\n\t\t<div\n\t\t\tclass=\"pptx-ng-spanel-space\"\n\t\t\t[attr.data-virtualized]=\"shouldVirtualize() ? 'true' : null\"\n\t\t\t[style.height.px]=\"shouldVirtualize() ? virtualRange().totalHeight : null\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"pptx-ng-spanel-window\"\n\t\t\t\t[class.is-virtualized]=\"shouldVirtualize()\"\n\t\t\t\t[style.top.px]=\"shouldVirtualize() ? virtualRange().offsetY : null\"\n\t\t\t>\n\t\t\t\t@for (item of renderedSlides(); track item.slide.id) {\n\t\t\t\t\t@let slide = item.slide;\n\t\t\t\t\t@let i = item.index;\n\t\t\t\t\t@if (item.sectionStart) {\n\t\t\t\t\t\t<header class=\"pptx-ng-section-header\" [attr.data-section-id]=\"item.section?.id\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-section-toggle\"\n\t\t\t\t\t\t\t\t[attr.aria-expanded]=\"!item.section?.collapsed\"\n\t\t\t\t\t\t\t\t(click)=\"item.section && editor.sectionOps.toggle(item.section.id)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ item.section?.collapsed ? '\u25B8' : '\u25BE' }}</span>\n\t\t\t\t\t\t\t\t<strong>{{\n\t\t\t\t\t\t\t\t\titem.section?.name ?? ('pptx.slides.ungroupedSlides' | translate)\n\t\t\t\t\t\t\t\t}}</strong>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t@if (item.section) {\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-section-actions\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"onRenameSection(item.section.id, item.section.name)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u270E\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === 0\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'up')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2191\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === editor.sections().length - 1\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'down')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2193\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.delete(item.section.id)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u00D7\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</header>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!item.section?.collapsed) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-card\"\n\t\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Thumbnail (clickable to select). Slide number sits to the LEFT\n\t\t\t\t\t\t\t     of the preview (React SlideItem parity), not below it. -->\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-thumb-btn\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slidesPanel.goToSlide' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t\t(click)=\"select.emit(i)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- Slide number badge (left column) -->\n\t\t\t\t\t\t\t\t<span class=\"pptx-ng-spanel-num\" aria-hidden=\"true\">{{ i + 1 }}</span>\n\n\t\t\t\t\t\t\t\t<!-- Clipping wrapper: neutralises the 1rem auto margin from SlideCanvas -->\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-spanel-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t\t\t[templateElements]=\"editor.templateElementsBySlideId()[slide.id] ?? []\"\n\t\t\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t\t\t[editable]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t<!-- Per-card action toolbar (visible on hover / focus-within) -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-actions\"\n\t\t\t\t\t\t\t\trole=\"toolbar\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slideMenu.slideActions' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.ribbon.duplicateSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.duplicate' | translate\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDuplicate(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideCopy class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.slidesPanel.deleteSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.delete' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"editor.slides().length <= 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDelete(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideTrash2 class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === 0\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveUp(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowUp class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === editor.slides().length - 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveDown(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowDown class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Footer: add new slide -->\n\t<footer class=\"pptx-ng-spanel-footer\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-spanel-add\"\n\t\t\t[attr.aria-label]=\"'pptx.sections.addSlide' | translate\"\n\t\t\t(click)=\"onAddSlide()\"\n\t\t>\n\t\t\t<svg lucidePlus class=\"h-3.5 w-3.5\"></svg> {{ 'pptx.sections.addSlide' | translate }}\n\t\t</button>\n\t</footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.pptx-ng-spanel{display:flex;flex-direction:column;height:100%;background:var(--pptx-secondary, #1e1e1e);color:var(--pptx-foreground, #e5e5e5);border-right:1px solid var(--pptx-border, rgba(255, 255, 255, .08));overflow:hidden}.pptx-ng-spanel-scroll{flex:1;overflow-y:auto;padding:.5rem .375rem}.pptx-ng-spanel-space{position:relative}.pptx-ng-spanel-window{display:flex;flex-direction:column;gap:.375rem}.pptx-ng-spanel-window.is-virtualized{position:absolute;inset-inline:0}.pptx-ng-section-header{display:flex;align-items:center;gap:.2rem;min-height:1.75rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .58))}.pptx-ng-section-toggle{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.pptx-ng-section-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.pptx-ng-section-actions{display:flex}.pptx-ng-section-actions button{width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:.2rem;background:transparent;color:inherit;cursor:pointer}.pptx-ng-section-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 35%,transparent);color:var(--pptx-foreground, #fff)}.pptx-ng-section-actions button:disabled{opacity:.3}.pptx-ng-spanel-card{position:relative;border-radius:.375rem;border:2px solid transparent;background:transparent;transition:border-color .15s,background .15s}.pptx-ng-spanel-card:hover,.pptx-ng-spanel-card:focus-within{background:color-mix(in srgb,var(--pptx-foreground, #fff) 5%,transparent);border-color:color-mix(in srgb,var(--pptx-foreground, #fff) 15%,transparent)}.pptx-ng-spanel-card.is-active{border-color:var(--pptx-primary, #3b82f6);background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 10%,transparent)}.pptx-ng-spanel-thumb-btn{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem;border:none;background:transparent;cursor:pointer;color:inherit;line-height:0}.pptx-ng-spanel-thumb-btn:focus-visible{outline:2px solid var(--pptx-ring, #3b82f6);outline-offset:2px;border-radius:.25rem}.pptx-ng-spanel-clip{overflow:hidden;border-radius:2px}.pptx-ng-spanel-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-spanel-num{flex:0 0 auto;width:1.1rem;text-align:right;font-size:.625rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45));-webkit-user-select:none;user-select:none}.pptx-ng-spanel-card.is-active .pptx-ng-spanel-num{color:var(--pptx-primary, #3b82f6);font-weight:500}.pptx-ng-spanel-actions{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .12s}.pptx-ng-spanel-card:hover .pptx-ng-spanel-actions,.pptx-ng-spanel-card:focus-within .pptx-ng-spanel-actions{opacity:1;pointer-events:auto}.pptx-ng-spanel-action{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:color-mix(in srgb,var(--pptx-popover, #1e1e1e) 85%,transparent);color:var(--pptx-popover-foreground, #e5e5e5);font-size:.6875rem;cursor:pointer;transition:background .12s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pptx-ng-spanel-action:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 75%,transparent);color:var(--pptx-primary-foreground, #fff)}.pptx-ng-spanel-action[disabled]{opacity:.3;cursor:not-allowed}.pptx-ng-spanel-footer{flex-shrink:0;padding:.5rem .375rem;border-top:1px solid var(--pptx-border, rgba(255, 255, 255, .08))}.pptx-ng-spanel-add{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.25rem .5rem;border:none;border-radius:.25rem;background:transparent;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .6));font-size:.6875rem;cursor:pointer;transition:background .15s,color .15s}.pptx-ng-spanel-add:hover{background:color-mix(in srgb,var(--pptx-foreground, #fff) 8%,transparent);color:var(--pptx-foreground, #e5e5e5)}\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: LucideCopy, selector: "svg[lucideCopy]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SlidesPanelComponent, isStandalone: true, selector: "pptx-slides-panel", inputs: { canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, viewQueries: [{ propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"pptx-ng-spanel\">\n\t<!-- Scrollable slide list -->\n\t<div\n\t\t#scrollViewport\n\t\tclass=\"pptx-ng-spanel-scroll\"\n\t\trole=\"listbox\"\n\t\t[attr.aria-label]=\"'pptx.sections.slides' | translate\"\n\t\t(scroll)=\"onScroll()\"\n\t>\n\t\t<div\n\t\t\tclass=\"pptx-ng-spanel-space\"\n\t\t\t[attr.data-virtualized]=\"shouldVirtualize() ? 'true' : null\"\n\t\t\t[style.height.px]=\"shouldVirtualize() ? virtualRange().totalHeight : null\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"pptx-ng-spanel-window\"\n\t\t\t\t[class.is-virtualized]=\"shouldVirtualize()\"\n\t\t\t\t[style.top.px]=\"shouldVirtualize() ? virtualRange().offsetY : null\"\n\t\t\t>\n\t\t\t\t@for (item of renderedSlides(); track item.slide.id) {\n\t\t\t\t\t@let slide = item.slide;\n\t\t\t\t\t@let i = item.index;\n\t\t\t\t\t@let hidden = hiddenCue(slide, i);\n\t\t\t\t\t@if (item.sectionStart) {\n\t\t\t\t\t\t<header class=\"pptx-ng-section-header\" [attr.data-section-id]=\"item.section?.id\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-section-toggle\"\n\t\t\t\t\t\t\t\t[attr.aria-expanded]=\"!item.section?.collapsed\"\n\t\t\t\t\t\t\t\t(click)=\"item.section && editor.sectionOps.toggle(item.section.id)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ item.section?.collapsed ? '\u25B8' : '\u25BE' }}</span>\n\t\t\t\t\t\t\t\t<strong>{{\n\t\t\t\t\t\t\t\t\titem.section?.name ?? ('pptx.slides.ungroupedSlides' | translate)\n\t\t\t\t\t\t\t\t}}</strong>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t@if (item.section) {\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-section-actions\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"onRenameSection(item.section.id, item.section.name)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u270E\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === 0\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'up')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2191\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === editor.sections().length - 1\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'down')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2193\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.delete(item.section.id)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u00D7\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</header>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!item.section?.collapsed) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-card\"\n\t\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.data-pptx-slide-hidden]=\"hidden.marker ?? null\"\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Thumbnail (clickable to select). Slide number sits to the LEFT\n\t\t\t\t\t\t\t     of the preview (React SlideItem parity), not below it. -->\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-thumb-btn\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slidesPanel.goToSlide' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t\t[attr.aria-describedby]=\"hidden.labelId ?? null\"\n\t\t\t\t\t\t\t\t(click)=\"select.emit(i)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- Slide number badge (left column). Struck through with the shared\n\t\t\t\t\t\t\t\t     diagonal slash when the slide is hidden, which is PowerPoint's own\n\t\t\t\t\t\t\t\t     cue and, unlike the dimming, is not a colour-only signal. -->\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-num\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t[style.background-image]=\"hidden.hidden ? slashGradient : null\"\n\t\t\t\t\t\t\t\t\t>{{ i + 1 }}</span\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<!-- Clipping wrapper: neutralises the 1rem auto margin from SlideCanvas -->\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-spanel-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t\t\t[templateElements]=\"editor.templateElementsBySlideId()[slide.id] ?? []\"\n\t\t\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t\t\t[editable]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[style.opacity]=\"hidden.hidden ? dimOpacity : null\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t@if (hidden.hidden) {\n\t\t\t\t\t\t\t\t\t\t<!-- Announced through aria-describedby, so the accessible name\n\t\t\t\t\t\t\t\t\t\t     stays exactly \"Go to slide {{ i + 1 }}\". -->\n\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-spanel-hidden\" [id]=\"hidden.labelId\">\n\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M1 1l22 22\" />\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-sr-only\">{{ hiddenLabelKey | translate }}</span>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t<!-- Per-card action toolbar (visible on hover / focus-within) -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-actions\"\n\t\t\t\t\t\t\t\trole=\"toolbar\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slideMenu.slideActions' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.ribbon.duplicateSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.duplicate' | translate\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDuplicate(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideCopy class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.slidesPanel.deleteSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.delete' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"editor.slides().length <= 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDelete(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideTrash2 class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === 0\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveUp(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowUp class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === editor.slides().length - 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveDown(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowDown class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Footer: add new slide -->\n\t<footer class=\"pptx-ng-spanel-footer\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-spanel-add\"\n\t\t\t[attr.aria-label]=\"'pptx.sections.addSlide' | translate\"\n\t\t\t(click)=\"onAddSlide()\"\n\t\t>\n\t\t\t<svg lucidePlus class=\"h-3.5 w-3.5\"></svg> {{ 'pptx.sections.addSlide' | translate }}\n\t\t</button>\n\t</footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.pptx-ng-spanel{display:flex;flex-direction:column;height:100%;background:var(--pptx-secondary, #1e1e1e);color:var(--pptx-foreground, #e5e5e5);border-right:1px solid var(--pptx-border, rgba(255, 255, 255, .08));overflow:hidden}.pptx-ng-spanel-scroll{flex:1;overflow-y:auto;padding:.5rem .375rem}.pptx-ng-spanel-space{position:relative}.pptx-ng-spanel-window{display:flex;flex-direction:column;gap:.375rem}.pptx-ng-spanel-window.is-virtualized{position:absolute;inset-inline:0}.pptx-ng-section-header{display:flex;align-items:center;gap:.2rem;min-height:1.75rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .58))}.pptx-ng-section-toggle{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.pptx-ng-section-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.pptx-ng-section-actions{display:flex}.pptx-ng-section-actions button{width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:.2rem;background:transparent;color:inherit;cursor:pointer}.pptx-ng-section-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 35%,transparent);color:var(--pptx-foreground, #fff)}.pptx-ng-section-actions button:disabled{opacity:.3}.pptx-ng-spanel-card{position:relative;border-radius:.375rem;border:2px solid transparent;background:transparent;transition:border-color .15s,background .15s}.pptx-ng-spanel-card:hover,.pptx-ng-spanel-card:focus-within{background:color-mix(in srgb,var(--pptx-foreground, #fff) 5%,transparent);border-color:color-mix(in srgb,var(--pptx-foreground, #fff) 15%,transparent)}.pptx-ng-spanel-card.is-active{border-color:var(--pptx-primary, #3b82f6);background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 10%,transparent)}.pptx-ng-spanel-thumb-btn{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem;border:none;background:transparent;cursor:pointer;color:inherit;line-height:0}.pptx-ng-spanel-thumb-btn:focus-visible{outline:2px solid var(--pptx-ring, #3b82f6);outline-offset:2px;border-radius:.25rem}.pptx-ng-spanel-clip{position:relative;overflow:hidden;border-radius:2px}.pptx-ng-spanel-hidden{position:absolute;right:2px;bottom:2px;z-index:10;display:inline-flex;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45))}.pptx-ng-spanel-hidden svg{width:.75rem;height:.75rem}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pptx-ng-spanel-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-spanel-num{flex:0 0 auto;width:1.1rem;text-align:right;font-size:.625rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45));-webkit-user-select:none;user-select:none}.pptx-ng-spanel-card.is-active .pptx-ng-spanel-num{color:var(--pptx-primary, #3b82f6);font-weight:500}.pptx-ng-spanel-actions{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .12s}.pptx-ng-spanel-card:hover .pptx-ng-spanel-actions,.pptx-ng-spanel-card:focus-within .pptx-ng-spanel-actions{opacity:1;pointer-events:auto}.pptx-ng-spanel-action{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:color-mix(in srgb,var(--pptx-popover, #1e1e1e) 85%,transparent);color:var(--pptx-popover-foreground, #e5e5e5);font-size:.6875rem;cursor:pointer;transition:background .12s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pptx-ng-spanel-action:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 75%,transparent);color:var(--pptx-primary-foreground, #fff)}.pptx-ng-spanel-action[disabled]{opacity:.3;cursor:not-allowed}.pptx-ng-spanel-footer{flex-shrink:0;padding:.5rem .375rem;border-top:1px solid var(--pptx-border, rgba(255, 255, 255, .08))}.pptx-ng-spanel-add{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.25rem .5rem;border:none;border-radius:.25rem;background:transparent;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .6));font-size:.6875rem;cursor:pointer;transition:background .15s,color .15s}.pptx-ng-spanel-add:hover{background:color-mix(in srgb,var(--pptx-foreground, #fff) 8%,transparent);color:var(--pptx-foreground, #e5e5e5)}\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: LucideCopy, selector: "svg[lucideCopy]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SlidesPanelComponent, decorators: [{
             type: Component,
@@ -107437,7 +109165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         LucideArrowUp,
                         LucideArrowDown,
                         LucidePlus,
-                    ], template: "<div class=\"pptx-ng-spanel\">\n\t<!-- Scrollable slide list -->\n\t<div\n\t\t#scrollViewport\n\t\tclass=\"pptx-ng-spanel-scroll\"\n\t\trole=\"listbox\"\n\t\t[attr.aria-label]=\"'pptx.sections.slides' | translate\"\n\t\t(scroll)=\"onScroll()\"\n\t>\n\t\t<div\n\t\t\tclass=\"pptx-ng-spanel-space\"\n\t\t\t[attr.data-virtualized]=\"shouldVirtualize() ? 'true' : null\"\n\t\t\t[style.height.px]=\"shouldVirtualize() ? virtualRange().totalHeight : null\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"pptx-ng-spanel-window\"\n\t\t\t\t[class.is-virtualized]=\"shouldVirtualize()\"\n\t\t\t\t[style.top.px]=\"shouldVirtualize() ? virtualRange().offsetY : null\"\n\t\t\t>\n\t\t\t\t@for (item of renderedSlides(); track item.slide.id) {\n\t\t\t\t\t@let slide = item.slide;\n\t\t\t\t\t@let i = item.index;\n\t\t\t\t\t@if (item.sectionStart) {\n\t\t\t\t\t\t<header class=\"pptx-ng-section-header\" [attr.data-section-id]=\"item.section?.id\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-section-toggle\"\n\t\t\t\t\t\t\t\t[attr.aria-expanded]=\"!item.section?.collapsed\"\n\t\t\t\t\t\t\t\t(click)=\"item.section && editor.sectionOps.toggle(item.section.id)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ item.section?.collapsed ? '\u25B8' : '\u25BE' }}</span>\n\t\t\t\t\t\t\t\t<strong>{{\n\t\t\t\t\t\t\t\t\titem.section?.name ?? ('pptx.slides.ungroupedSlides' | translate)\n\t\t\t\t\t\t\t\t}}</strong>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t@if (item.section) {\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-section-actions\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"onRenameSection(item.section.id, item.section.name)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u270E\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === 0\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'up')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2191\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === editor.sections().length - 1\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'down')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2193\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.delete(item.section.id)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u00D7\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</header>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!item.section?.collapsed) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-card\"\n\t\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Thumbnail (clickable to select). Slide number sits to the LEFT\n\t\t\t\t\t\t\t     of the preview (React SlideItem parity), not below it. -->\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-thumb-btn\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slidesPanel.goToSlide' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t\t(click)=\"select.emit(i)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- Slide number badge (left column) -->\n\t\t\t\t\t\t\t\t<span class=\"pptx-ng-spanel-num\" aria-hidden=\"true\">{{ i + 1 }}</span>\n\n\t\t\t\t\t\t\t\t<!-- Clipping wrapper: neutralises the 1rem auto margin from SlideCanvas -->\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-spanel-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t\t\t[templateElements]=\"editor.templateElementsBySlideId()[slide.id] ?? []\"\n\t\t\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t\t\t[editable]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t<!-- Per-card action toolbar (visible on hover / focus-within) -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-actions\"\n\t\t\t\t\t\t\t\trole=\"toolbar\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slideMenu.slideActions' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.ribbon.duplicateSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.duplicate' | translate\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDuplicate(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideCopy class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.slidesPanel.deleteSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.delete' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"editor.slides().length <= 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDelete(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideTrash2 class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === 0\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveUp(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowUp class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === editor.slides().length - 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveDown(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowDown class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Footer: add new slide -->\n\t<footer class=\"pptx-ng-spanel-footer\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-spanel-add\"\n\t\t\t[attr.aria-label]=\"'pptx.sections.addSlide' | translate\"\n\t\t\t(click)=\"onAddSlide()\"\n\t\t>\n\t\t\t<svg lucidePlus class=\"h-3.5 w-3.5\"></svg> {{ 'pptx.sections.addSlide' | translate }}\n\t\t</button>\n\t</footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.pptx-ng-spanel{display:flex;flex-direction:column;height:100%;background:var(--pptx-secondary, #1e1e1e);color:var(--pptx-foreground, #e5e5e5);border-right:1px solid var(--pptx-border, rgba(255, 255, 255, .08));overflow:hidden}.pptx-ng-spanel-scroll{flex:1;overflow-y:auto;padding:.5rem .375rem}.pptx-ng-spanel-space{position:relative}.pptx-ng-spanel-window{display:flex;flex-direction:column;gap:.375rem}.pptx-ng-spanel-window.is-virtualized{position:absolute;inset-inline:0}.pptx-ng-section-header{display:flex;align-items:center;gap:.2rem;min-height:1.75rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .58))}.pptx-ng-section-toggle{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.pptx-ng-section-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.pptx-ng-section-actions{display:flex}.pptx-ng-section-actions button{width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:.2rem;background:transparent;color:inherit;cursor:pointer}.pptx-ng-section-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 35%,transparent);color:var(--pptx-foreground, #fff)}.pptx-ng-section-actions button:disabled{opacity:.3}.pptx-ng-spanel-card{position:relative;border-radius:.375rem;border:2px solid transparent;background:transparent;transition:border-color .15s,background .15s}.pptx-ng-spanel-card:hover,.pptx-ng-spanel-card:focus-within{background:color-mix(in srgb,var(--pptx-foreground, #fff) 5%,transparent);border-color:color-mix(in srgb,var(--pptx-foreground, #fff) 15%,transparent)}.pptx-ng-spanel-card.is-active{border-color:var(--pptx-primary, #3b82f6);background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 10%,transparent)}.pptx-ng-spanel-thumb-btn{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem;border:none;background:transparent;cursor:pointer;color:inherit;line-height:0}.pptx-ng-spanel-thumb-btn:focus-visible{outline:2px solid var(--pptx-ring, #3b82f6);outline-offset:2px;border-radius:.25rem}.pptx-ng-spanel-clip{overflow:hidden;border-radius:2px}.pptx-ng-spanel-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-spanel-num{flex:0 0 auto;width:1.1rem;text-align:right;font-size:.625rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45));-webkit-user-select:none;user-select:none}.pptx-ng-spanel-card.is-active .pptx-ng-spanel-num{color:var(--pptx-primary, #3b82f6);font-weight:500}.pptx-ng-spanel-actions{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .12s}.pptx-ng-spanel-card:hover .pptx-ng-spanel-actions,.pptx-ng-spanel-card:focus-within .pptx-ng-spanel-actions{opacity:1;pointer-events:auto}.pptx-ng-spanel-action{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:color-mix(in srgb,var(--pptx-popover, #1e1e1e) 85%,transparent);color:var(--pptx-popover-foreground, #e5e5e5);font-size:.6875rem;cursor:pointer;transition:background .12s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pptx-ng-spanel-action:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 75%,transparent);color:var(--pptx-primary-foreground, #fff)}.pptx-ng-spanel-action[disabled]{opacity:.3;cursor:not-allowed}.pptx-ng-spanel-footer{flex-shrink:0;padding:.5rem .375rem;border-top:1px solid var(--pptx-border, rgba(255, 255, 255, .08))}.pptx-ng-spanel-add{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.25rem .5rem;border:none;border-radius:.25rem;background:transparent;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .6));font-size:.6875rem;cursor:pointer;transition:background .15s,color .15s}.pptx-ng-spanel-add:hover{background:color-mix(in srgb,var(--pptx-foreground, #fff) 8%,transparent);color:var(--pptx-foreground, #e5e5e5)}\n"] }]
+                    ], template: "<div class=\"pptx-ng-spanel\">\n\t<!-- Scrollable slide list -->\n\t<div\n\t\t#scrollViewport\n\t\tclass=\"pptx-ng-spanel-scroll\"\n\t\trole=\"listbox\"\n\t\t[attr.aria-label]=\"'pptx.sections.slides' | translate\"\n\t\t(scroll)=\"onScroll()\"\n\t>\n\t\t<div\n\t\t\tclass=\"pptx-ng-spanel-space\"\n\t\t\t[attr.data-virtualized]=\"shouldVirtualize() ? 'true' : null\"\n\t\t\t[style.height.px]=\"shouldVirtualize() ? virtualRange().totalHeight : null\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"pptx-ng-spanel-window\"\n\t\t\t\t[class.is-virtualized]=\"shouldVirtualize()\"\n\t\t\t\t[style.top.px]=\"shouldVirtualize() ? virtualRange().offsetY : null\"\n\t\t\t>\n\t\t\t\t@for (item of renderedSlides(); track item.slide.id) {\n\t\t\t\t\t@let slide = item.slide;\n\t\t\t\t\t@let i = item.index;\n\t\t\t\t\t@let hidden = hiddenCue(slide, i);\n\t\t\t\t\t@if (item.sectionStart) {\n\t\t\t\t\t\t<header class=\"pptx-ng-section-header\" [attr.data-section-id]=\"item.section?.id\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-section-toggle\"\n\t\t\t\t\t\t\t\t[attr.aria-expanded]=\"!item.section?.collapsed\"\n\t\t\t\t\t\t\t\t(click)=\"item.section && editor.sectionOps.toggle(item.section.id)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ item.section?.collapsed ? '\u25B8' : '\u25BE' }}</span>\n\t\t\t\t\t\t\t\t<strong>{{\n\t\t\t\t\t\t\t\t\titem.section?.name ?? ('pptx.slides.ungroupedSlides' | translate)\n\t\t\t\t\t\t\t\t}}</strong>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t@if (item.section) {\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-section-actions\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"onRenameSection(item.section.id, item.section.name)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u270E\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === 0\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'up')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2191\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"sectionIndex(item.section.id) === editor.sections().length - 1\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.move(item.section.id, 'down')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u2193\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t\t(click)=\"editor.sectionOps.delete(item.section.id)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\u00D7\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</header>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!item.section?.collapsed) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-card\"\n\t\t\t\t\t\t\t[class.is-active]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.data-pptx-slide-hidden]=\"hidden.marker ?? null\"\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"i === activeIndex()\"\n\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.notes.slideN' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Thumbnail (clickable to select). Slide number sits to the LEFT\n\t\t\t\t\t\t\t     of the preview (React SlideItem parity), not below it. -->\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-thumb-btn\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slidesPanel.goToSlide' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t\t[attr.aria-describedby]=\"hidden.labelId ?? null\"\n\t\t\t\t\t\t\t\t(click)=\"select.emit(i)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- Slide number badge (left column). Struck through with the shared\n\t\t\t\t\t\t\t\t     diagonal slash when the slide is hidden, which is PowerPoint's own\n\t\t\t\t\t\t\t\t     cue and, unlike the dimming, is not a colour-only signal. -->\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-num\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t[style.background-image]=\"hidden.hidden ? slashGradient : null\"\n\t\t\t\t\t\t\t\t\t>{{ i + 1 }}</span\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<!-- Clipping wrapper: neutralises the 1rem auto margin from SlideCanvas -->\n\t\t\t\t\t\t\t\t<div class=\"pptx-ng-spanel-clip\" [ngStyle]=\"clipStyle()\">\n\t\t\t\t\t\t\t\t\t<pptx-slide-canvas\n\t\t\t\t\t\t\t\t\t\t[slide]=\"slide\"\n\t\t\t\t\t\t\t\t\t\t[templateElements]=\"editor.templateElementsBySlideId()[slide.id] ?? []\"\n\t\t\t\t\t\t\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t\t\t\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t\t\t\t\t\t[zoom]=\"thumbZoom()\"\n\t\t\t\t\t\t\t\t\t\t[editable]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[autoFit]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[interactive]=\"false\"\n\t\t\t\t\t\t\t\t\t\t[style.opacity]=\"hidden.hidden ? dimOpacity : null\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t@if (hidden.hidden) {\n\t\t\t\t\t\t\t\t\t\t<!-- Announced through aria-describedby, so the accessible name\n\t\t\t\t\t\t\t\t\t\t     stays exactly \"Go to slide {{ i + 1 }}\". -->\n\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-spanel-hidden\" [id]=\"hidden.labelId\">\n\t\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M1 1l22 22\" />\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"pptx-ng-sr-only\">{{ hiddenLabelKey | translate }}</span>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t<!-- Per-card action toolbar (visible on hover / focus-within) -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-actions\"\n\t\t\t\t\t\t\t\trole=\"toolbar\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.slideMenu.slideActions' | translate: { n: i + 1 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.ribbon.duplicateSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.duplicate' | translate\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDuplicate(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideCopy class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.slidesPanel.deleteSlide' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.arrange.delete' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"editor.slides().length <= 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onDelete(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideTrash2 class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveUp' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === 0\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveUp(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowUp class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"pptx-ng-spanel-action\"\n\t\t\t\t\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\t\t\t\t\t[title]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'pptx.sections.moveDown' | translate\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"i === editor.slides().length - 1\"\n\t\t\t\t\t\t\t\t\t(click)=\"onMoveDown(i)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg lucideArrowDown class=\"h-3.5 w-3.5\"></svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<!-- Footer: add new slide -->\n\t<footer class=\"pptx-ng-spanel-footer\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"pptx-ng-spanel-add\"\n\t\t\t[attr.aria-label]=\"'pptx.sections.addSlide' | translate\"\n\t\t\t(click)=\"onAddSlide()\"\n\t\t>\n\t\t\t<svg lucidePlus class=\"h-3.5 w-3.5\"></svg> {{ 'pptx.sections.addSlide' | translate }}\n\t\t</button>\n\t</footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.pptx-ng-spanel{display:flex;flex-direction:column;height:100%;background:var(--pptx-secondary, #1e1e1e);color:var(--pptx-foreground, #e5e5e5);border-right:1px solid var(--pptx-border, rgba(255, 255, 255, .08));overflow:hidden}.pptx-ng-spanel-scroll{flex:1;overflow-y:auto;padding:.5rem .375rem}.pptx-ng-spanel-space{position:relative}.pptx-ng-spanel-window{display:flex;flex-direction:column;gap:.375rem}.pptx-ng-spanel-window.is-virtualized{position:absolute;inset-inline:0}.pptx-ng-section-header{display:flex;align-items:center;gap:.2rem;min-height:1.75rem;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .58))}.pptx-ng-section-toggle{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.pptx-ng-section-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.pptx-ng-section-actions{display:flex}.pptx-ng-section-actions button{width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:.2rem;background:transparent;color:inherit;cursor:pointer}.pptx-ng-section-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 35%,transparent);color:var(--pptx-foreground, #fff)}.pptx-ng-section-actions button:disabled{opacity:.3}.pptx-ng-spanel-card{position:relative;border-radius:.375rem;border:2px solid transparent;background:transparent;transition:border-color .15s,background .15s}.pptx-ng-spanel-card:hover,.pptx-ng-spanel-card:focus-within{background:color-mix(in srgb,var(--pptx-foreground, #fff) 5%,transparent);border-color:color-mix(in srgb,var(--pptx-foreground, #fff) 15%,transparent)}.pptx-ng-spanel-card.is-active{border-color:var(--pptx-primary, #3b82f6);background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 10%,transparent)}.pptx-ng-spanel-thumb-btn{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem;border:none;background:transparent;cursor:pointer;color:inherit;line-height:0}.pptx-ng-spanel-thumb-btn:focus-visible{outline:2px solid var(--pptx-ring, #3b82f6);outline-offset:2px;border-radius:.25rem}.pptx-ng-spanel-clip{position:relative;overflow:hidden;border-radius:2px}.pptx-ng-spanel-hidden{position:absolute;right:2px;bottom:2px;z-index:10;display:inline-flex;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45))}.pptx-ng-spanel-hidden svg{width:.75rem;height:.75rem}.pptx-ng-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pptx-ng-spanel-clip ::ng-deep .pptx-ng-canvas-wrapper{margin:0!important}.pptx-ng-spanel-num{flex:0 0 auto;width:1.1rem;text-align:right;font-size:.625rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .45));-webkit-user-select:none;user-select:none}.pptx-ng-spanel-card.is-active .pptx-ng-spanel-num{color:var(--pptx-primary, #3b82f6);font-weight:500}.pptx-ng-spanel-actions{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .12s}.pptx-ng-spanel-card:hover .pptx-ng-spanel-actions,.pptx-ng-spanel-card:focus-within .pptx-ng-spanel-actions{opacity:1;pointer-events:auto}.pptx-ng-spanel-action{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:color-mix(in srgb,var(--pptx-popover, #1e1e1e) 85%,transparent);color:var(--pptx-popover-foreground, #e5e5e5);font-size:.6875rem;cursor:pointer;transition:background .12s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pptx-ng-spanel-action:hover:not([disabled]){background:color-mix(in srgb,var(--pptx-primary, #3b82f6) 75%,transparent);color:var(--pptx-primary-foreground, #fff)}.pptx-ng-spanel-action[disabled]{opacity:.3;cursor:not-allowed}.pptx-ng-spanel-footer{flex-shrink:0;padding:.5rem .375rem;border-top:1px solid var(--pptx-border, rgba(255, 255, 255, .08))}.pptx-ng-spanel-add{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.25rem .5rem;border:none;border-radius:.25rem;background:transparent;color:var(--pptx-muted-foreground, rgba(255, 255, 255, .6));font-size:.6875rem;cursor:pointer;transition:background .15s,color .15s}.pptx-ng-spanel-add:hover{background:color-mix(in srgb,var(--pptx-foreground, #fff) 8%,transparent);color:var(--pptx-foreground, #e5e5e5)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], scrollViewport: [{ type: i0.ViewChild, args: ['scrollViewport', { isSignal: true }] }] } });
 
 class StatusBarComponent {
@@ -116083,6 +117811,8 @@ class PowerPointViewerComponent {
 					[subtitlesVisible]="presentationMode.subtitlesVisible()"
 					[sessionEnded]="audienceSessionEnded()"
 					[endWithBlackSlide]="viewerOpts.options().advanced.slideShowEndWithBlackSlide"
+					[presenterMode]="presentationMode.presentingPresenter()"
+					(presenterViewToggle)="presentationMode.togglePresenterView()"
 					(subtitlesChange)="presentationMode.subtitlesVisible.set($event)"
 					(indexChange)="presentationMode.onPresentationIndexChange($event)"
 					(annotationsExit)="presentationMode.onPresentationAnnotationsExit($event)"
@@ -116363,7 +118093,7 @@ class PowerPointViewerComponent {
 				/>
 			}
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "useTimings", "subtitlesVisible", "sessionEnded", "endWithBlackSlide"], outputs: ["indexChange", "closed", "subtitlesChange", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: OutlineViewOverlayComponent, selector: "pptx-outline-view-overlay", inputs: ["slides", "canvasSize", "canEdit"], outputs: ["commit", "closed"] }, { kind: "component", type: ReadingViewOverlayComponent, selector: "pptx-reading-view-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeSlideIndex"], outputs: ["exit"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex", "showAiActions"], outputs: ["closed", "askAi", "fixAi", "editHyperlink", "addComment"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: MotionPathOverlayComponent, selector: "pptx-motion-path-overlay", inputs: ["element", "animations", "canvasSize", "canEdit"], outputs: ["pathChange"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "aiEnabled", "aiPanelOpen", "hiddenActions"], outputs: ["toggleMenu", "toggleAiPanel", "undo", "redo", "share", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "aiEnabled", "aiPanelOpen", "accountAuth", "activeSlideHidden"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "toggleAiPanel", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openOutlineView", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "toggleHideSlide", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions", "quickAccess"], outputs: ["toggleAutosave", "save", "undo", "redo", "quickCommand", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "themeKey", "availableThemes", "localeCode", "availableLocales", "aiExportVisible"], outputs: ["restoreContent", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "useTimings", "subtitlesVisible", "sessionEnded", "endWithBlackSlide", "presenterMode"], outputs: ["indexChange", "closed", "subtitlesChange", "presenterViewToggle", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: OutlineViewOverlayComponent, selector: "pptx-outline-view-overlay", inputs: ["slides", "canvasSize", "canEdit"], outputs: ["commit", "closed"] }, { kind: "component", type: ReadingViewOverlayComponent, selector: "pptx-reading-view-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeSlideIndex"], outputs: ["exit"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex", "showAiActions"], outputs: ["closed", "askAi", "fixAi", "editHyperlink", "addComment"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: MotionPathOverlayComponent, selector: "pptx-motion-path-overlay", inputs: ["element", "animations", "canvasSize", "canEdit"], outputs: ["pathChange"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "aiEnabled", "aiPanelOpen", "hiddenActions"], outputs: ["toggleMenu", "toggleAiPanel", "undo", "redo", "share", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "aiEnabled", "aiPanelOpen", "accountAuth", "activeSlideHidden"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "toggleAiPanel", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openReadingView", "openOutlineView", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "toggleHideSlide", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions", "quickAccess"], outputs: ["toggleAutosave", "save", "undo", "redo", "quickCommand", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "themeKey", "availableThemes", "localeCode", "availableLocales", "aiExportVisible"], outputs: ["restoreContent", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
                 Promise.resolve().then(function () { return aiChatPanel_component; }).then(m => m.AiChatPanelComponent)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ngImport: i0, type: PowerPointViewerComponent, resolveDeferredDeps: () => [/* @ts-ignore */
@@ -116933,6 +118663,8 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ng
 					[subtitlesVisible]="presentationMode.subtitlesVisible()"
 					[sessionEnded]="audienceSessionEnded()"
 					[endWithBlackSlide]="viewerOpts.options().advanced.slideShowEndWithBlackSlide"
+					[presenterMode]="presentationMode.presentingPresenter()"
+					(presenterViewToggle)="presentationMode.togglePresenterView()"
 					(subtitlesChange)="presentationMode.subtitlesVisible.set($event)"
 					(indexChange)="presentationMode.onPresentationIndexChange($event)"
 					(annotationsExit)="presentationMode.onPresentationAnnotationsExit($event)"
@@ -118789,13 +120521,17 @@ const TRIGGER_LABEL_KEYS = [
     { value: 'afterPrevious', key: 'pptx.animation.trigger.afterPrevious' },
     { value: 'afterDelay', key: 'pptx.animation.trigger.afterDelay' },
 ];
+/**
+ * The step's effect name.
+ *
+ * This used to look the element's preset token up in core's OOXML catalogue,
+ * which is keyed by wire ids (`entr.1`) and so never matched an editor token
+ * (`fadeIn`); the fallback then printed that token straight into the step row.
+ * The shared resolver understands both vocabularies and answers with an i18n
+ * key, so the step reads "Fade In" in every language.
+ */
 function presetLabel(anim, translate) {
-    const presetId = anim.entrance ?? anim.emphasis ?? anim.exit;
-    if (!presetId) {
-        return translate.instant('pptx.animation.animation');
-    }
-    const info = getAnimationPresetInfo(presetId);
-    return info?.label ?? presetId;
+    return translate.instant(animationEffectLabelKey(anim));
 }
 function triggerLabel(trigger, translate) {
     const key = TRIGGER_LABEL_KEYS.find((o) => o.value === trigger)?.key ?? 'pptx.animation.trigger.onClick';
@@ -119106,5 +120842,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, RibbonMotionPathGalleryComponent 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, PresenterViewComponent as bA, PresenterWindowService as bB, PrintDialogComponent as bC, PrintService as bD, PrintSettingsPanelComponent as bE, PropertiesDialogComponent as bF, REPEAT_MODE_OPTIONS as bG, RESIZE_HANDLES as bH, RULER_FONT_SIZE as bI, RULER_THICKNESS as bJ, ReadingViewOverlayComponent as bK, RemoteSelectionOverlayComponent as bL, RibbonAnimationGalleryComponent as bM, RibbonAnimationsSectionComponent as bN, RibbonArrangeSectionComponent as bO, RibbonColorPopoverComponent as bP, RibbonComponent as bQ, RibbonDesignSectionComponent as bR, RibbonDrawSectionComponent as bS, RibbonDrawingGroupComponent as bT, RibbonEditingSectionComponent as bU, RibbonFileSectionComponent as bV, RibbonFontControlsComponent as bW, RibbonHomeSectionComponent as bX, RibbonHyperlinkButtonComponent as bY, RibbonInsertFieldsComponent as bZ, RibbonInsertSectionComponent 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, PresentationAnnotationOverlayComponent as bt, PresentationAnnotationsService as bu, PresentationOverlayComponent as bv, PresentationPropertiesPanelComponent as bw, PresentationSettingsCardComponent as bx, PresentationSubtitleBarComponent as by, PresentationTransitionOverlayComponent as bz, AUDIENCE_NONCE_KEY as c, TableResizeOverlayComponent as c$, RibbonParagraphControlsComponent as c0, RibbonPrimaryRowComponent as c1, RibbonReviewSectionComponent as c2, RibbonShapeExtrasComponent as c3, RibbonSlideshowSectionComponent as c4, RibbonTransitionsSectionComponent as c5, RibbonViewSectionComponent as c6, RulerGuidesService as c7, SEQUENCE_OPTIONS as c8, SEVERITY_GROUPS as c9, SlideDiffChangesComponent as cA, SlideDiffRowComponent as cB, SlideDiffThumbnailsComponent as cC, SlideSizeCardComponent as cD, SlideSorterOverlayComponent as cE, SlideThemeOverridePanelComponent as cF, SlideTransitionCardComponent as cG, SlidesPanelComponent as cH, SmartArt3DRendererComponent as cI, SmartArt3DService as cJ, SmartArtPreviewComponent as cK, SmartArtPropertiesComponent as cL, SmartArtRendererComponent as cM, StatusBarComponent as cN, TABLE_STRUCTURE_TOGGLES as cO, TEXT_3D_BOTTOM_BEVEL_KEYS as cP, TEXT_3D_TOP_BEVEL_KEYS as cQ, TEXT_DIRECTION_OPTIONS$1 as cR, THEME_CATALOG as cS, TIMING_CURVE_OPTIONS as cT, TRIGGER_OPTIONS as cU, TYPE_LABELS as cV, TableCellAdvancedFillComponent as cW, TableCellFormattingComponent as cX, TableDataEditorComponent as cY, TablePropertiesComponent as cZ, TableRendererComponent as c_, SEVERITY_LABELS as ca, SHORTCUT_REFERENCE_ITEMS as cb, SLIDE_TRANSITION_KEYFRAMES as cc, DEFAULT_PALETTE as cd, PALETTES$1 as ce, SMART_ART_COLOR_SCHEMES as cf, SMART_ART_STYLE_OPTIONS as cg, SUB_ITEM_LABEL as ch, SVG_WARP_PRESETS as ci, SWIPE_MAX_VERTICAL_PX as cj, SWIPE_THRESHOLD_PX as ck, SelectionPaneComponent as cl, SetUpSlideShowDialogComponent as cm, SettingsAppearanceTabComponent as cn, SettingsDialogComponent as co, SettingsLanguageTabComponent as cp, ShareDialogComponent as cq, ShortcutPanelComponent as cr, ShowOptionsFieldsetComponent as cs, ShowSlidesFieldsetComponent as ct, SignatureStrippedDialogComponent as cu, SignaturesPanelComponent as cv, SignaturesService as cw, SlideBackgroundCardComponent as cx, SlideCanvasComponent as cy, SlideDefaultInspectorComponent as cz, AVATAR_COLOR_SWATCHES as d, bevelSizePatch as d$, TableSelectionService as d0, TagsCardComponent as d1, Text3DBevelSectionComponent as d2, Text3DPanelComponent as d3, TextAdvancedPanelComponent as d4, ThemeEditorFieldsComponent as d5, ThemeGalleryComponent as d6, ThemeSelectorCardComponent as d7, TitleBarComponent as d8, TitleBarSearchComponent as d9, WriteBackScheduler as dA, ZoomNavigationService as dB, ZoomRendererComponent as dC, ZoomTargetService as dD, addCategory as dE, addCommentToList as dF, addGradientStopPatch as dG, addItem as dH, addSeries as dI, addSubItem as dJ, advanceStep as dK, aiToggleVisible as dL, alignPatch as dM, animationFor as dN, animationPresetLabelKey as dO, annotationMapToInkInserts as dP, applyAcceptedDiff as dQ, applyAnimationPreset as dR, applyFindReplacements as dS, applyFormatToElement as dT, applyMove as dU, applyResize as dV, applyTableStylePreset as dW, asMediaElement as dX, assignUserColor as dY, attachTouchGestures as dZ, beginNodeEdit as d_, TransitionDirectionPickerComponent as da, TransitionPreviewComponent as db, VALIGN_OPTIONS as dc, VIEWER_THEME as dd, VersionHistoryPanelComponent as de, ViewerCanvasEditingService as df, ViewerCollabCursorService as dg, ViewerCollaborationSessionService as dh, ViewerCompareService as di, ViewerCustomShowsService as dj, ViewerDialogsService as dk, ViewerDocumentPropertiesService as dl, ViewerExportService as dm, ViewerExtraDialogsComponent as dn, ViewerFileIOService as dp, ViewerFindReplaceService as dq, ViewerFormatPainterService as dr, ViewerInspectorPanelService as ds, ViewerKeyboardService as dt, ViewerMobileSheetService as du, ViewerPresentationModeService as dv, ViewerThemeGalleryService as dw, ViewerTouchGesturesService as dx, ViewerZoomService as dy, WEBM_MIME_CANDIDATES as dz, AccessibilityPanelComponent as e, cellStyleToStyleMap as e$, boolFromEvent as e0, bringForward as e1, bringToFront as e2, buildBarActions as e3, buildBroadcastConfig as e4, buildBroadcastViewerUrl as e5, buildCategoryLabels as e6, buildCellParagraphs as e7, buildChartViewModel as e8, buildChatLogExport as e9, buildPrintHtmlDocument as eA, buildPropertiesPatch as eB, buildRegionMapViewModel as eC, buildSaveSlides as eD, buildShareUrl as eE, buildSmartArtInsertElement as eF, buildSmartArtNodes as eG, buildStockViewModel as eH, buildSurfaceViewModel as eI, buildTableViewModel as eJ, buildTreemapViewModel as eK, buildTrimFragment as eL, buildWaterfallViewModel as eM, buildZeroLine as eN, buildZoomContainerStyle as eO, buildZoomViewModel as eP, bulletIndentPx as eQ, canAddTopLevelNode as eR, canGroupSelection as eS, canRemoveTopLevelNode as eT, canSetStrokeWidth as eU, canStartBroadcast as eV, canStartShare as eW, canUngroupSelection as eX, canUseClipboard as eY, captionDisplayText as eZ, cellRunStyle as e_, buildChatLogMarkdown as ea, buildChromeStyle as eb, buildClearHyperlinkPatch as ec, buildClickGroups as ed, buildColStyles as ee, buildCollaborationConfig as ef, buildComboViewModel as eg, buildCssGradientFromShapeStyle as eh, buildDuotoneFilter as ei, buildDuotoneFilterId as ej, buildEmbeddedFontStyles as ek, buildEquationElement as el, buildEquationSegment as em, buildFallbackViewModel as en, buildFontFaceRule as eo, buildGradientFillCss as ep, buildGridlinesAndLabels as eq, buildHyperlinkPatch as er, buildInkContainerStyle as es, buildInkStrokes as et, buildLegend as eu, buildModel3DContainerStyle as ev, buildModel3DViewModel as ew, buildOleActionModel as ex, buildOleInfoRows as ey, buildPatternFillCss as ez, AccessibilityService as f, createWebsocketBundle as f$, cellTdStyle as f0, changeCountLabel as f1, changeIcon as f2, characterSpacingPatch as f3, checkFontAvailable as f4, clampCursorPosition as f5, clampGifDimensions as f6, clampIndex as f7, clampNotesFontSize as f8, clampScale as f9, computeLinearRegression as fA, computePageCount as fB, computePieLayout as fC, computePieSlicePath as fD, computePieSlices as fE, computePlotLayout as fF, computeRSquared as fG, computeRadarPoints as fH, computeScatterDots as fI, computeSelectionBoxes as fJ, computeSingleSelected as fK, computeSlideIndices as fL, computeSnap as fM, computeStackedBarRects as fN, computeStackedValueRange as fO, computeTextLines as fP, computeTimerProgress as fQ, computeTrendlinePrimitives as fR, computeValueRange as fS, convertOmmlToMathMl as fT, copyFormatFromElement as fU, countAccessibilityIssues as fV, countAnnotationStrokes as fW, createAngularAiBridge as fX, createCustomShow as fY, createSwipeDismissDrag as fZ, createWebrtcBundle as f_, clampStep as fa, clearAllLocalViewerData as fb, clearAudienceContent as fc, cn as fd, collectAccessibilityIssues as fe, collectElementText as ff, collectSlideText as fg, collectStoredChats as fh, collectUsedFontFamilies as fi, columnWidthStyle as fj, commitNodeText as fk, computeAlign as fl, computeAxisTitlePrimitives as fm, computeBarRects as fn, computeBubbleRadius as fo, computeCornerHandle as fp, computeDataTablePrimitives as fq, computeDistribute as fr, computeDrawingViewBox as fs, computeErrorBarPrimitives as ft, computeFocusTargets as fu, computeHandleBoxes as fv, computeHandoutLayout as fw, computeIsMobile as fx, computeIsTablet as fy, computeLinePoints as fz, AccountPageComponent as g, getOleAriaLabel as g$, cssObjectToStyleMap as g0, currentColorScheme as g1, currentLayout as g2, currentStyle as g3, defaultCssVars as g4, defaultRadius as g5, defaultThemeColors as g6, deleteElementsByIds as g7, deleteVersion as g8, demoteNode as g9, findOwningSlideIndex as gA, findSlideIndexByElementId as gB, firstVisibleIndex as gC, fitPolynomial as gD, fitZoom as gE, focusTargetChips as gF, fontMimeForFormat as gG, fontSizeOf as gH, formatAutoNumber as gI, formatAxisValue as gJ, formatBytes as gK, formatCursorLabel as gL, formatElapsed as gM, formatFileSize as gN, formatPropertyDate as gO, formatTime as gP, fpsToFrameIntervalMs as gQ, generateBroadcastRoomId as gR, generateCommentId as gS, generateCustomShowId as gT, generatePressureCircles as gU, generateTicks as gV, getClrChangeParams as gW, getContainerStyle as gX, getDuotoneFilterDef as gY, getImageSrc as gZ, getLocalStorageUsageSummary as g_, deriveModel3DBlobUrl as ga, derivePresenceList as gb, describeSmartArtBounds as gc, disableGlowPatch as gd, disableInnerShadowPatch as ge, disableOuterShadowPatch as gf, disableReflectionPatch as gg, disableSoftEdgePatch as gh, duplicateElementById as gi, durationOf as gj, effectsStateOf as gk, enableGlowPatch as gl, enableInnerShadowPatch as gm, enableOuterShadowPatch as gn, enableReflectionPatch as go, enableSoftEdgePatch as gp, encodeGif as gq, estimatePageCount as gr, evenColumnWidths as gs, evenRowHeights as gt, exitPresentationFullscreen as gu, exportAiChatLogs as gv, extractPathPoints as gw, eyedropperAvailable as gx, fillColorOf as gy, findInSlides as gz, ActionSettingsPanelComponent as h, lineSpacingPatch as h$, getOleBadgeLabel as h0, getOleDisplayName as h1, getOleDownloadFileName as h2, getOleTypeColor as h3, getOleTypeLabel as h4, getPasswordStrength as h5, getPatternSvg as h6, getPlaceholderStyle as h7, getVersions as h8, getResolvedShapeClipPath as h9, inkViewBox as hA, insertTableElementColumn as hB, insertTableElementRow as hC, interpolateWidth as hD, isAudienceTab as hE, isBold as hF, isBrowserOpenableMime as hG, isChildNode as hH, isElementInteractive as hI, isInjectableUrl as hJ, isItalic as hK, isPpactionUrl as hL, isPresenterMessage as hM, isSigned as hN, isTextElement as hO, isTwoTableFocus as hP, isUnderline as hQ, isUrlSafe as hR, isValidRoomId as hS, isViewportBackgroundPressTarget as hT, isZoomActivationKey as hU, issueTrackKey as hV, issueTypeLabel as hW, keyToLabel as hX, lastVisibleIndex as hY, latexToMathml as hZ, linePointsToSvgString as h_, getResolvedShapeClipPathFor as ha, getShapeFillStrokeStyle as hb, getSlideBackgroundStyle as hc, getSlideTransitionAnimations as hd, getSmartArtNodeBounds as he, getSpeechRecognitionCtor as hf, getTextBlockStyle as hg, getTextWarp as hh, getTouchDistance as hi, getWarpCategory as hj, getWarpPath as hk, gradientStateFromStyle as hl, gradientStateOf as hm, gradientStatePatch as hn, gridColumns as ho, groupElements as hp, groupIssuesBySeverity as hq, hasAnimation as hr, hasCopyableFormat as hs, hasExistingLink as ht, hasExitedFullscreen as hu, hasGradientFill as hv, hasPressureVariation as hw, hasVisibleSlideAfter as hx, headerLabel as hy, imageDimensions as hz, AdvancedChartEditorComponent as i, readAsDataUrl as i$, loadAudienceContent as i0, mergeCaptionResults as i1, mergeDown as i2, mergeRight as i3, mergeSelection as i4, moveElementBy as i5, moveNodeDown as i6, moveNodeUp as i7, msToFrameDelayCs as i8, narrowToCircle as i9, overallStatus as iA, paletteColor as iB, parseAudienceNonce as iC, parseNodeTextarea as iD, partitionSlides as iE, patchChartData as iF, patchChartStyle as iG, patchTableData as iH, patchTextStyle as iI, patternPresetOptions as iJ, pendingElementStyles as iK, pickColorByClickFallback as iL, pickFile as iM, pickSupportedMimeType as iN, planGifFrames as iO, planVideoSegments as iP, pointsToSvgPathD as iQ, presenceToCursors as iR, presetByLayout as iS, presetsForCategory as iT, pressuresToWidths as iU, prevVisibleIndex as iV, projectDrawingShapes as iW, promoteNode as iX, provideViewerTheme as iY, radarAngle as iZ, radarRingPoints as i_, narrowToPolygon as ia, narrowToRect as ib, newChartElement as ic, newEquationElement as id, newPresetShapeElement as ie, newShapeElement as ig, newSmartArtElement as ih, newTableElement as ii, newTextElement as ij, nextVisibleIndex as ik, nodeBold as il, nodeEditBox as im, nodeFillColor as io, nodeFontColor as ip, nodeIdFromKey as iq, nodeItalic as ir, nodeStyle as is, normalizeFontFormat as it, normalizeSlidesPerPage as iu, normalizeValue as iv, numFromEvent as iw, ommlToMathml as ix, ooxmlDashToCssBorderStyle as iy, openNativeEyeDropper as iz, AiChangeOverlayComponent as j, setCategoryLabel as j$, recordWebm as j0, redistributeColumnWidth as j1, removeAnimation as j2, removeCategory as j3, removeTableElementColumn as j4, removeCommentFromList as j5, removeElementAnimation as j6, removeGradientStopPatch as j7, removeNode as j8, removeTableElementRow as j9, rulerDragToGuidePosition as jA, rulerHighlight as jB, rulerStripTicks as jC, sampleColorFromSlide as jD, sanitizeColor as jE, sanitizeSlideIndex as jF, sanitizeUserName as jG, saveViewerProfile as jH, scanAvailableFonts as jI, searchSlides as jJ, seedBroadcastFields as jK, seedHyperlinkDraft as jL, seedPropertiesDraft as jM, seedShareFields as jN, segmentFrameCount as jO, selectValue$2 as jP, sendBackward as jQ, sendToBack as jR, sequentialColorScale as jS, serializeWriteBack as jT, seriesColor as jU, setAnimationEmphasis as jV, setAnimationEntrance as jW, setAnimationExit as jX, setAxis as jY, setAxisLogScale as jZ, setAxisTitleStyle as j_, removeSeries as ja, renderToCanvas as jb, reorderAnimationDown as jc, reorderAnimationUp as jd, replaceInSlides as je, replaceMatch as jf, requestPresentationFullscreen as jg, resizeElement as jh, resolveCaptionTracks as ji, resolveChartKind as jj, resolveFontVariant as jk, resolveHyperlinkHref as jl, resolveInteractiveElementId as jm, resolveMediaSrc as jn, resolveOleType as jo, resolveParagraphBullet as jp, resolvePresenterNotes as jq, resolveProfileInitial as jr, resolveRegionCode as js, resolveSlideAutoAdvanceMs as jt, resolvePalette as ju, resolveThemeCatalogEntry as jv, resolveTransitionDuration as jw, revealedElementStyles as jx, routeOrthogonalConnector as jy, rowStyle as jz, AiChatPanelComponent as k, themeStyle as k$, setCellText as k0, setColorScheme as k1, setDataLabels as k2, setDataPointExplosion as k3, setDataPointFill as k4, setDataPointLabel as k5, setDataPointMarker as k6, setDelay as k7, setDirection as k8, setDuration as k9, showsTemplateAffordance as kA, signatureCountLabel as kB, signatureKey as kC, signatureTimestamp as kD, signerName as kE, statusLabel as kF, slideNumberOf as kG, smartArtNodes as kH, paletteColour as kI, snapToGridStep as kJ, splitCursorCell as kK, splitMergedCell as kL, statusKind as kM, statusLabel$1 as kN, storeAudienceContent as kO, stringFromEvent$5 as kP, strokeColorOf as kQ, strokeToInkElement as kR, strokeWidthOf as kS, styleShadowFilter as kT, textAdvancedPatch as kU, textAdvancedStateFromStyle as kV, textAdvancedStateOf as kW, textColorOf as kX, textDirectionPatch as kY, textStyleOf as kZ, textStylePatch as k_, setElementPosition as ka, setGridlineStyle as kb, setLayout as kc, setLegend as kd, setNodeStyle as ke, setNodeText as kf, setRepeatCount as kg, setRepeatMode as kh, setSequence as ki, setSeriesChartType as kj, setSeriesColor as kk, setSeriesErrorBars as kl, setSeriesMarker as km, setSeriesName as kn, setSeriesTrendline as ko, setSeriesValue as kp, setStyle as kq, setTimingCurve as kr, setTitle as ks, setTrigger as kt, setTriggerShapeId as ku, shapeStylePatch as kv, sheetAfterNavigate as kw, shouldBlockClickAdvance as kx, shouldUseSvgWarp as ky, showDirectionPicker as kz, AiChatService as l, themeToCssVars as l0, thumbnailHeight as l1, thumbnailZoom as l2, toggleCommentResolvedInList as l3, toggleNodeBold as l4, toggleNodeItalic as l5, toggleSheet as l6, topLevelNodeCount as l7, transformSelectedTextCase as l8, translationsEn as l9, ungroupElements as la, updateElementById as lb, updateGlowPatch as lc, updateGradientStopPatch as ld, updateInnerShadowPatch as le, updateOuterShadowPatch as lf, updateReflectionPatch as lg, vAlignPatch as lh, validatePassword as li, validatePrintSettings as lj, validateRoomId as lk, valueToY as ll, vermilionDarkColors as lm, vermilionDarkTheme as ln, vermilionLightColors as lo, vermilionLightTheme as lp, vermilionRadius as lq, waypointsToPathD as lr, worstStatus as ls, zoomTargetSlideIndex as lt, 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-BLXPLe5x.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, 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